.parallax-page{--motion-scale:1;background:#100b15}
.parallax-page .site-header{background:#100b15e8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .3s,border-color .3s}
.parallax-page .site-header.is-scrolled{background:#100b15f5;border-bottom-color:#fa5f9d24}
.parallax-page .site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#fa5f9d,#ffb7d7);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.motion-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:44px;min-height:44px;flex:none;padding:3px;border:1px solid #fa5f9d32;border-radius:50%;background:transparent;color:var(--muted);line-height:1.2;cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.motion-toggle span{font-size:9px;line-height:1.3}
.motion-toggle[aria-pressed="true"]{color:var(--pink);border-color:#fa5f9d80;background:#fa5f9d0a}
.motion-toggle:hover{color:var(--text);border-color:var(--pink)}
.parallax-page .hero,.parallax-page .provider-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 10% 15%,#2a112630,transparent 60%),var(--bg)}
.scene-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.hero .scene-atmosphere{right:calc(50% - 80px);mask-image:linear-gradient(90deg,#000 55%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent)}
.provider-hero-intro{position:relative}
.provider-hero .scene-atmosphere{inset:-64px -140px 0;mask-image:linear-gradient(#000 45%,transparent);-webkit-mask-image:linear-gradient(#000 45%,transparent)}
.scene-halo{position:absolute;left:-250px;top:120px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,#fa5f9d13,transparent 67%);border:1px solid #fa5f9d13}
.hero-heart{position:absolute;right:-4%;top:8%;width:min(72vw,920px);height:auto;opacity:.22}
.parallax-page .hero-city{inset:-100px 38% -100px -3%;opacity:.52;z-index:-1}
.parallax-page .hero-layout{padding-top:72px;padding-bottom:64px}
.parallax-page .hero-copy{padding-top:36px}
.parallax-page .hero h1{font-size:clamp(92px,9.5vw,138px);font-weight:700;letter-spacing:-.035em;line-height:.98}
.parallax-page .hero h1>span{color:var(--pink);-webkit-text-stroke:0;font-size:.92em;letter-spacing:-.025em}
.parallax-page .hero-bottom{padding-block:18px}
.parallax-page .hero-bottom>span:before{content:"";display:inline-block;width:25px;height:1px;background:var(--pink);vertical-align:middle;margin-right:12px}
.parallax-page .provider-hero{padding-top:64px;overflow:hidden;background:var(--bg)}
.parallax-page .provider-hero>.container{position:relative}
.parallax-page .provider-hero h1{font-size:clamp(78px,8vw,116px);font-weight:700;letter-spacing:-.035em;line-height:1.04}
.parallax-page .provider-hero h1>span{color:var(--pink);-webkit-text-stroke:0;letter-spacing:-.045em}
.parallax-page .provider-film{margin-top:38px}
.scroll-type{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#100b15,#1b0f1d 50%,#100b15);isolation:isolate}
.scroll-type:after{content:"";position:absolute;inset:30% 0;background:radial-gradient(ellipse,#fa5f9d0b,transparent 70%);z-index:-1}
.scroll-type-line{flex:none;white-space:nowrap;font-size:clamp(96px,12.5vw,208px);font-weight:600;letter-spacing:-.035em;line-height:1.25;color:#794860;user-select:none}
.scroll-type-line>span{color:var(--pink)}
.provider-scroll-type .scroll-type-line{font-size:clamp(90px,11.5vw,190px)}
.parallax-page .possibilities{padding-top:110px}
.parallax-page .ways{border-top-color:#fa5f9d40}
.parallax-page .way{padding-top:36px;padding-bottom:42px}
.parallax-page .way h3{font-size:48px;color:var(--pink)}
.parallax-page .feature-stories,.parallax-page .provider-workspace{position:relative;overflow-x:clip}
.parallax-page .feature-story,.parallax-page .workspace-feature{position:relative;isolation:isolate;min-height:820px;min-height:min(940px,92svh);padding-block:116px;gap:80px;border-bottom-color:#fa5f9d26}
.chapter-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.chapter-word{position:absolute;left:0;top:20px;max-width:100%;font-size:clamp(100px,15vw,210px);line-height:1.15;letter-spacing:-.035em;font-weight:600;color:#fa5f9d0a;white-space:nowrap;user-select:none}
.feature-story-reverse .chapter-word,.workspace-feature-reverse .chapter-word{left:auto;right:0}
.parallax-page .story-copy,.parallax-page .workspace-copy{position:relative;z-index:1}
.parallax-page .story-copy h3{font-size:clamp(40px,4.3vw,58px);letter-spacing:-2.6px}
.parallax-page .workspace-copy h3{font-size:clamp(38px,3.8vw,50px);letter-spacing:-2px}
.parallax-page .feature-number{letter-spacing:1.5px}
.parallax-page .phone-story{--base-rotate:-1.5deg;position:sticky;top:calc(var(--header-clearance,120px) + 30px);padding:32px 24px 24px;border-color:#fa5f9d35;border-radius:30px;background:radial-gradient(ellipse at 50% 30%,#fa5f9d19,transparent 74%),#170f1d;box-shadow:0 35px 85px #0003}
.parallax-page .feature-story-reverse .phone-story{--base-rotate:1.5deg}
.parallax-page .phone-story .screen-frame{width:min(100%,258px);border-radius:24px}
.parallax-page .workspace-image{--base-rotate:1deg;position:sticky;top:calc(var(--header-clearance,120px) + 50px);padding:12px;border-radius:22px;border-color:#fa5f9d35;box-shadow:0 30px 90px #0005;background:#1a1021}
.parallax-page .workspace-feature-reverse .workspace-image{--base-rotate:-1deg}
.parallax-page .workspace-image img{border-radius:12px}
.parallax-page .provider-fees{position:relative;padding-top:130px}
.parallax-page .fees-layout{position:relative}
.parallax-page .fee-statement{position:relative;isolation:isolate}
.fee-echo{position:absolute;right:0;top:-70px;z-index:-1;font-size:clamp(200px,31vw,410px);font-weight:650;letter-spacing:-.04em;line-height:1;color:#fa5f9d09;pointer-events:none}
.parallax-page .fee-number{font-size:clamp(140px,16vw,210px);letter-spacing:-.08em}
.parallax-page .fee-number>span{font-size:.53em;letter-spacing:-.04em}
.parallax-page .tool-grid article{position:relative;transition:background .25s}
.parallax-page .tool-grid article:hover{background:#fa5f9d04}
.parallax-page .provider-imports{background:radial-gradient(ellipse at 8% 70%,#fa5f9d0c,transparent 60%),#170f1d}
.parallax-page .import-platforms li{background:#100b1566}
.parallax-page .audience-crosslink{position:relative;padding-block:48px}
.depth-story{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid var(--line);margin-bottom:100px;background:var(--bg)}
.depth-backdrop{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}
.depth-backdrop img{position:absolute;top:-180px;left:0;width:100%;height:calc(100% + 360px);max-width:none;object-fit:cover;opacity:.38}
.depth-story:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(var(--bg),#100b15a8 30%,#100b15a8 65%,var(--bg))}
.depth-layout{padding-block:100px 54px}
.depth-intro{position:relative;z-index:3;text-align:center;text-shadow:0 2px 24px #100b1599}
.depth-intro h2{font-size:clamp(54px,6.7vw,94px);font-weight:600;letter-spacing:-.035em;line-height:1.08;margin:24px 0}
.depth-intro>p:last-child{font-size:16px;line-height:1.85;color:#dfd1e4;max-width:52ch;margin-inline:auto;text-wrap:pretty}
.depth-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:36px;max-width:900px;min-height:560px;margin:120px auto 0}
.depth-portrait{--base-rotate:-4deg;position:relative;margin:70px 0 0;aspect-ratio:3/4;overflow:hidden;border:1px solid #fa5f9d5c;border-radius:24px;background:#201126;box-shadow:0 28px 70px #0008}
.depth-portrait:nth-child(2){--base-rotate:2deg;margin-top:0;z-index:2}
.depth-portrait:nth-child(3){--base-rotate:5deg;margin-top:100px}
.depth-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.depth-portrait figcaption{position:absolute;inset:auto 0 0;padding:50px 22px 20px;background:linear-gradient(transparent,#100b15d9 60%);line-height:1.5}
.depth-portrait figcaption>span{display:block;color:var(--text);font-size:18px;font-weight:600}
.depth-portrait figcaption>small{display:block;color:#f3acd0;font-size:11px;line-height:1.8;margin-top:3px}
.depth-note{position:relative;z-index:3;color:#bca5c6;text-align:center;font-size:11px;line-height:1.8;margin-top:20px}
.provider-depth-story{margin-top:64px;margin-bottom:0}
.closing-scene{position:relative;isolation:isolate;display:grid;place-items:center;min-height:650px;padding:130px 0;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 70%,#fa5f9d0b,transparent 65%)}
.closing-heart{position:absolute;left:calc(50% - 400px);top:6%;width:800px;height:auto;opacity:.18;z-index:-1;pointer-events:none}
.closing-copy{text-align:center}
.closing-copy h2{margin:32px 0;font-size:clamp(76px,10.5vw,154px);line-height:.95;letter-spacing:-.035em;font-weight:650}
.closing-copy h2>span{color:var(--pink)}
.closing-address{font-size:clamp(18px,2.3vw,28px);line-height:1.6;letter-spacing:.02em;color:var(--pink);overflow-wrap:anywhere}
.closing-note{margin-top:18px;font-size:13px;line-height:1.8;color:var(--muted)}
/* Motion hooks are independent of the video so native fullscreen stays in its own coordinate space. */
[data-parallax]{overflow-anchor:none}
.motion-ready[data-motion="full"] [data-parallax]{transform:translate3d(calc(var(--parallax-x,0px)*var(--motion-scale)),calc(var(--parallax-y,0px)*var(--motion-scale)),0) rotate(calc(var(--base-rotate,0deg) + var(--parallax-rotate,0deg)*var(--motion-scale)))}
.motion-ready[data-motion="full"] [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.25,1)}
.motion-ready[data-motion="full"] [data-reveal].is-revealed,.motion-ready[data-motion="full"] [data-reveal]:focus-within{opacity:1;transform:none}
.motion-ready[data-motion="full"] .is-in-view [data-parallax]{will-change:transform}
@media(min-width:1600px){.parallax-page .hero-layout{padding-block:84px}.parallax-page .feature-story,.parallax-page .workspace-feature{padding-block:140px}}
@media(max-width:1100px){
 .parallax-page .hero-layout{padding-block:54px;gap:38px}
 .parallax-page .hero h1{font-size:clamp(78px,9.2vw,102px)}
 .parallax-page .provider-hero h1{font-size:clamp(68px,8.4vw,88px)}
 .parallax-page .feature-story,.parallax-page .workspace-feature{gap:42px;padding-block:100px}
 .parallax-page .story-copy h3{font-size:40px;letter-spacing:-1.8px}
 .parallax-page .workspace-copy h3{font-size:36px;letter-spacing:-1.6px}
 .parallax-page .phone-story{padding:25px 20px 21px}
 .scroll-type{min-height:240px}
}
@media(max-width:900px){
 .parallax-page .workspace-feature{min-height:0;gap:36px;padding-block:90px}
 .parallax-page .workspace-image{position:relative;top:auto;max-width:740px}
 .parallax-page .workspace-copy{max-width:650px}
 .chapter-word{top:16px;font-size:clamp(100px,16vw,180px)}
}
@media(max-width:760px){
 .parallax-page{--motion-scale:1}
 .parallax-page .hero-layout{padding-top:42px;padding-bottom:42px;gap:36px}
 .parallax-page .hero-copy{padding:0}
 .parallax-page .hero h1{font-size:clamp(80px,18vw,118px)}
 .parallax-page .hero-city{inset:-60px -20% 54% -20%;opacity:.4}
 .hero .scene-atmosphere{right:0;max-height:650px;mask-image:linear-gradient(#000 45%,transparent);-webkit-mask-image:linear-gradient(#000 45%,transparent)}
 .hero-heart{top:15%;right:-36%;width:120vw;opacity:.18}
 .scene-halo{width:600px;height:600px;left:-340px;top:0}
 .parallax-page .hero-bottom{padding-block:12px}
 .parallax-page .hero-bottom>span:before{display:none}
 .parallax-page .provider-hero{padding-top:38px}
 .provider-hero .scene-atmosphere{inset:-38px -20px 0}
 .parallax-page .provider-hero h1{font-size:clamp(61px,14vw,84px)}
 .parallax-page .provider-film{margin-top:28px}
 .scroll-type{min-height:180px}
 .scroll-type-line{font-size:94px;letter-spacing:-.035em}
 .provider-scroll-type .scroll-type-line{font-size:88px}
 .parallax-page .possibilities{padding-top:68px}
 .parallax-page .way{padding-block:28px}
 .parallax-page .way h3{font-size:40px}
 .parallax-page .feature-story,.parallax-page .workspace-feature{min-height:0;gap:40px;padding-block:86px 60px}
 .chapter-word{top:14px;font-size:110px;opacity:.8}
 .parallax-page .story-copy h3{font-size:40px;letter-spacing:-1.8px}
 .parallax-page .workspace-copy h3{font-size:38px;letter-spacing:-1.7px}
 .parallax-page .phone-story{position:relative;top:auto;max-width:410px;padding:28px 24px 22px}
 .parallax-page .phone-story .screen-frame{width:min(100%,248px)}
 .parallax-page .workspace-image{padding:9px;border-radius:16px}
 .parallax-page .workspace-image img{border-radius:9px}
 .parallax-page .provider-fees{padding-top:84px}
 .fee-echo{font-size:260px;top:-35px;right:4px}
 .parallax-page .fee-number{font-size:156px}
 .parallax-page .audience-crosslink{padding-block:34px}
 .depth-story{margin-bottom:64px}
 .depth-layout{padding-block:74px 38px}
 .depth-intro h2{font-size:clamp(46px,10vw,70px);letter-spacing:-.035em;margin-block:22px}
 .depth-intro>p:last-child{font-size:15px;max-width:34ch}
 .depth-gallery{min-height:420px;max-width:430px;gap:0;margin-top:110px}
 .depth-portrait{width:155%;justify-self:end;margin-top:60px;border-radius:20px}
 .depth-portrait:nth-child(2){width:185%;justify-self:center;margin-top:0}
 .depth-portrait:nth-child(3){justify-self:start;margin-top:100px}
 .depth-portrait figcaption{padding:40px 14px 14px}
 .depth-portrait figcaption>span{font-size:15px}
 .depth-portrait figcaption>small{font-size:10px}
 .provider-depth-story{margin-top:48px;margin-bottom:0}
 .closing-scene{min-height:480px;padding-block:100px}
 .closing-heart{width:600px;left:calc(50% - 300px);top:10%}
 .closing-copy h2{font-size:clamp(72px,15vw,112px);margin-block:28px;line-height:1.03}
 .closing-copy h2>span{display:block}
 .closing-address{font-size:clamp(16px,4.6vw,22px);letter-spacing:0}
 .closing-note{font-size:12px}
}
@media(max-width:359px){
 .parallax-page .header-inner{gap:2px}
 .parallax-page .audience-switch a{padding-inline:8px}
 .parallax-page .hero h1{font-size:72px}
 .parallax-page .provider-hero h1{font-size:59px}
 .parallax-page .story-copy h3,.parallax-page .workspace-copy h3{font-size:36px;letter-spacing:-1.5px}
 .parallax-page .phone-story{padding:22px 17px 18px}
 .closing-copy h2{font-size:72px}
}
@media(prefers-reduced-motion:reduce){
 html:not([data-motion="full"]) .parallax-page{--motion-scale:0}
 html:not([data-motion="full"]) .parallax-page [data-parallax],html:not([data-motion="full"]) .parallax-page [data-reveal]{transform:none!important;transition:none!important}
 html:not([data-motion="full"]) .parallax-page [data-reveal]{opacity:1}
}
@media print{
 .parallax-page [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
 .parallax-page [data-parallax]{transform:none!important}
 .scene-atmosphere,.chapter-art,.scroll-type,.closing-heart{display:none}
 .depth-backdrop{display:none}
 .parallax-page .phone-story,.parallax-page .workspace-image{position:static}
}