:root, [data-theme="light"] {
      --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
      --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
      --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
      --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
      --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.75rem);
      --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
      --color-bg: #f7f2eb;
      --color-surface: #fcf8f3;
      --color-surface-2: #fffdf9;
      --color-surface-offset: #efe4d8;
      --color-border: #d8cabc;
      --color-divider: #dfd4c8;
      --color-text: #241a13;
      --color-text-muted: #685749;
      --color-text-faint: #9b8b7b;
      --color-primary: #6f4328;
      --color-primary-hover: #56331d;
      --color-primary-highlight: #eadacc;
      --color-accent: #b88052;
      --color-text-inverse: #fff9f3;
      --radius-sm: 0.375rem; --radius-md: 0.75rem; --radius-lg: 1.25rem; --radius-xl: 1.75rem; --radius-full: 9999px;
      --shadow-sm: 0 6px 18px rgba(36, 26, 19, 0.07);
      --shadow-md: 0 18px 40px rgba(36, 26, 19, 0.12);
      --font-display: 'Cabinet Grotesk', 'Arial', sans-serif;
      --font-body: 'Satoshi', 'Helvetica Neue', sans-serif;
      --content-default: 1100px;
      --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    [data-theme="dark"] {
      --color-bg: #15100c;
      --color-surface: #1c1510;
      --color-surface-2: #241b15;
      --color-surface-offset: #30261f;
      --color-border: #4a3d32;
      --color-divider: #3a3028;
      --color-text: #f3e8dc;
      --color-text-muted: #ccb9a6;
      --color-text-faint: #8f7d6d;
      --color-primary: #d3a17d;
      --color-primary-hover: #e4b894;
      --color-primary-highlight: #34271f;
      --color-accent: #f2c29c;
      --color-text-inverse: #1a130f;
      --shadow-sm: 0 6px 18px rgba(0,0,0,0.28);
      --shadow-md: 0 18px 40px rgba(0,0,0,0.38);
    }
    *,:before,:after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
    body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;background:var(--color-bg);color:var(--color-text)}
    img,svg{display:block;max-width:100%;height:auto}
    a{color:inherit;text-decoration:none;transition:all var(--transition-interactive)}
    button{font:inherit;border:none;background:none;color:inherit;cursor:pointer;transition:all var(--transition-interactive)}
    :focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}
    .skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:var(--space-4);top:var(--space-4);background:var(--color-surface-2);padding:var(--space-3) var(--space-4);z-index:1000;border-radius:var(--radius-md)}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .container{width:min(calc(100% - 2rem), var(--content-default));margin-inline:auto}
    .eyebrow{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}
    .section{padding:clamp(var(--space-12),8vw,var(--space-24)) 0}
    .site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--color-bg) 84%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--color-text) 10%, transparent)}
    .nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0}
    .brand-wordmark{font-family:var(--font-display);font-size:clamp(1.15rem,1rem + .3vw,1.4rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
    .brand-lockup{display:flex;flex-direction:column;gap:.15rem}
    .brand-tag{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}
    .nav-links{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm)}
    .nav-links a:hover{color:var(--color-primary)}
    .nav-actions{display:flex;align-items:center;gap:var(--space-3)}
    .theme-toggle,.menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:var(--radius-full);background:var(--color-surface)}
    .menu-toggle{display:none}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700}
    .btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}
    .btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}
    .btn-secondary{border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);background:var(--color-surface)}
    .hero{padding:clamp(var(--space-12),7vw,var(--space-24)) 0 var(--space-12)}
    .hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:var(--space-10);align-items:center}
    .hero-copy h1{font-family:var(--font-display);font-size:clamp(2.25rem,4.6vw,4.25rem);line-height:1.02;letter-spacing:-.035em;max-width:16ch;margin:var(--space-4) 0 var(--space-5)}
    .hero-copy p{max-width:58ch;color:var(--color-text-muted)}
    .hero-actions{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}
    .hero-media{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-4)}
    .hero-image-large,.hero-image-small,.story-image,.ritual-image{position:relative;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
    .hero-image-large img,.hero-image-small img,.story-image img,.ritual-image img{width:100%;height:100%;object-fit:cover}
    .hero-image-large{min-height:560px}
    .hero-image-small{display:grid;grid-template-rows:1fr auto;background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent)}
    .hero-note{padding:var(--space-5);background:var(--color-surface)}
    .hero-note strong{display:block;font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2)}
    .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-4)}
    .metric{background:var(--color-surface-2);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:var(--radius-lg);padding:var(--space-4)}
    .metric strong{display:block;font-family:var(--font-display);font-size:var(--text-lg)}
    .split-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);align-items:center}
    .story-card,.feature-card,.menu-card,.contact-card,.manifesto-card{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}
    h2{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1;letter-spacing:-.03em;margin-bottom:var(--space-4)}
    h3{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.05;margin-bottom:var(--space-3)}
    .muted{color:var(--color-text-muted)}
    .manifesto-card p{font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2.7rem);line-height:1.05;letter-spacing:-.03em;max-width:14ch}
    .pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-6)}
    .feature-card small{display:block;font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}
    .feature-card p,.story-card p,.menu-card p,.contact-card p{color:var(--color-text-muted)}
    .band{background:var(--color-surface-offset)}
    .menu-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8)}
    .menu-stack{display:grid;gap:var(--space-4)}
    .menu-item{display:flex;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider)}
    .menu-item:last-child{border-bottom:none;padding-bottom:0}
    .menu-item strong{font-size:var(--text-base)}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}
    .hours{display:grid;gap:var(--space-3);margin-top:var(--space-5)}
    .hours-row{display:flex;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider)}
    .footer{padding:var(--space-8) 0;border-top:1px solid color-mix(in srgb, var(--color-text) 10%, transparent)}
    .footer-wrap{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--text-sm)}
    .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
    @media (max-width: 1024px){
      .hero-grid,.split-grid,.menu-grid,.contact-grid,.pillar-grid{grid-template-columns:1fr}
      .hero-media{grid-template-columns:1fr}
      .hero-image-large{min-height:420px}
    }
    @media (max-width: 960px){
      .nav-links{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);display:none;flex-direction:column;align-items:flex-start;padding:var(--space-5);background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
      .nav-links.open{display:flex}
      .menu-toggle{display:grid}
      .nav-actions .btn{display:none}
    }
    @media (max-width: 640px){
      .container{width:min(calc(100% - 1.25rem), var(--content-default))}
      .hero-copy h1{max-width:18ch}
      .hero-actions{flex-direction:column;align-items:stretch}
      .btn{width:100%}
      .metrics{grid-template-columns:1fr}
      .footer-wrap{flex-direction:column;align-items:flex-start}
    }
    @media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}