:root{--font-display: "Sora", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--bg-page: #FAFAFE;--bg-surface: #FFFFFF;--bg-surface-alt: #F8F8FC;--bg-section-alt: #F5F5F9;--bg-inverse: #0A0A0F;--practice-bg: #0E1116;--bg-hover: #F0F0F4;--bg-target-active: #FAFAFF;--text-primary: #1A1A2E;--text-secondary: #5C5C6C;--text-tertiary: #6B6B7A;--text-muted: #8A8A96;--text-body: #6A6A7C;--text-on-inverse: #FFFFFF;--text-on-inverse-soft: rgba(255, 255, 255, .5);--border-subtle: rgba(0, 0, 0, .06);--border-card: rgba(0, 0, 0, .05);--border-strong: rgba(0, 0, 0, .12);--border-input: rgba(0, 0, 0, .1);--border-input-hover: rgba(0, 0, 0, .2);--border-dashed: #D8D8E4;--border-fade: #D0D0DA;--accent: #7C5CFC;--accent-hover: #6344E0;--accent-strong: #6B4AE8;--accent-2: #9B85FD;--accent-soft-bg: #F0EEFF;--accent-tint: rgba(124, 92, 252, .04);--accent-ring: rgba(124, 92, 252, .18);--on-accent: #FFFFFF;--teal: #0D9488;--teal-glyph: #0F9E91;--teal-accent: #12897E;--teal-ink: #0B5C55;--teal-bg: #EEF6F4;--chip-border: rgba(0, 0, 0, .12);--chip-text: #413D34;--dot-amber: #FBBF24;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04);--shadow-float: 0 2px 12px -4px rgba(0, 0, 0, .08);--shadow-soft: 0 2px 12px -4px rgba(0, 0, 0, .08);--shadow-lift: 0 16px 48px -12px rgba(0, 0, 0, .14), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-panel: 0 -12px 40px -8px rgba(0, 0, 0, .04), 0 16px 48px -12px rgba(0, 0, 0, .08);--shadow-active: 0 0 0 1px var(--accent), 0 8px 24px -6px rgba(124, 92, 252, .18);--nav-bg: rgba(250, 250, 254, .85);--nav-mobile-bg: rgba(250, 250, 254, .97);--blob-1: rgba(139, 92, 246, .34);--blob-2: rgba(236, 72, 153, .26);--blob-3: rgba(56, 189, 248, .24);--blob-4: rgba(168, 85, 247, .2);--blob-contact-1: rgba(139, 92, 246, .1);--blob-contact-2: rgba(236, 72, 153, .06)}[data-theme=dark]{--bg-page: #0E0E13;--bg-surface: #17171E;--bg-surface-alt: #131318;--bg-section-alt: #121217;--bg-inverse: #000005;--practice-bg: #05070A;--bg-hover: #23232C;--bg-target-active: #1B1B24;--text-primary: #EDECEF;--text-secondary: #A6A6B4;--text-tertiary: #9494A4;--text-muted: #6E6E7C;--text-body: #9A9AAC;--text-on-inverse: #FFFFFF;--text-on-inverse-soft: rgba(255, 255, 255, .5);--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .14);--border-input: rgba(255, 255, 255, .14);--border-input-hover: rgba(255, 255, 255, .26);--border-dashed: #35353F;--border-fade: #35353F;--accent: #9B85FD;--accent-hover: #B4A4FF;--accent-strong: #8A72F5;--accent-2: #B4A4FF;--accent-soft-bg: rgba(124, 92, 252, .18);--accent-tint: rgba(124, 92, 252, .1);--accent-ring: rgba(124, 92, 252, .3);--on-accent: #12121A;--teal: #2DD4BF;--teal-glyph: #2DD4BF;--teal-accent: #5EEAD4;--teal-ink: #99F6E4;--teal-bg: rgba(45, 212, 191, .12);--chip-border: rgba(255, 255, 255, .14);--chip-text: #C9C6BC;--shadow-card: 0 1px 3px rgba(0, 0, 0, .5);--shadow-float: 0 8px 24px -12px rgba(0, 0, 0, .7);--shadow-soft: 0 8px 24px -12px rgba(0, 0, 0, .7);--shadow-lift: 0 16px 48px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-panel: 0 -12px 40px -8px rgba(0, 0, 0, .4), 0 16px 48px -12px rgba(0, 0, 0, .7);--shadow-active: 0 0 0 1px var(--accent), 0 8px 24px -6px rgba(124, 92, 252, .35);--nav-bg: rgba(14, 14, 19, .85);--nav-mobile-bg: rgba(14, 14, 19, .97);--blob-1: rgba(139, 92, 246, .4);--blob-2: rgba(236, 72, 153, .28);--blob-3: rgba(56, 189, 248, .26);--blob-4: rgba(168, 85, 247, .24);--blob-contact-1: rgba(139, 92, 246, .14);--blob-contact-2: rgba(236, 72, 153, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-display);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .4s ease,color .4s ease}::selection{background:var(--accent);color:var(--on-accent)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%}.nav-link{color:var(--text-secondary);transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.cta-pill{color:var(--on-accent)!important;background:var(--accent);transition:background .2s,transform .15s}.cta-pill:hover{background:var(--accent-hover);color:var(--on-accent)!important;transform:translateY(-1px)}.text-link{transition:color .2s ease,border-color .2s ease}.text-link--primary{color:var(--text-primary);border-bottom:1px solid var(--border-fade)}.text-link--primary:hover{color:var(--accent);border-color:var(--accent)}.text-link--muted{color:var(--text-secondary)}.text-link--muted:hover{color:var(--text-primary)}.theme-logo{filter:invert(1)}[data-theme=dark] .theme-logo{filter:none}.icon-btn{transition:border-color .2s ease,background .2s ease}.icon-btn:hover{border-color:var(--border-input-hover);background:var(--bg-hover)}.replay-btn{transition:color .2s ease}.replay-btn:hover{color:var(--accent)}.lift-hover{transition:transform .25s ease}.lift-hover:hover{transform:translateY(-2px)}@keyframes tdot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.typing-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:tdot 1.4s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.hero-cluster{position:absolute;top:22vh;left:50%;transform:translate(-50%);width:100%;max-width:640px;padding:0 clamp(22px,5vw,44px);z-index:2}.hero-cluster-morph{transform-origin:top center}.hero-post{width:100%;max-width:520px;margin:0 auto;will-change:transform,opacity}.thread-cluster{position:absolute;top:22vh;left:50%;transform:translate(-50%);width:100%;max-width:640px;padding:0 clamp(22px,5vw,44px);z-index:2}.thread-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px}.thread-ask{display:inline-block;background:var(--bg-surface);color:var(--text-primary);padding:16px 24px;border-radius:4px 20px 20px;font-family:var(--font-display);font-size:clamp(16px,2vw,18px);font-weight:500;line-height:1.35;box-shadow:var(--shadow-float)}.thread-ask-wrap{display:flex;margin-bottom:16px}.thread-reply-zone{position:relative}.thread-dots{position:absolute;top:0;left:0;height:22px;display:flex;align-items:center;gap:5px}.thread-reply{position:relative}.case-card{background:var(--bg-surface);color:var(--text-primary);border-radius:20px 20px 4px;box-shadow:var(--shadow-lift);padding:21px 31px;text-align:left}.case-eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.case-title{font-family:var(--font-display);font-size:clamp(20px,2.4vw,26px);font-weight:500;line-height:1.2;letter-spacing:-.02em}.case-snippet{margin-top:18px;height:clamp(120px,16vh,156px);border:1px dashed var(--border-dashed);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-muted);background:var(--bg-surface-alt);overflow:hidden}.case-view{margin-top:18px;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:600}.thread-pop{animation:threadPop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes threadPop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.thread-fade{transition:opacity .28s ease}.scroll-meter{position:absolute;left:50%;bottom:8.5vh;transform:translate(-50%);width:clamp(120px,18vw,200px);height:3px;border-radius:999px;background:var(--border-fade);overflow:hidden;z-index:3}.scroll-meter i{display:block;width:100%;height:100%;border-radius:999px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform 90ms linear;will-change:transform}.carousel-controls{position:absolute;left:50%;bottom:clamp(20px,4.5vh,52px);transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:14px;z-index:3}.carousel-nav{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid var(--border-fade);border-radius:999px;background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;box-shadow:var(--shadow-lift);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.carousel-nav span{font-size:18px;line-height:1}.carousel-nav:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.carousel-nav:active{transform:translateY(0)}.carousel-nav:disabled{opacity:.32;cursor:default;pointer-events:none;box-shadow:none}.carousel-count{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary);min-width:34px;text-align:center}@media(max-width:820px){.carousel-controls{gap:10px;bottom:clamp(16px,3vh,32px)}.carousel-nav{padding:8px 15px;font-size:12px}}@media(max-width:820px){.thread-cluster{top:16vh;max-width:430px}}@keyframes drift1{0%,to{transform:translate(-10%,-10%) scale(1)}33%{transform:translate(15%,-20%) scale(1.15)}66%{transform:translate(-5%,15%) scale(.9)}}@keyframes drift2{0%,to{transform:translate(10%,10%) scale(1)}33%{transform:translate(-20%,15%) scale(.9)}66%{transform:translate(15%,-10%) scale(1.1)}}@keyframes drift3{0%,to{transform:translate(5%,-5%) scale(1.05)}33%{transform:translate(10%,20%) scale(.95)}66%{transform:translate(-15%,-15%) scale(1.1)}}@keyframes drift4{0%,to{transform:translateY(5%) scale(1)}50%{transform:translate(-10%,-15%) scale(1.08)}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}[data-reveal=visible]{opacity:1;transform:translateY(0)}.hero-req-label,.hero-typing-1,.hero-bubble-1,.hero-typing-2,.hero-bubble-2,.hero-post{transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.34,1.56,.64,1),font-size .5s ease,margin .5s ease}.hero-bubble-1{opacity:0;transform:scale(.3);transform-origin:0% 0%}.hero-bubble-2{opacity:0;transform:scale(.3);transform-origin:100% 100%}.hero-req-label,.hero-typing-1,.hero-typing-2,.hero-post{opacity:0}[data-hero-step="1"] .hero-req-label,[data-hero-step="2"] .hero-req-label,[data-hero-step="3"] .hero-req-label,[data-hero-step="4"] .hero-req-label,[data-hero-step="5"] .hero-req-label,[data-hero-step="1"] .hero-typing-1{opacity:1}[data-hero-step="2"] .hero-bubble-1,[data-hero-step="3"] .hero-bubble-1,[data-hero-step="4"] .hero-bubble-1,[data-hero-step="5"] .hero-bubble-1{opacity:1;transform:scale(1)}[data-hero-step="3"] .hero-typing-2{opacity:1}[data-hero-step="4"] .hero-bubble-2,[data-hero-step="5"] .hero-bubble-2{opacity:1;transform:scale(1)}[data-hero-step="4"] .hero-req-label,[data-hero-step="5"] .hero-req-label{font-size:7px!important;opacity:.5!important;margin-bottom:6px!important}[data-hero-step="4"] .hero-bubble-1,[data-hero-step="5"] .hero-bubble-1{opacity:.5!important;font-size:clamp(13px,1.55vw,17px)!important;padding:11px 17px!important}[data-hero-step="4"] .hero-bubble-wrap-1,[data-hero-step="5"] .hero-bubble-wrap-1{margin-bottom:16px!important;min-height:0!important}[data-hero-step="5"] .hero-post{opacity:1}@media(max-width:860px){.nav-links{display:none!important}.mobile-menu-open .nav-links{display:flex!important;flex-direction:column!important;position:absolute!important;top:56px!important;left:0!important;right:0!important;background:var(--nav-mobile-bg)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;padding:24px clamp(22px,5vw,44px)!important;gap:20px!important;border-bottom:1px solid var(--border-subtle)!important;z-index:59!important}.hamburger{display:flex!important}.board{grid-template-columns:minmax(0,1fr)!important;min-height:auto!important}.board .scatter{min-height:540px!important;border-right:none!important;border-bottom:1px solid var(--border-subtle)!important}.instruments-grid,.about-grid{grid-template-columns:minmax(0,1fr)!important}.drag-desktop{display:none!important}.drag-mobile{display:inline!important}.drop-desktop{display:none!important}.drop-mobile{display:block!important}.board{display:none!important}.mobile-cards{display:flex!important}.spread{max-width:100%!important;overflow-x:auto!important}.hero-section{position:relative!important}.hero-cluster{top:72px}.hero-post{margin-top:clamp(64px,16vw,88px)!important}}.practice-tree-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 92% at 50% 116%,#37e6d038,#2f9e461c 26%,#04060a00 60%),radial-gradient(70% 55% at 50% 6%,#7bffd612,#04060a00 55%),linear-gradient(180deg,#070b12,#05070a 58%,#0c0806)}.practice-card-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;font-family:var(--font-body)}.practice-card-shell{position:absolute;top:50%;width:452px}@media(min-width:821px){.practice-card-shell{right:6%}}.story-card{position:absolute;top:0;right:0;left:0;transform:translateY(-50%);background:var(--bg-surface);border-radius:26px;box-shadow:var(--shadow-lift);color:var(--text-primary);overflow:hidden;transform-origin:center bottom;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .6s ease;will-change:transform,opacity;pointer-events:auto}.sc-accent{height:4px;background:linear-gradient(90deg,var(--accent),var(--teal))}.sc-body{padding:30px 30px 26px}.sc-num{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--accent);margin:0 0 10px}.sc-title{font-family:var(--font-display);font-weight:600;font-size:38px;line-height:1;letter-spacing:-.015em;margin:0 0 20px;color:var(--text-primary)}.sc-callout{border-left:2px solid var(--accent);padding:2px 0 2px 14px;margin-bottom:20px}.sc-callout-label{display:block;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}.sc-callout-text{margin:0;font-family:var(--font-display);font-size:15px;line-height:1.4;color:var(--accent-hover)}.sc-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.chip{font-size:12.5px;font-weight:500;border-radius:999px;padding:5px 12px;line-height:1.25}.chip-human{background:transparent;color:var(--chip-text);border:1px solid var(--chip-border)}.sc-ai{border-top:1px solid var(--border-subtle);padding-top:16px;display:flex;flex-direction:column;gap:11px}.sc-ai-head{display:inline-flex;align-items:center;gap:8px}.sc-ai-star{font-size:12px;color:var(--teal-glyph);line-height:1}.sc-ai-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-accent)}.chip-ai{background:var(--teal-bg);color:var(--teal-ink)}.practice-anno-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;font-family:var(--font-body)}.practice-anno-shell{position:absolute;top:50%;transform:translateY(-50%);width:min(340px,30vw)}@media(min-width:821px){.practice-anno-shell{left:6%}}.anno-stack{position:relative;min-height:168px}.anno-block{position:absolute;top:0;left:0;right:0;opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .32s ease;will-change:opacity,transform}.anno-block.is-active{opacity:1;transform:none}.anno-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.18em;color:#ffffff80;margin:0 0 12px}.anno-concept{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,3vw,40px);line-height:1.02;letter-spacing:-.02em;color:#fff;margin:0 0 12px}.anno-sentence{margin:0;font-size:15.5px;line-height:1.5;color:#ffffffd9;max-width:30ch}.anno-dots{display:flex;gap:9px;margin-top:26px;align-items:center}.anno-dot{width:7px;height:7px;border-radius:999px;background:#ffffff3d;transition:background .32s ease,width .32s ease,box-shadow .32s ease}.anno-dot.is-active{width:22px;background:#4df0d6;box-shadow:0 0 10px #4df0d680}@media(max-width:820px){.practice-anno-shell{top:3.5vh;left:50%;right:auto;transform:translate(-50%);width:min(90vw,430px);text-align:center}.anno-stack{min-height:128px}.anno-concept{font-size:26px;margin-bottom:8px}.anno-label{margin-bottom:8px}.anno-sentence{font-size:14px;max-width:none;margin:0 auto}.anno-dots{justify-content:center;margin-top:16px}}@media(max-width:820px){.practice-card-shell{top:auto;bottom:2.5vh;left:50%;transform:translate(-50%);width:min(92vw,430px)}.story-card{top:auto;bottom:0;transform-origin:center bottom}.sc-body{padding:20px 20px 18px}.sc-num{margin-bottom:8px}.sc-title{font-size:30px;margin-bottom:14px}.sc-callout{margin-bottom:14px}.sc-chips{gap:6px;margin-bottom:14px}.chip{font-size:12px;padding:4px 10px}.sc-ai{padding-top:12px;gap:9px}}@media(prefers-reduced-motion:reduce){*:not([data-drift]),*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}