:root{--paper:#faf9f7;--paper2:#f1efec;--line:#d9d5d5;--thread:#886c9d}.opening{min-height:100svh;background:#faf9f7;padding-top:150px;padding-bottom:110px;gap:0;grid-template-columns:1.5fr .5fr;overflow:hidden}.opening-copy{position:relative;z-index:2}.opening h1{font-size:clamp(54px,7.2vw,112px);line-height:1.15;letter-spacing:-.05em;max-width:1000px;text-wrap:balance}.opening-lead{font-size:18px;max-width:480px;margin-top:32px}.opening .kicker{font-size:12px;letter-spacing:.12em}.opening-glow,.character-halo,.visual-word{display:none}.opening-visual{align-self:end;border-radius:0;background:transparent;box-shadow:none;padding:0;overflow:visible;z-index:1;margin-bottom:40px}.opening-visual .character{width:100%;animation:none;transform:none;opacity:.8;mask-image:linear-gradient(#000 60%,transparent 98%)}.visual-meta{position:static;background:transparent;backdrop-filter:none;padding:10px 0;font-size:12px;letter-spacing:0;display:block}.visual-meta>span:first-child{display:none}.opening-note>span:first-child{display:none}.opening-note{font-size:13px}.opening-actions .primary{border-radius:0;font-size:15px}.opening .scroll-cue{left:max(40px,calc((100vw - 1180px)/2));transform:none;bottom:32px}.scroll-cue em{font-size:14px;letter-spacing:0}.scroll-cue span{border:0}.scroll-cue span:after{height:25px;top:0;animation:none}.hero-thread{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.65}.hero-thread path{fill:none;stroke:#a58bb9;stroke-width:1;vector-effect:non-scaling-stroke}.hero-thread .thread-accent{stroke:#5a406d;stroke-width:1.8;stroke-dasharray:180 1700;animation:thread-flow 18s linear infinite}.opening-copy>*{position:relative}#opening-title:focus{outline:none}.reading-thread{position:fixed;left:0;top:80px;width:2px;height:calc(100dvh - 80px);background:#aa90bc22;z-index:25;pointer-events:none}.reading-thread span{display:block;background:#9873ad;width:100%;height:100%;transform:scaleY(var(--read-progress,0));transform-origin:top}.thread-story{height:220svh;position:relative;background:#201b26;color:#f8f3fb}.thread-stage{position:sticky;top:80px;height:calc(100svh - 80px);min-height:480px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:50px max(40px,calc((100vw - 1180px)/2));isolation:isolate}.thread-stage svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.9}.thread-stage path{fill:none;vector-effect:non-scaling-stroke;stroke-width:1.4;stroke:#b99bcc}.thread-stage .thread-ghost{stroke:#b99bcc28}.thread-stage .thread-ink{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--thread-progress,.05))}.thread-stage .kicker{color:#cdb8da;font-size:12px}.thread-pages{position:relative;max-width:720px;min-height:250px;margin:24px 0 36px}.thread-page{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .55s ease;pointer-events:none}.thread-page.active{opacity:1;transform:none;pointer-events:auto}.thread-page h2{font-size:clamp(38px,5.8vw,80px);line-height:1.25;letter-spacing:-.035em;text-wrap:balance;max-width:720px}.thread-page p{font-size:17px;color:#cbbfd2;max-width:470px;margin-top:26px;line-height:1.9}.thread-tabs{display:flex;gap:32px;position:relative;z-index:2}.thread-tabs button{padding:10px 0;border:0;border-bottom:1px solid #ffffff30;background:none;color:#a99aae;font-size:14px}.thread-tabs button.active{color:#f5eafa;border-color:#d6b9e7}.thread-tabs button span{font:italic 14px Georgia;margin-right:8px}.thread-caption{position:absolute;right:32px;bottom:28px;font-size:12px;color:#b9a7c4}.thread-stage:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100px;background:linear-gradient(transparent,#201b26);z-index:-1}.encounter{background:#201b26;padding-top:70px}.encounter-head{border-top:1px solid #ffffff20;padding-top:60px}.encounter h2,.inside h2,.product h2{text-wrap:balance}.product{gap:64px;grid-template-columns:1fr 1fr}.product h2{font-size:clamp(34px,3.8vw,52px);line-height:1.4}.product-facts{border:0;gap:20px}.product-facts span{border:0;border-top:1px solid var(--line);text-align:left;padding:20px 0;font-size:14px}.inside{background:#eeeaf0}.phone-shell{background:transparent;border-radius:0}.phone-shell:before,.screen-shine{display:none}.phone-shell img{box-shadow:0 25px 65px #25152e24}.principles-visual img{border-radius:0}.kicker{font-size:12px}.desktop-nav,.mini-download{font-size:14px}@keyframes thread-flow{to{stroke-dashoffset:-1880}}@media(max-width:720px){.opening{padding:125px 24px 100px;display:block;min-height:100svh}.opening h1{font-size:clamp(45px,10vw,70px)}.opening-lead{font-size:16px;max-width:80%}.opening-visual{position:absolute;right:14px;bottom:66px;width:115px;margin:0;opacity:.35}.visual-meta{display:none}.opening-copy{z-index:3}.opening .scroll-cue{left:24px}.opening-actions{flex-wrap:wrap;gap:18px}.hero-thread{opacity:.35}.thread-story{height:190svh}.thread-stage{padding:35px 24px;min-height:450px}.thread-pages{min-height:310px}.thread-page h2{font-size:40px}.thread-page p{font-size:16px;max-width:90%}.thread-tabs{gap:24px}.thread-caption{right:20px;bottom:15px}.thread-stage svg{opacity:.35}.product{grid-template-columns:1fr;gap:35px}.product-facts{grid-template-columns:1fr 1fr}.reading-thread{top:80px}.opening-note{max-width:75%}}
@media(prefers-reduced-motion:reduce){.hero-thread *{animation:none!important}.thread-story{height:auto}.thread-stage{position:relative;height:auto;min-height:0;padding-block:75px}.thread-pages{min-height:0;margin-bottom:0}.thread-page{position:static;opacity:1;transform:none;margin-bottom:55px}.thread-tabs,.thread-caption{display:none}.thread-stage .thread-ink{stroke-dashoffset:0}.thread-page h2{font-size:38px}}
.motion-reduced .hero-thread *{animation:none!important}.motion-reduced .thread-story{height:auto}.motion-reduced .thread-stage{position:relative;height:auto;min-height:0;padding-block:75px}.motion-reduced .thread-pages{min-height:0;margin-bottom:0}.motion-reduced .thread-page{position:static;opacity:1;transform:none;margin-bottom:55px}.motion-reduced .thread-tabs,.motion-reduced .thread-caption{display:none}.motion-reduced .thread-stage .thread-ink{stroke-dashoffset:0}
