/* Hero uses document flow so headline and symbol never collide. */
html[data-mode="full"] .stage{height:max(780px,100svh)}
html[data-mode="full"] .stage__hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(36px,5vh,64px);padding:120px 24px 90px}
html[data-mode="full"] .hero-title{position:static;width:min(92%,1050px);font-size:clamp(34px,5.6vw,78px);line-height:1.08;margin:0;flex:none}
html[data-mode="full"] .logo-slot{position:relative;left:auto;top:auto;translate:none;height:clamp(160px,26vh,250px);flex:none}
html[data-mode="full"] .scroll-hint{position:static;translate:none;margin-top:0;gap:12px}
.nav__bar{max-width:1240px}.wrap{padding:clamp(95px,10vw,160px) max(6vw,24px)}
.home-about{background:#0b0b0b}.home-about .about-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:9vw}.home-about .about-copy{padding:0}.home-about .about-copy p{font-size:16px;line-height:1.9}.home-about .text-link{margin-top:20px}.home-about h2{font-size:clamp(36px,4.2vw,62px)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.stat{border-top:1px solid #333;padding-top:25px}.stat strong{display:block;font-size:clamp(40px,5.5vw,84px);font-weight:500;letter-spacing:-.06em}.stat>span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#999;margin-top:16px}.home-services{background:#111}.services-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.services-story .service-art{top:calc(50vh - 240px);margin-top:85px}.service-scene{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:90px 0;border-bottom:1px solid #333}.service-index{font-size:11px;letter-spacing:.15em;color:#e10600;margin-bottom:28px}.service-scene h3{font-size:clamp(32px,4vw,58px);line-height:1.06;font-weight:500;letter-spacing:-.05em;margin-bottom:25px}.service-scene h4{font-size:18px;line-height:1.5;font-weight:400;color:#eee;margin:0 0 18px}.service-scene p{color:#999;font-size:15px;line-height:1.85}.service-scene .text-link{align-self:start;margin-top:24px}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:70px;gap:0;border-left:1px solid #222;border-top:1px solid #222}.client-grid>div{height:130px;padding:25px;display:grid;place-items:center;border-right:1px solid #222;border-bottom:1px solid #222}.client-grid img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.client-grid>div:hover img{transform:scale(1.1)}.original-projects{display:grid;grid-template-columns:repeat(6,1fr);gap:38px 28px}.old-project{grid-column:span 2;text-decoration:none;display:block;min-width:0}.old-project:nth-child(-n+2){grid-column:span 3}.project-image{overflow:hidden;aspect-ratio:1.05;background:#ddd}.old-project:nth-child(-n+2) .project-image{aspect-ratio:1.45}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.old-project:hover img{transform:scale(1.05)}.old-project .project-meta{font-size:20px;gap:15px}.testimonials{overflow:hidden}.review-track{display:flex;gap:25px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:5px 0 30px}.review-track blockquote{flex:0 0 calc((100% - 50px)/3);margin:0;padding:32px;background:#151515;border-top:1px solid #333;scroll-snap-align:start;display:flex;flex-direction:column;min-height:290px}.quote-mark{color:#e10600;font-size:60px;line-height:1}.review-track p{font-size:16px;line-height:1.8;color:#bbb;flex:1}.review-track cite{font-style:normal;font-size:12px;color:#eee}.review-controls{display:flex;gap:8px}.why-section{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;background:#131313;align-items:start}.why-section h2{font-size:clamp(35px,4vw,60px)}.why-section .lead{font-size:18px;color:#aaa}.why-photo{position:sticky;top:130px;height:640px;overflow:hidden}.why-photo img{width:100%;height:115%;object-fit:cover}.why-points article{border-top:1px solid #333;padding:26px 0}.why-points h3{font-weight:500;font-size:20px;letter-spacing:-.02em;margin-bottom:12px}.why-points p{color:#999;font-size:14px;line-height:1.7;margin:0}.contact-email{font-size:clamp(16px,1.7vw,25px);text-decoration:none;display:inline-block;margin:20px 0}.contact-grid>div>p>a{text-decoration:none}.socials{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;max-width:370px}.socials a{font-size:12px;text-decoration:none;color:#555}.footer-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:40px;margin:65px 0}.footer-columns h3{font-weight:500;font-size:13px;margin-bottom:22px}.footer-columns a,.footer-columns p{display:block;font-size:12px;line-height:1.9;color:#999;text-decoration:none;overflow-wrap:anywhere}.footer-columns a{margin-bottom:7px}.footer-columns a:hover{color:#fff}.clock-label{font-size:9px;letter-spacing:.08em;color:#e10600}.career-heading{margin-top:24px}.menu li a{font-size:clamp(28px,5vh,60px)}.menu li+li{margin-top:0}
@media(min-width:1600px){.wrap{padding-left:max(6vw,calc((100vw - 1500px)/2));padding-right:max(6vw,calc((100vw - 1500px)/2))}}
@media(max-width:850px){html[data-mode="full"] .stage{height:max(700px,100svh)}html[data-mode="full"] .stage__hero{padding:110px 22px 70px;gap:40px}html[data-mode="full"] .hero-title{font-size:clamp(34px,7vw,54px)}html[data-mode="full"] .logo-slot{height:190px}.wrap{padding:90px 24px}.home-about .about-grid{grid-template-columns:1fr;gap:65px}.stats-grid{gap:35px}.stat strong{font-size:58px}.services-story{grid-template-columns:1fr;gap:30px}.services-story .service-art{position:relative;top:auto;margin-top:0;height:300px;aspect-ratio:auto}.service-scene{min-height:0;padding:60px 0}.service-scene h3{font-size:38px}.client-grid{grid-template-columns:repeat(3,1fr);margin-top:45px}.client-grid>div{height:100px;padding:16px}.original-projects{grid-template-columns:1fr 1fr;gap:22px}.old-project,.old-project:nth-child(-n+2){grid-column:span 1}.old-project:last-child{grid-column:1/-1}.old-project:nth-child(-n+2) .project-image{aspect-ratio:1.05}.old-project .project-meta{font-size:16px}.review-track blockquote{flex-basis:82%;padding:25px}.why-section{grid-template-columns:1fr;gap:40px}.why-photo{position:relative;top:auto;height:420px}.footer-columns{grid-template-columns:1fr 1fr;gap:35px}.contact-section h2{font-size:clamp(45px,10vw,80px)}.contact-section h2 b{display:none}}
@media(prefers-reduced-motion:reduce){.project-image img,.client-grid img{transition:none}}