/* Audit fixes: retain the established visual system. */
html{scroll-behavior:auto}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #eacb98;outline-offset:5px}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#eae6da;color:#07090b;padding:12px;transform:translateY(-180%)}
.skip-link:focus{transform:none}
#nav a.lnk{min-height:44px;display:flex;align-items:center;color:#eae6da}
#nav{background:rgba(10,12,14,.94)}
#c0.show{pointer-events:auto}
#c0 h1{font-size:clamp(36px,4.5vw,66px)}
.scene[data-s="0"] .scrim{background:linear-gradient(90deg,rgba(7,9,11,.78),rgba(7,9,11,.38)),linear-gradient(0deg,rgba(7,9,11,.3),transparent)}
.copy.show{visibility:visible}
.copy:not(.show){visibility:hidden}
.copy .ov{color:#ecd1a6;text-shadow:0 1px 5px #000}
.ch[data-t="0"]{height:100svh;min-height:720px}
#pachete,#contact-final{scroll-margin-top:105px}
#pachete{padding:80px 0}
.offer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-top:42px}
.offer-grid h3{font-family:'Cormorant Garamond',serif;font-size:30px;line-height:1.2;margin:0 0 20px}
.offer-grid aside{border-left:1px solid var(--hair);padding-left:36px}
.offer-grid aside h3:not(:first-child){margin-top:32px}
.offer-grid p{max-width:50ch;color:#c3beb3}
.offer-list{list-style:none;margin:0 0 30px}
.offer-list li{padding:16px 0;border-bottom:1px solid var(--hair);font-size:18px}
.contact-panel{position:relative;z-index:30;background:#101519;padding:80px 0}
.contact-panel h2{font:500 clamp(36px,4.5vw,64px)/1.12 'Cormorant Garamond',serif}
.contact-panel h2 em{color:var(--gold)}
.contact-panel p{max-width:60ch;margin:22px 0;color:#c3beb3}
.contact-panel p a{color:var(--ink)}
#motion-toggle{position:fixed;bottom:24px;left:24px;z-index:49;padding:12px 16px;min-height:44px;background:#101519;color:var(--ink);border:1px solid #8f897d;border-radius:4px;font:inherit;font-size:13px;cursor:pointer}
.motion-paused #fog img{animation-play-state:paused}
body.static #stage,body.static #grain,body.static #prog{display:none}
body.static .copy{visibility:visible;position:relative;opacity:1;inset:auto;transform:none;translate:none;filter:none;margin:auto;padding:45px 24px;max-width:1100px}
body.static #c0{padding-top:140px;background:linear-gradient(#07090b88,#07090bbb),url('img/door-light.jpg') center/cover;max-width:none;min-height:75svh}
body.static .ch,body.static #final-spacer{height:0;min-height:0}
body.static #wa-fab{opacity:1;transform:none;pointer-events:auto}
body.static .hairline{transform:none}
body.static .interlude .w{opacity:1}
@media(max-width:700px){
 #nav{gap:13px;max-width:calc(100% - 24px);width:max-content;padding:8px 14px;top:12px}
 #nav a.lnk{display:flex;font-size:13px}
 #nav>.cta{display:none}
 #c0{top:25svh;bottom:auto;transform:none;max-width:calc(100% - 48px)}
 #c0 h1{font-size:clamp(34px,9vw,46px)}
 #c0 .lead-p{font-size:17px;line-height:1.5}
 .ch[data-t="0"]{height:100svh;min-height:650px}
 .offer-grid{grid-template-columns:1fr;gap:32px}
 .offer-grid aside{border-left:0;border-top:1px solid var(--hair);padding:28px 0 0}
 #pachete,.contact-panel{padding:56px 0}
 #motion-toggle{left:14px;bottom:16px;font-size:12px;padding:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
