.showroom-hero{background:#202923}.showroom-hero .hero-shade{background:linear-gradient(90deg,#18251eee 0%,#18251eaa 34%,#18251e11 70%),linear-gradient(0deg,#18251eaa,transparent 40%)}
.showroom-hero .hero-content{transition:opacity 250ms var(--ease);padding-top:170px}.showroom-hero .hero-description{max-width:380px}.showroom-hero .hero-actions{margin-top:24px}.showroom-hero .hero-project-link{display:none}
.explore-trigger{display:flex;align-items:center;gap:16px;margin-top:28px;color:#fff;text-align:left;font-size:16px}.explore-trigger small{display:block;font-size:11px;color:#d2d9d0;margin-top:5px}.explore-symbol{width:56px;height:56px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:transform 250ms var(--ease),background 250ms ease}
#hero-experience{position:absolute;inset:0;z-index:3}#hero-experience[hidden]{display:none}.explore-close{position:absolute;right:var(--pad);top:123px;background:#202923eb;color:#fff;border:1px solid #ffffff60;border-radius:40px;padding:12px 18px;display:flex;align-items:center;gap:24px;font-size:12px}.explore-close span{font-size:24px;line-height:1}
.explore-caption{position:absolute;left:var(--pad);top:137px}.explore-caption>span{font-size:10px;letter-spacing:.16em}.explore-caption>p{font:48px/1.1 var(--serif);margin-top:12px}.explore-points button{position:absolute;width:48px;height:48px;border-radius:50%;background:#1c2b23b8;border:1px solid #fff;color:#fff;font-size:12px;box-shadow:0 0 0 7px #ffffff18;transition:background 180ms ease,transform 180ms var(--ease)}.explore-points button[aria-pressed=true]{background:#f8f8ef;color:#203025;transform:scale(1.1)}.explore-points button:nth-child(1){left:57%;top:33%}.explore-points button:nth-child(2){left:47%;top:67%}.explore-points button:nth-child(3){left:79%;top:47%}
.explore-note{position:absolute;right:var(--pad);bottom:40px;width:350px;padding:25px 28px;background:#f9f9f5;color:#202923;border-radius:5px}.explore-number{font-size:10px;letter-spacing:.1em;color:#667364}.explore-note h2{font:34px/1.02 var(--serif);margin:12px 0}.explore-note p{font-size:12px;line-height:1.7}.explore-note a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #20292330;padding-top:15px;margin-top:20px;font-size:11px;color:var(--wine)}
.exploring .hero-content,.exploring .hero-bottom{opacity:0!important;visibility:hidden;pointer-events:none}.exploring .hero-depth{transform:none!important}.exploring .hero-shade{background:linear-gradient(180deg,#17261ab0,transparent 40%,#17261a50)}.explore-caption>p{color:#fff}
@media(min-width:1001px){.showroom-hero .hero-backdrop{clip-path:inset(0 0 0 0)}.showroom-hero:before,.showroom-hero:after{content:'';position:absolute;inset:0;z-index:2;background:#202923;pointer-events:none;transform:translateX(-100%)}.showroom-hero:after{transform:translateX(100%)}.showroom-hero .hero-content{z-index:3}.showroom-hero .hero-bottom{z-index:3}.showroom-hero .hero-context{letter-spacing:.08em;font-size:10px}.showroom-hero h1{font-size:clamp(72px,6.7vw,104px)}}
@media(prefers-reduced-motion:no-preference) and (min-width:1001px){.showroom-hero:before{animation:door-left 1600ms var(--ease-scene) both}.showroom-hero:after{animation:door-right 1600ms var(--ease-scene) both}.showroom-hero .hero-backdrop{animation:room-arrival 1800ms var(--ease) both}@keyframes door-left{from{transform:translateX(-50%)}to{transform:translateX(-100%)}}@keyframes door-right{from{transform:translateX(50%)}to{transform:translateX(100%)}}@keyframes room-arrival{from{transform:scale(1.12)}to{transform:scale(1)}}}
@media(hover:hover) and (pointer:fine){.explore-trigger:hover .explore-symbol{background:#ffffff20;transform:rotate(45deg)}}
@media(max-width:1000px){.showroom-hero .hero-content{padding-top:150px}.explore-caption>p{font-size:38px}.explore-caption{top:185px}.explore-close{top:110px}.explore-note{width:310px}.explore-points button:nth-child(1){left:54%;top:36%}.explore-points button:nth-child(2){left:22%;top:52%}.explore-points button:nth-child(3){left:78%;top:43%}}
@media(max-width:767px){.showroom-hero{height:850px;max-height:none}.showroom-hero .hero-content{padding-top:150px}.showroom-hero h1{font-size:54px}.showroom-hero .hero-description{font-size:13px;max-width:300px;margin-top:20px}.showroom-hero .hero-actions{margin-top:20px}.explore-trigger{font-size:15px;margin-top:24px}.explore-symbol{width:46px;height:46px}.explore-trigger small{font-size:10px}.explore-note{left:22px;right:22px;bottom:30px;width:auto;padding:22px}.explore-caption{left:22px}.explore-caption>p{font-size:36px}.exploring .hero-backdrop img{object-position:59% center}}
@media(prefers-reduced-motion:reduce){.showroom-hero *{animation:none!important;transition:none!important}}