/* V7: shared graphite hardware, one neutral studio, native scroll. */
.cinema{position:relative;background:var(--ink);isolation:isolate}
.cinema-sticky{position:relative;min-height:740px;height:100svh;max-height:1120px;overflow:hidden;isolation:isolate;background:var(--ink)}
.cinema[data-scene-motion=scroll]{height:185svh;min-height:1200px}
.cinema[data-scene-motion=scroll]>.cinema-sticky{position:sticky;top:0}
.cinema-light{display:none}.cinema-viewport,.cinema-canvas,.cinema-fallback{position:absolute;inset:0;width:100%;height:100%}
.cinema-viewport{z-index:1;pointer-events:none;touch-action:pan-y}.cinema-canvas{display:block;opacity:0}
.cinema[data-render=ready] .cinema-canvas{opacity:1}.cinema[data-render=ready] .cinema-fallback{visibility:hidden}
.scene-model{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) perspective(1400px) rotateY(-10deg) rotateZ(-2deg);transform-style:preserve-3d;transform-origin:center;backface-visibility:hidden}
.scene-tablet{width:84%;aspect-ratio:7.6/4.91;border:1px solid #b3b8af;border-radius:3.1%/4.8%;background:linear-gradient(125deg,#d8dcd2 0%,#5b6057 1.1%,#10130f 2%,#030503 57%,#555b50 98.5%,#c2c7ba);box-shadow:inset 0 0 0 1px #161b12,inset 0 2px 2px #fafcf06b,2px 3px 0 #5f6658,4px 5px 0 #21281d,0 28px 38px -22px #000c}
.scene-tablet:before{content:'';position:absolute;inset:1px;border:1px solid #edf2e144;border-radius:inherit;pointer-events:none}
.scene-tablet:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(123deg,#ffffff06,transparent 29%,transparent 80%,#ffffff03);pointer-events:none}
.scene-tablet-glass{position:absolute;inset:3.6% 2.4%;border-radius:2.1%/3.4%;overflow:hidden;background:#080b07}
.scene-tablet-glass>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.scene-tablet-camera{position:absolute;top:1.15%;left:49.8%;width:4px;height:4px;aspect-ratio:1;border:1px solid #313d3c;border-radius:50%;background:radial-gradient(circle at 32% 30%,#638182 0 10%,#162c33 17% 37%,#020504 65%);box-shadow:0 0 0 1px #020402}
.scene-tablet-key{position:absolute;right:-3px;top:22%;height:8%;width:2px;border-radius:2px;background:linear-gradient(#b1b6a9,#5a6251)}
.scene-tablet-speakers{position:absolute;right:-1px;bottom:16%;height:13%;width:1px;background:repeating-linear-gradient(#070907 0 2px,#6e7762 2px 4px)}
.scene-phone{width:220px;aspect-ratio:3/6.3;background:linear-gradient(115deg,#d3d9ca,#636b5b 1.5%,#11160d 3%,#050804 91%,#858f77 98.2%,#d4ddc7);border:1px solid #aeb8a1;border-radius:15.3%/7.3%;box-shadow:inset 0 0 0 1px #151e0d,2px 2px 0 #68755a,4px 4px 0 #29351e,0 26px 35px -16px #000b;container-type:inline-size}
.scene-phone-rail{position:absolute;inset:1px;border:1px solid #f4ffe544;border-radius:inherit;pointer-events:none}
.scene-phone-glass{position:absolute;inset:2.5% 3.8%;border-radius:12.6%/5.9%;overflow:hidden;background:#f4f2e9}
.scene-phone-glass>img{width:100%;height:100%;object-fit:cover;object-position:center}
.scene-phone-island{position:absolute;left:35%;right:35%;top:2.4%;height:3%;border-radius:20px;background:#050904;z-index:2;box-shadow:inset 0 -1px 1px #e4f4d71f}
.scene-phone-island:after{content:'';position:absolute;width:13%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#526b6d,#14281e 40%,#030603 70%);right:8%;top:18%}
.scene-phone-key{position:absolute;right:-3px;top:26%;height:12%;width:2px;border-radius:2px;background:linear-gradient(#bdc7ae,#5f6d50)}
.product-cinema{scroll-margin-top:-92px}.product-cinema[data-scene-motion=scroll]{height:235svh}
.product-intro{background:var(--ink);padding-top:50px;padding-bottom:12px}.product-intro-copy{max-width:1050px}.product-availability{display:inline-block;color:var(--lime);padding:7px 10px;border:1px solid #d2ff3755;font-size:10px;margin-bottom:13px!important}.product-availability .status-dot{background:var(--lime);box-shadow:0 0 0 4px #d2ff3710}.product-name{font-size:18px;font-weight:500;line-height:1.3;margin:0 0 26px;color:var(--paper)}
.product-intro-copy h2{font-size:clamp(42px,4.8vw,79px);line-height:.97;letter-spacing:-.02em}.product-scene-intro{font-size:14px;line-height:1.7;color:#c1c5b8;margin-top:22px;max-width:720px}.product-scene-intro p+p{margin-top:18px}.product-community strong{display:block;color:var(--paper);font-weight:500;margin-bottom:3px}
.product-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:124px;z-index:3;max-width:410px;pointer-events:none}.product-caption>p{margin:0;font-size:16px;line-height:1.5}
.product-controls{position:absolute;left:var(--gutter);right:var(--gutter);bottom:24px;z-index:4}.scene-step-nav{display:flex;align-items:center;gap:28px;margin-bottom:12px;justify-content:flex-end}.scene-step-nav>button{padding:9px 0;background:none;border:0;border-bottom:1px solid transparent;color:#aeb4a3;font-size:11px;line-height:1.3;min-height:35px}.scene-step-nav>button[aria-pressed=true]{color:var(--paper);border-color:var(--lime)}

.hardware-figure{position:relative;isolation:isolate;width:100%;aspect-ratio:1.47;margin:0;overflow:visible;background:var(--ink)}.hardware-figure[data-theme=light]{background:var(--paper)}.hardware-figure[data-theme=lime]{background:var(--lime)}.hardware-canvas,.hardware-fallback{position:absolute;inset:0;width:100%;height:100%}.hardware-canvas{display:block;opacity:0}.hardware-figure[data-hardware-render=ready] .hardware-canvas{opacity:1}.hardware-figure[data-hardware-render=ready] .hardware-fallback{visibility:hidden}.hardware-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.03em;color:#a7ad9f}.hardware-figure[data-theme=light] .hardware-caption,.hardware-figure[data-theme=lime] .hardware-caption{color:#626656}.hardware-figure[data-hardware=pair]{aspect-ratio:1.1}.hardware-figure[data-hardware=pair] .scene-phone{left:83%;top:58%;width:25%}.hardware-figure[data-calendar] .scene-tablet-glass:after{content:'';position:absolute;left:2%;right:2%;top:53%;height:15%;border:2px solid #9ea377;box-shadow:0 3px 10px #2222111a;border-radius:5px;opacity:var(--calendar-focus,0);pointer-events:none}.stage-visual .hardware-figure{box-shadow:none}.stage-depth{display:none!important}.stage-caption{padding-top:20px;padding-bottom:24px;min-height:0}.stage-caption .text-link{display:none}.stage-visual{padding:0}.stage-panels .hardware-caption{display:none}
.services{position:relative;z-index:5;margin-top:0}.services .hardware-figure{align-self:center;min-width:0;width:calc(100% + 12px);margin:0 -6px;aspect-ratio:1.2}.services .hardware-caption{display:none}.service{overflow:hidden;grid-template-columns:1.2fr 1fr}.service.lime-section{background:var(--lime);color:var(--ink);--accent:var(--ink)}
.studio-teaser{display:grid;grid-template-columns:1fr 1.1fr;min-height:490px;padding:35px var(--gutter);gap:30px;background:var(--paper)}.studio-teaser.lime-section{background:var(--lime);color:var(--ink);--accent:var(--ink)}.studio-teaser-copy{padding:25px 0;order:0}.studio-teaser-copy .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.studio-teaser-copy h2{font-size:clamp(39px,4.7vw,70px)}.studio-teaser-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;max-width:450px;margin:23px 0}.studio-product-stage{min-width:0;order:1}.studio-product-stage .hardware-figure{aspect-ratio:1.35}.studio-preview-scene>.hardware-figure{max-width:1050px;margin:auto}.app-hero>.hardware-figure{min-width:0}.app-hero .hardware-caption{bottom:3%}
@media(max-width:1000px){.product-intro-copy{max-width:900px}.product-intro-copy h2{font-size:clamp(37px,5.7vw,58px)}}
@media(max-width:800px){.studio-teaser{grid-template-columns:1fr;padding:35px var(--gutter);gap:0}.studio-teaser-copy{padding:0}.studio-product-stage .hardware-figure{aspect-ratio:1.45}.studio-teaser-copy h2{font-size:clamp(39px,9vw,64px)}.service{grid-template-columns:1fr;gap:16px}.services .hardware-figure{width:calc(100% + 12px);max-width:none;margin:0 -6px}.service{padding-bottom:25px}.hardware-caption{font-size:8px}}
@media(max-width:650px){.cinema-sticky{height:100svh;min-height:700px;max-height:1000px}.cinema[data-scene-motion=scroll]{height:195svh;min-height:1250px}.product-cinema[data-scene-motion=scroll]{height:245svh}.product-intro-copy{max-width:none}.product-availability{font-size:9px;padding:6px 8px;margin-bottom:12px!important;letter-spacing:.045em}.product-name{font-size:15px;margin-bottom:22px}.product-intro-copy h2{font-size:clamp(30px,9.4vw,53px);line-height:1.03}.product-scene-intro{font-size:12px;line-height:1.6;margin-top:15px;max-width:340px}.product-caption{bottom:126px;max-width:none}.product-caption>p{font-size:12px;line-height:1.5}.product-controls{bottom:25px}.scene-step-nav{justify-content:flex-start;gap:22px;margin-bottom:12px}.scene-step-nav>button{font-size:10px}.stage-caption{padding-top:17px;padding-bottom:25px;min-height:0}.services{margin-top:0}.studio-teaser-copy>p:not(.eyebrow){font-size:13px}.studio-teaser-copy .text-link{margin-top:5px}.hardware-figure{aspect-ratio:1.39}}
@media(max-width:360px){.product-intro-copy h2{font-size:30px}.product-name{font-size:14px}.product-scene-intro{font-size:11px}.scene-step-nav{gap:17px}.scene-step-nav>button{font-size:9px}.scene-tablet-camera{width:3px;height:3px}.product-caption>p{font-size:11px}}
@media(max-height:680px) and (max-width:900px){.cinema .cinema-sticky{height:800px;min-height:800px}.cinema[data-scene-motion=scroll]{height:auto;min-height:0}.cinema[data-scene-motion=scroll]>.cinema-sticky{position:relative}}
@media(prefers-reduced-motion:reduce){.cinema[data-scene-motion=scroll]{height:auto;min-height:0}.cinema[data-scene-motion=scroll]>.cinema-sticky{position:relative}.services{margin-top:0}}
html[data-motion=off] .cinema[data-scene-motion=scroll]{height:auto;min-height:0}html[data-motion=off] .cinema[data-scene-motion=scroll]>.cinema-sticky{position:relative}html[data-motion=off] .services{margin-top:0}
.cinema:not([data-scene-ready]) [data-model]{display:none}.cinema:not([data-scene-ready]) [data-model]:first-child{display:block;left:50%;top:57%;width:87%}.cinema:not([data-scene-ready]) .product-caption{display:none}.cinema:not([data-scene-ready]){height:auto;min-height:0}
.cinematic-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:540px){.product-cinema{scroll-margin-top:-25px}}
@media print{.cinema{height:auto!important;min-height:0!important}.cinema-sticky{position:relative!important;height:760px}.cinema-canvas,.hardware-canvas{display:none}.cinema-fallback,.hardware-fallback{visibility:visible!important}.services{margin-top:0}}

.studio-preview-scene{min-height:0;height:auto;padding:20px 0 45px;overflow:visible}.app-panel>.hardware-figure{aspect-ratio:1.48}.product-cinema .cinema-sticky{min-height:720px;height:94svh}.hardware-figure[data-hardware-render=ready][data-calendar] .scene-tablet-glass:after{display:none}

.app-panel{aspect-ratio:auto!important;min-height:0;background:var(--ink);padding:0;overflow:visible}.app-panel>.hardware-figure{width:100%;height:auto}
/* Reserve native scroll space before the scene module runs. */
html[data-js=on][data-motion=on] .cinema:not([data-scene-ready]){height:185svh;min-height:1200px}
html[data-js=on][data-motion=on] .product-cinema:not([data-scene-ready]){height:235svh}
@media(max-width:650px){html[data-js=on][data-motion=on] .cinema:not([data-scene-ready]){height:195svh;min-height:1250px}html[data-js=on][data-motion=on] .product-cinema:not([data-scene-ready]){height:245svh}}
@media(max-height:680px) and (max-width:900px){html[data-js=on][data-motion=on] .cinema:not([data-scene-ready]){height:auto;min-height:0}}

/* The calendar keeps every original edge inside a continuous cream display. */
.hardware-figure[data-screen="studio.webp"] .scene-tablet-glass{background:#f6f2e6}.hardware-figure[data-screen="studio.webp"] .scene-tablet-glass>img{object-fit:contain;object-position:center}

.voucher-display>.voucher-page{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;object-fit:initial;transform:translateY(calc(-1% * var(--voucher-page-y,0)))}
.voucher-browser{position:absolute;left:0;right:0;top:0;height:11.25%;overflow:hidden;background:#f8f7f2}
.voucher-browser>img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none}

/* One continuous product section; the next project owns the yellow surface. */
.product-conversion{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:15px}
.product-conversion p{font-size:11px;line-height:1.65;margin:0;color:#bec2b5}
.product-conversion .text-link{font-size:13px;white-space:nowrap}
.product-cinema .scene-step-nav{justify-content:flex-start}
.product-cinema .product-caption{bottom:180px}
@media(max-width:650px){.product-intro{padding-top:35px;padding-bottom:0}.product-scene-intro{max-width:none}.product-cinema .product-controls{bottom:24px}.product-conversion{display:block;padding-top:12px}.product-conversion .text-link{margin-top:13px;font-size:12px}.product-cinema .product-caption{bottom:210px}.product-cinema .scene-step-nav{gap:18px;flex-wrap:wrap}.product-conversion p{font-size:11px}}