/* Motion direction: native CSS + a small event-driven JS layer. */
.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:25;pointer-events:none;background:transparent}.reading-progress>span{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);box-shadow:0 0 10px #ffc0cf70}.pointer-light{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(350px circle at var(--pointer-x,70%) var(--pointer-y,35%),#ffd0e514,transparent 70%);transition:opacity .5s}.hero.pointer-active .pointer-light{opacity:1}.experience-tools{position:absolute;right:25px;top:23px;z-index:8}.experience-tools button{display:flex;align-items:center;gap:8px;min-height:37px;padding:8px 13px;border:1px solid #ffdaea4a;border-radius:30px;background:#21131e75;backdrop-filter:blur(12px);color:#fce8f2;font-size:9px;transition:background .2s,transform .2s}.experience-tools button:hover{background:#64324c75;transform:translateY(-2px)}.experience-tools button span{font-size:17px}.hero-line{overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.hero-line>span{display:inline-block;transform:translateY(0);color:var(--ink)}html[data-effects='on'] .hero-line>span{animation:lineLift 1.05s cubic-bezier(.16,1,.3,1) both}html[data-effects='on'] .hero-line:nth-child(2)>span{animation-delay:.12s}.hero h1{animation:none!important}.video-card{animation:filmFloat 7s ease-in-out infinite}.floating-still{animation:photoFloat 6s ease-in-out infinite}.video-card:before{content:'';position:absolute;inset:0;z-index:5;border-radius:inherit;padding:1px;background:linear-gradient(125deg,#ffd0e70a 20%,#ffe2ef99 45%,#ffd0e70a 70%);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:edgeLight 8s ease-in-out infinite}.preview-tile{transform:perspective(900px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(var(--card-lift,0px))!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s,opacity .7s!important}.effects-ready .preview-tile.reveal-item:not(.is-visible){opacity:0;--card-lift:28px}.preview-tile:hover{--card-lift:-7px}.preview-tile:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,30%),#ffe8f323,transparent 55%);transition:opacity .3s}.preview-tile:hover:before{opacity:1}.tile-caption{transition:translate .4s ease}.preview-tile:hover .tile-caption{translate:0 -4px}.tile-caption small{transition:opacity .35s;opacity:.8}.preview-tile:hover .tile-caption small{opacity:1}.preview-tile .tile-play{transition:scale .4s,background .4s}.preview-tile:hover .tile-play{scale:1.1;background:#9b547956}.peek-card.is-peeking{box-shadow:0 0 60px #cf6e9d20}.peek-ring{transition:scale .5s,rotate .5s}.is-peeking .peek-ring{scale:1.2;rotate:90deg}.peek-corner{animation:slowTurn 24s linear infinite}.cta{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .3s ease,transform .3s,box-shadow .3s,background .3s}.cta>span{transition:transform .3s}.cta:hover>span{transform:translate(3px,-3px)}.invitation:before{content:'';position:absolute;inset:-100% -30%;pointer-events:none;background:radial-gradient(ellipse at 30% 50%,#d16caa12,transparent 55%);animation:lightDrift 11s ease-in-out infinite alternate}.invitation{position:relative;isolation:isolate}.invitation>div:first-child{position:relative;z-index:1}.media-dialog[open]>img,.media-dialog[open]>video{animation:mediaResolve .5s ease both}.sensory-ribbon>div{animation-duration:24s}.hero.is-cinematic{min-height:730px;display:flex;align-items:center;padding-top:75px;padding-bottom:75px;background:#1b1219}.hero.is-cinematic .hero-copy{width:55%;max-width:670px;position:relative;z-index:6}.hero.is-cinematic .media-stage{position:absolute;inset:0;height:100%;width:100%;padding:0;margin:0;z-index:0;perspective:none}.hero.is-cinematic .video-card{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;transform:none!important;translate:none;animation:none;box-shadow:none}.hero.is-cinematic .video-card:before{display:none}.hero.is-cinematic .video-card video,.hero.is-cinematic .video-fallback{left:28%;width:72%;object-position:50% 29%}.hero.is-cinematic .video-shade{inset:0;background:linear-gradient(90deg,#1b111bf5 0%,#1b111bd9 31%,#1b111b8c 52%,#1b111b0a 78%),linear-gradient(0deg,#180d16a1,transparent 60%)}.hero.is-cinematic .ambient-light{z-index:1;opacity:.6;pointer-events:none}.hero.is-cinematic .hero-backword{z-index:2;color:#ffd4e50b;top:10px}.hero.is-cinematic .hero-grain{z-index:7}.hero.is-cinematic .media-stage:before,.hero.is-cinematic .media-stage:after,.hero.is-cinematic .floating-still,.hero.is-cinematic .round-watch,.hero.is-cinematic .stage-caption{display:none}.hero.is-cinematic .video-card figcaption{bottom:90px;left:auto;right:35px;text-align:right}.hero.is-cinematic .video-controls{left:auto;right:35px;width:260px;bottom:32px}.hero.is-cinematic .demo-badge{top:30px;left:35px;font-size:8px;z-index:8;opacity:.8}.hero.is-cinematic .expand-video{top:auto;bottom:90px;right:35px;width:38px;height:38px}.hero.is-cinematic .video-card figcaption{right:90px;bottom:88px}.hero.is-cinematic h1{font-size:86px}.hero.is-cinematic .creator-id{margin-top:10px}.hero.is-cinematic .hero-content-types{max-width:400px}.hero.mode-switching{animation:modeFade .5s ease}.hero.is-cinematic .pointer-light{z-index:3}.hero-copy{transition:width .6s ease}.header{transition:background .3s}
@keyframes lineLift{from{transform:translateY(105%);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes filmFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes photoFloat{0%,100%{translate:0 0}50%{translate:0 11px}}@keyframes edgeLight{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes mediaResolve{from{opacity:0;transform:scale(.975);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes modeFade{from{opacity:.6}to{opacity:1}}
html[data-effects='off'] .preview-tile{transform:none!important}html[data-effects='off'] .cta{translate:none}html[data-effects='off'] .pointer-light{display:none}html[data-effects='off'] .peek-ring{rotate:none;scale:1}html[data-effects='off'] .hero-line>span{transform:none!important}html[data-effects='off'] .video-card,html[data-effects='off'] .floating-still{translate:none}
@media(max-width:1100px){.hero.is-cinematic{min-height:660px}.hero.is-cinematic .hero-copy{width:61%}.hero.is-cinematic .video-card video,.hero.is-cinematic .video-fallback{left:20%;width:80%;object-position:50% 28%}.hero.is-cinematic .video-shade{background:linear-gradient(90deg,#1b111bf5 0%,#1b111bd4 36%,#1b111b59 60%,#1b111b05 85%),linear-gradient(0deg,#180d16b0,transparent 60%)}.hero.is-cinematic .video-controls{width:210px;right:24px}.hero.is-cinematic .video-card figcaption{right:75px}.hero.is-cinematic .expand-video{right:23px}.experience-tools{right:20px;top:20px}}
@media(max-width:700px){.experience-tools{right:15px;top:15px}.experience-tools button{font-size:8px;min-height:31px;padding:6px 10px;gap:5px}.experience-tools button span{font-size:14px}.hero:not(.is-cinematic){padding-top:48px}.hero.is-cinematic{display:flex;min-height:620px;height:calc(100svh - 90px);max-height:780px;padding:28px 21px 25px;align-items:flex-end}.hero.is-cinematic .hero-copy{width:100%;max-width:none;align-self:flex-end;z-index:6;padding:0;pointer-events:none}.hero.is-cinematic .hero-copy>*{pointer-events:auto}.hero.is-cinematic .video-card video,.hero.is-cinematic .video-fallback{inset:0;width:100%;height:100%;object-position:55% 17%}.hero.is-cinematic .video-shade{background:linear-gradient(0deg,#1b111b 0%,#1b111beb 20%,#1b111b9e 43%,#1b111b05 74%)}.hero.is-cinematic .hero-backword{top:60px;font-size:88px;left:3%;color:#ffd4e50b}.hero.is-cinematic .creator-id{margin-top:0;margin-bottom:14px}.hero.is-cinematic .creator-id img{width:29px;height:29px}.hero.is-cinematic h1{font-size:45px}.hero.is-cinematic h1{margin-bottom:15px}.hero.is-cinematic .hero-intro{margin-bottom:17px;font-size:11px;line-height:1.8}.hero.is-cinematic .hero-content-types{max-width:none;padding-top:12px;margin-top:14px;font-size:7px}.hero.is-cinematic .cta-note{font-size:8px}.hero.is-cinematic .video-card figcaption{top:62px;left:19px;bottom:auto;right:auto;text-align:left}.hero.is-cinematic .video-card figcaption>span{font-size:16px}.hero.is-cinematic .video-card figcaption small{font-size:8px}.hero.is-cinematic .video-controls{bottom:auto;top:130px;left:19px;right:auto;width:155px;font-size:7px;opacity:.8}.hero.is-cinematic .expand-video{top:118px;left:190px;right:auto;bottom:auto;width:29px;height:29px;font-size:17px}.hero.is-cinematic .demo-badge{top:20px;left:18px;font-size:7px;padding:4px 7px}.hero.is-cinematic .video-controls button{width:27px;height:27px}.preview-tile{transition-duration:.35s!important}.pointer-light{display:none}.reading-progress{height:2px}.tile-caption small{opacity:1}.cta{translate:none}.hero:not(.is-cinematic) .video-card{animation-duration:6s}.hero:not(.is-cinematic) .floating-still{animation-duration:5s}}
@media(max-width:359px){.hero.is-cinematic{min-height:590px;padding:22px 16px}.hero.is-cinematic .hero-copy{width:100%}.hero.is-cinematic .hero-line{font-size:40px}.hero.is-cinematic .hero-intro{font-size:10px}.hero.is-cinematic .hero-content-types{font-size:6px}.experience-tools button{font-size:7px}.hero.is-cinematic .creator-id{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-opt-in='true']) .hero-line>span{transform:none!important}html:not([data-motion-opt-in='true']) .video-card,html:not([data-motion-opt-in='true']) .floating-still{translate:none}html:not([data-motion-opt-in='true']) .preview-tile{transform:none!important}html:not([data-motion-opt-in='true']) .cta{translate:none}html:not([data-motion-opt-in='true']) .pointer-light{display:none}}

@media(min-width:701px) and (max-width:1100px){.hero.is-cinematic h1{font-size:66px;letter-spacing:-3px}.hero.is-cinematic .hero-copy{width:57%}}
/* Keep the mobile offer below the portrait, with controls above it. */
@media(max-width:700px){.hero.is-cinematic{justify-content:flex-end;align-items:stretch}.hero.is-cinematic .hero-copy{align-self:stretch}.hero.is-cinematic .video-card figcaption{display:none}.hero.is-cinematic .video-controls{top:90px}.hero.is-cinematic .expand-video{top:79px;left:185px}.wordmark{white-space:nowrap}.effects-toggle{white-space:nowrap}}
@media(max-width:359px){.header{padding-left:15px;padding-right:15px}.header .wordmark{font-size:15px;flex-shrink:0}.wordmark:before{font-size:18px;margin-right:5px}.header nav{gap:9px}.effects-toggle{font-size:7px;gap:4px}.effects-toggle span{font-size:12px}.age{font-size:8px;padding:4px 7px;white-space:nowrap}}
/* Compact locale control; brand names keep their original spelling. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-control{display:inline-flex;align-items:center}.language-control select{font:10px var(--sans);color:var(--ink);border:1px solid #ffd7e535;border-radius:30px;background:#281b27;min-height:34px;width:66px;padding:5px 7px;cursor:pointer}.language-control select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.header nav{gap:17px}.hero-line>span{max-width:100%;overflow-wrap:normal}.cta{white-space:normal;text-align:center}.cta>span{flex-shrink:0}
@media(max-width:1000px){.header .platform-label{display:none}.header nav{gap:12px}}
@media(max-width:700px){.header .effects-toggle{font-size:0;gap:0;min-width:25px;justify-content:center}.header .effects-toggle span{font-size:16px}.header nav{gap:9px}.language-control select{min-height:30px;width:60px;font-size:9px}.header .wordmark{font-size:17px}.age{font-size:8px;padding:4px 8px;white-space:nowrap}.hero.is-cinematic:lang(de) h1,.hero.is-cinematic:lang(fr) h1{font-size:40px}.hero.is-cinematic .hero-copy{min-width:0}.hero-actions .cta{font-size:10px}.hero.is-cinematic:lang(de) .hero-intro,.hero.is-cinematic:lang(fr) .hero-intro{font-size:10px}.hero-content-types{line-height:1.7}}
@media(max-width:359px){.header .wordmark{font-size:15px}.header nav{gap:7px}.language-control select{width:54px;font-size:8px;padding-left:5px}.header .effects-toggle{min-width:19px}.age{font-size:7px;padding:4px 6px}.hero.is-cinematic:lang(de) h1,.hero.is-cinematic:lang(fr) h1{font-size:35px}.hero-actions .cta{font-size:9px}}