/* v5: scroll scenes use only transform/clip-path, with an entirely readable static baseline. */
html,body{overflow-x:clip;overflow-y:visible}section[id]{scroll-margin-top:85px}.nav.scrolled{backdrop-filter:none;background:#f8f5ef}.nav a{min-height:44px;display:flex;align-items:center}.whatsapp-button{display:inline-flex!important;align-items:center;gap:9px}.whatsapp-button svg{width:18px;height:18px;flex:0 0 18px}.hero-note{display:none!important}.hero-copy{top:13.7%;left:0;right:0;max-width:none;text-align:center}.hero h1{font-size:clamp(64px,7vw,104px);line-height:1.03;letter-spacing:-.06em}.hero h1 span{color:#81703f}.hero-description{position:absolute;z-index:3;left:8vw;top:24%;width:56%;max-width:740px}.hero-description .intro{color:#fff;font-size:clamp(23px,2.7vw,40px);font-weight:600;line-height:1.3;letter-spacing:-.035em;max-width:none}.hero-description .button{background:var(--gold);border-color:var(--gold);color:var(--dark);margin-top:12px;min-height:48px}.hero.motion-active .hero-description{opacity:0;visibility:hidden;transform:translateY(36px)}.hero:not(.motion-active){height:auto}.hero:not(.motion-active) .hero-stage{height:auto;position:relative}.hero:not(.motion-active) .hero-photo{height:100svh}.hero:not(.motion-active) .hero-copy{top:120px}.hero:not(.motion-active) .hero-description{position:relative;left:0;top:0;margin-top:100svh;padding:35px 7vw 110px;width:100%;max-width:none;background:var(--paper)}.hero:not(.motion-active) .intro{color:var(--ink);font-size:24px;max-width:850px}
/* Documentation: the heading and three original photographs form a short horizontal sticky gallery. */
.documentation{min-height:250vh}.documentation .heading{position:sticky;top:105px;z-index:3;pointer-events:none}.stories{position:sticky;top:92px;height:calc(100svh - 112px);margin-top:-112px;display:block;overflow:hidden}.story{position:absolute;inset:0;height:100%;width:100%;clip-path:inset(0 100% 0 0);will-change:clip-path,transform;overflow:hidden}.story:first-child{clip-path:inset(0)}.story img{width:100%;height:100%;object-fit:cover;will-change:transform}.story>div{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:32px max(5vw,24px);background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;will-change:transform,opacity}.story>div h3{margin:0}.story>div p{margin:5px 0 0}.logo-wall{border:0;gap:1px;background:var(--line)}.logo-wall>div{border:0;will-change:transform,opacity}.logo-wall img{transition:transform .4s}.logo-wall>div:hover img{transform:scale(1.06)}
/* Selection is a compact pinned stack: only its active service receives pointer/keyboard focus. */
.selection{min-height:300vh}.selection>.heading{position:sticky;top:96px;z-index:4;pointer-events:none}.selection-layout{position:sticky;top:76px;height:calc(100svh - 76px);margin-top:-105px;display:block;overflow:hidden}.service,.service.buffet{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;clip-path:inset(0 100% 0 0);will-change:clip-path,transform;overflow:hidden}.service:first-child{clip-path:inset(0)}.service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}.service:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.64),transparent 72%)}.service>div{position:absolute;z-index:2;left:max(5vw,24px);bottom:12%;color:#fff;will-change:transform,opacity}.service>div h3{font-size:clamp(46px,7vw,92px);margin:.05em 0}.service>div a{display:inline-flex;min-height:44px;align-items:center;gap:12px;border-bottom:1px solid var(--gold)}
/* Quality and close both obtain intentional progress choreography. */
.quality{align-items:start}.quality-copy{will-change:transform,opacity}.quality-copy li{will-change:transform,opacity}.kitchen-wrap{position:sticky;top:105px;overflow:hidden;clip-path:inset(0 100% 0 0);will-change:clip-path}.kitchen-wrap img{height:100%;width:100%;object-fit:cover;will-change:transform}.contact>div,.contact address,footer{will-change:transform,opacity}.contact address>div{will-change:transform,opacity}.contact:before{content:"";position:absolute;left:5vw;right:5vw;height:1px;background:var(--gold);transform:scaleX(var(--line-scale,0));transform-origin:left;will-change:transform}.contact{position:relative}footer nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){.hero-copy{top:19%}.hero h1{font-size:clamp(48px,13vw,80px);line-height:1.08}.hero-copy .kicker{font-size:8px;letter-spacing:.17em}.hero-photo{top:35%;left:-10%;width:120%}.hero-description{top:22%;left:7vw;width:86%}.hero-description .intro{font-size:clamp(23px,6.4vw,34px);line-height:1.35}.hero-description .button{font-size:11px}.documentation{min-height:210vh;padding-bottom:70px}.documentation .heading{top:88px}.stories{top:78px;height:calc(100svh - 94px);margin-top:-80px}.story{height:calc(100svh - 94px);max-height:none}.story>div{padding:24px 22px}.selection{min-height:250vh;padding-bottom:60px}.selection>.heading{top:82px}.selection-layout{top:68px;height:calc(100svh - 68px);margin-top:-80px}.service>div{left:22px;bottom:11%}.service>div h3{font-size:clamp(46px,16vw,72px)}.quality{grid-template-columns:1fr;gap:45px}.kitchen-wrap{position:relative;top:0;height:95vw;max-height:500px}.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-wall>div{height:90px;padding:16px 10px}.contact{grid-template-columns:1fr}.contact:before{left:22px;right:22px}}
/* If JavaScript is unavailable, no original panel is concealed or made unfocusable. */
body:not(.motion-ready) .documentation,body:not(.motion-ready) .selection{min-height:0}body:not(.motion-ready) .documentation .heading,body:not(.motion-ready) .stories,body:not(.motion-ready) .selection>.heading,body:not(.motion-ready) .selection-layout,body:not(.motion-ready) .kitchen-wrap{position:relative;top:auto;height:auto;margin:0;overflow:visible}body:not(.motion-ready) .stories,body:not(.motion-ready) .selection-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}body:not(.motion-ready) .story,body:not(.motion-ready) .service,body:not(.motion-ready) .service.buffet{position:relative;inset:auto;height:auto;min-height:420px;clip-path:none;transform:none}body:not(.motion-ready) .story img,body:not(.motion-ready) .service img{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh}.hero-stage{position:relative}.hero-photo,.hero-copy{transform:none!important;opacity:1!important}.hero-shade,.progress,.scroll-cue{display:none}.hero-description{visibility:visible!important;opacity:1!important;transform:none!important}.documentation,.selection{min-height:0}.documentation .heading,.stories,.selection>.heading,.selection-layout,.kitchen-wrap{position:relative;top:auto;height:auto;margin:0;overflow:visible}.stories,.selection-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story,.service,.service.buffet{position:relative;inset:auto;height:auto;min-height:420px;clip-path:none!important;transform:none!important}.story img,.service img{transform:none!important}.story>div{position:absolute}.service>div{position:absolute}.quality-copy,.quality-copy li,.logo-wall>div,.contact>div,.contact address,.contact address>div,footer{opacity:1!important;transform:none!important}.kitchen-wrap{clip-path:none!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
