/* One canvas, generous desktop composition, native mobile flow. */
html[data-theme="light"]{--bg:#fafaf9;--bg-2:#fafaf9;--surface:#fff;--surface-2:#f2f3f3}
html[data-theme="dark"]{--bg:#0b0d0f;--bg-2:#0b0d0f;--surface:#14181c;--surface-2:#191e23}
.blob-field{display:none}
main>section{max-width:none;width:100%;padding-inline:clamp(20px,4vw,88px)}
.hero-content-split{max-width:1280px;width:100%;grid-template-columns:1fr 460px;gap:64px}
.hero-content-split .hero-sub{margin-left:0}
main>.hero{padding:84px 24px 52px}
.hero .blob-field{display:block}
nav{padding-inline:clamp(20px,4vw,88px)}
.brand-lockup{display:flex;align-items:center;gap:9px;white-space:nowrap;font:650 21px/1 Inter,sans-serif;letter-spacing:-.04em}
.brand-lockup img{width:26px;height:26px;object-fit:contain}
.brand-lockup small{font:500 10px/1 Inter,sans-serif;letter-spacing:.04em;border:1px solid var(--line-strong);border-radius:5px;padding:4px 5px;margin-left:1px}
#hubs.hub-features{padding-block:70px 40px;overflow:visible;background:var(--bg)}
.hub-feature{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(28px,5vw,100px);align-items:center;padding:clamp(48px,7vw,110px) 0}
.hub-feature+.hub-feature{border-top:1px solid var(--line)}
.hub-feature-copy{max-width:510px}
.hf-kicker{font:500 12px/1.5 Inter,sans-serif;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:24px}
.hub-feature h2{font:600 clamp(32px,3.5vw,62px)/1.08 Inter,sans-serif;letter-spacing:-.045em;text-transform:none;margin-bottom:26px;color:var(--ink)}
.hub-feature-copy>p:not(.hf-kicker){font:400 clamp(15px,1.15vw,19px)/1.7 Inter,sans-serif;color:var(--ink-soft);margin-bottom:24px;max-width:43ch}
.hub-feature-copy>p.hf-note{font-size:12px;line-height:1.6}
.hf-link{display:inline-flex;gap:22px;align-items:center;font:600 13px/1.5 Inter,sans-serif;min-height:44px;border-bottom:1px solid var(--line-strong)}
.hub-film{position:relative;min-width:0;aspect-ratio:var(--film-ratio);overflow:hidden;border-radius:clamp(16px,2vw,30px);background:#0b0d0f;border:1px solid var(--line-strong);isolation:isolate;box-shadow:0 14px 45px #0000000a}
.hub-film video,.hub-film picture,.hub-film picture img{width:100%;height:100%;object-fit:contain;display:block}
.hub-film picture{position:absolute;inset:0;pointer-events:none;transition:opacity .35s ease}
.hub-film[data-state="playing"] picture{opacity:0}
.hub-film[data-state="finished"] picture{opacity:1;transition:none}
.hub-film[data-reduced="true"] picture,.hub-film[data-state="error"] picture{opacity:1}
.hub-film::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid transparent;background:radial-gradient(360px at var(--pointer-x,50%) var(--pointer-y,30%),#94baff38,transparent) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s}
@media(hover:hover){.hub-film:hover::after{opacity:1}.hf-link:hover{color:var(--accent)}}
.hub-feature-copy.motion-ready>*{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.hub-feature-copy.is-visible>*{opacity:1;transform:none}
.hub-feature-copy.is-visible>:nth-child(2){transition-delay:80ms}.hub-feature-copy.is-visible>:nth-child(3){transition-delay:150ms}.hub-feature-copy.is-visible>:nth-child(4){transition-delay:200ms}
.product-footer{padding:64px clamp(20px,4vw,88px) 0;background:var(--bg);overflow:hidden}
.footer-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:32px}
.footer-top>p{font:500 clamp(24px,2.5vw,42px)/1.2 Inter,sans-serif;letter-spacing:-.035em}
.footer-top h3{font:500 13px/1.5 Inter,sans-serif;color:var(--ink-soft);margin-bottom:20px}
.footer-top a{display:block;width:fit-content;font-size:14px;margin:12px 0;min-height:26px}
.footer-top a:hover,.footer-bottom a:hover{color:var(--accent)}
.footer-wordmark{font:650 21.8vw/.95 Inter,sans-serif;letter-spacing:-.075em;margin:70px 0 42px -1.1vw;white-space:nowrap;color:var(--ink)}
.footer-bottom{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:24px;color:var(--ink-soft);font-size:13px}
.footer-bottom>div{display:flex;gap:28px}
@media(max-width:900px){.hub-feature{grid-template-columns:1fr;gap:32px}.hub-feature-copy{max-width:620px}.hero-content-split{grid-template-columns:1fr}.hub-feature h2{font-size:clamp(34px,6vw,52px)}.hero-content-split .hero-sub{margin-inline:auto}}
@media(max-width:650px){.hub-film{aspect-ratio:390/740;max-width:430px;width:100%;margin-inline:auto}.brand-lockup{font-size:17px;gap:6px}.brand-lockup img{width:22px;height:22px}.brand-lockup small{font-size:8px}.hub-feature{padding-block:44px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>p{grid-column:1/-1;margin-bottom:16px}.footer-wordmark{margin-block:48px 28px;font-size:21vw}.footer-bottom{flex-direction:column;gap:16px}.footer-bottom>div{gap:24px}}
@media(prefers-reduced-motion:reduce){.hub-feature-copy.motion-ready>*{opacity:1;transform:none;transition:none}.hub-film picture,.hub-film::after{transition:none}}

@media(max-width:1000px){.hero-content-split{grid-template-columns:1fr;gap:36px;text-align:center}.hero-content-split .hero-sub{margin-inline:auto}}
/* A deliberately sparse mobile map, with clear lanes for people and places. */
@media(max-width:700px){
 .discovery-slideshow{aspect-ratio:3/4;min-height:440px}
 .dc-player-pin[data-open$="p2"],.dc-player-pin[data-open$="p5"],.dc-landmark[data-open$="hub3"],.dc-chip-pin{display:none}
 .dc-player-pin[data-open$="p1"]{left:12%!important;top:32%!important}
 .dc-player-pin[data-open$="p3"]{left:64%!important;top:43%!important}
 .dc-player-pin[data-open$="p4"]{left:30%!important;top:73%!important}
 .dc-landmark[data-open$="hub1"]{left:72%!important;top:77%!important}
 .dc-landmark[data-open$="hub2"]{left:20%!important;top:55%!important}
 .dc-hdr{padding:18px 16px 0}.dc-city{font-size:30px}
 .dc-nearby-pill{right:12px;top:20px;padding:7px 9px;font-size:9px}
 .dc-status-chip{font-size:8px;padding:4px 6px;max-width:110px}
 .dc-player-pin .dc-avatar-bubble{width:42px;height:42px;margin-inline:auto}
 .map-pin-section .dc-floaty{animation:none!important}
 .dc-sheet{max-height:calc(100% - 24px);overflow:auto;overscroll-behavior:contain}
}
nav{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
nav .nav-links,nav .pill-login{color:var(--ink-soft)}
nav .pill-login{border-color:var(--line-strong);background:var(--surface)}
nav .theme-toggle{background:var(--surface-2);border-color:var(--line-strong)}
.nav-links a:not(.pill):hover{color:var(--ink)}
.nav-links a:not(.pill)::after{background:var(--ink)}
@media(max-width:560px){nav{padding-inline:12px}.brand-lockup{font-size:16px;gap:5px}.brand-lockup small{padding:3px}.nav-links{gap:4px}}

@media(max-width:700px){.dc-eyebrow{font-size:8px;padding:5px 7px;letter-spacing:.03em}.dc-nearby-pill{font-size:8px;gap:4px}.dc-landmark-label{font-size:8px;padding:3px 5px;max-width:110px;white-space:normal;text-align:center}}
@media(max-width:700px){.dc-landmark-label{width:max-content;max-width:100px}}

/* QRAFT shares the same desktop lanes and canvas as the Hubs stories. */
main>.qraft-section{border:0;border-radius:0;clip-path:none;background:var(--bg);color:var(--ink);padding:70px clamp(20px,4vw,88px) 90px;overflow:hidden}
.qraft-section::before{display:none}
.qraft-inner{max-width:none;width:100%;margin:0;position:static;display:block}
.qraft-layout{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(28px,5vw,100px)}
.qraft-showcase{padding:0;border:0;border-radius:24px;clip-path:none;background:transparent;box-shadow:none}
.qraft-window{border:0;clip-path:none;border-radius:24px}
.qraft-copy h2{color:var(--ink)}
main>.qraft-section .qraft-intro,main>.qraft-section .qraft-lead,main>.qraft-section .qraft-eyebrow{color:var(--ink-soft)}
@media(max-width:900px){.qraft-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:650px){main>.qraft-section{padding-block:48px}.qraft-showcase,.qraft-window{border-radius:16px}}

/* Use the actual brand artwork, including its integrated Beta mark. */
.brand-lockup img{width:154px;height:54px;object-fit:contain}
html[data-theme="light"] .brand-lockup img{filter:brightness(0)}
.qraft-layout>*,.qraft-copy,.qraft-showcase,.qraft-window,.qraft-track,.cinema-image,.cinema-viewport{min-width:0;max-width:100%;box-sizing:border-box}
.qraft-copy h2{font:600 clamp(32px,3.5vw,62px)/1.08 Inter,sans-serif;letter-spacing:-.045em;text-transform:none;max-width:13ch;margin-bottom:26px}
.qraft-copy h2 em{display:block}
.qraft-eyebrow{margin-bottom:32px}
.qraft-platforms{gap:10px;max-width:420px;margin-top:28px}
@media(max-width:900px){.qraft-copy h2{font-size:clamp(34px,6vw,52px)}.qraft-layout{display:grid;grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.brand-lockup img{width:124px;height:44px}.qraft-copy h2{font-size:clamp(34px,8.7vw,44px)}.qraft-window{width:100%;aspect-ratio:16/9}.qraft-slide,.qraft-track,.cinema-image,.cinema-viewport{width:100%;height:100%;margin:0;padding:0}.qraft-slide video{width:100%;height:100%;object-fit:contain}.qraft-platforms{max-width:100%;gap:9px}.qraft-platform{flex:none}}
@media(max-width:380px){.brand-lockup img{width:106px;height:38px}.nav-links .pill-dark{font-size:10px;padding:9px 11px}}

@media(max-width:560px){.nav-links .pill-login{display:none}.nav-links{gap:8px}.nav-links .pill-dark{font-size:11px;padding:9px 12px}.theme-toggle{width:42px;height:24px}.theme-toggle .knob{width:18px;height:18px}html[data-theme=dark] .theme-toggle .knob{transform:translateX(18px)}.brand-lockup img{width:142px;height:50px}}
@media(max-width:380px){.brand-lockup img{width:124px;height:44px}.nav-links{gap:6px}.nav-links .pill-dark{font-size:10px;padding:9px 10px}}

.passport-product{background:var(--bg);color:var(--ink);padding-block:36px}.passport-product .hub-feature{border-top:1px solid var(--line)}@media(max-width:650px){.passport-product-film{aspect-ratio:390/740}}