@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cormorant-garamond-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plus-jakarta-sans-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plus-jakarta-sans-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plus-jakarta-sans-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plus-jakarta-sans-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-espresso: #1a0f0a;--color-roast: #3b2418;--color-caramel: #8b5a3c;--color-cream: #f3e9dc;--color-latte: #d9c4a9;--color-gold: #c9a15b;--color-gold-light: #e6c88a;--color-white: #ffffff;--color-black: #000000;--color-espresso-trans: rgba(26, 15, 10, .85);--color-gold-trans-10: rgba(201, 161, 91, .1);--color-gold-trans-20: rgba(201, 161, 91, .2);--color-gold-trans-40: rgba(201, 161, 91, .4);--color-cream-trans-10: rgba(243, 233, 220, .1);--color-cream-trans-20: rgba(243, 233, 220, .2);--color-cream-trans-60: rgba(243, 233, 220, .6);--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-display: clamp(3.5rem, 11vw, 10rem);--font-size-h1: clamp(2.5rem, 6vw + .5rem, 5.5rem);--font-size-h2: clamp(2rem, 4vw + .5rem, 4rem);--font-size-h3: clamp(1.5rem, 2.2vw + .5rem, 2.5rem);--font-size-h4: clamp(1.2rem, 1.4vw + .4rem, 1.75rem);--font-size-lead: clamp(1.125rem, 1vw + .8rem, 1.5rem);--font-size-body: clamp(.95rem, .35vw + .85rem, 1.125rem);--font-size-small: clamp(.8rem, .2vw + .75rem, .875rem);--font-size-micro: .75rem;--line-height-tight: 1.05;--line-height-heading: 1.15;--line-height-subheading: 1.35;--line-height-body: 1.7;--space-3xs: clamp(.25rem, .2vw, .375rem);--space-2xs: clamp(.5rem, .4vw, .75rem);--space-xs: clamp(.75rem, .6vw, 1rem);--space-sm: clamp(1rem, 1vw, 1.5rem);--space-md: clamp(1.5rem, 2vw, 2.5rem);--space-lg: clamp(2.5rem, 3.5vw, 4rem);--space-xl: clamp(4rem, 6vw, 7rem);--space-2xl: clamp(6rem, 9vw, 11rem);--space-section: clamp(5rem, 10svh, 10rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--ease-in-out-smooth: cubic-bezier(.65, 0, .35, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .25s;--duration-medium: .5s;--duration-slow: .8s;--duration-cinematic: 1.4s;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .35);--shadow-gold-glow: 0 0 30px rgba(201, 161, 91, .25);--shadow-ember-glow: 0 0 40px rgba(200, 80, 20, .3);--border-gold-subtle: 1px solid rgba(201, 161, 91, .25);--border-gold-active: 1px solid rgba(201, 161, 91, .8);--border-cream-subtle: 1px solid rgba(243, 233, 220, .15);--z-canvas: 1;--z-background-noise: 2;--z-content: 10;--z-header: 100;--z-navigation: 110;--z-cursor: 200;--z-preloader: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;background-color:var(--color-espresso);color:var(--color-cream);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto;scroll-padding-top:clamp(4.5rem,8vw,6rem)}body{width:100%;min-height:100vh;min-height:100svh;background-color:var(--color-espresso);color:var(--color-cream);line-height:var(--line-height-body);font-size:var(--font-size-body);overflow-x:hidden;position:relative}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:var(--z-background-noise);opacity:.65;mix-blend-mode:overlay}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:var(--z-canvas)}#app{position:relative;z-index:var(--z-content);width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:var(--line-height-heading);color:var(--color-cream);letter-spacing:-.01em}h1,.text-display{font-size:var(--font-size-display);line-height:var(--line-height-tight)}h2,.text-h1{font-size:var(--font-size-h1)}h3,.text-h2{font-size:var(--font-size-h2)}h4,.text-h3{font-size:var(--font-size-h3)}h5,.text-h4{font-size:var(--font-size-h4)}p{color:var(--color-latte);margin-bottom:var(--space-xs);font-size:var(--font-size-body)}p.lead{font-size:var(--font-size-lead);line-height:var(--line-height-subheading);color:var(--color-cream)}.text-gold{color:var(--color-gold)}.text-gold-light{color:var(--color-gold-light)}.text-accent-serif{font-family:var(--font-serif);font-style:italic;color:var(--color-gold)}.text-small{font-size:var(--font-size-small);color:var(--color-latte)}a{color:var(--color-gold);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast)}a:hover{color:var(--color-gold-light)}::selection{background-color:var(--color-gold);color:var(--color-espresso)}::-moz-selection{background-color:var(--color-gold);color:var(--color-espresso)}:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100px;left:var(--space-sm);background:var(--color-gold);color:var(--color-espresso);padding:var(--space-xs) var(--space-sm);font-weight:600;z-index:9999;border-radius:var(--radius-sm);transition:top var(--duration-fast) var(--ease-out-expo)}.skip-link:focus{top:var(--space-sm)}.container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:clamp(1.25rem,5vw,4rem);padding-right:clamp(1.25rem,5vw,4rem)}.section{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--space-section);padding-bottom:var(--space-section)}.story-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:center;position:relative}@media(min-width:1024px){.story-grid{grid-template-columns:repeat(12,1fr);min-height:60vh}.story-content-left{grid-column:1 / 6}.story-content-right{grid-column:8 / 13}.story-content-center{grid-column:3 / 11;text-align:center}}.card{background:#3b241866;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-cream-subtle);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.card:hover{border-color:var(--color-gold);transform:translateY(-4px)}.grid-tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.9rem 2.2rem;font-family:var(--font-sans);font-size:var(--font-size-small);font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo);border:1px solid transparent;user-select:none}.btn-primary{background-color:var(--color-gold);color:var(--color-espresso);border-color:var(--color-gold);box-shadow:var(--shadow-gold-glow)}.btn-primary:hover{background-color:var(--color-gold-light);border-color:var(--color-gold-light);color:var(--color-espresso);transform:translateY(-2px);box-shadow:0 0 40px #e6c88a66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--color-cream);border:var(--border-cream-subtle);backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold);transform:translateY(-2px);background-color:var(--color-gold-trans-10)}.btn-ghost{background-color:transparent;color:var(--color-latte);padding:.5rem 1rem}.btn-ghost:hover{color:var(--color-gold-light)}.badge{display:inline-flex;align-items:center;padding:.35rem .85rem;font-size:var(--font-size-micro);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);background:var(--color-gold-trans-10);border:var(--border-gold-subtle);border-radius:var(--radius-full)}.site-header{position:fixed;top:0;left:0;width:100%;padding:clamp(.9rem,2vw,1.4rem) 0;z-index:var(--z-header, 1000);pointer-events:auto;transition:transform .4s var(--ease-out-expo),background-color .4s var(--ease-out-expo),backdrop-filter .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo);will-change:transform}.site-header.is-hidden{transform:translateY(-100%)}.site-header.is-scrolled{background-color:#1a0f0ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:var(--border-cream-subtle);box-shadow:0 10px 30px #0006}.header-container{display:flex;align-items:center;justify-content:space-between}.brand-logo{font-family:var(--font-serif);font-size:clamp(1.35rem,2vw,1.75rem);font-weight:700;letter-spacing:.15em;color:var(--color-cream);text-transform:uppercase;display:flex;align-items:center;gap:var(--space-2xs)}.brand-logo span{color:var(--color-gold)}.nav-links{display:none;list-style:none;align-items:center;gap:var(--space-md)}@media(min-width:1024px){.nav-links{display:flex}}.nav-link{font-family:var(--font-sans);font-size:var(--font-size-small);font-weight:500;letter-spacing:.05em;color:var(--color-latte);padding:var(--space-3xs) var(--space-2xs);position:relative;transition:color var(--duration-fast) var(--ease-out-expo)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--color-gold);transition:width var(--duration-fast) var(--ease-out-expo),left var(--duration-fast) var(--ease-out-expo)}.nav-link:hover{color:var(--color-gold-light)}.nav-link:hover:after,.nav-link.is-active:after,.nav-link[aria-current=step]:after{width:100%;left:0}.nav-link.is-active,.nav-link[aria-current=step]{color:var(--color-cream)}.header-actions{display:flex;align-items:center;gap:var(--space-xs);z-index:1002}.audio-toggle-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:#e6c88a0d;border:1px solid rgba(230,200,138,.2);border-radius:var(--radius-full, 9999px);color:var(--color-latte);font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;outline:none;transition:background-color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.audio-toggle-btn:hover{background:#e6c88a1f;border-color:var(--color-gold);color:var(--color-cream);transform:translateY(-1px)}.audio-toggle-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.audio-toggle-btn.is-playing,.audio-toggle-btn[aria-pressed=true]{background:#e6c88a24;border-color:#e6c88a99;color:var(--color-gold-light);box-shadow:0 0 16px #e6c88a26}.audio-bars{display:flex;align-items:center;gap:3px;height:14px}.audio-bar{display:block;width:2px;height:4px;background-color:currentColor;border-radius:1px;transition:height .2s ease}.audio-toggle-btn.is-playing .audio-bar:nth-child(1){animation:audioPulse1 1.2s ease-in-out infinite}.audio-toggle-btn.is-playing .audio-bar:nth-child(2){animation:audioPulse2 .85s ease-in-out infinite .15s}.audio-toggle-btn.is-playing .audio-bar:nth-child(3){animation:audioPulse3 1.05s ease-in-out infinite .35s}@keyframes audioPulse1{0%,to{height:4px}50%{height:13px}}@keyframes audioPulse2{0%,to{height:5px}50%{height:15px}}@keyframes audioPulse3{0%,to{height:3px}50%{height:11px}}@media(max-width:480px){.audio-toggle-btn{padding:0 10px;height:36px}}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid rgba(230,200,138,.25);border-radius:var(--radius-sm);cursor:pointer;padding:0;z-index:1002;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.mobile-menu-btn:hover{border-color:var(--color-gold);background-color:#e6c88a14}.menu-bar{display:block;width:20px;height:1.5px;background-color:var(--color-cream);border-radius:2px;transition:transform var(--duration-medium) var(--ease-out-expo),opacity var(--duration-fast)}.mobile-menu-btn[aria-expanded=true] .menu-bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.mobile-menu-btn[aria-expanded=true] .menu-bar:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded=true] .menu-bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media(min-width:1024px){.mobile-menu-btn{display:none}}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;z-index:2000;display:flex;visibility:hidden;opacity:0;transition:visibility .4s,opacity .4s var(--ease-out-expo);pointer-events:none}.mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:all}.mobile-menu-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0503b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-menu-panel{position:relative;z-index:2;width:100%;max-width:440px;height:100%;margin-left:auto;background:var(--color-espresso);border-left:var(--border-cream-subtle);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-lg) var(--space-md);transform:translate(100%);transition:transform .5s var(--ease-out-expo);box-shadow:-15px 0 40px #000000b3}.mobile-menu.is-open .mobile-menu-panel{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:var(--border-cream-subtle)}.mobile-menu-brand{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.15em;color:var(--color-gold)}.mobile-menu-close{background:transparent;border:1px solid rgba(230,200,138,.2);border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-fast)}.mobile-menu-close:hover{border-color:var(--color-gold);color:var(--color-gold)}.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-xl) 0}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-serif);font-size:1.65rem;color:var(--color-cream);text-decoration:none;transition:color var(--duration-fast),transform var(--duration-fast)}.mobile-nav-link span{font-family:var(--font-sans);font-size:.9rem;color:var(--color-gold);letter-spacing:.1em}.mobile-nav-link:hover,.mobile-nav-link.is-active{color:var(--color-gold);transform:translate(8px)}.mobile-nav-link.highlight{color:var(--color-gold-light);font-weight:600}.mobile-menu-footer{padding-top:var(--space-md);border-top:var(--border-cream-subtle)}.journey-indicator{position:fixed;right:clamp(1.2rem,3vw,2.5rem);top:50%;transform:translateY(-50%);z-index:100;display:none;pointer-events:auto}@media(min-width:1200px){.journey-indicator{display:flex;align-items:center}}.journey-line-track{position:absolute;right:6px;top:10px;bottom:10px;width:2px;background:#e6c88a1f;border-radius:2px}.journey-line-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--color-gold),var(--color-gold-light));border-radius:2px;box-shadow:0 0 8px var(--color-gold);transition:height .2s ease-out}.journey-steps{list-style:none;display:flex;flex-direction:column;gap:2.2rem;position:relative;z-index:2}.journey-step{display:flex;align-items:center;flex-direction:row-reverse;gap:1rem;text-decoration:none;position:relative}.journey-dot{width:14px;height:14px;border-radius:50%;background:var(--color-espresso);border:2px solid rgba(230,200,138,.35);transition:border-color var(--duration-fast),background-color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast)}.journey-label{font-family:var(--font-sans);font-size:var(--font-size-micro);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-latte);opacity:0;transform:translate(10px);transition:opacity .3s var(--ease-out-expo),transform .3s var(--ease-out-expo),color var(--duration-fast);white-space:nowrap;pointer-events:none;background:#1a0f0ad9;padding:.2rem .6rem;border-radius:var(--radius-sm);border:var(--border-cream-subtle);backdrop-filter:blur(8px)}.journey-step:hover .journey-label,.journey-step.is-active .journey-label{opacity:1;transform:translate(0)}.journey-step:hover .journey-dot{border-color:var(--color-gold);background-color:var(--color-gold-trans-10);transform:scale(1.2)}.journey-step.is-active .journey-dot{border-color:var(--color-gold);background-color:var(--color-gold);transform:scale(1.3);box-shadow:0 0 12px var(--color-gold)}.journey-step.is-active .journey-label{color:var(--color-gold-light);border-color:var(--border-gold-subtle)}.hero-content{text-align:center;max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}.hero-title{font-family:var(--font-serif);font-size:var(--font-size-display);letter-spacing:.12em;color:var(--color-cream);text-transform:uppercase;font-weight:400;text-shadow:0 0 40px rgba(201,161,91,.2)}.hero-tagline{font-family:var(--font-serif);font-size:var(--font-size-lead);font-style:italic;color:var(--color-gold);letter-spacing:.04em}.scroll-indicator{margin-top:var(--space-xl);display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2xs);color:var(--color-latte);font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.15em;animation:pulse-down 2.2s infinite var(--ease-in-out-smooth)}.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--color-gold),transparent)}@keyframes pulse-down{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(6px);opacity:.4}}.section-badge{display:inline-flex;align-items:center;gap:var(--space-3xs);font-family:var(--font-sans);font-size:var(--font-size-micro);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-xs)}.section-badge:before{content:"";display:inline-block;width:6px;height:6px;background-color:var(--color-gold);border-radius:50%;box-shadow:0 0 8px var(--color-gold)}.section-title{font-size:var(--font-size-h2);margin-bottom:var(--space-xs);color:var(--color-cream)}.section-subtitle{font-family:var(--font-serif);font-style:italic;font-size:var(--font-size-lead);color:var(--color-gold-light);margin-bottom:var(--space-sm)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.metric-item{border-left:2px solid var(--color-gold);padding-left:var(--space-xs)}.metric-value{font-family:var(--font-serif);font-size:var(--font-size-h3);font-weight:600;color:var(--color-cream);line-height:var(--line-height-tight)}.metric-label{font-size:var(--font-size-micro);color:var(--color-latte);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-3xs)}.roast{position:relative;overflow:hidden}.roast-thermal-glow{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,#ff5a1438,#d628281f 40%,#0d0b0900 70%);border-radius:50%;filter:blur(60px);pointer-events:none;opacity:0;transition:opacity .6s ease;will-change:opacity,transform}.roast-gauge-container{margin:var(--space-sm) 0 var(--space-md);padding:var(--space-sm);background:#fff5ea08;border:1px solid rgba(201,161,91,.2);border-radius:var(--radius-md);backdrop-filter:blur(10px)}.roast-gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xs)}.gauge-title{font-size:var(--font-size-small);color:var(--color-latte);text-transform:uppercase;letter-spacing:.08em}.gauge-temp-display{font-family:var(--font-serif);font-size:var(--font-size-h4);font-weight:700;color:var(--color-gold);text-shadow:0 0 12px rgba(255,107,53,.4)}.roast-gauge-track{width:100%;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.roast-gauge-fill{width:0%;height:100%;background:linear-gradient(90deg,#4d6c3c,#d4a373,#ff6b35 70%,#d62828);border-radius:var(--radius-full);box-shadow:0 0 10px #ff6b3599;transition:width .1s linear}.roast-phases-list{display:flex;justify-content:space-between;margin-top:var(--space-2xs);gap:var(--space-3xs)}.phase-tag{font-size:var(--font-size-micro);color:var(--color-latte);opacity:.5;transition:all .3s ease}.phase-tag.active{color:var(--color-cream);opacity:1;font-weight:700;text-shadow:0 0 8px var(--color-gold)}.grind-selector-container{margin:var(--space-sm) 0 var(--space-md);padding:var(--space-sm);background:#fff5ea08;border:1px solid rgba(201,161,91,.2);border-radius:var(--radius-md);backdrop-filter:blur(8px)}.grind-selector-label{display:block;font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.12em;color:var(--color-gold);margin-bottom:var(--space-2xs);font-weight:700}.grind-buttons-group{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.grind-btn{background:#ffffff0d;border:1px solid rgba(255,245,234,.15);color:var(--color-latte);padding:.45rem .85rem;border-radius:var(--radius-full);font-size:var(--font-size-small);cursor:pointer;transition:all .25s ease;font-family:var(--font-sans)}.grind-btn:hover{background:#c9a15b26;border-color:var(--color-gold);color:var(--color-cream)}.grind-btn.active{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-espresso-dark);font-weight:700;box-shadow:0 0 12px #c9a15b66}.aroma-list{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-sm)}.aroma-pill{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:.4rem .9rem;background:var(--color-cream-trans-10);border:var(--border-cream-subtle);border-radius:var(--radius-full);font-size:var(--font-size-small);color:var(--color-cream);backdrop-filter:blur(8px)}.aroma-pill span{color:var(--color-gold)}.footer-wrapper{background:linear-gradient(180deg,transparent 0%,rgba(15,8,5,.95) 100%);border-top:var(--border-cream-subtle);padding:var(--space-2xl) 0 var(--space-lg);margin-top:var(--space-xl)}.footer-cta-box{text-align:center;max-width:720px;margin:0 auto var(--space-2xl)}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md);max-width:480px;margin-left:auto;margin-right:auto}@media(min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-input{flex:1;padding:.9rem 1.4rem;background:#ffffff0d;border:var(--border-cream-subtle);border-radius:var(--radius-full);color:var(--color-cream);font-family:var(--font-sans);font-size:var(--font-size-small);transition:border-color var(--duration-fast),background var(--duration-fast)}.newsletter-input:focus{outline:none;border-color:var(--color-gold);background:#ffffff14;box-shadow:0 0 15px #c9a15b33}.newsletter-feedback{font-size:var(--font-size-small);margin-top:var(--space-xs);min-height:1.4rem;transition:opacity var(--duration-fast)}.newsletter-feedback.is-success{color:var(--color-gold)}.newsletter-feedback.is-error{color:#e57373}.footer-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);padding:var(--space-lg) 0;border-top:var(--border-cream-subtle);border-bottom:var(--border-cream-subtle)}.footer-col h4{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold);margin-bottom:var(--space-sm);font-family:var(--font-sans);font-weight:600}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.footer-col a{color:var(--color-latte);font-size:var(--font-size-small)}.footer-col a:hover{color:var(--color-gold)}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-md);font-size:var(--font-size-micro);color:#d9c4a999}@media(min-width:768px){.footer-bottom{flex-direction:row}}.is-fallback #webgl-canvas{display:none!important}.static-visual-wrapper{display:flex;align-items:center;justify-content:center;width:100%;position:relative;margin:var(--space-md) auto;opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.static-visual-wrapper.is-visible{opacity:1;transform:translateY(0)}.static-fallback-img{width:100%;max-width:480px;height:auto;aspect-ratio:1 / 1;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(0,0,0,.6)) drop-shadow(0 0 25px rgba(201,161,91,.15));border-radius:var(--radius-lg);pointer-events:none}@media(min-width:1024px){.static-visual-right{grid-column:7 / 13;grid-row:1}.static-visual-left{grid-column:1 / 7;grid-row:1}.static-visual-hero{max-width:520px;margin:var(--space-lg) auto 0}}.footer-motion-toggle{display:flex;align-items:center}.motion-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:var(--border-cream-subtle);border-radius:var(--radius-full);padding:.4rem .85rem;font-family:var(--font-sans);font-size:var(--font-size-micro);color:var(--color-latte);cursor:pointer;transition:background-color var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.motion-toggle-btn:hover{background:#ffffff1a;border-color:var(--color-gold);color:var(--color-gold-light)}.motion-toggle-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.4);transition:background-color var(--duration-fast),box-shadow var(--duration-fast)}.motion-toggle-btn[aria-checked=true] .motion-toggle-indicator{background:var(--color-gold);border-color:var(--color-gold);box-shadow:0 0 8px var(--color-gold)}.motion-toggle-btn[aria-checked=true]{color:var(--color-cream);border-color:var(--color-gold)}.reveal-line-wrap{display:block;overflow:hidden;vertical-align:top}.reveal-line{display:block;will-change:transform,opacity}.reveal-word{display:inline-block;white-space:pre;will-change:transform,opacity}.reveal-char{display:inline-block;will-change:transform,opacity}html.js-ready [data-reveal]:not([data-reveal-initialized]){opacity:0}@media(prefers-reduced-motion:reduce){html.js-ready [data-reveal]{opacity:1!important;transform:none!important}}html.reduced-motion [data-reveal]{opacity:1!important;transform:none!important}.preloader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;z-index:var(--z-preloader, 100000);display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:all;background-color:transparent}.preloader-curtain{position:absolute;left:0;width:100%;height:50.5%;background-color:var(--color-espresso, #1a0f0a);z-index:1;will-change:transform}.preloader-curtain-top{top:0;border-bottom:1px solid rgba(230,200,138,.15)}.preloader-curtain-bottom{bottom:0;border-top:1px solid rgba(230,200,138,.15)}.preloader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md, 1.5rem);text-align:center;padding:var(--space-md, 1.5rem);will-change:opacity,transform}.preloader-logo-wrapper{display:flex;align-items:center;gap:.5rem}.preloader-brand{font-family:var(--font-serif, "Cormorant Garamond", serif);font-size:clamp(2rem,4vw,3rem);letter-spacing:.25em;color:var(--color-cream, #f7f3ec);font-weight:500;text-transform:uppercase}.preloader-dot{color:var(--color-gold, #e6c88a);font-size:1.2em;line-height:1}.preloader-bean-anim{width:80px;height:112px;margin:.5rem 0}.preloader-bean-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 12px rgba(230,200,138,.25))}.preloader-progress-track{width:160px;height:2px;background:#e6c88a1f;border-radius:var(--radius-full, 9999px);overflow:hidden;position:relative}.preloader-progress-bar{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--color-gold, #e6c88a),var(--color-gold-light, #f5cf8e));border-radius:var(--radius-full, 9999px);box-shadow:0 0 8px var(--color-gold, #e6c88a);transition:width .15s ease-out}.preloader-meta{display:flex;flex-direction:column;align-items:center;gap:.25rem}.preloader-percent{font-family:var(--font-sans, "Plus Jakarta Sans", sans-serif);font-size:var(--font-size-small, .875rem);font-weight:600;letter-spacing:.15em;color:var(--color-gold, #e6c88a);min-width:50px}.preloader-tagline{font-family:var(--font-sans, "Plus Jakarta Sans", sans-serif);font-size:var(--font-size-micro, .75rem);letter-spacing:.18em;text-transform:uppercase;color:var(--color-latte, #d9c4a9);opacity:.7}.preloader-overlay.is-loaded{pointer-events:none}@media(pointer:fine){body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor input,body.has-custom-cursor select,body.has-custom-cursor [role=button],body.has-custom-cursor [role=switch]{cursor:none!important}}.custom-cursor-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99999;overflow:hidden}@media(pointer:fine){.custom-cursor-container{display:block}}.cursor-dot{position:absolute;top:0;left:0;width:6px;height:6px;margin-top:-3px;margin-left:-3px;border-radius:50%;background-color:var(--color-gold, #e6c88a);box-shadow:0 0 8px var(--color-gold, #e6c88a);pointer-events:none;transform:translate(-100px,-100px);will-change:transform;transition:opacity .3s ease}.cursor-follower{position:absolute;top:0;left:0;width:36px;height:36px;margin-top:-18px;margin-left:-18px;border-radius:50%;border:1px solid rgba(230,200,138,.45);background:#e6c88a08;pointer-events:none;transform:translate(-100px,-100px);will-change:transform,width,height,border-color,background-color;transition:width .35s var(--ease-out-expo),height .35s var(--ease-out-expo),margin-top .35s var(--ease-out-expo),margin-left .35s var(--ease-out-expo),border-radius .35s var(--ease-out-expo),border-color .35s var(--ease-out-expo),background-color .35s var(--ease-out-expo),opacity .3s ease;display:flex;align-items:center;justify-content:center}.cursor-label{font-family:var(--font-sans, "Plus Jakarta Sans", sans-serif);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-espresso, #1a0f0a);white-space:nowrap;opacity:0;transform:scale(.6);transition:opacity .25s ease,transform .25s var(--ease-out-expo);pointer-events:none}.cursor-follower.is-hovering{width:52px;height:52px;margin-top:-26px;margin-left:-26px;border-color:var(--color-gold, #e6c88a);background:#e6c88a1f;backdrop-filter:blur(2px)}.cursor-dot.is-hovering{transform:scale(.4);opacity:.5}.cursor-follower.has-label{width:auto;min-width:80px;height:32px;margin-top:-16px;margin-left:-40px;padding:0 14px;border-radius:var(--radius-full, 9999px);border-color:var(--color-gold, #e6c88a);background-color:var(--color-gold, #e6c88a);box-shadow:0 0 20px #e6c88a66}.cursor-follower.has-label .cursor-label{opacity:1;transform:scale(1)}.cursor-dot.has-label,.cursor-container.is-hidden .cursor-dot,.cursor-container.is-hidden .cursor-follower{opacity:0}