/* Desktop refinements only. Approved layouts below 1024px remain unchanged. */
@media(min-width:1024px){
 :root{--desktop-content:1920px;--desktop-gutter:clamp(32px,5vw,96px)}
 .wrap,.site-footer{width:min(var(--desktop-content),calc(100% - var(--desktop-gutter) - var(--desktop-gutter)))}
 .site-header{width:100%;max-width:none;padding-inline:max(var(--desktop-gutter),calc((100% - var(--desktop-content))/2))}
 .brand{font-size:17px}.brand small{font-size:9px}
 #main-nav a{font-size:15px;padding:12px 6px}.header-cta{font-size:14px;min-height:48px}
 .cinema-opening{padding-top:42px;--scene-height:clamp(520px,40vw,780px)}
 .opening-intro{grid-template-columns:1.25fr 1fr;gap:clamp(40px,5vw,100px);padding-bottom:32px}
 .opening-intro h1{font-size:clamp(52px,4.7vw,96px);line-height:1.23;letter-spacing:-.035em}
 .opening-description>p{font-size:18px;line-height:1.7;max-width:46ch}
 .opening-description .hero-actions{gap:28px;margin-top:24px}
 .opening-description .button{font-size:16px;min-height:56px;padding:14px 24px}
 .opening-description .secondary-button{font-size:15px;min-height:52px}
 .showcase-tabs{gap:12px}.showcase-tabs button{font-size:15px;min-height:50px;padding:12px 18px}
 .artifact-position.artifact-main{width:60%;max-width:1120px}
 .artifact-left,.artifact-right{width:32%;max-width:520px}
 .cinema-opening .browser-chrome{font-size:12px;padding:13px 18px}
 .cinema-opening .preview-caption{font-size:15px;padding:14px 18px}
 .cinema-opening .preview-caption span:last-child{font-size:13px}
 .scene-footer .showcase-note,.scene-next{font-size:14px}.scene-footer .showcase-note span{font-size:13px}
 .story-line{font-size:clamp(34px,2.7vw,52px);line-height:1.65}
 .section-head h2,.service-section h2,.reviews-section h2,.process-section h2,.faq-section h2{font-size:clamp(38px,3.1vw,60px);line-height:1.3}
 .section-head>p,.service-section .section-head>p,.work-section .section-head>p{font-size:17px;line-height:1.7;max-width:48ch}
 .main-service{grid-template-columns:1.15fr 1fr;column-gap:clamp(40px,4vw,80px)}
 .main-service h3{font-size:18px}.service-lead{font-size:clamp(28px,2.15vw,40px);line-height:1.5}
 .service-intro>p:last-child:not(.service-lead){font-size:18px;line-height:1.75;max-width:48ch}
 .service-detail dt{font-size:15px}.service-detail dd{font-size:15px;line-height:1.7}
 .service-detail>p{font-size:14px;line-height:1.75}
 .service-detail .text-link{font-size:15px}
 .service-preview-caption strong{font-size:16px}.service-preview-caption p,.design-original,.service-showcase-note{font-size:13px}
 .service-tray h3{font-size:24px}.service-tray p{font-size:17px;line-height:1.7}.service-tray a{font-size:15px}
 .review-identity strong{font-size:18px}.review-identity>div>span{font-size:15px}
 .review-slide .review-quote{font-size:24px;line-height:1.7;max-width:72ch}
 .review-slide .review-quote.review-long{font-size:20px;line-height:1.8;max-width:80ch}
 .process-section{grid-template-columns:.9fr 1.1fr;gap:clamp(50px,6vw,120px)}
 .process-section .section-head>p,.process li p{font-size:17px;line-height:1.75}.process li h3{font-size:24px;line-height:1.5}
 .portfolio-cards .project-line h3{font-size:22px;line-height:1.5}.portfolio-cards .project-line>span{font-size:14px}.portfolio-cards .project-copy>p{font-size:15px}
 .work-toolbar .filters button{font-size:15px;padding:11px 23px}.portfolio-status{font-size:14px}
 .faq summary{font-size:20px;line-height:1.6}.faq p{font-size:17px;line-height:1.75}
 .contact-grid{gap:clamp(60px,6vw,120px)}.contact-section h2{font-size:clamp(44px,3.4vw,68px);line-height:1.35}
 .contact-section h2+p{font-size:18px;line-height:1.7;max-width:44ch}.brief-panel h3{font-size:24px}.brief-panel li p{font-size:17px}.brief-panel button{font-size:16px}
 .site-footer{font-size:13px}
}
@media(min-width:1800px){
 .opening-description>p{font-size:20px}.opening-intro{padding-bottom:40px}
 .service-section,.reviews-section{padding-block:96px}.process-section{padding-block:96px}
 .service-detail dt,.service-detail dd{font-size:16px}
 .service-tray{gap:36px}.portfolio-cards.projects{gap:40px 32px}
}

@media(min-width:1024px){
 .reviews-section.wrap{width:100%;padding-inline:max(var(--desktop-gutter),calc((100% - var(--desktop-content))/2))}
 .review-carousel{width:100%;max-width:none}
 .reviews-section .section-head>p{font-size:17px;line-height:1.7}
 .review-slide.is-active,.review-slide.is-visible{min-height:250px}
}

@media(min-width:1024px){
 html{scroll-padding-top:124px}
 .site-header{height:104px;min-height:104px;padding-block:18px}
 .site-header .brand{gap:16px}
 .site-header .brand-symbol{font-size:64px;line-height:.82}
 .site-header .brand>span:last-child{font-size:20px;line-height:1.3}
 .site-header .brand small{font-size:10px;margin-top:6px;letter-spacing:.13em}
 .site-header #main-nav{gap:34px}
 .site-header #main-nav a{font-size:18px;font-weight:500;padding:12px 6px;min-height:48px}
 .site-header .header-cta{font-size:16px;min-height:56px;padding:14px 24px;gap:24px}
 .site-header .header-cta svg{width:20px;height:20px}
}
