/* Cinematic creator experience: lighting, depth, interaction, and a direct offer. */

:root{--paper:#100c10;--ink:#fff5f4;--muted:#b6a6b1;--accent:#ffc0cf;--display:'Outfit',Arial,sans-serif;--line:#f3cada20}.header{max-width:1440px;position:relative;z-index:3;height:82px}.wordmark:before{border-radius:50%;background:var(--accent)}.header nav{gap:22px}.effects-toggle{border:0;background:none;color:var(--muted);font-size:10px;display:flex;gap:7px;align-items:center;padding:10px 0}.effects-toggle span{color:var(--accent);font-size:17px}.hero{position:relative;isolation:isolate;max-width:1400px;min-height:700px;margin:0 24px;padding:65px 5% 60px;overflow:hidden;border:1px solid #ffcfdb1c;border-radius:30px;background:#1c111a;grid-template-columns:1.1fr 1fr;gap:0}.ambient-light{position:absolute;inset:-20%;z-index:-2;background:radial-gradient(ellipse at 15% 40%,#853c684d,transparent 43%),radial-gradient(ellipse at 86% 10%,#ae583f40,transparent 36%),radial-gradient(ellipse at 90% 85%,#65375c66,transparent 45%);animation:lightDrift 14s ease-in-out infinite alternate;pointer-events:none}.hero-grain{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-backword{position:absolute;z-index:-1;top:-10px;left:3%;font:600 clamp(110px,17vw,250px)/1 var(--display);letter-spacing:-12px;color:#ffd4e509;white-space:nowrap;pointer-events:none;transform:translateY(var(--scroll-shift,0px))}.hero-copy{align-self:center;position:relative;z-index:3;pointer-events:none}.hero-copy>*{pointer-events:auto}.creator-id{margin-bottom:24px}.creator-id img{outline:1px solid #ffcade5c;outline-offset:4px}.creator-id small{font-size:9px;letter-spacing:.3px}.creator-flower{animation:slowTurn 28s linear infinite}.hero h1{font:500 clamp(53px,6.2vw,92px)/.98 var(--display);letter-spacing:-4px;margin:0 0 25px;max-width:7.8em}.hero-line{display:block;color:var(--ink)!important}.hero-dot{color:var(--accent)}.hero-intro{font-size:14px;color:#d3bac9;line-height:1.9;max-width:38ch}.hero-actions{gap:19px}.cta{position:relative;isolation:isolate;background:var(--accent);color:#321822;border-radius:50px;padding:17px 24px;box-shadow:0 0 0 1px #ffd6e51a,0 8px 30px #e17ba91c;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.cta:before{content:'';position:absolute;inset:-100%;z-index:-1;background:linear-gradient(110deg,transparent 43%,#fff9 49%,transparent 55%);transform:translateX(-70%);transition:transform .65s ease}.cta:hover{background:#ffd5df;box-shadow:0 0 35px #ff9fc43b;transform:translateY(-3px)}.cta:hover:before,.cta:focus-visible:before{transform:translateX(70%)}.watch-link{font-size:10px}.play-mini{border-color:#f3ccdc55}.hero-content-types{border-top:1px solid #f9c3d929;max-width:390px;margin-top:28px;padding-top:20px;color:#d6bfcb}.cta-note{color:#b9a0b0;font-size:9px}.media-stage{height:590px;isolation:isolate;padding:0 10px 0 30px;perspective:1000px}.media-stage:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #f8b7d01f;border-radius:50%;top:60px;left:0;box-shadow:0 0 100px #d37b9e14,inset 0 0 80px #f3afca0a;animation:haloBreathe 8s ease-in-out infinite alternate}.media-stage:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#e08fba1c,transparent 68%);z-index:-1;pointer-events:none}.stage-word{display:none}.video-card{width:315px;height:560px;border-radius:180px 180px 28px 28px;transform:translateY(var(--depth-y,0px)) rotate(4deg) rotateY(var(--tilt-x,0deg));border:1px solid #e5b0c93b;box-shadow:0 28px 90px #0008,0 0 75px #d98cb71c;transition:transform .4s ease-out}.video-card video,.video-fallback{object-position:50% 23%}.demo-badge{top:105px;left:15px;font-size:7px;border-color:#ffe0ee40}.expand-video{top:102px;right:13px;background:#301e2b70}.video-card figcaption>span{font:500 30px var(--display)}.floating-still{width:137px;height:186px;right:-16px;bottom:55px;border:5px solid #ead6d9;border-radius:3px;transform:translateY(calc(var(--depth-y,0px) * -.6)) rotate(-12deg);box-shadow:0 20px 45px #0007;transition:transform .4s ease-out}.floating-still>span{background:#ead6d9;color:#452d37;font-size:8px}.floating-still img{filter:grayscale(.7) sepia(.15)}.stage-caption{bottom:0;left:50px;font:12px var(--display);color:#c4a6ba}.round-watch{position:absolute;z-index:5;left:-5px;top:36px;width:97px;height:97px;border:1px solid #f4b3d255;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#352033a6;color:#ffdcea;backdrop-filter:blur(10px);box-shadow:0 0 30px #ffabd01a;transition:transform .25s}.round-watch:hover{transform:rotate(-9deg) scale(1.06)}.round-watch span{font-size:9px;letter-spacing:.2px}.round-watch strong{font-size:17px;font-weight:400}.sensory-ribbon{overflow:hidden;border-bottom:1px solid var(--line);max-width:1400px;margin:24px auto 0;padding:16px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sensory-ribbon>div{width:max-content;display:flex;align-items:center;gap:36px;animation:ribbonFlow 35s linear infinite}.sensory-ribbon span{font:400 19px var(--display);color:#c9a7ba}.sensory-ribbon i{font-style:normal;font-size:24px;color:#80556e}.preview-section{border-top:0;padding-top:74px}.preview-heading h2{font-size:52px;letter-spacing:-2px}.preview-side p{font-size:11px}.filters{background:#26192280;border-color:#ffbeda24}.filters button.active{background:#e6c6d3;color:#392333}.preview-grid{gap:24px;align-items:start}.preview-tile{border-radius:140px 140px 20px 20px;border-color:#f2bad629;transition:transform .4s ease-out,box-shadow .4s ease;aspect-ratio:4/5.4}.preview-tile:nth-child(2){margin-top:45px}.preview-tile:nth-child(3){margin-top:90px}.preview-tile:hover{transform:translateY(-9px);box-shadow:0 20px 65px #a3507b27}.preview-tile:after{inset:30% 0 0;background:linear-gradient(transparent,#1d101cd9)}.tile-label{top:auto;bottom:100px;left:22px;font-size:8px}.tile-caption strong{font-size:25px;font-weight:400;letter-spacing:-.6px}.tile-caption small{color:#e7c7d9}.tile-play{top:42%;border-color:#fff8;background:#56314a44}.demo-caption{margin-top:22px;color:#947d8d}.peek-section{max-width:1200px;margin:0 auto;padding:45px 35px 85px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.peek-copy h2{font-size:48px;font-weight:400;letter-spacing:-1.6px}.peek-copy p{font-size:12px;color:var(--muted)}.peek-disclosure{font-size:9px!important;max-width:36ch;line-height:1.8}.peek-card{position:relative;border:1px solid #f0b6d233;border-radius:22px;overflow:hidden;aspect-ratio:5/4;background:#291b26;padding:0;color:white;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.peek-card img{width:100%;height:100%;object-fit:cover;object-position:50% 23%;filter:blur(12px) saturate(.65);transform:scale(1.08);transition:filter .8s ease,transform 1.2s ease}.peek-card.is-peeking img{filter:blur(0) saturate(1);transform:scale(1.02)}.peek-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#170c1c90,transparent 80%);pointer-events:none}.peek-instruction{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:opacity .4s}.peek-ring{width:58px;height:58px;display:grid;place-items:center;border:1px solid #ffe6f4aa;border-radius:50%;background:#57324d33;backdrop-filter:blur(8px);font-size:21px}.peek-instruction strong{font-size:12px;font-weight:500}.peek-instruction small{font-size:9px;color:#e3cbd9}.is-peeking .peek-instruction{opacity:.12}.peek-card.is-peeking:focus-visible .peek-instruction{opacity:.2}.peek-corner{position:absolute;bottom:15px;right:18px;color:#ffdeee;font-size:25px}.invitation{border-color:#f1bdd526;background:#251522;grid-template-columns:1.25fr .8fr}.invitation h2{font-size:54px;font-weight:400;letter-spacing:-2px;max-width:12ch}.invitation>div:first-child{padding:55px}.closing-visual:after{background:linear-gradient(90deg,#251522,transparent 75%)}.closing-visual img{opacity:.6;transition:transform 1.2s ease}.invitation:hover .closing-visual img{transform:scale(1.04)}.closing-visual>span{font-weight:400}.questions h2{font-weight:400}.sticky-access{background:#21101df0;border-color:#edb7d32e}.media-dialog{background:#21151f;border-color:#f6c5dc33}.media-dialog[open]{animation:dialogIn .35s ease-out}.filters button,.expand-video,.video-controls button{transition:background .2s,transform .2s}.filters button:hover{background:#ffffff12}.filters button.active:hover{background:#e6c6d3}.expand-video:hover,.video-controls button:hover{transform:scale(1.1)}
@keyframes lightDrift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.06)}}@keyframes slowTurn{to{transform:rotate(360deg)}}@keyframes haloBreathe{from{transform:scale(.93);opacity:.4}to{transform:scale(1.04);opacity:1}}@keyframes ribbonFlow{to{transform:translateX(-50%)}}@keyframes dialogIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes heroEntrance{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
body.effects-ready .creator-id,body.effects-ready .hero h1,body.effects-ready .hero-intro,body.effects-ready .hero-actions{animation:heroEntrance .85s cubic-bezier(.2,.7,.3,1) both}body.effects-ready .hero h1{animation-delay:.09s}body.effects-ready .hero-intro{animation-delay:.18s}body.effects-ready .hero-actions{animation-delay:.27s}.reveal-item{opacity:1;transform:none}.effects-ready .reveal-item:not(.is-visible){opacity:0;transform:translateY(22px)}.effects-ready .reveal-item{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1)}html[data-effects='off'] *,html[data-effects='off'] *:before,html[data-effects='off'] *:after{animation:none!important;transition:none!important}html[data-effects='off'] .reveal-item{opacity:1!important;transform:none!important}
@media(min-width:1448px){.hero{margin-left:auto;margin-right:auto}}@media(max-width:1100px){.hero{padding-left:5%;padding-right:5%;min-height:650px;grid-template-columns:1fr 1fr}.hero h1{font-size:66px;letter-spacing:-3px}.media-stage{height:540px;padding-left:15px}.video-card{width:278px;height:505px}.floating-still{width:112px;height:153px;right:-10px;bottom:50px}.round-watch{width:78px;height:78px;left:-5px;top:24px;gap:3px}.round-watch span{font-size:8px}.media-stage:before{width:330px;height:330px;top:90px;left:-10px}.hero-intro{font-size:12px}.hero-actions{gap:12px}.hero-backword{font-size:170px;letter-spacing:-9px}.peek-section{gap:40px;padding-left:40px;padding-right:40px}.peek-copy h2{font-size:41px}.invitation h2{font-size:45px}.invitation>div:first-child{padding:38px}}
@media(max-width:700px){.header{height:66px;padding:0 20px}.header nav{gap:14px}.effects-toggle{font-size:8px}.effects-toggle span{font-size:14px}.hero{display:flex;flex-direction:column;margin:0 10px;padding:20px 20px 28px;gap:22px;min-height:0;border-radius:24px}.hero-backword{font-size:98px;letter-spacing:-5px;top:10px;left:3%;opacity:.8}.hero-copy{order:1;align-self:stretch;pointer-events:auto}.hero h1{font-size:clamp(43px,11.9vw,65px);letter-spacing:-2.5px;max-width:none;margin-bottom:17px}.hero-line{display:block!important}.hero-line:nth-child(2){max-width:8em}.creator-id{margin-bottom:17px}.creator-id img{width:30px;height:30px;outline-offset:3px}.creator-id small{font-size:8px}.creator-id>div>span{font-size:11px}.hero-intro{font-size:11px;line-height:1.8;max-width:35ch;margin-bottom:19px}.hero-intro br{display:block}.hero-actions{display:grid;grid-template-columns:1fr auto;gap:12px}.hero-actions .cta{min-height:50px;font-size:10px;padding:14px 17px;border-radius:50px;gap:10px}.watch-link{font-size:0}.hero-content-types{margin-top:18px;padding-top:15px;font-size:7px;max-width:none;gap:5px}.hero .cta-note{font-size:8px;line-height:1.7;margin-top:11px}.media-stage{order:0;margin:0 10px;height:310px;padding:0 25px 0 0;align-self:stretch}.media-stage:before{width:275px;height:275px;top:25px;left:0}.video-card{width:205px;height:300px;border-radius:110px 110px 18px 18px;transform:rotate(5deg)}.video-card video,.video-fallback{object-position:50% 23%}.demo-badge{top:76px;left:11px;font-size:6px;padding:3px 6px}.expand-video{top:73px;right:9px;width:25px;height:25px;font-size:15px}.floating-still{width:95px;height:131px;right:-4px;bottom:23px;border-width:4px;border-radius:2px}.floating-still>span{font-size:6px;padding:4px}.video-card figcaption{bottom:46px;left:14px}.video-card figcaption small{font-size:7px}.video-card figcaption>span{font-size:21px}.video-controls{font-size:7px;bottom:10px;left:10px;right:10px}.video-controls button{width:25px;height:25px;font-size:9px}.round-watch{width:65px;height:65px;left:-16px;top:27px;gap:3px}.round-watch span{font-size:7px}.round-watch strong{font-size:13px}.stage-caption{display:none}.sensory-ribbon{margin-top:18px;padding:12px 0}.sensory-ribbon>div{gap:24px;animation-duration:30s}.sensory-ribbon span{font-size:15px}.sensory-ribbon i{font-size:18px}.preview-section{padding:40px 23px}.preview-heading h2{font-size:39px;letter-spacing:-1.5px;line-height:1.1}.preview-heading h2 br{display:block}.preview-side p{font-size:10px;margin-top:16px}.preview-grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.preview-tile{border-radius:80px 80px 13px 13px;aspect-ratio:4/6}.tile-video{grid-column:auto;aspect-ratio:4/6}.preview-tile:nth-child(2){margin-top:30px}.preview-tile:nth-child(3){grid-column:1/-1;margin:5px 0 0;border-radius:16px;aspect-ratio:16/9}.tile-label{font-size:6px;left:12px;bottom:72px;padding:4px 6px;top:auto}.tile-caption{left:12px;right:12px;bottom:15px;gap:5px}.tile-caption strong{font-size:19px;letter-spacing:-.5px;line-height:1.05}.tile-caption small{font-size:7px}.tile-play{width:38px;height:38px;font-size:11px;top:40%}.tile-detail img{object-position:50% 23%}.tile-detail .tile-caption strong{font-size:25px}.tile-detail .tile-label{bottom:80px}.demo-caption{font-size:8px;line-height:1.7}.peek-section{padding:10px 23px 45px;grid-template-columns:1fr;gap:20px}.peek-copy h2{font-size:36px;letter-spacing:-1.3px;margin:13px 0}.peek-copy p{font-size:11px}.peek-disclosure{font-size:8px!important;max-width:none}.peek-card{border-radius:16px;aspect-ratio:5/4}.peek-instruction strong{font-size:11px}.peek-instruction small{font-size:8px}.peek-ring{width:49px;height:49px;font-size:18px}.invitation{margin:0 10px 30px;grid-template-columns:1fr}.invitation>div:first-child{padding:34px 23px}.invitation h2{font-size:40px;line-height:1.04;max-width:10ch;letter-spacing:-1.3px}.invitation .eyebrow{font-size:8px;max-width:27ch;display:block}.invitation p:not(.cta-note){font-size:11px;max-width:27ch}.invitation .cta{font-size:10px;padding:15px 19px;min-height:51px}.invitation .cta-note{font-size:8px}.closing-visual{inset:0 0 0 35%;opacity:.35}.questions{padding-top:0}.questions h2{font-size:28px}.sticky-access .cta{border-radius:50px;font-size:9px}.sticky-access>div{font-size:10px}footer{padding-bottom:40px}}
@media(max-width:359px){.hero{padding-left:16px;padding-right:16px}.hero h1{font-size:42px;letter-spacing:-2px}.media-stage{height:278px;margin:0;padding-right:12px}.video-card{width:185px;height:270px}.floating-still{width:81px;height:111px;right:-3px;bottom:17px}.round-watch{width:56px;height:56px;left:-4px;top:20px}.round-watch span{font-size:6px}.media-stage:before{width:240px;height:240px;left:0}.hero-actions .cta{font-size:9px;padding-left:14px;padding-right:14px}.hero-content-types{font-size:6px}.creator-id{margin-bottom:14px}.hero-backword{font-size:82px}.preview-heading h2{font-size:35px}.preview-grid{gap:10px}.tile-caption strong{font-size:17px}.tile-label{font-size:6px;left:9px;bottom:70px}.tile-caption{left:10px;right:10px}.invitation h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-opt-in='true']){scroll-behavior:auto}html:not([data-motion-opt-in='true']) *,html:not([data-motion-opt-in='true']) *:before,html:not([data-motion-opt-in='true']) *:after{animation:none!important;transition:none!important}html:not([data-motion-opt-in='true']) .reveal-item{opacity:1!important;transform:none!important}html:not([data-motion-opt-in='true']) .video-card,html:not([data-motion-opt-in='true']) .floating-still,html:not([data-motion-opt-in='true']) .hero-backword{transform:none!important}}

body.effects-ready .hero-actions{animation:none}