:root{--ink:#18191b;--paper:#f1eee7;--muted:#6f706d;--line:#d4d2ca;--wine:#623542;--pad:clamp(24px,5vw,88px);font-family:Geist,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:88px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em}p,h1,h2,h3,figure{margin:0}.eyebrow{font-size:10px;line-height:1.4;font-weight:600;letter-spacing:.14em}h2{font-size:clamp(52px,7.4vw,118px);line-height:.98;font-weight:400;letter-spacing:-.065em}.fine{font-size:12px;line-height:1.65;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--paper)}.skip:focus{top:16px}
.masthead{position:fixed;left:0;right:0;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:27px var(--pad);color:var(--paper);transition:color .2s,background .2s}.brand img{width:112px;height:auto}.masthead nav{display:flex;gap:36px;align-items:center;font-size:12px}.contact-link{border-bottom:1px solid currentColor;padding-bottom:4px}.contact-link span{margin-left:30px}.on-paper .masthead{color:var(--ink);background:rgba(241,238,231,.93);backdrop-filter:blur(14px)}.on-paper .brand img{filter:brightness(0)}
.cinema{height:100svh;min-height:650px;color:var(--paper);background:#101113}.cinema-active:not(.reduced) .cinema{height:640svh}.stage{height:100svh;min-height:550px;position:sticky;top:0;overflow:hidden;isolation:isolate}.poster,.film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film{opacity:0}.film-ready .film{opacity:1}.source-video{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,6,8,.25) 0%,transparent 25%,transparent 60%,rgba(4,6,8,.68) 100%)}.scene{position:absolute;inset:0;padding:var(--pad);opacity:0;pointer-events:none;will-change:opacity,transform}.scene a,.scene button{pointer-events:auto}.scene-intro{opacity:1;padding-top:clamp(145px,19vh,230px)}.scene-intro .eyebrow{margin-bottom:28px}.scene h1{font-size:clamp(100px,14.5vw,240px);font-weight:400;line-height:.79;letter-spacing:-.075em}.scene h1 em{display:inline-block;margin-top:.03em;margin-left:.015em;font-size:1.13em}.intro-note{position:absolute;bottom:25%;right:var(--pad);font-size:clamp(16px,1.5vw,22px);line-height:1.45;letter-spacing:-.03em;max-width:280px}.scroll-prompt{position:absolute;bottom:115px;left:var(--pad);display:flex;gap:20px;align-items:center;font-size:11px}.scroll-prompt>span:first-child{font-size:25px;font-weight:300}.scene-device{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:130px}.scene-device h2{font-size:clamp(58px,6.5vw,104px);max-width:600px;margin:20px 0}.scene-device>p:last-child{font-size:13px;line-height:1.65}.scene-core{text-align:center;padding-top:120px}.scene-core h2{font-size:clamp(50px,6.2vw,100px);margin:18px 0}.scene-core>p:last-child{position:absolute;left:var(--pad);bottom:125px;text-align:left;font-size:12px;line-height:1.6}.scene-app{padding-left:56%;display:flex;flex-direction:column;justify-content:center;padding-bottom:130px}.scene-app h2{font-size:clamp(58px,7.4vw,120px);margin:22px 0 25px}.scene-app>p:not(.eyebrow){font-size:15px;line-height:1.6}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:5px;width:max-content;max-width:100%}.scene-app .text-link{margin-top:30px}.film-footer{position:absolute;bottom:34px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end}.visual-note{font-size:9px;letter-spacing:.02em;color:#c5c6c4}.chapters{display:flex;gap:28px}.chapters button{font-size:10px;color:#a4a6a6;min-height:30px}.chapters button[aria-current=step]{color:#fff}.chapters span{margin-left:7px}.film-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff16}.film-progress span{display:block;height:100%;width:100%;background:#d9d9cc;transform:scaleX(0);transform-origin:left}.static-stories{display:grid;grid-template-columns:repeat(3,1fr);background:#101113;color:var(--paper);gap:2px}.static-stories figcaption{font-size:12px;padding:20px 24px;line-height:1.6}.cinema-active:not(.reduced) .static-stories{display:none}
.section-light{padding:100px var(--pad);background:var(--paper)}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:65px;gap:20px}.status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.status span{width:5px;height:5px;border:1px solid currentColor;border-radius:50%}.understand h2{max-width:850px}.understand-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:75px;margin-left:17%}.section-lead{font-size:clamp(22px,2.4vw,37px);line-height:1.45;letter-spacing:-.045em}.flow article{display:flex;gap:25px;padding:25px 0;border-top:1px solid var(--line)}.step{font-size:10px;line-height:1.8;color:var(--muted);padding-top:3px}.flow h3{font-weight:500;font-size:16px;letter-spacing:-.025em;margin-bottom:10px}.flow p{font-size:13px;line-height:1.7;color:var(--muted);max-width:370px}.flow small{font-size:9px;font-weight:400;margin-left:12px;padding:3px 6px;border:1px solid var(--line);vertical-align:middle}.flow>.text-link{margin:10px 0 0 38px}.example{margin-top:100px;border-top:1px solid var(--line);padding-top:38px;display:grid;grid-template-columns:.9fr 1.7fr 1.2fr;gap:35px}.example>.eyebrow{padding-top:8px}.example>p:not(.eyebrow){font-size:clamp(27px,3.2vw,50px);line-height:1.08;letter-spacing:-.045em}.example>div>p{font-size:13px;line-height:1.7}.example .fine{margin-top:16px;font-size:11px}
.audiences{padding-top:50px;padding-bottom:120px}.audiences .section-top{border-top:1px solid var(--line);padding-top:35px}.audience-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.audience-layout h2{font-size:clamp(50px,6vw,98px)}.audience-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:25px;padding:26px 0;font-size:clamp(21px,2vw,30px);letter-spacing:-.035em}summary::-webkit-details-marker{display:none}.item-number{font-size:10px;letter-spacing:0;color:var(--muted)}.plus{width:14px;height:14px;position:relative;margin-left:auto}.plus:before,.plus:after{content:'';position:absolute;top:6px;left:0;width:14px;height:1px;background:currentColor}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}details>div{padding:0 30px 28px 40px}details h3{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin-bottom:12px}details p{font-size:13px;line-height:1.75;color:var(--muted);max-width:430px}.scope-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:470px;margin:35px 0 0 auto}
.invitation{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;background:#e1dfd7}.product-photo{position:relative;overflow:hidden;background:#33363a;display:flex;align-items:center}.product-photo img{width:100%;height:100%;object-fit:cover}.product-photo>p{position:absolute;bottom:24px;left:25px;right:25px;font-size:9px;color:#d9dad7}.invitation-copy{padding:80px clamp(30px,5vw,90px);display:flex;flex-direction:column;align-items:start}.invitation-copy h2{font-size:clamp(38px,4.2vw,70px);margin:32px 0 45px;line-height:1.05}.price{display:flex;align-items:center;gap:26px}.price>s{font-size:22px;color:#7b7b73;text-decoration-thickness:1px}.price>span{font-size:clamp(80px,8.5vw,135px);letter-spacing:-.075em;line-height:1}.euro{font-size:.52em;vertical-align:top;line-height:1.5;margin-left:10px}.price-note{font-size:10px;color:#6a6b64;line-height:1.6;margin-top:15px;max-width:350px}.button{margin:35px 0 17px;display:flex;justify-content:space-between;gap:65px;min-width:220px;padding:18px 21px;background:var(--wine);color:var(--paper);font-size:13px}.button:hover{background:#482530}.invitation-copy>.fine{font-size:10px}
.footer{padding:65px var(--pad) 26px;background:#17191a;color:#d5d6cf;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:25px;font-size:13px}.footer-top a{border-bottom:1px solid #777;padding-bottom:5px}.footer-top a>span{margin-left:30px}.footer-top p{font-family:'Instrument Serif',Georgia,serif;font-size:24px}.footer-wordmark{width:100%;height:auto;margin:75px 0 60px;opacity:.9}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#9c9e98;border-top:1px solid #ffffff24;padding-top:24px}.footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom button:hover{text-decoration:underline}.close{font-size:30px;font-weight:300;width:40px;height:40px;line-height:1}
dialog{width:min(740px,calc(100% - 32px));max-height:88svh;padding:30px 36px;border:0;background:var(--paper);color:var(--ink);overscroll-behavior:contain;scrollbar-width:thin}dialog::backdrop{background:#050609b8;backdrop-filter:blur(10px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-head h2{font-size:38px;letter-spacing:-.05em}dialog p,dialog dd,dialog li{font-size:13px;line-height:1.75}dialog p{margin:15px 0}dialog a{text-decoration:underline;text-underline-offset:3px}dialog dl{margin:35px 0}dialog dt{font-size:11px;font-weight:600;letter-spacing:.04em;margin-top:25px}dialog dd{margin:8px 0 0;color:#63655f}dialog ul{padding-left:18px}dialog li{margin-bottom:18px}.screen-dialog{text-align:center;max-width:640px}.screen-dialog .dialog-head{text-align:left}.screen-dialog>img{width:min(100%,370px);height:auto;margin:30px auto 10px;border-radius:22px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.scene-app{padding-left:57%}.section-light{padding-top:130px;padding-bottom:130px}}
@media(max-width:760px){:root{--pad:24px}.masthead{padding-top:22px;padding-bottom:22px}.brand img{width:92px}.masthead nav{gap:22px;font-size:10px}.contact-link span{margin-left:12px}.cinema{min-height:550px}.stage{min-height:520px}.cinema-active:not(.reduced) .cinema{height:590svh}.scene-intro{padding-top:145px}.scene h1{font-size:clamp(98px,24vw,170px);line-height:.83}.scene-intro .eyebrow{font-size:8px;margin-bottom:25px}.intro-note{left:24px;right:auto;bottom:25%;font-size:16px}.scroll-prompt{bottom:105px;font-size:10px}.film-footer{bottom:26px;gap:15px;align-items:start;flex-direction:column}.visual-note{font-size:8px}.chapters{width:100%;justify-content:space-between;gap:10px}.chapters button{font-size:9px;min-height:20px}.scene-device{justify-content:flex-start;padding-top:125px;padding-bottom:130px}.scene-device h2{font-size:clamp(49px,13vw,75px);margin:14px 0}.scene-device>p:last-child{position:absolute;bottom:125px;font-size:11px}.scene-core{padding-top:120px}.scene-core h2{font-size:clamp(40px,10.5vw,63px)}.scene-core>p:last-child{bottom:125px;font-size:10px}.scene-app{padding:120px 24px 0;display:block;text-align:center}.scene-app h2{font-size:52px;line-height:.95;margin:12px 0}.scene-app>p:not(.eyebrow){position:absolute;left:24px;bottom:148px;text-align:left;font-size:11px}.scene-app .text-link{position:absolute;bottom:110px;left:24px;font-size:10px;margin:0}.static-stories{grid-template-columns:1fr}.static-stories figcaption{padding:18px 24px 28px}.section-light{padding:65px 24px}.section-top{align-items:start;margin-bottom:45px}.eyebrow{font-size:8px}.status{font-size:8px;white-space:nowrap}h2{font-size:60px;line-height:1}.understand-grid{grid-template-columns:1fr;gap:40px;margin:40px 0 0}.section-lead{font-size:25px}.flow article{padding:22px 0}.flow p{font-size:12px}.flow h3{font-size:15px}.flow>.text-link{font-size:11px}.example{margin-top:65px;grid-template-columns:1fr;gap:23px;padding-top:30px}.example>p:not(.eyebrow){font-size:37px}.example>div>p{font-size:12px}.example>div{max-width:360px}.audiences{padding-top:0}.audience-layout{grid-template-columns:1fr;gap:35px}.audience-layout h2{font-size:58px}.audiences .section-top>.fine{font-size:9px;text-align:right}.audiences .section-top{margin-bottom:35px}.audience-list summary{font-size:24px;padding:24px 0}.audience-list h3{font-size:15px}.audience-list p{font-size:12px}details>div{padding-left:36px;padding-right:8px}.scope-note{margin-top:24px;font-size:10px}.invitation{grid-template-columns:1fr}.product-photo{min-height:360px;aspect-ratio:1.23}.invitation-copy{padding:50px 24px 60px}.invitation-copy h2{font-size:46px;margin:22px 0 30px}.price>span{font-size:112px}.price-note{font-size:10px}.button{margin-top:30px}.footer{padding:45px 24px 25px}.footer-top{font-size:11px;flex-direction:column;gap:35px;align-items:start}.footer-top p{font-size:23px}.footer-wordmark{margin:45px 0 40px}.footer-bottom{flex-direction:column;font-size:8px;gap:22px}.footer-bottom>div{gap:15px;justify-content:space-between}dialog{padding:22px}.dialog-head h2{font-size:32px}dialog p,dialog dd,dialog li{font-size:12px}.screen-dialog>img{border-radius:14px}}
@media(max-height:540px) and (min-width:761px){.cinema,.stage{min-height:420px}.scene-intro{padding-top:100px}.scene h1{font-size:100px}.intro-note{bottom:30%}.scroll-prompt{bottom:90px}.scene-device{padding-bottom:100px}.scene-device h2,.scene-app h2{font-size:65px}.scene-core{padding-top:85px}.scene-core h2{font-size:60px}.scene-app{padding-top:95px;padding-bottom:95px}.scene-app .text-link{margin-top:15px}.scene-app>p:not(.eyebrow){font-size:12px}.scene-core>p:last-child{bottom:95px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.reduced .chapters,.reduced .film-progress,.reduced .source-video{display:none}.reduced .film-footer{bottom:28px}.reduced .scene-intro{opacity:1!important;transform:none!important}.reduced .scene:not(.scene-intro){display:none}.reduced .scroll-prompt{bottom:85px}

.reduced .film{display:none}.reduced .scene-intro{visibility:visible!important}

.invitation>*{min-width:0}@media(max-width:760px){.product-photo{min-height:0;width:100%;aspect-ratio:1.23}}

@media(max-width:760px) and (max-height:720px){.scene-app{padding-top:85px}.scene-app h2{font-size:40px}.scene-app>p:not(.eyebrow){display:none}.scene-app .text-link{bottom:95px}.scene-core{padding-top:90px}.scene-core h2{font-size:38px}}

.static-app-image{display:block;width:100%}

.enhanced:not(.cinema-active) .chapters,.enhanced:not(.cinema-active) .film-progress{display:none}.cinema-active:not(.film-ready):not(.reduced) .scene{opacity:0!important;visibility:hidden!important}

.motion-start{display:none;position:absolute;bottom:110px;left:var(--pad)}.reduced .motion-start{display:inline-flex}.reduced .scroll-prompt{display:none}#motion-toggle{display:none}.enhanced #motion-toggle{display:inline-block}

/* Shared typography and supporting product sections */
:root {
  --paper: #f6f5ef;
  --ink: #18211e;
  --muted: #525c57;
  --line: #c9cdc4;
  --wine: #263d32;
  --pad: clamp(22px, 5vw, 84px);
  scroll-padding-top: 70px;
}
.masthead, .on-paper .masthead {
  color: var(--ink);
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  padding: 17px var(--pad);
  backdrop-filter: none;
}
.brand img {width: 102px; filter: brightness(0);}
.masthead nav {font-size: 13px; gap: 26px;}
.contact-link {background: var(--ink); color: white; border: 0; padding: 9px 14px;}
.contact-link span {margin-left: 16px;}
.kicker, .eyebrow, .plate-label {
  font: 600 10px/1.5 Geist, Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.kicker {display: flex; gap: 10px; align-items: center;}
.kicker i {display: inline-block; width: 22px; height: 4px; background: #ce512a;}
.lab-intro {font-size: 16px; line-height: 1.6; max-width: 40ch; color: var(--muted);}
.plain-action {font-size: 13px; font-weight: 500;}
.plain-action {border-bottom: 1px solid currentColor; padding: 6px 0; width: fit-content;}
.plate-label {display: flex; justify-content: space-between; gap: 12px;}
.scene h2, .section-light h2, .invitation-copy h2 {
  font-family: Geist, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: 1.02;
}
.scene-intro h2 {font-size: clamp(66px, 8vw, 130px);}
.scene-core h2 {font-size: clamp(56px, 8vw, 120px);}
.scene-device h2, .scene-app h2 {font-size: clamp(45px, 5.8vw, 94px);}
.cinema-active:not(.reduced) .cinema {height: 450svh;}
.understand {display: grid; grid-template-columns: 1fr 1fr; gap: 44px 8%; align-items: center;}
.lab-copy h2, .audience-layout h2 {font-size: clamp(48px, 5.2vw, 88px);}
.lab-copy h2 {margin: 26px 0;}
.lab-note {font-size: 13px; color: var(--muted); max-width: 42ch; line-height: 1.6; margin: 16px 0;}
.app-plate {padding: 22px; background: #dbe3da; text-align: center;}
.app-plate img {width: min(100%, 220px); margin: 22px auto 14px; border: 4px solid #242a28; border-radius: 24px; box-shadow: 0 12px 20px #15281d22;}
.app-plate figcaption {font-size: 11px; color: #38483e;}
.flow {grid-column: 1/-1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4%;}
.flow article {display: block; border-top: 2px solid #607166;}
.flow .step {color: #65564a; font: 500 12px/1.4 monospace;}
.flow h3 {margin-top: 20px; font-size: 21px;}
.flow p, .audience-list p {font-size: 15px; line-height: 1.6;}
.audiences {background: #e8ebe3;}
.audiences .section-top {border: 0; padding-top: 20px;}
.audience-list details {border-color: #b7c1b6;}
.invitation {background: #22362e; color: #f3f5ed;}
.invitation-copy h2 {font-size: clamp(40px, 5vw, 80px);}
.invitation-copy .price-note, .invitation-copy .fine, .price>s {color: #c1cec2;}
.invitation-copy .button {color: var(--ink); background: #eef2e6;}
.footer-wordmark {max-width: 400px; margin: 35px 0;}
.footer-top p {font: 400 14px/1.5 Geist, sans-serif;}
.footer-bottom {font-size: 12px;}
@media(max-width:760px) {
  .masthead, .on-paper .masthead {padding: 13px 20px;}
  .brand img {width: 82px;}
  .masthead nav {gap: 14px; font-size: 11px;}
  .contact-link {padding: 8px 10px;}
  .contact-link span {margin-left: 5px;}
  .scene-intro h2 {font-size: 50px;}
  .scene-device h2, .scene-core h2, .scene-app h2 {font-size: 40px;}
  .understand {grid-template-columns: 1fr; gap: 25px;}
  .flow {grid-template-columns: 1fr; gap: 0;}
  .flow article {display: flex; align-items: baseline; padding: 16px 0; gap: 18px; border-width: 1px;}
  .flow h3 {margin-top: 0; font-size: 18px;}
  .footer-bottom>div {gap: 14px; justify-content: flex-start;}
}

.masthead {
  color: #f7f7f4;
  background: linear-gradient(180deg, #060b10ad, transparent);
  border: 0;
}
.masthead .brand img {filter: none;}
.masthead .contact-link {background: transparent; color: inherit; border: 1px solid #ffffff70;}
.on-paper .masthead {background: var(--paper); color: var(--ink);}
.on-paper .brand img {filter: brightness(0);}
.on-paper .contact-link {border-color: #88928e;}
.cinema, .stage {min-height: 0;}
.cinema-active:not(.reduced) .cinema {height: 560svh;}
.scene-intro {padding-top: max(126px, 18svh);}
.scene-intro h1 {font-size: clamp(86px,11vw,196px); letter-spacing: -.078em;}
.scene-intro h1 em {font-weight: 400;}
.scene-intro .intro-note {left: var(--pad); right: auto; bottom: 23%; font-size: 15px;}
.scene-core h2 {font-size: clamp(52px,7vw,105px);}
.film-footer {align-items: center; bottom: 21px;}
.chapters {gap: clamp(14px,3.2vw,58px);}
.chapters button {border-top: 1px solid #ffffff70; min-height: 36px;}
.chapters button[aria-current=step] {border-top: 2px solid #bedcf0;}
.shade {background: linear-gradient(90deg,#05090e44,transparent 60%),linear-gradient(0deg,#020508bf,transparent 30%);}
.invitation {background:#17232d;}
.kicker i {background:#557d97;}
@media(max-width:760px) {
  .scene-intro {padding-top: 16svh;}
  .scene-intro h1 {font-size: clamp(78px,19vw,130px);}
  .scene-intro .intro-note {bottom: 25%;}
  .film-footer {align-items: stretch; gap: 5px;}
  .chapters {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
  .chapters button {text-align:left;min-height:36px;}
  .scene-app h2 {font-size:clamp(34px,5.4svh,50px);}
  .scene-app {padding-top:11svh;}
}
@media(max-height:520px) {
  .scene-intro {padding-top:76px;}
  .scene-intro h1 {font-size:64px;}
  .scene-intro .intro-note {left:auto;right:var(--pad);bottom:30%;}
  .film-footer {bottom:10px;}
}
@media(max-width:760px){.scene-app>p:not(.eyebrow){display:none}}

/* Place the opening title on the passenger side so the driver position is visible. */
.scene-intro {padding-left:55%;padding-top:20svh;}
.scene-intro h1 {font-size:clamp(88px,9.5vw,165px);}
.scene-intro .scroll-prompt,.scene-intro .motion-start {left:55%;}
.shade {background:linear-gradient(270deg,rgba(4,19,27,.46),transparent 55%),linear-gradient(0deg,rgba(2,12,18,.78),transparent 24%),linear-gradient(180deg,rgba(3,12,16,.45),transparent 17%);}
.scene-app {padding-left:62%;}
.invitation {background:#072d38;}
.invitation-copy .button {background:#ffbd75;color:#192124;}
.kicker i {background:#00888d;}
.app-plate {background:linear-gradient(135deg,#194655,#356a69);color:white;}
.app-plate figcaption {color:#deeee9;}
@media(max-width:760px){
  .scene-intro {padding-left:var(--pad);padding-top:14svh;}
  .scene-intro h1 {font-size:clamp(76px,19vw,120px);}
  .scene-intro .scroll-prompt,.scene-intro .motion-start {left:var(--pad);}
  .scene-app {padding:11svh var(--pad) 0;}
}
/* A full viewport of scroll travel per chapter. */
:root {--mint:#81d8d0;}
.cinema-active:not(.reduced) .cinema {height:700svh;}
.scene .eyebrow {color:#bcf6ed;}
.scene .scene-story {max-width:34ch;font:400 clamp(14px,1.1vw,18px)/1.5 Geist,Arial,sans-serif;letter-spacing:0;text-wrap:pretty;}
.scene-intro .scene-story {margin-top:28px;}
.scene-intro h1 {font-size:clamp(70px,7.4vw,130px);}
.scene-size,.scene-read {display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:125px;background:linear-gradient(0deg,#001916dd,transparent 51%);}
.scene-size h2,.scene-read h2,.scene-core h2,.scene-app h2,.scene-device h2 {font:500 clamp(38px,4vw,70px)/1.02 Geist,Arial,sans-serif;letter-spacing:-.055em;margin:14px 0;}
.scene-device,.scene-core {background:linear-gradient(0deg,#001b19aa,transparent 32%);}
.scene-core .scene-story {max-width:30ch;}
.scene-app {padding-left:59%;background:linear-gradient(270deg,#001c22bb,transparent 62%);}
.scene-app .scene-story {margin-bottom:10px;}
.chapters {gap:clamp(9px,2vw,30px);}
.chapters button {color:#e4eae7;min-height:44px;}
.chapters button[aria-current=step]{border-color:var(--mint);color:var(--mint);}
.invitation {background:#123b37;}
.invitation-copy .button {background:var(--mint);}
.kicker i {background:#317f77;}
.static-stories {grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.static-stories img {width:100%;height:220px;object-fit:cover;}
.static-stories figure:nth-child(4) img {object-fit:contain;}
.static-stories figcaption {line-height:1.65;}
@media(max-width:760px){
  .scene-intro h1 {font-size:clamp(60px,16vw,98px);}
  .scene-intro .scene-story {font-size:14px;margin-top:16px;max-width:22ch;}
  .scene-device,.scene-size,.scene-core,.scene-read,.scene-app {padding:95px 22px 0;justify-content:flex-start;text-align:left;align-items:start;}
  .scene-device h2,.scene-size h2,.scene-core h2,.scene-read h2,.scene-app h2 {font-size:clamp(30px,8vw,41px);max-width:15ch;}
  .scene-device .scene-story,.scene-size .scene-story,.scene-core .scene-story,.scene-read .scene-story,.scene-app .scene-story {display:block;position:static;font-size:13px;max-width:31ch;margin:0;}
  .scene-device,.scene-size,.scene-core,.scene-read,.scene-app {background:linear-gradient(180deg,#000f17dc,rgba(0,12,17,.78) 20%,transparent 48%);}
  .scene-read .scene-story {background:#082820ed;padding:8px 12px;}
  .chapters {grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid;}
  .chapters button {display:grid;align-content:center;font-size:9px;line-height:1.5;}
  .chapters span {margin:0;font-size:10px;}
  .film-footer {bottom:12px;}
  .static-stories {grid-template-columns:1fr;}
}
@media(max-height:520px){
  .scene-intro {padding-top:72px;}
  .scene-intro h1 {font-size:53px;}
  .scene-intro .scene-story {margin:8px 0;max-width:29ch;font-size:12px;}
  .scene-device,.scene-size,.scene-read,.scene-core,.scene-app {padding-top:72px;padding-bottom:74px;}
  .scene h2 {font-size:32px;}
}
@media(max-width:760px){
  .scene-device>p.scene-story,.scene-core>p.scene-story,.scene-size>p.scene-story,.scene-read>p.scene-story,.scene-app>p.scene-story {
    display:block; position:static; font-size:13px; line-height:1.45; max-width:32ch; margin:0;
  }
  .scene-app {padding-top:78px;}
  .scene-app h2 {margin:8px 0;}
}

/* Mint light follows the editorial guides and the selected film chapter. */
.signal-trace {
  position: absolute;
  right: var(--pad);
  bottom: 14%;
  width: clamp(80px, 11vw, 176px);
  color: var(--mint);
  opacity: .72;
  filter: drop-shadow(0 0 4px rgba(129,216,208,.64));
  pointer-events: none;
}
.chapters button {position:relative;}
.chapters button[aria-current="step"]::before {
  content:"";
  position:absolute;
  inset:-2px 0 auto;
  height:1px;
  background:#b8fff5;
  box-shadow:0 0 6px 1px #81d8d088;
}
.product-scope {grid-column:1/-1;padding-bottom:clamp(28px,4vw,68px);border-bottom:1px solid #9dbbb1;}
.product-scope h2 {margin:20px 0 35px;font-size:clamp(38px,5vw,78px);line-height:1.03;}
.scope-columns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;}
.scope-columns article::before {
  content:"";display:block;width:36px;height:2px;margin-bottom:17px;
  background:#65b9ae;box-shadow:0 0 7px #81d8d0aa;
}
.scope-columns h3 {font-size:clamp(18px,1.6vw,25px);margin:0 0 9px;letter-spacing:-.035em;}
.scope-columns p,.scope-availability {font-size:15px;line-height:1.6;color:var(--muted);}
.scope-availability {font-size:12px;margin-top:22px;}
.invitation {position:relative;}
.invitation::before {
  content:"";position:absolute;z-index:1;top:0;left:10%;width:80%;height:1px;
  background:linear-gradient(90deg,transparent,#a0efe3 50%,transparent);
  filter:drop-shadow(0 1px 3px #81d8d0);
}
@media(max-width:760px) {
  .signal-trace {width:70px;right:20px;bottom:16%;}
  .scope-columns {grid-template-columns:1fr;gap:22px;}
  .scope-columns article::before {width:26px;margin-bottom:9px;}
  .product-scope h2 {margin-bottom:25px;}
}

/* One continuous stage for the device, its users and the invitation. */
.cinema {position:relative;}
.cinema-active:not(.reduced) .cinema {height:1160svh;}
.cinema .story-panel {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  padding:96px var(--pad) max(130px,15svh);
  text-align:left;
  background:linear-gradient(90deg,rgba(2,13,16,.72),rgba(2,13,16,.26) 40%,transparent 68%);
}
.cinema .story-panel:is(.panel-1,.panel-5,.panel-6,.panel-7) {
  padding-left:58%;
  justify-content:center;
  background:linear-gradient(270deg,rgba(2,13,16,.76),rgba(2,13,16,.16) 50%,transparent 75%);
}
.cinema .story-panel h1,.cinema .story-panel h2 {
  margin:14px 0 18px;max-width:16ch;
  font:500 clamp(40px,4.8vw,84px)/1.01 Geist,Arial,sans-serif;letter-spacing:-.057em;
}
.cinema .story-panel h1 {font-size:clamp(64px,7.5vw,136px);}
.cinema .story-panel .scene-story {position:static;display:block;margin:0;max-width:34ch;font:400 clamp(15px,1.2vw,20px)/1.48 Geist,Arial,sans-serif;}
.story-action {display:inline-block;margin-top:20px;padding:8px 0;font:500 13px Geist,Arial,sans-serif;border-bottom:1px solid var(--mint);}
.story-action.order {background:var(--mint);color:#0a2826;padding:14px 20px;border:0;}
.story-price {font-size:clamp(42px,5vw,82px);letter-spacing:-.06em;margin:0 0 14px;}
.story-price s {font-size:.42em;vertical-align:middle;color:#d0dad7;margin-right:12px;}
.cinema .panel-11 {background:linear-gradient(90deg,#021310d9,transparent 70%);}
.story-controls {display:flex;align-items:center;gap:8px;}
.story-controls button,.story-controls select {
  min-height:40px;background:#051815d9;color:#e7f2ed;border:1px solid #81d8d060;
  font:500 12px Geist,Arial,sans-serif;padding:7px 12px;
}
.story-controls button {min-width:42px;}
.story-controls button:disabled {opacity:.45;}
.story-controls select {cursor:pointer;box-shadow:0 -1px 6px #81d8d026;}
.reduced .story-controls,html:not(.cinema-active) .story-controls {display:none;}
.static-stories {display:block;}
.static-stories figure {position:relative;min-height:80svh;background:#0b1b1a;}
.static-stories figure img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.static-stories figure figcaption {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:80svh;padding:80px var(--pad);background:linear-gradient(0deg,#02100feb,transparent 90%);}
.static-stories h2 {font-size:clamp(32px,4.8vw,78px);margin:10px 0;}
.static-stories figcaption>p:not(.eyebrow){font-size:17px;max-width:42ch;}
@media(max-width:760px){
  .cinema .story-panel,.cinema .story-panel:is(.panel-1,.panel-5,.panel-6,.panel-7) {
    padding:90px 22px 115px;justify-content:flex-start;
    background:linear-gradient(180deg,#031514ed,rgba(2,17,16,.74) 22%,transparent 52%);
  }
  .cinema .story-panel:is(.panel-7,.panel-8,.panel-9,.panel-10,.panel-11) {
    justify-content:flex-end;background:linear-gradient(0deg,#021210e8,rgba(2,17,16,.8) 34%,transparent 72%);
  }
  .cinema .story-panel h2 {font-size:clamp(30px,8vw,42px);margin:9px 0;}
  .cinema .story-panel h1 {font-size:clamp(56px,14vw,90px);}
  .cinema .story-panel .scene-story {font-size:14px;max-width:32ch;}
  .story-action {margin-top:10px;}
  .story-controls {justify-content:space-between;gap:6px;}
  .story-controls select {flex:1;}
  .story-controls button,.story-controls select {min-height:44px;}
}
@media(max-height:530px) {
  .cinema .story-panel,.cinema .story-panel:is(.panel-1,.panel-5,.panel-6,.panel-7) {padding-top:66px;padding-bottom:75px;}
  .cinema .story-panel h1,.cinema .story-panel h2 {font-size:33px;margin:4px 0;}
  .cinema .story-panel .scene-story {font-size:12px;}
  .story-action {margin-top:5px;}
}