/* Accessibility and small-screen refinements; the approved panels are preserved. */
html{scroll-padding-top:30px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ea4488;outline-offset:5px}
.comparison:focus-within{outline:2px solid #ea4488;outline-offset:-3px}
.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:#111;padding:15px 20px}
.skip-link:focus{top:15px}
.navigation a,.menu-button,.case-end a,.text-arrow{min-height:44px;display:inline-flex;align-items:center}
.menu-button{align-items:stretch;flex-direction:column;justify-content:center;width:46px;height:46px;padding:12px}
.menu-button span{flex:none;height:1px;margin:4px 0}
.menu-button[aria-expanded=true] span:first-child{transform:translateY(5.5px) rotate(45deg)}
.menu-button[aria-expanded=true] span:last-child{transform:translateY(-5.5px) rotate(-45deg)}
.navigation a{padding-top:6px;padding-bottom:6px}
.film-play[hidden]{display:none}
.film-player{aspect-ratio:16/9}
.film-player video{height:100%;min-height:0;max-height:none;display:block}
.whatsapp{width:52px;height:52px}
footer{padding-right:100px}
@media(min-width:851px){.menu-button{display:none}}
@media(max-width:850px){
 .hero{height:auto;min-height:100svh;padding-top:90px}
 .hero-copy{padding-top:260px}
 .hero h1{font-size:clamp(52px,11vw,84px)}
 .eyebrow{font-size:10px;line-height:1.8;letter-spacing:.13em}
 .hero-copy p{line-height:1.9;letter-spacing:.16em}
 .header .brand img{width:min(235px,55vw)}
 .navigation{top:85px;padding:18px 24px;gap:0;border:1px solid #ffffff30;box-shadow:0 15px 40px #0008}
 .navigation a{padding:13px 0;width:100%;font-size:12px}
 .navigation .nav-book{padding:12px 16px;margin-top:10px;width:auto}
 .film-player{min-height:0}
 .film-player video{min-height:0}
 .film-play span{width:64px;height:64px;font-size:22px}
 .film-play small{font-size:9px}
 .film-heading h2{font-size:clamp(38px,9vw,64px)}
 .editorial-pair{grid-template-columns:1fr}
 .ceramic-image img{height:auto;max-height:380px;aspect-ratio:1.4}
 .small-case .comparison{height:65vw;min-height:240px;max-height:500px}
 .full-case .comparison,.portfolio-case .comparison{height:72vw;min-height:260px;max-height:460px}
 .handmade h2{font-size:clamp(43px,10.4vw,80px)}
 .handmade-visual{grid-template-columns:1fr 1fr}
 .handmade-visual img{height:72vw}
 .services-list a{grid-template-columns:24px minmax(0,1fr) 22px;gap:10px}
 .services-list span{font-size:clamp(25px,6.7vw,40px)}
 .services h2{font-size:clamp(48px,13vw,65px)}
 .course-links{gap:22px}
 .contact h2{font-size:clamp(60px,16vw,100px)}
 .hero-cta,.final-cta{min-width:0;max-width:100%;width:min(300px,100%);font-size:10px}
 .contact-meta{font-size:10px;letter-spacing:.05em}
 .case-caption,.portfolio-caption,.case-end{font-size:9px;letter-spacing:.08em}
 .whatsapp{bottom:calc(14px + env(safe-area-inset-bottom));right:14px;width:48px;height:48px}
 footer{font-size:10px;line-height:1.7;padding-bottom:88px}
 .interior-hero h1{font-size:clamp(44px,12vw,76px);overflow-wrap:break-word}
 .service-body p{font-size:15px}.faq summary{font-size:17px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}