.thread-intro{display:none;position:fixed;inset:0;z-index:500;background:#09211c;color:#f7f2e8;overflow:hidden;flex-direction:column;isolation:isolate}.thread-opening .thread-intro{display:flex;animation:opening-lift .9s 11.1s cubic-bezier(.76,0,.24,1) forwards}.thread-intro::before{content:'';position:absolute;inset:-40%;z-index:-1;background:radial-gradient(ellipse at 65% 55%,#23765c35,transparent 55%);animation:opening-light 5s ease-out both}.intro-top,.intro-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;margin:0 4.5%}.intro-top{padding-top:25px}.intro-wordmark{font:37px 'Lora',serif;letter-spacing:-2px}.intro-wordmark>span{color:#78d6c3}#skip-intro{background:none;border:0;color:inherit;font:11px 'DM Sans',sans-serif;display:flex;gap:15px;align-items:center;padding:12px 0}#skip-intro svg{width:20px;height:20px}.intro-composition{flex:1;position:relative;min-height:0}.intro-thread{position:absolute;width:min(95vw,1050px);height:100%;left:50%;top:0;transform:translateX(-50%);overflow:visible}.thread-shadow{stroke:#87c3ac14;stroke-width:1;opacity:0;animation:thread-ghost .8s .15s both}.thread-draw{stroke:url(#thread-gradient);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 5px #78d6c33b);animation:thread-unspool 9.8s .1s cubic-bezier(.4,0,.2,1) forwards}.thread-knot{fill:#f7f2e8;opacity:0;animation:thread-knot .7s 3s forwards}.intro-chapter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;opacity:0;pointer-events:none;animation:chapter-flash 3.1s both}.intro-chapter>span,.intro-resolution>span{font:9px 'DM Sans',sans-serif;letter-spacing:2.5px}.intro-chapter>em{font:italic clamp(64px,10vw,140px)/1.15 'Lora',serif;letter-spacing:-.06em;white-space:nowrap}.chapter-one{animation-delay:.25s}.chapter-two{animation-delay:3.2s}.chapter-three{animation-delay:6.15s}.chapter-three>em{font-size:clamp(52px,8vw,110px)}.intro-resolution{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;opacity:0;animation:thread-resolution .9s 9.05s both}.intro-resolution>em{font:italic clamp(130px,20vw,280px)/1 'Lora',serif;letter-spacing:-.08em}.intro-resolution>em>span{color:#78d6c3}.intro-bottom{gap:35px;padding-bottom:30px;font:8px/1.7 'DM Sans',sans-serif;letter-spacing:1.8px}.intro-bottom>span{flex-shrink:0}.intro-bottom>span:last-child{text-align:right}.intro-track{height:1px;background:#f7f2e830;flex:1;overflow:hidden}.intro-track>span{height:100%;display:block;background:#78d6c3;transform-origin:left;animation:opening-progress 11.2s linear both}.thread-opening .hero *{animation-play-state:paused!important}.thread-opening .page-curtain{display:none}.thread-opening header{opacity:0}.opening-replay{position:absolute;left:4.5%;bottom:28px;color:inherit;background:none;border:0;border-bottom:1px solid #ffffff60;font:10px 'DM Sans',sans-serif;padding:7px 0;z-index:2}.sequence-toggle:disabled{cursor:default;opacity:.6}.sequence-playing .sequence-toggle{position:relative}.sequence-playing .sequence-toggle::after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-1px;background:currentColor;transform-origin:left;animation:opening-progress var(--sequence-duration,8000ms) linear both}.home-page .hero h1{font-size:clamp(82px,10.6vw,160px)}.home-page .hero-bottom>p{max-width:620px}
@keyframes opening-lift{0%{transform:translateY(0);visibility:visible}99%{visibility:visible}100%{transform:translateY(-105%);visibility:hidden;pointer-events:none}}@keyframes opening-light{from{transform:translate(-4%,2%) scale(.8);opacity:0}to{transform:translate(5%,-3%) scale(1.2);opacity:1}}@keyframes thread-unspool{to{stroke-dashoffset:0}}@keyframes thread-ghost{to{opacity:1}}@keyframes thread-knot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0}}@keyframes chapter-flash{0%{opacity:0;transform:translateY(35px);filter:blur(9px)}25%,68%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(-25px);filter:blur(6px)}}@keyframes thread-resolution{from{opacity:0;transform:scale(.85);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes opening-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.intro-top{padding-top:25px;margin:0 6%}.intro-wordmark{font-size:32px}.intro-thread{width:175vw;height:100%;opacity:.8}.intro-chapter>em{font-size:64px}.chapter-three>em{font-size:49px}.intro-resolution>em{font-size:170px}.intro-bottom{margin:0 6%;font-size:6px;letter-spacing:1px;gap:16px;padding-bottom:max(30px,env(safe-area-inset-bottom))}.intro-bottom>span:last-child{max-width:65px}.intro-chapter>span,.intro-resolution>span{font-size:8px;letter-spacing:2px}.home-page .hero h1{font-size:clamp(66px,15vw,94px);margin-top:65px}.home-page .hero-bottom>p{font-size:13px;max-width:340px}.opening-replay{left:6%;bottom:78px;font-size:9px}.hero-foot{margin-top:90px}}
@media(prefers-reduced-motion:reduce){.thread-opening .thread-intro{display:none}.opening-replay{display:none}.sequence-playing .sequence-toggle::after{animation:none;display:none}}
.home-page .opening-replay{left:50%;bottom:28px;transform:translateX(calc(-100% - 15px));white-space:nowrap}.home-page #motion-toggle{transform:translateX(15px)}.home-page .hero h1:focus{outline:none}@media(max-width:600px){.home-page .opening-replay{left:50%;bottom:28px;font-size:9px}.home-page #motion-toggle{font-size:9px}}
.home-page .hero h1 .hero-line:nth-child(2){font-size:1em;letter-spacing:-.055em}.home-page #motion-toggle{bottom:28px}

.thread-opening .thread-intro{animation:opening-zoom 1s 11s ease-in forwards}@keyframes opening-zoom{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(4);visibility:hidden;pointer-events:none}}.page-curtain{display:none!important}.footer-socials{display:flex;gap:22px;font:12px DM Sans,sans-serif;flex-wrap:wrap}.footer-socials a{border-bottom:1px solid currentColor;padding-bottom:5px}
