:root{
    --ivory:#f8f3ed; --sand:#daccb1; --terra:#a66f53;
    --crimson:#650019; --ink:#1b150f; --black:#0d0b09;
    --serif:'Lora','Times New Roman',serif;
    --times:'Times New Roman',serif;
    --sans:'Jost','Helvetica Neue',sans-serif;
    --mono:'JetBrains Mono',monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}

  /* typography primitives */
  .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.42em;text-transform:uppercase;font-weight:400}
  .serif{font-family:var(--serif)}
  .italic{font-style:italic}
  .hq{font-family:var(--serif);font-style:italic;color:var(--terra);font-weight:500}

  /* shell */
  .page{min-height:100vh}

  /* nav */
  .nav{position:sticky;top:0;z-index:50;background:var(--black);color:var(--ivory);border-bottom:1px solid rgba(248,243,237,.08)}
  .nav-inner{max-width:1440px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
  .nav-wordmark{font-family:var(--serif);font-size:22px;letter-spacing:.08em;font-weight:400;display:flex;align-items:baseline;gap:6px}
  .nav-wordmark .tag{font-size:8px;letter-spacing:.44em;color:rgba(248,243,237,.55);margin-left:14px;font-family:var(--sans);letter-spacing:.44em}
  .nav-links{display:flex;gap:36px;align-items:center}
  .nav-links a{font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:rgba(248,243,237,.78);transition:color .15s;white-space:nowrap}
  .nav-links a:hover{color:var(--terra)}
  .nav-links a.active{color:var(--terra)}
  .nav-cta{padding:11px 22px;border:1px solid var(--terra);background:var(--terra);color:var(--black);font-size:10px;letter-spacing:.38em;text-transform:uppercase;transition:all .18s;font-weight:600}
  .nav-cta:hover{background:transparent;color:var(--terra)}
  .nav-right{display:flex;align-items:center;gap:18px;flex-shrink:0}
  .nav-right a,.nav-right button{white-space:nowrap}
  .nav-bubble{display:flex;align-items:center;border:1px solid rgba(248,243,237,.2);border-radius:999px;overflow:hidden}
  .nav-bubble a{padding:10px 18px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(248,243,237,.78);transition:all .16s;display:inline-flex;align-items:center;gap:6px}
  .nav-bubble a:hover{background:rgba(166,111,83,.16);color:var(--terra)}
  .nav-bubble .sep{width:1px;align-self:stretch;background:rgba(248,243,237,.2)}

  /* utilities */
  .container{max-width:1440px;margin:0 auto;padding:0 40px}
  .rule{height:1px;background:currentColor;opacity:.15}
  .divider{width:40px;height:1px;background:var(--terra)}

  /* responsive hero + two-col grids */
  .two-col{display:grid;gap:80px;align-items:center}
  .two-col.hero{grid-template-columns:1.3fr 1fr}
  .two-col.balanced{grid-template-columns:1fr 1fr}
  .two-col.wide-right{grid-template-columns:1fr 1.2fr}
  .two-col.wide-right-2{grid-template-columns:1fr 1.3fr}
  .two-col.wide-left{grid-template-columns:1.3fr 1fr}
  @media (max-width: 1100px){
    .two-col, .two-col.hero, .two-col.balanced, .two-col.wide-right, .two-col.wide-right-2, .two-col.wide-left{
      grid-template-columns:1fr !important; gap:48px;
    }
  }

  /* placeholder imagery */
  .ph{position:relative;overflow:hidden;background:
    repeating-linear-gradient(135deg,rgba(27,21,15,.07) 0 2px,transparent 2px 14px),
    linear-gradient(180deg,var(--sand),#c9b896);
    color:rgba(27,21,15,.55);font-family:var(--mono);font-size:9px;
    letter-spacing:.1em;text-transform:uppercase;
    display:flex;align-items:flex-end;padding:14px}
  .ph.dark{background:
    repeating-linear-gradient(135deg,rgba(248,243,237,.06) 0 2px,transparent 2px 14px),
    linear-gradient(180deg,#1b150f,#0d0b09);
    color:rgba(248,243,237,.45)}
  .ph.crimson{background:
    repeating-linear-gradient(135deg,rgba(0,0,0,.12) 0 2px,transparent 2px 14px),
    linear-gradient(180deg,#7a0020,#4a0012);
    color:rgba(248,243,237,.55)}
  .ph.portrait{aspect-ratio:3/4}
  .ph.square{aspect-ratio:1/1}
  .ph.wide{aspect-ratio:16/9}

  /* animations */
  @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
  @keyframes tickerSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .reveal{opacity:1;animation:fadeUp .9s cubic-bezier(.2,.7,.3,1) both}
  @keyframes nlFade{from{opacity:0}to{opacity:1}}
  @keyframes nlPop{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes nlSlide{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
  @media (max-width: 860px){
    .choose-split{flex-direction:column !important}
    .choose-split button{min-height:auto !important;flex:none !important}
  }
  @media (max-width: 620px){
    .nl-card{grid-template-columns:1fr !important}
    .nl-card-side{display:none !important}
  }

  /* page switcher */
  .page-tabs{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;
    background:var(--black);color:var(--ivory);padding:10px 14px;border-radius:999px;
    box-shadow:0 18px 48px rgba(0,0,0,.35);display:flex;gap:4px;border:1px solid rgba(248,243,237,.12)}
  .page-tabs button{padding:8px 16px;border-radius:999px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(248,243,237,.72);transition:all .18s;font-weight:400}
  .page-tabs button:hover{color:var(--ivory)}
  .page-tabs button.on{background:var(--terra);color:var(--black)}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:10px;letter-spacing:.38em;text-transform:uppercase;font-weight:400;transition:all .18s;cursor:pointer}
  .btn-primary{background:var(--terra);color:var(--ivory)}
  .btn-primary:hover{background:var(--crimson)}
  .btn-ghost{border:1px solid currentColor;color:var(--ivory)}
  .btn-ghost:hover{background:var(--ivory);color:var(--black)}
  .btn-ink{border:1px solid var(--ink);color:var(--ink)}
  .btn-ink:hover{background:var(--ink);color:var(--ivory)}

  /* the commissary — boutique store */
  .commissary-bar{position:sticky;top:70px;z-index:40;background:var(--ivory);border-bottom:1px solid rgba(27,21,15,.12)}
  .commissary-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px}
  .commissary-brand{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
  .commissary-filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
  .commissary-pill{font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:rgba(27,21,15,.55);background:none;border:none;padding:8px 6px;cursor:pointer;transition:color .16s;position:relative;white-space:nowrap}
  .commissary-pill:hover{color:var(--ink)}
  .commissary-pill.active{color:var(--crimson)}
  .commissary-pill.active::after{content:'';position:absolute;left:6px;right:6px;bottom:0;height:1.5px;background:var(--crimson)}
  .commissary-cart{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--ink);background:none;border:1px solid rgba(27,21,15,.3);padding:10px 16px;cursor:pointer;transition:all .16s;flex-shrink:0}
  .commissary-cart:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
  .commissary-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--crimson);color:var(--ivory);border-radius:999px;font-size:10px;letter-spacing:0;font-weight:600}
  .commissary-cart:hover .commissary-cart-count{background:var(--sand);color:var(--ink)}

  .boutique-hero{position:relative;height:min(62vh,560px);min-height:400px;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
  .boutique-hero image-slot{position:absolute;inset:0;width:100%;height:100%}
  .boutique-hero-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(27,21,15,.78) 0%,rgba(27,21,15,.32) 45%,rgba(27,21,15,.12) 100%);pointer-events:none}
  .boutique-hero-copy{position:relative;padding-bottom:56px;pointer-events:none}
  .commissary-announce{background:var(--black)}

  .boutique-feature{display:flex;gap:0;border:1px solid rgba(27,21,15,.14);overflow:hidden}
  .boutique-feature-art{flex:1;min-height:340px;background:var(--ink);display:flex;flex-direction:column;padding:34px 36px;position:relative;overflow:hidden}
  .boutique-feature-copy{flex:1.1;padding:48px;display:flex;flex-direction:column;justify-content:center;background:var(--sand)}

  .boutique-shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid rgba(27,21,15,.14);flex-wrap:wrap}
  .boutique-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 28px}
  .boutique-card{display:flex;flex-direction:column}
  .boutique-media{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--sand)}
  .boutique-cover{width:100%;height:100%;display:flex;flex-direction:column;padding:26px 26px 28px;position:relative;overflow:hidden}
  .boutique-cover-glyph{position:absolute;right:-24px;bottom:-72px;font-family:var(--serif);font-style:italic;font-size:220px;line-height:1;pointer-events:none}
  .boutique-badge{position:absolute;top:14px;left:14px;z-index:3;background:var(--ivory);color:var(--crimson);font-family:var(--sans);font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding:6px 11px}
  .boutique-add{position:absolute;left:0;right:0;bottom:0;z-index:3;transform:translateY(100%);transition:transform .24s cubic-bezier(.4,0,.2,1);background:var(--ink);color:var(--ivory);border:none;padding:15px;font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;cursor:pointer}
  .boutique-add:hover{background:var(--crimson)}
  .boutique-card:hover .boutique-add{transform:translateY(0)}
  .boutique-cap{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-top:16px}
  .boutique-cap > div:first-child{min-width:0}
  .boutique-name{font-family:var(--serif);font-size:16px;color:var(--ink);line-height:1.25}
  .boutique-tag{font-family:var(--sans);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--terra);font-weight:500;margin-top:7px}
  .boutique-price{font-family:var(--serif);font-size:18px;color:var(--ink);white-space:nowrap;flex-shrink:0}
  .boutique-soon{font-family:var(--sans);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(27,21,15,.4);font-weight:500}
  .boutique-btn{font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--ivory);background:var(--ink);border:none;padding:14px 24px;cursor:pointer;transition:background .18s}
  .boutique-btn:hover{background:var(--crimson)}

  .supply-checkout-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ivory);background:var(--ink);padding:13px 16px;text-decoration:none;transition:background .16s}
  .supply-checkout-row:hover{background:var(--crimson)}
  @media (max-width:1000px){.boutique-grid{grid-template-columns:repeat(3,1fr)}.boutique-feature{flex-direction:column}.boutique-feature-art{min-height:240px}}
  @media (max-width:820px){.commissary-brand{display:none}.boutique-add{transform:translateY(0)}}
  @media (max-width:640px){.boutique-grid{grid-template-columns:repeat(2,1fr);gap:30px 18px}}

  /* academy countdown banner */
  .academy-banner-btn{transition:background .2s}
  .academy-banner-btn:hover{background:#520014}
  .academy-banner-cta span[aria-hidden]{transition:transform .18s}
  .academy-banner-btn:hover .academy-banner-cta{background:var(--ivory)}
  .academy-banner-btn:hover .academy-banner-cta span[aria-hidden]{transform:translateX(4px)}

  /* Nav: keep the row from overflowing on tablet / small-laptop widths */
  @media (max-width: 1320px){
    .nav-links{gap:18px !important}
    .nav-links a{letter-spacing:.18em !important;font-size:10px !important}
    .nav-cta{padding:9px 16px !important;letter-spacing:.22em !important}
    .nav-right{gap:12px !important}
  }
  @media (max-width: 1180px){
    .nav-links{gap:14px !important}
    .nav-links a{letter-spacing:.1em !important;font-size:10px !important}
    .nav-bubble{display:none !important}
    .nav-right{gap:10px !important}
    .nav-cta{padding:8px 12px !important;font-size:9px !important;letter-spacing:.16em !important}
  }
  @media (max-width: 940px){
    .nav-links{gap:10px !important}
    .nav-links a{letter-spacing:.08em !important;font-size:9px !important}
  }

  /* Tablet: 4-col → 2-col, 5-col → 3-col */
  @media (max-width: 1024px){
    [style*="repeat(5,1fr)"], [style*="repeat(5, 1fr)"]{ grid-template-columns:repeat(3, 1fr) !important }
    [style*="repeat(4,1fr)"], [style*="repeat(4, 1fr)"]{ grid-template-columns:repeat(2, 1fr) !important }
    .container{padding:0 28px}
    .nav-inner{padding:18px 28px}
  }
  /* Phone */
  @media (max-width: 768px){
    .container{padding:0 20px !important}
    .nav-inner{padding:14px 20px !important; gap:14px !important}
    .academy-banner{gap:14px !important; padding:12px 20px !important}
    .profile-grid{gap:36px !important}
    .profile-aside{position:static !important; top:auto !important}
    .profile-embed{height:2400px !important}
    .academy-modules{grid-template-columns:1fr !important}
    .academy-modules > div{border-left:none !important}
    .nav-links{display:none !important}
    .nav-bubble{display:none !important}
    .nav-right{gap:0 !important}
    .nav-cta{padding:9px 14px !important; font-size:9px !important; letter-spacing:.3em !important}
    .nav-inner > div:first-child img{width:26px !important; height:26px !important}
    .nav-inner > div:first-child > div{font-size:15px !important}
    [style*="grid-template-columns"]{ grid-template-columns:1fr !important; gap:28px !important }
    [style*="grid-template-columns: 80px"], [style*="grid-template-columns: 80px"],
    [style*="grid-template-columns: 60px"], [style*="grid-template-columns: 60px"],
    [style*="grid-template-columns: 56px"], [style*="grid-template-columns: 56px"]{ grid-template-columns:48px 1fr !important; gap:16px !important }
    [style*="font-size: 128"], [style*="font-size: 132"], [style*="font-size: 112"]{ font-size:48px !important; line-height:1 !important; letter-spacing:-0.01em !important }
    [style*="font-size: 96"], [style*="font-size: 88"]{ font-size:42px !important; line-height:1.05 !important }
    [style*="font-size: 76"], [style*="font-size: 72"], [style*="font-size: 68"], [style*="font-size: 64"], [style*="font-size: 62"], [style*="font-size: 60"]{ font-size:36px !important; line-height:1.08 !important }
    [style*="font-size: 58"], [style*="font-size: 56"], [style*="font-size: 54"], [style*="font-size: 52"], [style*="font-size: 48"], [style*="font-size: 46"]{ font-size:28px !important; line-height:1.15 !important }
    [style*="font-size: 44"], [style*="font-size: 42"], [style*="font-size: 38"], [style*="font-size: 36"], [style*="font-size: 34"]{ font-size:24px !important; line-height:1.2 !important }
    [style*="font-size: 32"], [style*="font-size: 30"], [style*="font-size: 28"], [style*="font-size: 26"]{ font-size:20px !important; line-height:1.25 !important }
    [style*="font-size: 22"]{ font-size:16px !important }
    [style*="font-size: 480"], [style*="font-size: 420"], [style*="font-size: 380"], [style*="font-size: 360"], [style*="font-size: 340"], [style*="font-size: 320"], [style*="font-size: 280"], [style*="font-size: 240"]{ font-size:160px !important; opacity:0.06 !important }
    section[style*="padding: 140px 0"], section[style*="padding: 140px 0"],
    section[style*="padding: 120px 0"], section[style*="padding: 120px 0"],
    section[style*="padding: 100px 0"], section[style*="padding: 100px 0"]{ padding-top:60px !important; padding-bottom:60px !important }
    section .container[style*="padding: 100px 40px"], section .container[style*="padding: 100px 40px"]{ padding:48px 20px 64px !important }
    section[style*="padding: 100px 0 80px"]{ padding:48px 0 40px !important }
    section[style*="padding: 80px 0 120px"]{ padding:40px 0 60px !important }
    [style*="position: absolute"][style*="left: -30"],
    [style*="position: absolute"][style*="left: -30"],
    [style*="position: absolute"][style*="bottom: -30"],
    [style*="position: absolute"][style*="bottom: -30"]{ position:static !important; left:auto !important; bottom:auto !important; width:auto !important; height:auto !important; margin-top:18px !important; min-height:140px }
    .page-tabs{ bottom:12px !important; max-width:calc(100vw - 16px) !important; overflow-x:auto !important; scrollbar-width:none; padding:6px 8px !important }
    .page-tabs::-webkit-scrollbar{display:none}
    .page-tabs button{ padding:7px 12px !important; font-size:9px !important; letter-spacing:.22em !important; flex-shrink:0 }
    .btn{padding:12px 20px !important; font-size:9px !important; letter-spacing:.3em !important}
    input, textarea, select{font-size:16px !important}
    [style*="animation: tickerSlide"]{ animation-duration:90s !important }
  }
  @media (max-width: 380px){
    .container{padding:0 16px !important}
    .nav-inner{padding:14px 16px !important}
    [style*="font-size: 128"], [style*="font-size: 132"], [style*="font-size: 112"]{ font-size:40px !important }
    .nav-inner > div:first-child > div{font-size:13px !important}
  }