:root{
    --bg:#0B0A14; --bg-2:#100E1C; --gold:#D8B77E;
    --text:#ECEAF2; --text-2:#A6A1B8; --text-3:#6B6680;
    --line:#221F30; --card:#131119;
    --sans:'Space Grotesk',sans-serif; --serif:'Cormorant Garamond',serif;
  }


  body{background:#05070E;}
  body.mode-cosmos{overflow:hidden;height:100vh;}
  #view-cosmos{display:none;}
  #view-cosmos:focus{outline:none;}
  body.mode-cosmos #view-cosmos{display:block;}
  section.world{display:none;background:var(--bg);min-height:100vh;}
  section.world.active{display:block;animation:worldIn .9s ease;}
  section.world .hero h1:focus{outline:none;}
  @keyframes worldIn{from{opacity:0;}to{opacity:1;}}
  @media(prefers-reduced-motion:reduce){ section.world.active{animation:none;} }
  .back{background:none;border:none;cursor:pointer;font-family:var(--sans);}
  .sr-live{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

  .fitmeter{position:fixed;bottom:28px;left:36px;z-index:5;font-size:10px;letter-spacing:2px;
    text-transform:uppercase;color:#6E6450;opacity:0;animation:in 2s ease 2.6s forwards;transition:color .8s ease;}
  .fitmeter.lit{color:#D8B77E;}
  body:not(.mode-cosmos) .fitmeter{display:none;}

  .kbw{position:fixed;top:0;left:0;width:52px;height:52px;border-radius:50%;background:transparent;
    border:none;padding:0;z-index:7;cursor:pointer;}
  .kbw:focus-visible{outline:none;box-shadow:0 0 0 2px #D8B77E, 0 0 18px rgba(216,183,126,0.6);}
  body:not(.mode-cosmos) .kbw{display:none;}

  #heartBtn{position:fixed;transform:translate(-50%,-50%);border-radius:50%;background:transparent;
    border:none;padding:0;z-index:6;cursor:pointer;}
  #heartBtn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(216,183,126,0.9);}
  body:not(.mode-cosmos) #heartBtn{display:none;}

  .about-link{position:fixed;top:calc(50% + 58px);left:50%;transform:translateX(-50%);z-index:4;
    font-family:var(--serif);font-style:italic;font-size:13px;letter-spacing:0.3px;color:#8A7A54;
    background:none;border:none;cursor:pointer;padding:6px 10px;opacity:0;
    animation:in 2s ease 3s forwards;transition:color .2s ease;}
  .about-link:hover, .about-link:focus-visible{color:#D8B77E;outline:none;}
  body:not(.mode-cosmos) .about-link{display:none;}
  @media(max-width:640px){ .about-link{top:calc(50% + 74px);} }

  /* THE INDEX: a still list of every destination. No chasing required. */
  #idxTrigger{position:fixed;bottom:26px;right:34px;z-index:50;width:46px;height:46px;border-radius:50%;
    border:1px solid #35405E;background:rgba(10,14,26,0.6);backdrop-filter:blur(8px);cursor:pointer;
    display:flex;align-items:center;justify-content:center;animation:idxPulse 3.6s ease-in-out infinite;}
  #idxTrigger:hover{border-color:#D8B77E;}
  #idxTrigger:focus-visible{outline:2px solid #D8B77E;outline-offset:3px;}
  #idxTrigger .idx-glyph{display:flex;flex-wrap:wrap;width:16px;height:16px;gap:2px;}
  #idxTrigger .idx-glyph span{width:6px;height:6px;border-radius:50%;background:#9AA4C4;transition:background .3s ease;}
  #idxTrigger.open .idx-glyph span, #idxTrigger:hover .idx-glyph span{background:#D8B77E;}
  @keyframes idxPulse{0%,100%{box-shadow:0 0 0 rgba(216,183,126,0);}50%{box-shadow:0 0 16px rgba(216,183,126,0.45);}}
  @media(prefers-reduced-motion:reduce){ #idxTrigger{animation:none;opacity:0.75;} }

  #idxMenu{position:fixed;bottom:82px;right:34px;z-index:50;background:#12101B;border:1px solid var(--line);
    border-radius:16px;padding:10px;min-width:240px;box-shadow:0 20px 60px rgba(0,0,0,0.55);
    max-height:70vh;overflow-y:auto;}
  .idx-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 14px;
    border-radius:11px;font-size:14px;color:var(--text-2);transition:background .18s ease,transform .18s ease,color .18s ease;}
  .idx-row:hover, .idx-row:focus-visible{background:#1C1929;color:#F0ECE0;transform:translateX(3px);outline:none;}
  .idx-row:focus-visible{box-shadow:inset 0 0 0 1px #D8B77E;}
  .idx-row.cur{color:#F0ECE0;}
  .idx-swatch{width:11px;height:11px;border-radius:50%;background:var(--c);flex-shrink:0;transition:box-shadow .18s ease;}
  .idx-swatch.gold{background:#D8B77E;}
  .idx-row:hover .idx-swatch, .idx-row.cur .idx-swatch{box-shadow:0 0 9px var(--c,#D8B77E);}
  .idx-div{border-top:1px solid var(--line);margin:6px 4px;}
  @media(max-width:640px){ #idxTrigger{right:18px;bottom:18px;} #idxMenu{right:16px;bottom:76px;min-width:210px;} }

  /* the wordmark now explains itself, on hover or keyboard focus */
  .wordmark, .brandmark{position:relative;cursor:help;}
  .r2-tip{position:absolute;top:calc(100% + 12px);left:0;width:264px;padding:14px 16px;
    background:#12101B;border:1px solid var(--line);border-radius:12px;font-family:var(--sans);
    font-style:normal;font-size:12px;line-height:1.6;color:#B8B2C8;letter-spacing:0.1px;
    opacity:0;pointer-events:none;transform:translateY(-4px);
    transition:opacity .2s ease,transform .2s ease;box-shadow:0 16px 40px rgba(0,0,0,0.5);z-index:30;}
  .wordmark:hover .r2-tip, .wordmark:focus-visible .r2-tip,
  .brandmark:hover .r2-tip, .brandmark:focus-visible .r2-tip{opacity:1;transform:translateY(0);pointer-events:auto;}
  .r2-tip b{color:#D8B77E;font-weight:500;}
  @media(max-width:640px){ .r2-tip{width:210px;font-size:11.5px;} }

  /* social: quiet line-art marks, never the loud versions */
  .social-row{display:flex;gap:10px;justify-content:center;margin-top:18px;}
  .soc{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;
    align-items:center;justify-content:center;color:var(--text-3);transition:all .2s ease;position:relative;}
  .soc:hover, .soc:focus-visible{border-color:var(--acc-deep,#D8B77E);color:var(--acc-soft,#D8B77E);outline:none;transform:translateY(-2px);}
  .soc svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;}
  .soc .soc-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
    font-size:10px;letter-spacing:0.5px;color:var(--text-3);background:#12101B;border:1px solid var(--line);
    padding:4px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease;}
  .soc:hover .soc-tip, .soc:focus-visible .soc-tip{opacity:1;}

  #sndMenu{position:fixed;top:64px;right:36px;z-index:60;background:#12101B;border:1px solid var(--line);
    border-radius:14px;padding:8px;min-width:192px;box-shadow:0 18px 50px rgba(0,0,0,0.5);}
  .snd-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;
    border-radius:9px;font-size:13px;color:var(--text-2);}
  .snd-item:hover{background:#1A1726;color:var(--text);}
  .snd-item:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;}
  .snd-dot{width:8px;height:8px;border-radius:50%;background:#3A3550;flex-shrink:0;}
  .snd-item.cur{color:#EDE7DB;}
  .snd-item.cur .snd-dot{background:#D8B77E;box-shadow:0 0 8px rgba(216,183,126,0.8);}
  .aum-row{display:none;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);
    margin-top:6px;font-size:11px;color:var(--text-3);}
  .aum-row input{flex:1;accent-color:#D8B77E;min-width:0;}
  .snd-note{font-size:10px;color:var(--text-3);padding:8px 12px 4px;line-height:1.5;}
  @media(max-width:640px){ #sndMenu{right:16px;} }


  #sky{position:fixed;inset:0;display:block;z-index:1;}
  .vignette{position:fixed;inset:0;z-index:2;pointer-events:none;
    background:radial-gradient(ellipse 120% 100% at 50% 42%, rgba(5,7,14,0) 40%, rgba(5,7,14,0.55) 78%, rgba(5,7,14,0.92) 100%);}
  .wordmark{position:fixed;top:26px;left:40px;z-index:5;font-family:var(--serif);
    font-size:22px;letter-spacing:0.5px;opacity:0;animation:in 2s ease 0.4s forwards;color:#EAE6DE;}
  .wordmark sup{font-size:12px;color:#D8B77E;font-family:var(--sans);}
  .sound-toggle{position:fixed;top:24px;right:36px;z-index:6;display:flex;align-items:center;gap:9px;
    padding:8px 15px;border:1px solid #2A3350;border-radius:22px;background:rgba(10,14,26,0.5);
    backdrop-filter:blur(8px);cursor:pointer;opacity:0;animation:in 2s ease 1s forwards;transition:border-color .25s ease;}
  .sound-toggle:hover{border-color:#4A5578;}
  .sound-toggle:focus-visible{outline:2px solid #D8B77E;outline-offset:3px;}
  .sound-toggle .wave{display:flex;align-items:center;gap:2px;height:14px;}
  .sound-toggle .wave span{width:2px;background:#8A93A6;border-radius:1px;height:4px;transition:background .25s ease;}
  .sound-toggle.on .wave span{background:#D8B77E;animation:eq 1.1s ease-in-out infinite;}
  .sound-toggle .wave span:nth-child(1){animation-delay:0s;}
  .sound-toggle .wave span:nth-child(2){animation-delay:.2s;}
  .sound-toggle .wave span:nth-child(3){animation-delay:.4s;}
  .sound-toggle .wave span:nth-child(4){animation-delay:.15s;}
  .sound-toggle .stxt{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8A93A6;transition:color .25s ease;}
  .sound-toggle.on .stxt{color:#C9BFA6;}
  @keyframes eq{0%,100%{height:4px;}50%{height:13px;}}
  .enter-hint{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:5;
    font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#5E6A82;opacity:0;
    animation:in 2.4s ease 3.4s forwards, drifto 4s ease-in-out 5s infinite;text-align:center;}
  .purpose-line{position:fixed;bottom:52px;left:50%;transform:translateX(-50%);z-index:5;
    font-size:10px;letter-spacing:1px;color:#6E7690;opacity:0;text-align:center;width:90%;max-width:520px;
    animation:in 2.4s ease 2.8s forwards;}
  .purpose-line b{color:#93A0C4;font-weight:500;}
  @media(max-width:640px){ .purpose-line{bottom:60px;font-size:9.5px;} .enter-hint{bottom:22px;} }
  .center-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;
    text-align:center;pointer-events:none;width:90%;max-width:640px;}
  .thesis-line{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#7C7060;
    opacity:0;animation:in 2s ease 2.2s forwards;}
  .cosmos-poem{font-family:var(--serif);font-style:italic;font-size:25px;
    color:#B9AE9C;line-height:1.5;min-height:38px;transition:opacity 2.4s ease;margin-top:14px;}
  .world-label{position:fixed;z-index:6;pointer-events:none;text-align:center;
    opacity:0;transition:opacity .5s ease;transform:translate(-50%,0);}
  .world-label .wl-chakra{font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;}
  .world-label .wl-name{font-family:var(--serif);font-size:19px;color:#EDE7DB;letter-spacing:0.3px;}
  .world-label .wl-essence{font-size:11px;color:#8A93A6;letter-spacing:0.4px;margin-top:4px;line-height:1.4;max-width:210px;}
  .world-label.show{opacity:1;}
  @keyframes in{to{opacity:1;}}
  @keyframes drifto{0%,100%{opacity:0.55;}50%{opacity:1;}}
  @media(prefers-reduced-motion:reduce){
    .enter-hint{animation:in 2.4s ease 0.5s forwards;}
    .sound-toggle.on .wave span{animation:none;height:9px;}
  }
  @media(max-width:640px){
    .wordmark{top:20px;left:20px;font-size:19px;}
    .sound-toggle{top:18px;right:18px;}
    .cosmos-poem{font-size:20px;}
    .fitmeter{left:18px;bottom:64px;}
  }


  
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  a{color:inherit;text-decoration:none;}
  button{font-family:var(--sans);cursor:pointer;border:none;background:none;color:inherit;}
  .skip{position:absolute;left:-9999px;}
  .skip:focus{left:12px;top:12px;z-index:100;background:var(--acc);color:var(--acc-ink);padding:10px 16px;font-size:12px;}
  nav.top{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;
    padding:18px 40px;background:rgba(11,10,20,0.8);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
  .back{font-size:11px;letter-spacing:1px;color:var(--text-2);display:flex;align-items:center;gap:8px;transition:color .2s ease;}
  .back:hover{color:var(--text);}
  .brandmark{font-family:var(--serif);font-size:17px;letter-spacing:0.3px;}
  .brandmark sup{font-size:10px;color:var(--gold);font-family:var(--sans);}
  .tone-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);
    border-radius:20px;background:rgba(19,17,25,0.6);cursor:pointer;transition:border-color .25s ease;}
  .tone-btn:hover{border-color:var(--acc-deep);}
  .tone-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
  .tone-btn .cs-wave{display:flex;align-items:center;gap:2px;height:13px;}
  .tone-btn .cs-wave span{width:2px;background:var(--text-3);border-radius:1px;height:4px;transition:background .25s ease;}
  .tone-btn.on .cs-wave span{background:var(--acc);animation:cseq 1.1s ease-in-out infinite;}
  .tone-btn .cs-wave span:nth-child(1){animation-delay:0s;}
  .tone-btn .cs-wave span:nth-child(2){animation-delay:.2s;}
  .tone-btn .cs-wave span:nth-child(3){animation-delay:.4s;}
  .tone-btn .cs-wave span:nth-child(4){animation-delay:.15s;}
  .tone-btn .cs-txt{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);transition:color .25s ease;}
  .tone-btn.on .cs-txt{color:var(--acc-soft);}
  @keyframes cseq{0%,100%{height:4px;}50%{height:12px;}}
  .hero{position:relative;overflow:hidden;padding:110px 40px 90px;text-align:center;}
  .haze{position:absolute;inset:0;z-index:0;}
  .hero-in{position:relative;z-index:2;max-width:720px;margin:0 auto;}
  .hero .eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--acc);margin-bottom:26px;
    opacity:0;animation:up 1.4s ease .2s forwards;}
  .hero h1{font-family:var(--serif);font-size:56px;font-weight:400;line-height:1.12;letter-spacing:-0.5px;margin-bottom:26px;
    opacity:0;animation:up 1.4s ease .4s forwards;}
  .hero h1 em{font-style:italic;color:var(--acc-soft);}
  .hero p{font-size:17px;font-weight:300;color:var(--text-2);line-height:1.75;max-width:520px;margin:0 auto;
    opacity:0;animation:up 1.4s ease .6s forwards;}
  @keyframes up{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}
  .section{padding:64px 40px;max-width:1080px;margin:0 auto;}
  .section-head{margin-bottom:40px;}
  .section-head .s-eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--acc);margin-bottom:14px;}
  .section-head h2{font-family:var(--serif);font-size:34px;font-weight:400;letter-spacing:-0.3px;}
  .section-head p{font-size:15px;font-weight:300;color:var(--text-2);line-height:1.7;max-width:600px;margin-top:14px;}
  .divider{border-top:1px solid var(--line);max-width:1080px;margin:0 auto;}
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
  .course{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;transition:border-color .25s ease, transform .25s ease;}
  .course:hover{border-color:var(--acc-deep);transform:translateY(-3px);}
  .course .c-tag{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);margin-bottom:14px;}
  .course h3{font-family:var(--serif);font-size:23px;font-weight:400;margin-bottom:10px;line-height:1.25;}
  .course p{font-size:13px;font-weight:300;color:var(--text-2);line-height:1.65;margin-bottom:20px;}
  .course .c-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-3);}
  .course .c-link{color:var(--acc-soft);font-size:12px;letter-spacing:0.5px;background:none;border:none;cursor:pointer;font-family:var(--sans);}
  .course .c-more{display:none;font-size:13px;font-weight:300;color:var(--text-2);line-height:1.65;border-top:1px solid var(--line);
    margin-top:16px;padding-top:16px;}
  .course.open .c-more{display:block;}
  .offer-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
  .offer{background:var(--card);padding:26px 22px;}
  .offer .o-icon{color:var(--acc);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;}
  .offer h4{font-family:var(--serif);font-size:19px;font-weight:400;margin-bottom:8px;}
  .offer p{font-size:12px;font-weight:300;color:var(--text-2);line-height:1.6;}
  .ideas-wrap{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:34px;}
  .idea-input{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px;
    color:var(--text);font-family:var(--sans);font-size:14px;resize:vertical;min-height:90px;line-height:1.6;}
  .idea-input:focus{outline:none;border-color:var(--acc-deep);}
  .idea-input::placeholder{color:var(--text-3);}
  .idea-row{display:flex;gap:12px;margin-top:14px;align-items:center;flex-wrap:wrap;}
  .idea-name{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:11px 14px;
    color:var(--text);font-family:var(--sans);font-size:13px;width:200px;}
  .idea-name:focus{outline:none;border-color:var(--acc-deep);}
  .idea-submit{background:var(--acc);color:var(--acc-ink);padding:11px 22px;border-radius:10px;font-size:13px;font-weight:500;
    letter-spacing:0.3px;transition:filter .2s ease;}
  .idea-submit:hover{filter:brightness(1.12);}
  .idea-list{margin-top:28px;display:flex;flex-direction:column;gap:16px;}
  .idea{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:18px 20px;}
  .idea .i-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
  .idea .i-name{font-size:13px;color:var(--acc-soft);font-weight:500;}
  .idea .i-time{font-size:11px;color:var(--text-3);}
  .idea .i-body{font-size:14px;font-weight:300;color:var(--text-2);line-height:1.6;}
  .sub-wrap{background:linear-gradient(160deg,#141119 0%,#100D16 100%);border:1px solid var(--line);
    border-radius:22px;padding:44px;text-align:center;}
  .sub-wrap .s-eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--acc);margin-bottom:16px;}
  .sub-wrap h2{font-family:var(--serif);font-size:34px;font-weight:400;margin-bottom:14px;}
  .sub-wrap .s-intro{font-size:15px;font-weight:300;color:var(--text-2);line-height:1.7;max-width:520px;margin:0 auto 36px;}
  .tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-width:820px;margin:0 auto 28px;text-align:left;}
  .tier{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;transition:border-color .25s ease;position:relative;}
  .tier:hover{border-color:var(--acc-deep);}
  .tier.featured{border-color:var(--acc);}
  .tier .t-badge{position:absolute;top:-10px;right:20px;background:var(--acc);color:var(--acc-ink);font-size:10px;
    letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:12px;}
  .tier .t-name{font-family:var(--serif);font-size:21px;margin-bottom:6px;}
  .tier .t-price{font-size:14px;color:var(--acc-soft);margin-bottom:18px;}
  .tier .t-price span{font-size:12px;color:var(--text-3);}
  .tier ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
  .tier li{font-size:13px;font-weight:300;color:var(--text-2);line-height:1.5;padding-left:20px;position:relative;}
  .tier li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--acc-deep);}
  .tier .t-btn{width:100%;background:var(--bg-2);border:1px solid var(--acc-deep);color:var(--acc-soft);
    padding:12px;border-radius:10px;font-size:13px;letter-spacing:0.5px;transition:all .2s ease;}
  .tier .t-btn:hover{background:var(--acc);color:var(--acc-ink);border-color:var(--acc);}
  .tier.featured .t-btn{background:var(--acc);color:var(--acc-ink);border-color:var(--acc);}
  .sub-foot{font-size:12px;color:var(--text-3);line-height:1.6;max-width:540px;margin:0 auto;}
  footer{border-top:1px solid var(--line);padding:40px;text-align:center;margin-top:40px;}
  .foot-brand{font-family:var(--serif);font-size:16px;margin-bottom:12px;}
  .foot-brand sup{font-size:10px;color:var(--gold);font-family:var(--sans);}
  .foot-legal{font-size:11px;color:var(--text-3);line-height:1.7;}
  @media(max-width:720px){
    nav.top{padding:14px 20px;}
    .hero{padding:80px 20px 64px;}
    .hero h1{font-size:38px;}
    .section{padding:48px 20px;}
    .sub-wrap{padding:32px 22px;}
    .idea-name{width:100%;}
  }
  @media(prefers-reduced-motion:reduce){
    .hero .eyebrow,.hero h1,.hero p{animation:up 0.6s ease forwards;}
    .tone-btn.on .cs-wave span{animation:none;height:9px;}
  }

#view-consulting{--acc:#E8433D;--acc-soft:#F07A75;--acc-deep:#A8322E;--acc-ink:#2A0F0E;}
#view-arts{--acc:#F5811F;--acc-soft:#F9A55C;--acc-deep:#B25E14;--acc-ink:#2A1503;}
#view-product{--acc:#F2C10E;--acc-soft:#F7D558;--acc-deep:#B08C09;--acc-ink:#2A2102;}
#view-social{--acc:#35B84C;--acc-soft:#6FD481;--acc-deep:#26853A;--acc-ink:#06230D;}
#view-education{--acc:#1F9BE0;--acc-soft:#62BCEC;--acc-deep:#16719F;--acc-ink:#041C2A;}
#view-thought{--acc:#5A55D8;--acc-soft:#8D89E8;--acc-deep:#423EA0;--acc-ink:#12102E;}
#view-wellbeing{--acc:#A45AE8;--acc-soft:#C08BF0;--acc-deep:#7A3FB5;--acc-ink:#1D0A2E;}
#view-about{--acc:#D8B77E;--acc-soft:#E8CFA0;--acc-deep:#A9895A;--acc-ink:#241C0E;}
#view-contact{--acc:#D8B77E;--acc-soft:#E8CFA0;--acc-deep:#A9895A;--acc-ink:#241C0E;}

  /* per-world structural signatures */
  #view-education .course{border-left:5px solid var(--acc);border-radius:6px 16px 16px 6px;}
  #view-education .course .c-tag{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:0.5px;font-size:13px;}
  #view-product .course{border-top:3px solid var(--acc);}
  #view-product .c-tag{background:rgba(242,193,14,0.10);display:inline-block;padding:4px 10px;border-radius:12px;}
  #view-social .kindness-line{position:relative;overflow:hidden;}
  #view-social .kindness-line::before{content:'';position:absolute;inset:-40%;pointer-events:none;
    background:repeating-radial-gradient(circle at 12% 50%, rgba(53,184,76,0.09) 0 2px, transparent 2px 46px);}
  .foot-sig{font-family:var(--serif);font-style:italic;color:var(--acc-soft);font-size:15px;margin-bottom:12px;}


  .strath{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:48px 44px;text-align:center;max-width:720px;margin:0 auto;}
  .strath .st-mark{font-family:var(--serif);font-size:34px;letter-spacing:0.5px;margin-bottom:14px;}
  .strath p{font-size:15px;font-weight:300;color:var(--text-2);line-height:1.75;max-width:520px;margin:0 auto 28px;}
  .st-btn{display:inline-block;background:var(--acc);color:#FBEDEC;padding:14px 34px;border-radius:12px;font-size:14px;
    letter-spacing:0.5px;transition:filter .2s ease;}
  .st-btn:hover{filter:brightness(1.12);}
  .st-note{font-size:11px;color:var(--text-3);margin-top:18px;line-height:1.6;}
  .intro-line{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--acc-soft);margin-top:26px;}


  .poem-stage{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:48px 40px;text-align:center;position:relative;overflow:hidden;}
  .poem-body{font-family:var(--serif);font-size:26px;font-style:italic;font-weight:300;line-height:1.7;max-width:560px;margin:0 auto 18px;
    transition:opacity .8s ease;white-space:pre-line;}
  .poem-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin-bottom:24px;}
  .poem-nav{display:flex;justify-content:center;gap:14px;margin-top:24px;}
  .poem-nav button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--text-2);font-size:15px;transition:all .2s ease;}
  .poem-nav button:hover{border-color:var(--acc);color:var(--acc-soft);}
  .poem-nav button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
  .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
  .art-tile{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .25s ease,transform .25s ease;}
  .art-tile:hover{border-color:var(--acc-deep);transform:translateY(-3px);}
  .art-tile canvas{width:100%;height:180px;display:block;}
  .art-meta{padding:14px 18px;}
  .art-meta .a-title{font-family:var(--serif);font-size:17px;}
  .art-meta .a-sub{font-size:11px;color:var(--text-3);margin-top:4px;}
  .tracklist{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;}
  .track{display:flex;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid var(--line);transition:background .2s ease;}
  .track:last-child{border-bottom:none;}
  .track:hover{background:var(--bg-2);}
  .track .tk-play{width:38px;height:38px;border-radius:50%;border:1px solid var(--acc-deep);color:var(--acc-soft);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;transition:all .2s ease;}
  .track.playing .tk-play{background:var(--acc);color:var(--acc-ink);border-color:var(--acc);}
  .track .tk-play:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
  .track .tk-body{flex:1;min-width:0;}
  .track .tk-title{font-size:14px;}
  .track .tk-sub{font-size:11px;color:var(--text-3);margin-top:3px;}
  .track .tk-len{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;}
  .track .tk-bar{height:2px;background:var(--line);border-radius:1px;margin-top:8px;overflow:hidden;display:none;}
  .track.playing .tk-bar{display:block;}
  .track .tk-fill{height:100%;width:0%;background:var(--acc);}


  .ri-row{display:none;gap:10px;margin-top:16px;border-top:1px solid var(--line);padding-top:16px;}
  .course.open .ri-row{display:flex;}
  .ri-input{flex:1;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;
    color:var(--text);font-family:var(--sans);font-size:13px;min-width:0;}
  .ri-input:focus{outline:none;border-color:var(--acc-deep);}
  .ri-btn{background:var(--acc);color:var(--acc-ink);padding:0 18px;border-radius:10px;font-size:13px;font-weight:500;transition:filter .2s ease;}
  .ri-btn:hover{filter:brightness(1.1);}
  .ri-done{display:none;font-size:12px;color:var(--acc-soft);margin-top:16px;border-top:1px solid var(--line);padding-top:16px;}
  .course.done .ri-done{display:block;}
  .course.done .ri-row{display:none;}


  .joined-count{display:inline-block;font-size:11px;color:var(--acc-soft);margin-left:10px;}
  .kindness-line{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 34px;
    display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:40px;}
  .kl-num{font-family:var(--serif);font-size:44px;color:var(--acc-soft);line-height:1;}
  .kl-label{font-size:13px;color:var(--text-2);line-height:1.6;max-width:420px;}


  .shelf-note{font-size:12px;color:var(--text-3);margin-top:20px;line-height:1.6;}


  .thread{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;overflow:hidden;}
  .thread-head{display:flex;align-items:center;gap:18px;padding:24px 28px;cursor:pointer;transition:background .2s ease;width:100%;text-align:left;}
  .thread-head:hover{background:var(--bg-2);}
  .thread-head:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;}
  .thread-eye{width:10px;height:10px;border-radius:50%;background:var(--acc-deep);flex-shrink:0;transition:background .3s ease;}
  .thread.open .thread-eye{background:var(--acc);box-shadow:0 0 12px rgba(90,85,216,0.7);}
  .thread-titles{flex:1;min-width:0;}
  .thread-title{font-family:var(--serif);font-size:21px;line-height:1.3;}
  .thread-sub{font-size:11px;color:var(--text-3);margin-top:5px;letter-spacing:0.5px;}
  .thread-arrow{color:var(--text-3);transition:transform .3s ease;font-size:13px;}
  .thread.open .thread-arrow{transform:rotate(90deg);color:var(--acc-soft);}
  .thread-body{display:none;padding:0 28px 26px;border-top:1px solid var(--line);}
  .thread.open .thread-body{display:block;}
  .thread-open-p{font-size:14px;font-weight:300;color:var(--text-2);line-height:1.75;padding:22px 0 18px;}
  .reply{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px;}
  .reply .r-name{font-size:12px;color:var(--acc-soft);font-weight:500;margin-bottom:6px;}
  .reply .r-body{font-size:13px;font-weight:300;color:var(--text-2);line-height:1.6;}
  .reply-row{display:flex;gap:10px;margin-top:14px;}
  .reply-input{flex:1;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;
    color:var(--text);font-family:var(--sans);font-size:13px;}
  .reply-input:focus{outline:none;border-color:var(--acc-deep);}
  .reply-btn{background:var(--acc);color:#EFEFFA;padding:0 20px;border-radius:10px;font-size:13px;transition:filter .2s ease;}
  .reply-btn:hover{filter:brightness(1.15);}


  .player{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px;display:grid;
    grid-template-columns:auto 1fr;gap:32px;align-items:center;}
  .orb-wrap{position:relative;width:120px;height:120px;}
  .orb-wrap canvas{width:100%;height:100%;display:block;}
  .player-body{min-width:0;}
  .now-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;}
  .now-title{font-family:var(--serif);font-size:24px;margin-bottom:6px;}
  .now-sub{font-size:13px;color:var(--text-2);margin-bottom:20px;}
  .controls{display:flex;align-items:center;gap:18px;margin-bottom:16px;}
  .play-btn{width:52px;height:52px;border-radius:50%;background:var(--acc);color:var(--acc-ink);display:flex;
    align-items:center;justify-content:center;transition:transform .15s ease,filter .2s ease;}
  .play-btn:hover{transform:scale(1.05);filter:brightness(1.12);}
  .play-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
  .track-row{display:flex;align-items:center;gap:12px;flex:1;}
  .progress{flex:1;height:3px;background:var(--line);border-radius:2px;position:relative;overflow:hidden;}
  .progress .fill{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--acc);}
  .ptime{font-size:11px;color:var(--text-3);min-width:36px;font-variant-numeric:tabular-nums;}
  .playlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
  .chip{font-size:12px;padding:7px 14px;border:1px solid var(--line);border-radius:20px;color:var(--text-2);transition:all .2s ease;}
  .chip:hover{border-color:var(--acc-deep);color:var(--text);}
  .chip.active{background:rgba(164,90,232,0.15);border-color:var(--acc);color:var(--acc-soft);}
  .lib-note{font-size:11px;color:var(--text-3);margin-top:18px;line-height:1.6;}
  @media(max-width:720px){ .player{grid-template-columns:1fr;text-align:center;gap:24px;} .orb-wrap{margin:0 auto;} }

  .r2-formula{font-family:var(--serif);font-size:44px;color:var(--acc);text-align:center;margin:30px 0;letter-spacing:1px;}
  .center-copy{max-width:640px;margin:0 auto;font-size:15px;font-weight:300;color:var(--text-2);line-height:1.8;text-align:center;}
  .founders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}
  .founder-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;}
  .founder-card .f-name{font-family:var(--serif);font-size:22px;margin-bottom:6px;}
  .founder-card .f-role{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);margin-bottom:14px;}
  .founder-card p{font-size:14px;font-weight:300;color:var(--text-2);line-height:1.7;}
  .quickpaths{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);
    border:1px solid var(--line);border-radius:14px;overflow:hidden;}
  .qp{background:var(--card);padding:24px 20px;text-align:left;transition:background .2s ease;}
  .qp:hover{background:var(--bg-2);}
  .qp .qp-tag{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);margin-bottom:10px;}
  .qp h4{font-family:var(--serif);font-size:18px;margin-bottom:6px;}
  .qp p{font-size:12px;color:var(--text-2);line-height:1.6;}
  .contact-form{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px;display:grid;gap:16px;max-width:640px;margin:0 auto;}
  .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .cf-field{display:flex;flex-direction:column;gap:6px;}
  .cf-field label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);}
  .cf-field input, .cf-field select, .cf-field textarea{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;
    padding:11px 13px;color:var(--text);font-family:var(--sans);font-size:14px;}
  .cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus{outline:none;border-color:var(--acc-deep);}
  .cf-field textarea{min-height:110px;resize:vertical;}
  .cf-submit{background:var(--acc);color:var(--acc-ink);padding:13px;border-radius:10px;font-size:14px;font-weight:500;transition:filter .2s ease;}
  .cf-submit:hover{filter:brightness(1.1);}
  .cf-note{font-size:12px;color:var(--text-3);line-height:1.6;text-align:center;}
  @media(max-width:640px){ .cf-row{grid-template-columns:1fr;} }