/* Cinematic LEONA composition, with independently readable mobile layouts. */
body .hero{background-image:url('assets/hero-logo-claws.png')}
@media(max-width:760px){body .hero{background-size:auto 61%;background-position:80% bottom}body .hero:before{background:linear-gradient(180deg,#071b18 0%,rgba(7,27,24,.92) 38%,rgba(7,27,24,.15) 68%,transparent 90%)}body .top .logo{height:55px}body .hero h1{font-size:43px}}
.top .logo{width:auto!important;height:66px;object-fit:contain}footer .logo{width:auto!important;height:68px}.hero-copy{animation:enter .9s both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
body{font-size:16px}.top{height:106px;padding-inline:6%}.logo{width:156px}.menu{font-size:13px;gap:32px}.gold-button{font-size:14px;min-height:48px;padding:13px 26px}.hero{min-height:780px;height:min(850px,95svh);padding:195px 7% 85px;background:#071b18 url('assets/hero-cinematic.png') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,12,.4),transparent 75%);z-index:-1}.hero-copy{max-width:700px}.hero h1{font-size:clamp(60px,6vw,90px);letter-spacing:-.055em;line-height:1.04}.hero-copy>p:not(.tag){font-size:19px;max-width:500px;line-height:1.5;margin:25px 0}.hero-actions{gap:14px}.outline-button{font-size:14px;display:flex;align-items:center;padding:12px 23px}.blade-art,.ridge,.sun-arc{display:none}.tag{font-size:10px;letter-spacing:.23em}.tag:before{content:'';display:inline-block;width:30px;height:1px;background:#b8874b;vertical-align:middle;margin-right:14px}.section{padding:85px 7%}.heading{max-width:760px}.heading>p:last-child{font-size:18px;max-width:660px;line-height:1.5}.strategy-notes{top:120px}.service-grid{gap:18px;margin-top:36px}.service{padding:22px 18px 15px;border-radius:12px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.service:hover{transform:translateY(-6px);box-shadow:0 16px 30px #10251b14}.mini-logo{width:83px;height:25px;object-fit:contain;object-position:left}.service h3{font-size:27px;line-height:1.08;min-height:59px;margin:18px 0 12px}.service p{font-size:13px;line-height:1.5;min-height:79px}.service-art{height:165px;background-image:url('assets/hero-cinematic.png');background-size:auto 230px;background-position:right center;margin-top:auto}.service-art:before,.service-art:after{display:none}.chart{background-position:70% bottom}.web-art{background-position:center}.city-art{background-image:url('assets/city-cinematic.png');background-size:cover}.service>a{font-size:13px;min-height:43px;border-radius:5px;display:grid;place-content:center;grid-auto-flow:column;margin-top:6px}.cases{min-height:620px;background:linear-gradient(90deg,rgba(3,16,13,.8),rgba(3,16,13,.08)),url('assets/city-cinematic.png') center/cover}.city-line{display:none}.case-content{max-width:720px}.case-content>p:not(.tag){font-size:17px;line-height:1.5;max-width:500px}.metrics{margin:30px 0;gap:12px}.metrics div{width:156px;padding:18px;background:#071b1859;backdrop-filter:blur(7px)}.metrics b{font-size:29px}.metrics span{font-size:12px}.process{background:#f7f3ea}.process h2{max-width:780px}.process-lead{font-size:17px;max-width:620px;line-height:1.5}.steps{gap:16px}.steps article{padding:24px 18px;min-height:190px}.steps b{width:48px;height:48px}.steps h3{font-size:16px}.steps p{font-size:12px;line-height:1.5}.about{min-height:390px}.about p:not(.tag){font-size:17px;line-height:1.6}.about-blades{flex-basis:240px}.contact{padding-block:95px;align-items:center;background:linear-gradient(90deg,rgba(3,16,13,.5),rgba(3,16,13,.2)),url('assets/hero-cinematic.png') center/cover;gap:60px}.contact>div{max-width:620px}.contact h2{font-size:clamp(38px,4.6vw,68px);line-height:1.05}.contact p:not(.tag){font-size:17px;line-height:1.6}.footer-form{flex:0 0 390px;background:#fbf8f0;color:#15241e;padding:30px;border:0;border-radius:12px;box-shadow:0 16px 60px #0003;display:flex;flex-direction:column;align-items:stretch;gap:21px}.footer-form label{color:#182c24;font-size:13px}.footer-form input:not([type=checkbox]){border:1px solid #cfcac0;border-radius:7px;padding:15px;color:#15241e;margin-top:8px;font-size:16px}.footer-form input::placeholder{color:#7c847e}.footer-form-message{font-size:12px;color:#516558}.footer-form .gold-button{margin:0;min-height:51px}footer{padding:32px 7%;font-size:12px}footer .logo{width:140px}.contact-options{display:none}.modal-copy{font-size:14px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #c28b48;outline-offset:4px}
@media(max-width:900px){.menu{gap:15px}.top .logo{width:125px}.steps{flex-wrap:wrap}.steps article{flex:1 1 28%}.contact{gap:30px}.footer-form{flex-basis:330px}}
@media(max-width:760px){.top{height:88px;padding:20px 23px}.top .logo{width:125px}.menu{gap:25px}.hero{height:auto;min-height:820px;padding:133px 23px 295px;background-position:63% center}.hero:before{background:linear-gradient(180deg,rgba(3,17,13,.8) 0%,rgba(3,17,13,.55) 43%,transparent 80%)}.hero h1{font-size:clamp(39px,10.6vw,58px);line-height:1.06;letter-spacing:-.055em}.hero-copy>p:not(.tag){font-size:16px;max-width:310px;margin:22px 0}.hero .tag{font-size:8px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-actions>*{min-width:190px;justify-content:center}.scroll{display:block;bottom:24px;left:23px;font-size:10px}.section{padding:60px 23px}.tag{font-size:9px}.heading h2{font-size:41px;line-height:1.03}.heading>p:last-child{font-size:15px}.strategy-notes{display:none}.service-grid{display:grid;grid-template-columns:1fr;margin:28px 0 0;padding:0;overflow:visible;gap:12px}.service{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto;gap:5px 16px;padding:14px;border-radius:10px;position:relative;min-height:129px}.mini-logo{display:none}.service h3{grid-column:2;grid-row:1;min-height:0;font-size:20px;margin:1px 18px 0 0}.service p{grid-column:2;grid-row:2;font-size:12px;min-height:0;padding-right:10px;margin:0}.service-art{grid-column:1;grid-row:1/3;height:100%;min-height:98px;margin:0;background-size:auto 150px;border-radius:6px}.service>a{position:absolute;inset:0;display:block;background:transparent;font-size:0;margin:0;min-height:0}.service>a b{font-size:20px;position:absolute;right:9px;top:12px;color:#886138;margin:0}.cases{min-height:700px;background-position:65% center;padding-bottom:160px}.cases h2{font-size:42px;line-height:1.03}.case-content>p:not(.tag){font-size:15px}.metrics{display:grid;grid-template-columns:1fr;gap:9px}.metrics div{width:100%;padding:12px 17px}.metrics b{font-size:26px}.metrics span{font-size:12px}.cases .gold-button{width:100%}.process h2{font-size:36px;line-height:1.03}.process-lead{font-size:15px}.steps{display:flex;flex-direction:column;gap:13px;margin-top:30px}.steps article{display:grid;grid-template-columns:47px 1fr;gap:0 15px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.steps b{grid-row:1/3;width:43px;height:43px;font-size:20px}.steps h3{font-size:15px;margin:0 0 3px}.steps p{font-size:12px}.about{gap:18px;min-height:0}.about h2{font-size:39px}.about p:not(.tag){font-size:15px}.about-blades{display:none}.contact{background-position:65% center;gap:28px;padding-bottom:65px}.contact h2{font-size:43px;max-width:350px}.contact p:not(.tag){font-size:16px}.footer-form{flex-basis:auto;width:100%;padding:24px;gap:18px}footer{padding:28px 23px;font-size:10px;gap:18px}.modal-panel{border-radius:12px}.modal form{gap:17px}.modal form input:not([type=checkbox]){font-size:16px}.modal fieldset{display:none}}
