:root{--font-serif:"Playfair Display",Georgia,"Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.563rem;--text-3xl:1.953rem;--text-4xl:2.441rem;--text-5xl:3.052rem;--text-6xl:3.815rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--border-thin:1px;--border-md:2px;--shadow-sm:0 1px 2px rgb(0 0 0/0.04);--shadow-md:0 4px 12px rgb(0 0 0/0.06);--shadow-lg:0 12px 32px rgb(0 0 0/0.08);--shadow-xl:0 24px 64px rgb(0 0 0/0.10);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--content-width:72rem;--content-narrow:48rem;--header-height:4rem;color-scheme:light;--color-bg:#faf9f6;--color-bg-elevated:#f3f1ec;--color-bg-subtle:#eeebe5;--color-text:#2c2824;--color-text-secondary:#5c5752;--color-text-tertiary:#8a857e;--color-text-inverse:#f5f2ed;--color-accent:#4f7356;--color-accent-hover:#3f5e45;--color-accent-soft:#e3ede5;--color-accent-subtle:#f2f7f3;--color-border:#e4e0d8;--color-border-light:#f0ece4;--color-divider:#e8e4dc;--color-success:#4f7356;--color-warning:#ab7a3b;--color-error:#b85450;--color-info:#5a7d8c;--color-selection-bg:#c5dac8;--color-selection-text:#2c2824;--shadow-color:44 40 36}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg:#1a1a17;--color-bg-elevated:#22211d;--color-bg-subtle:#272622;--color-text:#e8e4dc;--color-text-secondary:#a39e95;--color-text-tertiary:#78746d;--color-text-inverse:#1a1a17;--color-accent:#7baa82;--color-accent-hover:#8fbd96;--color-accent-soft:#28382b;--color-accent-subtle:#1f2b21;--color-border:#37342e;--color-border-light:#2e2b26;--color-divider:#302d28;--color-success:#7baa82;--color-warning:#c99a4c;--color-error:#cc6b67;--color-info:#6d9aac;--color-selection-bg:#3a5a3f;--color-selection-text:#e8e4dc;--shadow-color:0 0 0}}:root.dark{color-scheme:dark;--color-bg:#1a1a17;--color-bg-elevated:#22211d;--color-bg-subtle:#272622;--color-text:#e8e4dc;--color-text-secondary:#a39e95;--color-text-tertiary:#78746d;--color-text-inverse:#1a1a17;--color-accent:#7baa82;--color-accent-hover:#8fbd96;--color-accent-soft:#28382b;--color-accent-subtle:#1f2b21;--color-border:#37342e;--color-border-light:#2e2b26;--color-divider:#302d28;--color-success:#7baa82;--color-warning:#c99a4c;--color-error:#cc6b67;--color-info:#6d9aac;--color-selection-bg:#3a5a3f;--color-selection-text:#e8e4dc;--shadow-color:0 0 0}:root.light{color-scheme:light;--color-bg:#faf9f6;--color-bg-elevated:#f3f1ec;--color-bg-subtle:#eeebe5;--color-text:#2c2824;--color-text-secondary:#5c5752;--color-text-tertiary:#8a857e;--color-text-inverse:#f5f2ed;--color-accent:#4f7356;--color-accent-hover:#3f5e45;--color-accent-soft:#e3ede5;--color-accent-subtle:#f2f7f3;--color-border:#e4e0d8;--color-border-light:#f0ece4;--color-divider:#e8e4dc;--color-success:#4f7356;--color-warning:#ab7a3b;--color-error:#b85450;--color-info:#5a7d8c;--color-selection-bg:#c5dac8;--color-selection-text:#2c2824;--shadow-color:44 40 36}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:350;line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}.h1,h1{font-size:var(--text-5xl)}.h2,h2{font-size:var(--text-4xl)}.h3,h3{font-size:var(--text-3xl)}.h4,h4{font-size:var(--text-2xl)}.h5,h5{font-size:var(--text-xl)}.h6,h6{font-size:var(--text-lg)}.h1 i,.h2 i,.h3 i,.h4 i,.h5 i,.h6 i,.heading-italic,h1 i,h2 i,h3 i,h4 i,h5 i,h6 i{font-style:italic;font-weight:450}blockquote,dl,ol,p,ul{margin-bottom:var(--space-md);max-width:65ch}p+p{margin-top:calc(-1 * var(--space-sm))}.lead{font-size:var(--text-xl);color:var(--color-text-secondary);font-weight:350;max-width:58ch}.lead,.text-large{line-height:var(--leading-relaxed)}.text-large{font-size:var(--text-lg)}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-muted{color:var(--color-text-secondary)}.text-accent,a{color:var(--color-accent)}a{text-decoration:none;font-weight:425;transition:color var(--duration-fast) var(--ease-out),-webkit-text-decoration-color var(--duration-fast) var(--ease-out);transition:color var(--duration-fast) var(--ease-out),text-decoration-color var(--duration-fast) var(--ease-out);transition:color var(--duration-fast) var(--ease-out),text-decoration-color var(--duration-fast) var(--ease-out),-webkit-text-decoration-color var(--duration-fast) var(--ease-out);text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-underline-offset:.2em}a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}:not(pre)>code{font-family:var(--font-mono);font-size:.875em;font-weight:400;background:var(--color-bg-subtle);padding:.15em .4em;border-radius:var(--radius-sm);border:var(--border-thin) solid var(--color-border-light)}:not(pre)>code,blockquote{color:var(--color-text-secondary)}blockquote{font-family:var(--font-serif);font-size:var(--text-xl);font-style:italic;line-height:var(--leading-relaxed);border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-xl) 0}hr{border:none;height:1px;background:var(--color-divider);margin:var(--space-2xl) 0}ol,ul{padding-left:var(--space-md)}li{margin-bottom:var(--space-2xs)}.container{width:100%;max-width:var(--content-width);margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.container-narrow{max-width:var(--content-narrow)}.section{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.section-sm{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.section-lg{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex;gap:var(--space-md)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.stack>*+*{margin-top:var(--space-md)}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-lg>*+*{margin-top:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;padding:.75rem 1.5rem;border:var(--border-thin) solid transparent;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-text-tertiary)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-bg-subtle);color:var(--color-text)}.btn-sm{padding:.5rem 1rem;font-size:var(--text-xs)}.btn-lg{padding:1rem 2rem;font-size:var(--text-base)}.btn-icon{padding:.625rem;border-radius:var(--radius-full)}.card{background:var(--color-bg-elevated);color:var(--color-text);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-accent{border-left:3px solid var(--color-accent)}.card-sm{padding:var(--space-md)}.card-lg{padding:var(--space-xl)}.badge{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;line-height:1;padding:.3em .75em;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);white-space:nowrap}.badge-outline{background:transparent;color:var(--color-text-secondary)}.badge-outline,.input,.textarea{border:var(--border-thin) solid var(--color-border)}.input,.textarea{font-family:var(--font-sans);font-size:var(--text-base);font-weight:350;color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-md);padding:.625rem .875rem;width:100%;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.textarea{min-height:6rem;resize:vertical;line-height:var(--leading-normal)}.divider{height:1px;margin:var(--space-xl) 0}.divider,.divider-vertical{background:var(--color-divider);border:none}.divider-vertical{width:1px;height:auto}.avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);object-fit:cover;background:var(--color-bg-subtle);border:2px solid var(--color-border-light)}.avatar-sm{width:2rem;height:2rem}.avatar-lg{width:3.5rem;height:3.5rem}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:var(--text-xs);font-weight:400;color:var(--color-text-inverse);background:var(--color-text);padding:.3em .75em;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);margin-bottom:var(--space-xs)}[data-tooltip]:hover:after{opacity:1}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--color-bg);border-bottom:var(--border-thin) solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-bg) 85%,transparent)}.navbar,.navbar-inner{display:flex;align-items:center}.navbar-inner{justify-content:space-between;width:100%}.navbar-brand{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:550;color:var(--color-text);text-decoration:none;letter-spacing:var(--tracking-tight)}.navbar-links{display:flex;align-items:center;gap:var(--space-lg);list-style:none;padding:0;margin:0}.navbar-links a{font-size:var(--text-sm);font-weight:425;color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.navbar-links a:hover{color:var(--color-text)}.navbar-links a.active{color:var(--color-accent)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-lg);transition:all var(--duration-fast) var(--ease-out)}.theme-toggle:hover{background:var(--color-bg-subtle);color:var(--color-text)}.hero{padding:var(--space-4xl) 0 var(--space-3xl);text-align:center}.hero h1{font-size:var(--text-6xl);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-md)}.hero .lead{font-size:var(--text-xl);max-width:36rem;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl)}@media (max-width:768px){.hero h1{font-size:var(--text-4xl)}.hero .lead{font-size:var(--text-lg)}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.feature-card{background:var(--color-bg-elevated);color:var(--color-text);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.feature-card:hover{border-color:var(--color-accent-soft)}.feature-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-xl);margin-bottom:var(--space-md)}.feature-card h3{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;margin-bottom:var(--space-sm)}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:0}.prose{max-width:var(--content-narrow);line-height:var(--leading-relaxed)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:var(--space-2xl);margin-bottom:var(--space-sm)}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose p{margin-bottom:var(--space-md)}.prose img{border-radius:var(--radius-lg)}.prose figure,.prose img{margin:var(--space-xl) 0}.prose figcaption{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;margin-top:var(--space-xs)}.prose pre{background:var(--color-bg-elevated);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;margin:var(--space-xl) 0;font-size:var(--text-sm)}.prose pre code{font-family:var(--font-mono);background:none;border:none;padding:0;font-size:inherit}.footer{border-top:var(--border-thin) solid var(--color-divider);padding:var(--space-2xl) 0;margin-top:var(--space-3xl);font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer-inner{justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-inner,.footer-links{display:flex;gap:var(--space-md)}.footer-links{list-style:none;padding:0;margin:0}.footer-links a{color:var(--color-text-tertiary);text-decoration:none}.footer-links a:hover{color:var(--color-text)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-in,.stagger-children>*{animation:fade-in var(--duration-slow) var(--ease-out) both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.24s}.stagger-children>:nth-child(5){animation-delay:.32s}.stagger-children>:nth-child(6){animation-delay:.4s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--text-5xl:2.441rem;--text-6xl:3.052rem;--header-height:3.5rem}.section{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.section-lg{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.hide-mobile{display:none!important}.hide-desktop{display:revert!important}}@media (max-width:480px){.container{padding-left:var(--space-sm);padding-right:var(--space-sm)}.navbar-links{gap:var(--space-md)}}.hide-desktop{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.italic{font-style:italic}.bg-surface{background:var(--color-bg-elevated)}.bg-subtle{background:var(--color-bg-subtle)}.bg-accent-soft{background:var(--color-accent-soft)}.border{border:var(--border-thin) solid var(--color-border)}.border-top{border-top:var(--border-thin) solid var(--color-border)}.border-bottom{border-bottom:var(--border-thin) solid var(--color-border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accent-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background:var(--color-accent)}.accent-dot.highlight{background:var(--color-warning)}.play-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border);background:var(--color-bg);color:var(--color-accent);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.play-btn:hover{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.section-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.pillar-card{background:var(--color-bg-elevated);color:var(--color-text);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);text-decoration:none;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.pillar-card:hover{border-color:var(--color-accent-soft);box-shadow:var(--shadow-md)}.pillar-card .card-arrow{display:inline-block;transition:transform var(--duration-fast) var(--ease-out)}.pillar-card:hover .card-arrow{transform:translateX(4px)}.mobile-menu-overlay{position:fixed;inset:0;z-index:200;display:none}.mobile-menu-overlay.open{display:block}.mobile-menu-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-menu-panel{position:absolute;right:0;top:0;bottom:0;width:18rem;background:var(--color-bg-elevated);border-left:var(--border-thin) solid var(--color-border);padding:var(--space-lg);padding-top:5rem}.mobile-menu-close{position:absolute;top:var(--space-md);right:var(--space-md)}.audio-embed{background:var(--color-bg-elevated);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md) 0}.audio-embed iframe{border-radius:var(--radius-md);width:100%}.platform-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%}.cta-card{background:var(--color-bg-elevated);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.contact-form .form-group{margin-bottom:var(--space-md)}.contact-form label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-xs);color:var(--color-text)}[data-fs-error]{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2xs)}.hero-banner{max-width:var(--content-width);margin:0 auto;padding:var(--space-4xl) var(--space-md) var(--space-3xl);display:flex;flex-direction:column}.hero-banner.hero-center{text-align:center;align-items:center}.hero-banner.hero-left{text-align:left;align-items:flex-start}.hero-banner h1{font-family:var(--font-serif);font-size:var(--text-6xl);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-md);color:var(--color-text)}.hero-banner .hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:42rem;margin-bottom:var(--space-xl)}.hero-banner .hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-banner.hero-center .hero-actions{justify-content:center}@media (max-width:768px){.hero-banner h1{font-size:var(--text-4xl)}.hero-banner .hero-subtitle{font-size:var(--text-lg)}}.blog-card-link{text-decoration:none;color:inherit}.prose img{max-width:100%;height:auto}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-main{flex:1 1}.track-player{display:grid;grid-template-columns:1fr 320px;grid-gap:var(--space-md);gap:var(--space-md);margin:var(--space-lg) 0;background:var(--color-bg-elevated);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tp-main{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.tp-main audio{background:var(--color-bg)}.tp-main audio,.tp-scene{border-radius:var(--radius-md)}.tp-scene{width:100%;height:auto;min-height:180px;max-height:280px;overflow:hidden;background:var(--color-bg-subtle);flex:1 1 auto;cursor:pointer;display:block}.tp-scene:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-md)}.tp-creek-fg{transition:stroke-dashoffset .12s linear}.tp-stone{cursor:pointer}.tp-stone circle{transition:r .15s var(--ease-out),fill .15s var(--ease-out)}.tp-stone:hover circle{filter:brightness(1.2)}.tp-controls-bar{gap:var(--space-sm);padding:var(--space-sm) 0 0 0}.tp-btn,.tp-controls-bar{display:flex;align-items:center;justify-content:center}.tp-btn{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:14px;transition:all var(--duration-fast) var(--ease-out)}.tp-btn:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}.tp-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);min-width:42px;text-align:center;flex-shrink:0}.tp-sidebar{border-left:var(--border-thin) solid var(--color-divider);background:var(--color-bg-subtle);display:flex;flex-direction:column;max-height:400px}.tp-sidebar-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);padding:var(--space-sm) var(--space-md);margin:0;border-bottom:var(--border-thin) solid var(--color-divider);flex-shrink:0}.tp-tracks{flex:1 1;overflow-y:auto;display:flex;flex-direction:column}.tp-track{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border:none;border-bottom:var(--border-thin) solid var(--color-divider);background:transparent;cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);transition:background var(--duration-fast)}.tp-track:hover{background:var(--color-bg-elevated)}.tp-track.active{background:var(--color-accent-soft)}.tp-track-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-warning);min-width:42px;flex-shrink:0;padding-top:1px}.tp-track-info{display:flex;flex-direction:column;min-width:0}.tp-track-name{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.tp-track-artist,.tp-track-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-track-artist{font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (max-width:768px){.track-player{grid-template-columns:1fr}.tp-scene{max-height:160px;min-height:120px}.tp-sidebar{border-left:none;border-top:var(--border-thin) solid var(--color-divider);max-height:240px}}body[data-player-active]{padding-bottom:4rem}.persistent-player{position:fixed;bottom:0;left:0;right:0;z-index:300;height:4rem;background:var(--color-bg-elevated);border-top:var(--border-thin) solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);animation:slide-up .3s var(--ease-out)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.persistent-player-inner{display:flex;align-items:center;gap:var(--space-md);height:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-md)}.persistent-player-info{display:flex;flex-direction:column;min-width:0;text-decoration:none;flex:0 1 280px}.persistent-player-label{font-size:var(--text-xs);font-weight:600;color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em}.persistent-player-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persistent-player-controls{flex-shrink:0}.persistent-player-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border);background:transparent;color:var(--color-text);cursor:pointer;font-size:var(--text-lg);transition:all var(--duration-fast) var(--ease-out)}.persistent-player-btn:hover{background:var(--color-bg-subtle);color:var(--color-accent)}.persistent-player-progress-area{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.persistent-player-time{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.persistent-player-track{width:100%;height:3px;background:var(--color-divider);border-radius:var(--radius-full);overflow:hidden}.persistent-player-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .2s linear}.persistent-player-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out)}.persistent-player-close:hover{background:var(--color-bg-subtle);color:var(--color-text)}@media (max-width:768px){.persistent-player{height:3.5rem}.persistent-player-inner{gap:var(--space-sm);padding:0 var(--space-sm)}.persistent-player-info{flex:0 1 140px}.persistent-player-progress-area{display:none}}