.hero{background:#101112;min-height:780px;height:calc(100svh - 98px);max-height:1100px;isolation:isolate}
.kitchen-stage{position:absolute;inset:0 0 0 25%;overflow:hidden;background:#101112;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 16%)}
.kitchen-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;filter:none;transform:none;opacity:1}
.kitchen-stage .kitchen-sketch{opacity:0}.hero.motion-ready .kitchen-sketch{opacity:1}.hero.motion-ready .kitchen-finish{clip-path:inset(0 0 0 100%)}
.hero.is-designing .kitchen-finish{animation:kitchen-materialize 8s cubic-bezier(.3,.05,.2,1) both}
.hero.is-designing .kitchen-sketch{animation:kitchen-ink 8s ease both}
.hero.is-paused .kitchen-stage img{animation-play-state:paused}
.hero .hero-shade{z-index:1;background:linear-gradient(90deg,#08090af2 0%,#08090adc 21%,#08090a66 41%,transparent 65%),linear-gradient(0deg,#08090ae6,transparent 28%);pointer-events:none}
.hero .light-stage{display:none}.hero .hero-copy{z-index:2;padding:35px 5% 110px;width:47%;max-width:650px}.hero h1{font-size:clamp(2.6rem,3.7vw,4.4rem);line-height:1.12;letter-spacing:-.045em}.hero h1 br{display:none}.hero .eyebrow{font-size:.65rem;letter-spacing:.14em}.hero-description{font-size:.88rem;max-width:400px}.hero-description br{display:none}.hero .button{font-size:.8rem;padding:16px 21px}.hero-bottom{z-index:3}
.design-controls{position:absolute;z-index:3;bottom:112px;right:5%;display:flex;align-items:center;gap:20px;color:#d5d0c7;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.design-controls button{border:1px solid #ffffff40;background:#101112a8;color:#eee;padding:9px 13px;font:inherit;letter-spacing:.04em}.design-controls button:hover{background:#383632}.design-controls[hidden]{display:none}
@keyframes kitchen-materialize{0%,18%{clip-path:inset(0 0 0 100%)}85%,100%{clip-path:inset(0)}}
@keyframes kitchen-ink{0%{opacity:0}12%,70%{opacity:1}90%,100%{opacity:0}}
@media(max-width:760px){.hero{height:920px;min-height:920px;max-height:none;align-items:flex-start}.hero .hero-copy{padding:58px 6% 0;width:100%;max-width:none}.hero h1{font-size:2.65rem;max-width:440px;margin-bottom:22px}.hero .eyebrow{font-size:.58rem;margin-bottom:20px}.hero-description{font-size:.85rem;max-width:360px;margin-bottom:24px}.kitchen-stage{top:420px;bottom:110px}.kitchen-stage img{width:155%;max-width:none;left:-55%;object-fit:contain;object-position:right center}.hero .hero-shade{background:linear-gradient(0deg,#08090a 0%,transparent 19%,transparent 60%,#101112 67%)}.design-controls{left:6%;right:6%;bottom:103px;justify-content:space-between;gap:8px;font-size:.55rem}.hero-bottom{bottom:25px}.hero-bottom>span{max-width:160px;font-size:.59rem}}
@media(max-width:760px){.kitchen-stage{left:0;mask-image:none}}
@media(prefers-reduced-motion:reduce){.hero .kitchen-finish{animation:none!important;clip-path:none!important}.hero .kitchen-sketch{display:none}.design-controls{display:none}}
@media(min-width:761px){.kitchen-stage img{mask-image:linear-gradient(0deg,transparent 15%,#000 29%,#000 72%,transparent 85%)}}
.header .brand{top:6px}
.hero h1 br{display:initial}
@media(min-width:761px){.hero .hero-copy{width:53%;max-width:1000px;padding-right:0}.hero h1{font-size:clamp(1.5rem,3.3vw,4rem);white-space:nowrap}}
