@import url('/assets/v11.css');
.hero-orb{position:absolute;width:138px;height:138px;right:-23px;top:18px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#aaf5ff,#49b2e3 28%,#7668d5 57%,#f16eb5 76%);box-shadow:0 0 40px #7edfff96,inset -15px -15px 28px #411a7180}
.profile-avatar{width:31px;height:31px;border-radius:50%;background:radial-gradient(circle at 50% 36%,#ffe0bf 0 7px,transparent 8px),radial-gradient(circle at 50% 91%,#7365a5 0 17px,transparent 18px),#cdb8de}
.line-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid #b9eaffb3;background:#132d59dd;color:#b9ecff;box-shadow:0 8px 22px #020b25a9,0 0 19px #46bdfd6b;overflow:hidden;padding:8px}
.line-mark img,.line-mark svg{display:block;width:100%;height:100%;object-fit:contain}
.line-mark-talents{background:#f7edf8;padding:3px}
.line-mark-only{background:#100b18;padding:0}
.line-mark-coach{color:#ffd77e}
.line-mark-studio{color:#c4a4ff}
.line-mark-projects{color:#89f3d5}
.story-hero{min-height:calc(100svh - 78px);display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;padding:50px 0 105px}
.story-hero .backlink{position:absolute;top:26px;left:0}
.story-hero .eyebrow{position:relative;z-index:2}
.story-hero h1{position:relative;z-index:2;font:600 clamp(64px,7.8vw,112px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.078em;max-width:1110px;margin:29px 0 22px}
.story-hero h1>span{display:inline-block}
.story-hero p{position:relative;z-index:2;color:#c1d3e7;font-size:18px;margin:0}
.story-hero-logo{position:absolute;z-index:0;width:min(56vw,650px);aspect-ratio:1;right:-5%;top:5%;opacity:.35;filter:drop-shadow(0 0 45px #168efe8e) drop-shadow(0 0 100px #9a50ee80);animation:logo-pulse 9s ease-in-out infinite alternate}
.story-hero-logo img{width:100%;height:100%;object-fit:contain}
.story-hero-logo i{position:absolute;width:5px;height:5px;border-radius:50%;background:#83e6ff;box-shadow:0 0 18px #49cfff;left:var(--x);top:var(--y);animation:float-particle 5s ease-in-out infinite alternate;animation-delay:var(--delay)}
.story-hero-logo i:nth-of-type(1){--x:13%;--y:24%;--delay:-1s}
.story-hero-logo i:nth-of-type(2){--x:73%;--y:12%;--delay:-3s}
.story-hero-logo i:nth-of-type(3){--x:86%;--y:64%;--delay:-2s}
.story-hero-logo i:nth-of-type(4){--x:31%;--y:78%;--delay:-4s}
.story-hero-logo i:nth-of-type(5){--x:58%;--y:92%;--delay:-.5s}
.story-hero.motion-ready h1>span{opacity:0;transform:translateY(30px);filter:blur(8px)}
.story-hero.motion-ready.is-visible h1>span{opacity:1;transform:none;filter:none;transition:opacity .8s,transform .8s,filter .8s;transition-delay:calc(var(--word)*130ms)}
@keyframes logo-pulse{to{opacity:.53;scale:1.035;filter:drop-shadow(0 0 65px #20abffad) drop-shadow(0 0 120px #a75df59c)}}
@keyframes float-particle{to{transform:translate(14px,-16px) scale(.6);opacity:.3}}
.line-story-head h2,.story-values h2,.founder-moment h2{font:600 clamp(51px,6vw,88px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:20px 0}
.line-story{padding:140px 0 100px;background:radial-gradient(ellipse at 85% 52%,#163b7152,transparent 53%)}
.line-story-head h2{max-width:900px}
.line-story-head p{color:#aebfda;margin:0;font-size:16px}
.line-story-grid{display:grid;grid-template-columns:48% 52%;align-items:start;margin-top:80px}
.story-route{position:relative;--route-growth:0}
.story-route:before,.story-route-progress{content:"";position:absolute;left:21px;top:25px;bottom:190px;width:2px;background:#4068888c}
.story-route-progress{background:linear-gradient(#47d9ff,#777df4,#f769d4);box-shadow:0 0 20px #27cfff;transform:scaleY(var(--route-growth));transform-origin:top}
.story-route ol{list-style:none;margin:0;padding:0}
.story-stop{position:relative;display:flex;gap:30px;align-items:flex-start;min-height:66svh;padding:0 30px 50px 0;opacity:.27;transition:opacity .4s,transform .5s}
.story-stop.is-current,.story-stop.is-past{opacity:1}
.story-stop.is-current{transform:translateX(7px)}
.story-stop .line-mark{position:relative;z-index:2;flex:none}
.stop-copy{padding-top:3px}
.stop-copy>span{display:block;color:#84daf2;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.15em}
.stop-copy h3{font:600 clamp(33px,4vw,55px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:12px 0 9px}
.stop-copy p{font-size:13px;color:#b1c7df;margin:0}
.stop-mobile-preview{display:none}
.story-preview{position:sticky;top:calc((100svh - 550px)/2);height:550px;display:grid;place-items:center;isolation:isolate}
.story-preview-glow{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#258fe776,#6438bf30 45%,transparent 70%);filter:blur(25px);z-index:-1}
.story-preview-device{position:relative;width:min(500px,90%);height:390px;border:8px solid #17213b;border-radius:22px;background:#0c1730;overflow:hidden;box-shadow:0 35px 75px #010b22cc,0 0 0 1px #a8e6ff9c;transform:rotate(-3deg)}
.story-preview-pane{position:absolute;inset:0;opacity:0;transform:translateY(28px) scale(.96);transition:opacity .55s,transform .65s;pointer-events:none}
.story-preview-pane.is-current{opacity:1;transform:none}
.preview-caption{position:absolute;bottom:13px;color:#7cafd3;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.14em}
.preview-browser{height:34px;display:flex;align-items:center;gap:16px;padding:0 15px;background:#182642;color:#a8bdd6;font:700 10px 'Space Grotesk',sans-serif}
.preview-browser span{color:#fa809f;letter-spacing:2px}
.preview-talent,.preview-only,.preview-studio{position:relative;height:calc(100% - 34px);overflow:hidden}
.preview-talent img,.preview-only img{width:100%;height:100%;object-fit:cover;object-position:top}
.preview-talent span,.preview-only span{position:absolute;bottom:20px;left:22px;background:#081b37e8;border:1px solid #a6e6ff85;color:white;padding:10px 14px;border-radius:9px;font:700 13px 'Space Grotesk',sans-serif}
.preview-only img{object-position:top}
.preview-coach,.preview-project{height:calc(100% - 34px);padding:33px;color:#eaf9ff;background:radial-gradient(circle at 82% 18%,#c16dae84,transparent 38%),linear-gradient(130deg,#1a355e,#291e51)}
.preview-coach small,.preview-project small{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#a8ecff}
.preview-coach strong,.preview-project strong{display:block;font:600 47px/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:37px 0}
.preview-coach div{display:flex;gap:9px;color:#bacbe0;font:700 13px 'Space Grotesk',sans-serif}
.preview-coach div b{background:#f4a4ba;color:#1c2443;padding:4px 8px;border-radius:7px;margin-top:-4px}
.preview-coach em{display:inline-block;margin-top:34px;background:#e8f8ff;color:#173b5e;padding:10px 13px;border-radius:100px;font:700 11px 'Space Grotesk',sans-serif;font-style:normal}
.preview-studio img{width:100%;height:100%;object-fit:cover;filter:brightness(.64)}
.preview-studio strong{position:absolute;left:28px;bottom:79px;color:white;font:600 46px 'Space Grotesk',sans-serif}
.preview-studio em{position:absolute;left:29px;bottom:32px;background:#fff;color:#523347;border-radius:100px;padding:10px 14px;font:700 11px 'Space Grotesk',sans-serif;font-style:normal}
.preview-project{background:linear-gradient(130deg,#12374e,#1b244f)}
.preview-project div{display:flex;gap:10px}
.preview-project i{font:700 11px 'Space Grotesk',sans-serif;font-style:normal;color:#a5f4e4;border-top:1px solid #80e9d787;padding:16px;flex:1;background:#25bba319}
.story-values{padding:100px 0 160px}
.values-big p{font:600 clamp(43px,6.2vw,88px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0;padding:50px 0;border-bottom:1px solid #699ac544;color:#64809c;opacity:.42;transition:color .7s,opacity .7s,transform .7s;transform:translateY(20px)}
.values-big p.is-lit{opacity:1;color:#eaf8ff;transform:none}
.values-big p:last-child.is-lit{color:#acefff}
.founder-moment{min-height:590px;display:grid;grid-template-columns:40% 60%;align-items:center;gap:4%;padding-block:80px 130px}
.founder-photo{justify-self:center;width:260px;height:320px;border-radius:49% 51% 46% 54%;display:grid;place-items:center;background:radial-gradient(circle at 34% 22%,#508fd756,transparent 54%),linear-gradient(150deg,#172e52,#241c4b);outline:1px solid #a7d6f45c;box-shadow:0 0 90px #237dca4a;transform:rotate(-7deg)}
.founder-photo span{text-align:center;color:#87a6c8;font:700 11px/1.5 'Space Grotesk',sans-serif;letter-spacing:.25em}
.founder-moment h2{font-size:clamp(45px,5.3vw,72px)}
.founder-moment p{color:#b5c9df;font-size:16px;max-width:520px;line-height:1.5}
@media(max-width:900px){.line-story-grid{grid-template-columns:48% 52%}}
@media(max-width:760px){.story-hero{min-height:690px;padding:115px 0 120px;text-align:center;align-items:center}
.story-hero .backlink{top:16px;left:0}
.story-hero .eyebrow{font-size:9px}
.story-hero h1{font-size:clamp(48px,12vw,70px);line-height:1.01;margin:20px 0}
.story-hero p{font-size:13px;max-width:320px}
.story-hero-logo{width:360px;max-width:95vw;right:50%;top:6%;transform:translateX(50%);opacity:.23}
.line-story{padding:105px 0 80px}
.line-story-head{text-align:center}
.line-story-head h2{font-size:clamp(47px,11vw,64px)}
.line-story-head p{font-size:13px}
.line-story-grid{display:block;width:100%;margin-top:42px}
.story-route{width:100%;overflow:hidden}
.story-route:before,.story-route-progress{display:none}
.story-route ol{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14vw;padding:5px 14vw 25px;scrollbar-width:none;overscroll-behavior-inline:contain}
.story-route ol::-webkit-scrollbar{display:none}
.story-stop{flex:0 0 72vw;min-height:0;max-width:380px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;scroll-snap-align:center;padding:0 0 20px;opacity:.5}
.story-stop.is-current{transform:none}
.story-stop .line-mark{width:47px;height:47px}
.stop-copy h3{font-size:33px;margin:8px 0 4px}
.stop-copy p{font-size:12px}
.stop-mobile-preview{display:block;width:100%;height:225px;overflow:hidden;border:6px solid #16233e;border-radius:18px;background:#102344;box-shadow:0 23px 43px #020b26b8,0 0 0 1px #9bd8ff76;text-align:left;transform:perspective(800px) rotateY(-3deg)}
.stop-mobile-preview .preview-browser{height:25px;font-size:7px}
.stop-mobile-preview .preview-talent,.stop-mobile-preview .preview-only,.stop-mobile-preview .preview-studio{height:calc(100% - 25px)}
.stop-mobile-preview .preview-talent span,.stop-mobile-preview .preview-only span{font-size:9px;bottom:9px;left:9px}
.stop-mobile-preview .preview-coach,.stop-mobile-preview .preview-project{height:calc(100% - 25px);padding:18px}
.stop-mobile-preview .preview-coach strong,.stop-mobile-preview .preview-project strong{font-size:29px;margin:18px 0}
.stop-mobile-preview .preview-coach em{margin-top:9px;font-size:8px}
.stop-mobile-preview .preview-studio strong{font-size:27px;bottom:55px;left:16px}
.stop-mobile-preview .preview-studio em{bottom:15px;left:16px;font-size:8px}
.stop-mobile-preview .preview-project i{font-size:7px;padding:7px}
.story-preview{display:none}
.story-values{padding:80px 0 120px;text-align:center}
.values-big p{font-size:clamp(41px,10.5vw,59px);padding:35px 0}
.founder-moment{min-height:0;display:flex;flex-direction:column;gap:35px;text-align:center;padding:50px 0 100px}
.founder-photo{width:178px;height:213px}
.founder-moment h2{font-size:clamp(43px,11vw,61px)}
.founder-moment p{font-size:13px;max-width:310px}}
@media(max-width:390px){.story-route ol{padding-inline:14vw}
.story-stop{flex-basis:72vw}}
@media(hover:none){.story-stop:active .line-mark{filter:brightness(1.2)}}
@media(prefers-reduced-motion:reduce){.story-hero-logo,.story-hero-logo i{animation:none!important}
.story-preview-pane,.story-stop,.values-big p,.story-hero h1>span{transition:none!important}
.story-hero.motion-ready h1>span{opacity:1;transform:none;filter:none}
.story-stop{opacity:1}
.values-big p{opacity:1;transform:none;color:#eaf8ff}}
.ticker-track{gap:0;animation:marquee 70s linear infinite;will-change:transform}
.ticker-track>span{padding-right:65px;flex:none}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.story-hero-logo{right:0}
.line-story{padding:80px 0 55px}
.line-story-grid{margin-top:55px}
.story-stop{min-height:55svh}
.story-route:before,.story-route-progress{bottom:145px}
.story-values{padding:70px 0 95px}
.founder-moment{min-height:420px;padding-block:30px 60px}
.founder-emblem{width:280px;height:280px;justify-self:center;background-image:var(--founder-photo,url('/brand/logo-7.svg'));background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 50px #3d9fffa8);animation:logo-pulse 9s ease-in-out infinite alternate}
.founder-moment h2{font-size:clamp(46px,5.3vw,74px)}
.founder-moment p{font:500 clamp(24px,2.7vw,39px)/1.18 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#d6ecff;max-width:690px}
.preview-talent span{left:auto;right:0;bottom:0;transform:translate(12%,35%);z-index:2}
.story-preview-device,.stop-mobile-preview{overflow:visible}
.preview-talent,.stop-mobile-preview .preview-talent{overflow:visible}
.preview-talent img{border-radius:0 0 13px 13px}
.story-preview-device .preview-talent span{right:-7px;bottom:-7px;transform:translateY(45%)}
.mobile-route-progress{display:none}
@media(max-width:760px){.story-hero{min-height:590px;padding:95px 0 80px}
.story-hero-logo{top:21%;left:50%;right:auto;transform:translateX(-50%);width:min(85vw,350px);opacity:.22}
.story-hero .eyebrow{z-index:5;padding:5px 10px;background:#091633b8;border-radius:40px}
.line-story{padding:65px 0 25px}
.line-story-grid{margin-top:15px}
.story-route{overflow:hidden}
.mobile-route-progress{display:flex;position:relative;justify-content:space-between;align-items:center;margin:0 auto 20px;width:76%;height:20px}
.mobile-route-progress:before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:#59a1ce91}
.mobile-route-progress i{position:relative;z-index:2;width:9px;height:9px;border-radius:50%;background:#345475;border:1px solid #9dcff4;transition:background .4s,box-shadow .4s,scale .4s}
.mobile-route-progress i.is-current,.mobile-route-progress i.is-past{background:#67ddff;box-shadow:0 0 15px #45caff;scale:1.3}
.story-route ol{scroll-padding-inline:14vw}
.story-stop{min-height:0}
.story-stop .preview-talent span{font-size:8px;right:2px;bottom:0;transform:translateY(65%)}
.stop-mobile-preview{margin-bottom:20px}
.story-values{padding:50px 0 70px}
.values-big p{padding:30px 0}
.founder-moment{gap:20px;padding:20px 0 50px}
.founder-emblem{width:150px;height:150px}
.founder-moment h2{font-size:clamp(38px,9vw,55px)}
.founder-moment p{font-size:clamp(23px,6vw,29px);max-width:350px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.founder-emblem{animation:none!important}
.values-big p{opacity:1;color:#eaf8ff;transform:none}}