/* Final global correction: stable media frames, compact heroes and image-led sections. */
.section{padding:72px 5vw}.section-head{gap:35px;margin-bottom:32px}h2{font-size:clamp(32px,3.5vw,52px)}.section-head p{max-width:42ch}.button{max-width:100%;white-space:normal}.text-link{white-space:normal}.header,.v2 .header,.v3 .header{min-height:88px;padding:12px 4vw;gap:24px}.brand,.v2 .brand,.v3 .brand{width:205px;padding:0;align-self:center}.brand img{max-height:68px}.v2 .header{background:#fff;color:#242424;backdrop-filter:none}.v2 .header .brand{background:transparent}.v3 .header{background:#080808;color:#f7f4e9;border-bottom:1px solid #ffffff25;backdrop-filter:none}.v3 .header .brand{background:transparent}.v3 .header nav,.v3 .service-toggle{color:#f7f4e9}.v3 .header [aria-current=page]{color:#ece70f}.v3 .header-cta{background:#ece70f;color:#171717;border-color:#ece70f}.v3 .mega{background:#151515;color:#f7f4e9;border-color:#ece70f}.v3 .mega a{color:#f7f4e9;border-bottom-color:#ffffff25}.v3 .mega a:hover{color:#ece70f}
/* Each version opens on its own full-width image. */
.hero-cinema,.v2 .expo-hero,.v3 .studio-hero{height:clamp(540px,44vw,660px);min-height:540px;max-height:none}.hero-copy h1,.v2 .expo-copy h1{font-size:clamp(48px,5.5vw,78px)}.v2 .expo-copy{padding:90px 5vw;max-width:860px}.hero-cinema{padding:70px 5vw}.hero-bottom{left:5vw;right:5vw;bottom:22px;font-size:10px;letter-spacing:1px}.hero-annotation{position:absolute;bottom:23px;left:5vw;z-index:3;color:#fff;font-size:11px}.v3 .studio-hero{position:relative;isolation:isolate;overflow:hidden;background:#161616;color:white;padding:0}.v3 .studio-slider{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.v3 .studio-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101010dd,#10101085 55%,#10101010);pointer-events:none}.v3 .studio-heading{position:relative;display:block;padding:85px 5vw;max-width:1000px;background:none;color:#fff}.v3 .studio-heading h1{font-size:clamp(46px,5.6vw,78px);line-height:1.05;color:#fff;max-width:880px;margin-bottom:24px}.v3 .studio-heading>div{display:block}.v3 .studio-heading p{color:#eee;font-size:17px;max-width:480px;margin-bottom:25px}.v3 .studio-heading .button{background:#ece70f;color:#171717}.v3 .studio-caption{position:absolute;left:5vw;bottom:21px;color:#fff;padding:0;background:transparent;z-index:3;font-size:11px}.ticker{padding:15px 0}.ticker>div{gap:36px}.ticker span,.v2 .ticker span,.v3 .ticker span{font-size:17px}
/* Every inner-page hero uses the same controlled height with proportional cover. */
.inner-hero,.v2 .inner-hero,.v3 .inner-hero{min-height:460px;padding:48px 5vw}.inner-copy h1,.v3 .inner-copy h1{font-size:clamp(38px,4.2vw,60px);line-height:1.1;max-width:740px;margin-bottom:22px}.inner-copy p,.v2 .inner-copy p,.v3 .inner-copy p{font-size:16px;line-height:1.65;max-width:580px;margin-bottom:24px}.breadcrumb,.v2 .inner-copy .breadcrumb,.v3 .inner-copy .breadcrumb{margin-bottom:22px}.inner-visual img,.v2 .inner-visual img,.v3 .inner-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.page-title.has-photo{min-height:420px;padding:50px 5vw}.has-photo h1{font-size:clamp(40px,4.7vw,65px)}
/* Replace the empty introduction column with visible architecture. */
.intro,.v2 .intro,.v3 .intro{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:5vw;padding:72px 5vw;background:var(--bg);border:0}.intro .intro-image{display:block;margin:0;position:relative;overflow:hidden}.intro-image img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}.intro-image figcaption{position:absolute;bottom:14px;left:14px;color:#fff;background:#151515de;font-size:11px;padding:5px 9px}.intro>div,.v3 .intro>div{display:block;max-width:700px}.intro h2,.v2 .intro h2,.v3 .intro h2{font-size:clamp(32px,3.4vw,48px);margin-bottom:22px}.intro p:not(.eyebrow),.v2 .intro p:not(.eyebrow),.v3 .intro p:not(.eyebrow){font-size:17px;margin-bottom:24px}.intro .eyebrow{display:block!important}.v3 .intro{background:#ece70f}.v3 .intro p{color:#353525}.v3 .intro .text-link{color:#222}.v1 .expertise{background:#20211c}.v2 .expertise{background:#f6f3ef}
/* Uniform card geometry; images remain proportional, never stretched. */
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.image-wrap,.v2 .feature-services-grid .image-wrap,.v3 .services-grid .image-wrap,.v3 .expertise-grid .image-wrap{aspect-ratio:3/2}.image-wrap>img,.v2 .feature-services-grid .image-wrap>img,.v3 .services-grid .image-wrap>img,.v3 .expertise-grid .image-wrap>img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}.service-card .card-copy{padding:22px 0}.service-card h3{font-size:25px}.service-card p{line-height:1.7}.feature-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid,.v2 .work-grid,.v3 .work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}.work-tile:nth-child(n),.v2 .work-tile:nth-child(n),.v3 .work-tile:nth-child(n){margin:0;grid-column:auto;grid-row:auto}.work-tile:nth-child(n) img,.v2 .work-tile:nth-child(n) img,.v3 .work-tile:nth-child(n) img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover}.work-tile span{font-size:14px}.gallery{display:grid;columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.gallery-item{margin:0;display:block}.gallery-item img,.gallery-item:nth-child(5n+2) img{width:100%;aspect-ratio:4/3;height:auto;object-fit:contain;background:#252724}.gallery-item[hidden]{display:none}.gallery-item span{padding:14px 0}.inspiration{background:var(--panel)}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.inspiration figure{margin:0}.inspiration img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.inspiration figcaption{font-size:14px;margin-top:15px}
/* The screenshot's uneven pair becomes a balanced, full-width two-image showcase. */
.decker-feature,.v2 .decker-feature,.v3 .decker-feature{display:block;padding:64px 5vw}.decker-feature-copy,.v2 .decker-feature-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw;max-width:none;margin-bottom:35px;align-items:start}.decker-feature-copy .eyebrow{grid-column:1/-1;margin-bottom:16px}.decker-feature-copy h2{grid-column:1;grid-row:2/4;font-size:clamp(36px,4vw,58px);margin:0}.decker-feature-copy p:not(.eyebrow){grid-column:2;margin:0 0 22px}.decker-feature-copy .button{grid-column:2;justify-self:start}.decker-feature-images,.v2 .decker-feature-images,.v3 .decker-feature-images{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.decker-feature-images a:nth-child(n),.v3 .decker-feature-images a:nth-child(2){width:100%;justify-self:stretch}.decker-feature-images img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.decker-gallery{grid-template-columns:1fr 1fr;gap:36px 28px}.decker-gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#272823}.decker-gallery h3{font-size:24px}.decker-gallery figcaption{padding:18px 0}.v1 .decker-feature{background:#29281f}.v2 .decker-feature{background:#f2e8e6}.v3 .decker-feature{background:#c9af98}
.service-story>img,.about-split>img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.brief-panel{gap:4vw}.detail-list article{padding:24px}.v1 .detail-list article{background:#24251f;border-top:2px solid #d9b56b}.v2 .detail-list article{background:#f6efed;border-top:2px solid #b61218}.v3 .detail-list article{background:#ece8df;border-top:2px solid #8e7a64}.process-grid{gap:30px}.v1 .process-grid article{background:#25261f;padding:25px}.v2 .process-grid article{background:#fff;padding:25px}.v3 .process-grid article{padding:25px 0}.full-story{min-height:490px;padding:65px 5vw}
/* Visible photographic CTA on every page, with a strong contrast layer. */
.closing,.v2 .closing,.v3 .closing{isolation:isolate;display:block;min-height:380px;padding:60px 5vw;color:#fff;background:#171a17}.closing>.closing-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.closing:after,.v3 .closing:after{content:'';display:block;position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(90deg,#141810f0,#141810b5 60%,#14181065);z-index:-1;pointer-events:none}.v2 .closing:after{background:linear-gradient(90deg,#3c080be8,#3c080ba3 65%,#28040850)}.v3 .closing:after{background:linear-gradient(90deg,#171717ed,#171717a0 65%,#17171740)}.closing h2,.v2 .closing h2,.v3 .closing h2{color:#fff;font-size:clamp(36px,4vw,58px);max-width:850px;margin-bottom:25px}.closing .eyebrow,.v2 .closing .eyebrow{color:#f0d292}.v1 .closing .button{background:#d9b56b;color:#171717}.v2 .closing .button{background:#fff;color:#941016;border-color:white}.v3 .closing .button{background:#ece70f;color:#171717;border-color:#ece70f}footer{padding:55px 5vw 95px;gap:35px}.social-icons span{width:32px;height:32px}.social-icons svg{width:23px;height:23px}.footer-brand img{max-width:230px}.contact-layout{gap:5vw}.contact-layout form{min-width:0}.floating-wa{bottom:16px;right:16px}
@media(max-width:1100px){.header,.v2 .header,.v3 .header{gap:18px;padding:12px 3vw}.brand,.v2 .brand,.v3 .brand{width:180px}.header nav,.v2 .header nav,.v3 .header nav{gap:20px}.header-cta,.v2 .header-cta,.v3 .header-cta{font-size:12px;padding:13px 15px}.services-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.header,.v2 .header,.v3 .header{padding:10px 4vw;gap:15px;min-height:78px}.v3 .header nav{background:#080808;color:#f7f4e9}.v3 .header nav>a{border-color:#ffffff25}.v3 .hamburger{border-color:#ffffff80}.v3 .hamburger span{background:#fff}.v3 .mega{background:#1c1c1c}.v2 .header nav{background:white}.hero-cinema,.v2 .expo-hero,.v3 .studio-hero{height:580px;min-height:580px}.v2 .expo-copy,.v3 .studio-heading{padding:80px 5vw;max-width:760px}.v3 .studio-heading h1{font-size:58px}.intro,.v2 .intro,.v3 .intro{gap:30px}.intro h2,.v2 .intro h2,.v3 .intro h2{font-size:36px}.intro p:not(.eyebrow),.v2 .intro p:not(.eyebrow),.v3 .intro p:not(.eyebrow){font-size:16px}.gallery{grid-template-columns:1fr 1fr}.inner-hero,.v2 .inner-hero,.v3 .inner-hero{min-height:440px;padding:40px 5vw}.inner-copy h1,.v3 .inner-copy h1{font-size:45px}.inner-visual,.v2 .inner-visual,.v3 .inner-visual{height:100%}.decker-feature-copy h2{font-size:44px}.work-grid,.v2 .work-grid,.v3 .work-grid{gap:20px}.service-card h3{font-size:23px}.v3 footer,footer,.v2 footer{grid-template-columns:1fr 1fr}.closing,.v2 .closing,.v3 .closing{min-height:350px}.section{padding:60px 5vw}}
@media(max-width:600px){.header,.v2 .header,.v3 .header{min-height:72px;padding:10px 12px;gap:8px}.brand,.v2 .brand,.v3 .brand{width:130px;padding:0;flex-shrink:1}.header-cta,.v2 .header-cta,.v3 .header-cta{font-size:11px;padding:10px 8px;min-height:44px;flex-shrink:0}.header-cta span{margin-left:3px}.hamburger{width:36px;min-height:44px;flex-shrink:0;margin-left:auto}.header nav{max-height:calc(100svh - 76px)}.hero-cinema,.v2 .expo-hero,.v3 .studio-hero{height:570px;min-height:570px}.hero-cinema{padding:50px 22px 85px}.hero-copy h1,.v2 .expo-copy h1,.v3 .studio-heading h1{font-size:45px;line-height:1.08}.hero-copy p:not(.eyebrow),.v2 .expo-copy p,.v3 .studio-heading p{font-size:15px}.v2 .expo-copy,.v3 .studio-heading{padding:65px 22px 100px}.hero-actions{gap:12px;margin-top:26px}.hero-actions .button{font-size:12px;padding:13px 15px;min-height:48px}.hero-bottom{left:22px;right:22px;bottom:20px;display:block;padding-top:15px}.hero-bottom>span{display:none}.hero-bottom a{font-size:11px}.hero-annotation{bottom:20px;left:22px;font-size:10px;max-width:140px}.v3 .studio-caption{left:22px;bottom:20px;max-width:140px;font-size:10px}.slide-controls{right:16px;bottom:16px;gap:8px}.slide-dots{gap:0}.slide-dot{width:27px}.slide-dot:before{width:21px}.slide-controls>button{width:44px;height:44px}.inner-hero,.v2 .inner-hero,.v3 .inner-hero{min-height:480px;padding:36px 22px 48px}.inner-copy h1,.v3 .inner-copy h1{font-size:36px;line-height:1.12}.inner-copy p,.v2 .inner-copy p,.v3 .inner-copy p{font-size:14px;line-height:1.65}.inner-copy .breadcrumb{font-size:11px;margin-bottom:18px}.inner-hero .image-note{font-size:10px;bottom:10px}.page-title.has-photo{min-height:390px;padding:42px 22px}.has-photo h1{font-size:38px}.section,.intro,.v2 .intro,.v3 .intro{padding:48px 22px}.section-head{display:block;margin-bottom:26px}.section-head>p{margin-top:20px}.section-head .text-link{margin-top:14px}.intro,.v2 .intro,.v3 .intro{grid-template-columns:1fr;gap:28px}.intro-image img{aspect-ratio:3/2}.intro h2,.v2 .intro h2,.v3 .intro h2{font-size:34px}.intro .eyebrow{font-size:10px}.services-grid,.feature-services-grid,.work-grid,.v2 .work-grid,.v3 .work-grid,.inspiration-grid{grid-template-columns:1fr;gap:30px}.work-tile:nth-child(n) img,.v2 .work-tile:nth-child(n) img,.v3 .work-tile:nth-child(n) img{aspect-ratio:3/2}.gallery{grid-template-columns:1fr;gap:25px}.gallery-item img,.gallery-item:nth-child(5n+2) img{aspect-ratio:4/3}.decker-feature,.v2 .decker-feature,.v3 .decker-feature{padding:48px 22px}.decker-feature-copy,.v2 .decker-feature-copy{display:block;margin-bottom:28px}.decker-feature-copy h2{font-size:39px;margin-bottom:22px}.decker-feature-copy p:not(.eyebrow){margin-bottom:23px}.decker-feature-images,.v2 .decker-feature-images,.v3 .decker-feature-images,.decker-gallery{grid-template-columns:1fr;gap:28px}.decker-feature-images img{aspect-ratio:3/2}.decker-gallery img{aspect-ratio:3/2}.decker-gallery h3{font-size:22px}.detail-list article,.v3 .detail-list article{padding:22px}.closing,.v2 .closing,.v3 .closing{padding:48px 22px;min-height:350px}.closing h2,.v2 .closing h2,.v3 .closing h2{font-size:37px}.full-story{min-height:440px;padding:48px 22px}.full-story h2,.v3 .full-story h2{font-size:36px}footer,.v2 footer,.v3 footer{padding:45px 22px 100px;gap:30px 20px}.footer-brand{grid-column:1/-1}.footer-brand img{max-width:220px}.footer-contact{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom a{margin-top:12px!important}.floating-wa{padding:11px 13px;right:12px;bottom:12px}.floating-wa span{display:none}.back-top{left:12px;bottom:15px}.form-result .button{font-size:13px}.ticker span,.v2 .ticker span,.v3 .ticker span{font-size:15px}.ticker>div{gap:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}