html{scroll-padding-top:var(--header-height);scroll-snap-type:none;overscroll-behavior:none}body.demo-page{margin:0;background:var(--bg);overflow-x:hidden;overscroll-behavior:none}.showroom-main{position:relative;overflow-x:clip}.showroom-stage{position:relative;box-sizing:border-box;display:grid;align-items:center;border-bottom:1px solid var(--line-soft);background:var(--bg);overflow:hidden}.showroom-stage__inner{position:relative;box-sizing:border-box;min-height:calc(100dvh - var(--header-height));padding:clamp(24px,3.6vh,44px) 0 clamp(72px,8vh,94px);display:grid;align-content:center;gap:clamp(22px,3vh,34px)}.showroom-heading{position:relative;z-index:3}.showroom-heading .eyebrow{margin-bottom:12px;color:var(--accent)}.showroom-heading h1,.showroom-heading h2{max-width:980px;margin:0;font-size:clamp(34px, 4.2vw, 62px);font-weight:465;line-height:.98;letter-spacing:-.052em;text-wrap:balance}.showroom-heading>p:not(.eyebrow){max-width:760px;margin:16px 0 0;color:var(--muted-strong);font-size:clamp(14px, 1.12vw, 17px);line-height:1.55}.showroom-heading--project{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.66fr);align-items:end;gap:42px}.showroom-heading--project .eyebrow{grid-column:1/-1;margin-bottom:-24px}.showroom-heading--project>p:not(.eyebrow){margin:0}.demo-project{position:relative;height:clamp(460px,63dvh,760px);margin-inline:auto;border:1px solid var(--line);border-radius:clamp(18px,2vw,26px);background:#080908;box-shadow:0 28px 90px rgba(0,0,0,.32)}.demo-project__frame{width:100%;height:100%;display:block;border:0;background:#080908}.showroom-galleries{background:radial-gradient(circle at 16% 28%,rgba(var(--accent-rgb),.07),transparent 26%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg-deep) 70%,var(--bg)) 58%,var(--bg))}.showroom-galleries::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(180deg,transparent,black 13%,black 87%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 13%,black 87%,transparent)}.showroom-gallery-pairs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}.showroom-gallery-card{min-height:clamp(330px,45dvh,500px);padding:clamp(20px,2.2vw,28px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"copy" "media" "meta";align-items:stretch;row-gap:12px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.showroom-gallery-card__copy{position:relative;z-index:2;grid-area:copy;width:min(360px,100%);min-width:0;padding-top:2px;align-self:start}.showroom-index{color:var(--accent);font-size:9px;font-weight:760;letter-spacing:.12em}.showroom-gallery-card__copy h3{margin:11px 0 0;font-size:clamp(27px, 2.45vw, 40px);font-weight:470;line-height:.98;letter-spacing:-.045em}.showroom-gallery-card__copy p{margin:15px 0 0;color:var(--muted-strong);font-size:13px;line-height:1.55}.showroom-gallery-card__meta{grid-area:meta;align-self:end;display:block;min-width:0;margin:0;color:var(--accent);font-size:clamp(7px, .46vw, 8px);font-weight:720;line-height:1.35;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.showroom-mini-gallery{position:relative;z-index:1;grid-area:media;width:100%;height:100%;min-height:0;align-self:stretch;justify-self:center;perspective:1000px}.showroom-mini-gallery img{width:100%;height:100%;object-fit:cover;filter:var(--image-filter)}.showroom-videos{background:radial-gradient(circle at 84% 24%,rgba(var(--accent-rgb),.08),transparent 28%),var(--bg-deep)}.showroom-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,32px)}.showroom-video-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface-raised) 90%,transparent);box-shadow:var(--shadow)}.showroom-video-card__media{position:relative;min-height:clamp(220px,31dvh,340px);overflow:hidden;background:var(--surface)}.showroom-video-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.24))}.showroom-video-card__media img{width:100%;height:100%;object-fit:cover;filter:var(--image-filter)}.showroom-video-card__play{position:absolute;z-index:3;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.58);border-radius:50%;background:color-mix(in srgb,var(--surface-glass) 84%,transparent);color:var(--accent);backdrop-filter:blur(14px)}.showroom-video-card__play svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.showroom-video-card__copy{padding:22px 22px 24px;display:grid;align-content:center}.showroom-video-card__copy span{color:var(--accent);font-size:9px;font-weight:740;letter-spacing:.1em;text-transform:uppercase}.showroom-video-card__copy p{margin:12px 0 0;color:var(--muted-strong);font-size:13px;line-height:1.55}.showroom-final{align-items:center;justify-content:space-between;padding-top:4px}.showroom-final>p{max-width:850px;margin:0;color:var(--text);font-size:clamp(22px, 2.25vw, 35px);font-weight:470;line-height:1.08;letter-spacing:-.038em}.showroom-final .button{flex:0 0 auto}.showroom-stage__next{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.showroom-stage__next i{position:relative;width:1px;overflow:hidden;background:var(--line)}.showroom-stage__next i::after{content:"";position:absolute;inset:-50% 0 100%;background:var(--accent);animation:showroom-cue 1.75s var(--ease-out) infinite}@keyframes showroom-cue{0%{transform:translateY(-30%)}100%,65%{transform:translateY(250%)}}body.is-chapter-resisting .chapter-tension{opacity:.92}html.is-chapter-scrolling{scroll-behavior:auto}:root[data-theme=light] .showroom-galleries::before{opacity:.46;background-image:linear-gradient(rgba(23,25,21,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,21,.1) 1px,transparent 1px)}:root[data-theme=light] .showroom-gallery-card,:root[data-theme=light] .showroom-video-card{border-color:rgba(23,25,21,.13);box-shadow:0 24px 68px rgba(73,51,24,.13)}:root[data-theme=light] .showroom-mini-gallery__item{box-shadow:0 20px 52px rgba(73,51,24,.17)}@media (max-width:1100px) and (min-width:821px){.showroom-video-card{grid-template-columns:1fr}.showroom-video-card__media{min-height:210px}}@media (max-width:820px){.showroom-stage__inner{min-height:calc(100dvh - var(--header-height));padding:24px 0 68px;gap:18px}.showroom-heading h1,.showroom-heading h2{font-size:clamp(30px, 8.2vw, 44px)}.showroom-heading>p:not(.eyebrow){margin-top:11px;font-size:13px}.showroom-heading--project{display:block}.showroom-heading--project .eyebrow{margin-bottom:10px}.showroom-heading--project>p:not(.eyebrow){margin-top:11px}.demo-project{width:100vw;height:min(64dvh,660px);min-height:420px;margin-left:calc((var(--page-gutter) * -1));border-inline:0;border-radius:0}.showroom-gallery-pairs{grid-template-columns:1fr;gap:12px}.showroom-video-grid{grid-template-columns:1fr;gap:11px}.showroom-video-card{grid-template-columns:minmax(0,1.15fr) minmax(130px,.85fr);border-radius:15px}.showroom-video-card__media{min-height:150px}.showroom-video-card__copy{padding:14px}.showroom-video-card__copy p{margin-top:8px;font-size:11px}.showroom-final{display:grid;gap:16px}.showroom-final>p{font-size:clamp(20px, 5.8vw, 29px)}.showroom-final .button{width:100%;justify-content:space-between}.chapter-tension{left:50%;bottom:18px;width:5px;height:112px;background:rgba(255,255,255,.14);transform:translate(-50%,8px)}.chapter-tension span{position:absolute;inset:0;width:100%;height:100%;transform:scaleY(var(--chapter-tension,0));transform-origin:50% 100%;transition:none}body.is-chapter-direction-up .chapter-tension span{transform-origin:50% 0%}body.is-chapter-direction-down .chapter-tension span{transform-origin:50% 100%}}@media (max-width:520px){.showroom-heading h1,.showroom-heading h2{font-size:clamp(28px, 7.8vw, 38px)}.demo-project{height:60dvh;min-height:390px}.showroom-video-card__media{min-height:132px}}@media (prefers-reduced-motion:reduce){.showroom-stage__next i::after{animation:none}.chapter-tension{display:none}}.showroom-project__inner{min-height:0;height:calc(100dvh - var(--header-height));padding-top:clamp(14px,2vh,24px);align-content:stretch;gap:clamp(12px,1.7vh,20px)}.showroom-project .showroom-heading>p:not(.eyebrow){font-size:clamp(13px, 1vw, 15px)}.showroom-mini-gallery__item{position:absolute;inset:50% auto auto 50%;width:min(84%,500px);aspect-ratio:16/10;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 20px 54px rgba(0,0,0,.28);transform-origin:50% 80%;transition:transform .75s var(--ease-out),border-color var(--motion-fast) ease;cursor:pointer}.showroom-mini-gallery__item:first-child{z-index:3;transform:translate(-50%,-49%) rotate(-1deg)}.showroom-mini-gallery__item:nth-child(2){z-index:2;transform:translate(-59%,-56%) rotate(-8deg) scale(.92)}.showroom-mini-gallery__item:nth-child(3){z-index:1;transform:translate(-41%,-55%) rotate(8deg) scale(.9)}.showroom-gallery-card:hover .showroom-mini-gallery__item:first-child{transform:translate(-50%,-50%) rotate(0)}.showroom-gallery-card:hover .showroom-mini-gallery__item:nth-child(2){transform:translate(-60%,-58%) rotate(-10deg) scale(.92)}.showroom-gallery-card:hover .showroom-mini-gallery__item:nth-child(3){transform:translate(-40%,-57%) rotate(10deg) scale(.9)}.showroom-mini-gallery__item:focus-visible,.showroom-mini-gallery__item:hover{border-color:rgba(var(--accent-rgb),.68)}