:root{--bg:#0b0809;--panel:#171113;--panel2:#21181b;--text:#f5efe9;--muted:#b7a9a2;--line:#3c2b2f;--gold:#c8a35b;--red:#7d1f2b;--red2:#b7424f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,#241318 0,#0b0809 38%,#050404 100%);color:var(--text);font-family:Georgia,'Times New Roman',serif}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,64px);background:rgba(9,6,7,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand strong{display:block;letter-spacing:.06em;text-transform:uppercase}.brand small{display:block;color:var(--muted);font-size:.75rem}.mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-weight:700}nav{display:flex;gap:18px;font-size:.9rem;color:var(--muted)}nav a{text-decoration:none}nav a:hover{color:var(--gold)}main{overflow:hidden}.hero{display:grid;grid-template-columns:1fr minmax(300px,560px);gap:44px;align-items:center;padding:70px clamp(18px,6vw,88px) 40px}.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:.75rem;font-weight:700}.hero h1{font-size:clamp(2.3rem,6vw,5.6rem);line-height:.92;margin:12px 0 22px;letter-spacing:-.05em}.lede,.section-lede{color:var(--muted);font-size:1.17rem;line-height:1.7;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button,button{border:1px solid var(--gold);background:transparent;color:var(--text);padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:700;cursor:pointer}.button.primary,button:hover{background:var(--gold);color:#17100b}.hero-card{margin:0;background:linear-gradient(145deg,#201719,#0e0a0b);border:1px solid var(--line);border-radius:28px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.45)}.hero-card img{display:block;width:100%;border-radius:20px}.hero-card figcaption{color:var(--muted);padding:12px 8px 4px;text-align:center}.notice{margin:0 clamp(18px,6vw,88px) 40px;border:1px solid rgba(200,163,91,.35);background:rgba(200,163,91,.08);padding:18px 22px;border-radius:18px;color:#ded0c4;line-height:1.6}.section{padding:58px clamp(18px,6vw,88px);border-top:1px solid rgba(255,255,255,.05)}.section h2{font-size:clamp(2rem,4vw,3.7rem);margin:8px 0 28px}.faculty-grid,.course-columns,.ask-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.profile-card,.course-library,.ask-card,.lyric-card{background:linear-gradient(180deg,var(--panel),#0f0b0c);border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.profile-card.kat{border-color:rgba(183,66,79,.55)}.profile-card.sarah{border-color:rgba(200,163,91,.46)}.profile-topline{display:flex;justify-content:space-between;gap:16px;color:var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}.profile-card h3,.course-library h3,.ask-card h3{font-size:2rem;margin:18px 0 4px}.tagline{font-style:italic;color:var(--red2);font-size:1.18rem}.profile-card p,.profile-card li,.course-library li,.ask-card p,.split-section p,footer{color:var(--muted);line-height:1.65}.profile-card ul{padding-left:20px}.intro-box{margin-top:20px;padding:18px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.intro-box h4{margin:0 0 8px;color:var(--gold)}.course-list{padding-left:22px}.course-list li{margin:14px 0}.ask-card{display:flex;flex-direction:column;gap:14px}.ask-card textarea{min-height:120px;border-radius:16px;border:1px solid var(--line);background:#0b0809;color:var(--text);padding:14px;font:inherit;resize:vertical}.ask-card output{display:none;border-left:3px solid var(--gold);padding:12px 14px;color:#e9ddd2;background:rgba(200,163,91,.06);line-height:1.55}.ask-card output.show{display:block}.split-section{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.lyric-card span,.lyric-card small{display:block;color:var(--muted)}.lyric-card strong{display:block;font-size:1.8rem;line-height:1.15;margin:14px 0;color:var(--gold)}footer{padding:30px clamp(18px,6vw,88px);border-top:1px solid var(--line);font-size:.9rem}@media(max-width:820px){.site-header{align-items:flex-start;flex-direction:column}nav{width:100%;overflow:auto}.hero,.faculty-grid,.course-columns,.ask-grid,.split-section{grid-template-columns:1fr}.hero{padding-top:42px}.hero-card{order:-1}.brand strong{font-size:.9rem}}

.merch-room{position:relative;min-height:680px;margin:28px 0 18px;border:1px solid #5f4a33;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(197,151,92,.16),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.35),transparent 18%,transparent 82%,rgba(0,0,0,.35)),repeating-linear-gradient(90deg,#211a16 0 58px,#251d18 58px 61px);box-shadow:inset 0 -90px 120px rgba(0,0,0,.72),0 30px 70px rgba(0,0,0,.35)}
.merch-room:before{content:"";position:absolute;left:0;right:0;bottom:0;height:115px;background:linear-gradient(#17110d,#0e0b09);border-top:1px solid #3c2b1e}
.room-sign{position:absolute;left:50%;top:32px;transform:translateX(-50%);text-align:center;letter-spacing:.18em;color:#c7a26e}.room-sign span{display:block;font-size:.68rem}.room-sign strong{display:block;font-family:Georgia,serif;font-size:1.65rem;letter-spacing:.08em;color:#eee1cf;margin-top:5px}
.gear,.maker{position:absolute;border:0;cursor:pointer;filter:drop-shadow(0 10px 7px rgba(0,0,0,.65));transition:.18s}.gear:hover,.gear:focus,.maker:hover,.maker:focus{filter:drop-shadow(0 0 10px rgba(203,164,109,.55));outline:2px solid #a98255}
.flogger{top:145px;width:22px;height:250px;background:linear-gradient(90deg,#6d4b2f,#b58b5a,#50331f);border-radius:8px}.flogger:before{content:"";position:absolute;left:50%;top:50px;width:100px;height:185px;transform:translateX(-50%);background:repeating-linear-gradient(90deg,transparent 0 8px,#3a261c 8px 13px,transparent 13px 18px);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}.flogger:after{content:"";position:absolute;left:50%;top:-19px;width:20px;height:25px;border:5px solid #9d7650;border-radius:50%;transform:translateX(-50%)}
.f1{left:7%}.f2{left:14%}.f3{left:21%}.h1{left:29%}.h2{left:36%}.h3{left:43%;height:275px;background:linear-gradient(90deg,#241711,#7c5133,#241711)}
.paddle{top:170px;width:44px;height:220px;border-radius:20px 20px 8px 8px;background:linear-gradient(90deg,#2b1b14,#865b3c,#2b1b14)}.paddle:after{content:"";position:absolute;left:15px;bottom:-80px;width:14px;height:95px;background:#5d3c29;border-radius:5px}.p1{left:53%}.p2{left:60%;clip-path:polygon(15% 0,85% 0,100% 78%,62% 100%,38% 100%,0 78%)}
.rope{left:6%;bottom:145px;width:235px;height:78px;background:radial-gradient(ellipse at 15% 50%,transparent 0 18px,#8b6d4e 19px 25px,transparent 26px),radial-gradient(ellipse at 43% 50%,transparent 0 18px,#6f543a 19px 25px,transparent 26px),radial-gradient(ellipse at 72% 50%,transparent 0 18px,#a27d52 19px 25px,transparent 26px)}
.cabinet{right:5%;top:155px;width:155px;height:235px;background:linear-gradient(135deg,#1d1d1d,#3b3129);border:1px solid #8b6d4e;border-radius:10px;color:#d9c4a8}.cabinet:before{content:"";position:absolute;inset:18px;border:1px solid #6f5a43;background:radial-gradient(circle at 30% 35%,#6e8ba0 0 4px,transparent 5px),radial-gradient(circle at 70% 60%,#6e8ba0 0 4px,transparent 5px),#171717}.cabinet span{position:absolute;bottom:10px;left:0;right:0;font-size:.64rem}
.cross{right:22%;bottom:120px;width:210px;height:315px;background:transparent}.cross i,.cross b{position:absolute;left:96px;top:0;width:22px;height:315px;background:linear-gradient(90deg,#241711,#75513a,#241711);border-radius:8px}.cross i{transform:rotate(38deg)}.cross b{transform:rotate(-38deg)}
.maker{left:50%;bottom:118px;transform:translateX(-50%);width:180px;height:105px;background:linear-gradient(#4d3928,#1b130e);border:1px solid #a67d4d;border-radius:10px;color:#e6d3b9}.maker span{display:block;font-size:.62rem;letter-spacing:.16em;margin-bottom:8px}.maker strong{font-family:Georgia,serif}.floor-note{position:absolute;left:0;right:0;bottom:34px;text-align:center;color:#9c8468;font-size:.78rem}
.gear-detail{border:1px solid #4d3b2c;background:#15110e;border-radius:16px;padding:22px 24px}.gear-detail>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:#a88a63}.gear-detail h3{margin:6px 0 8px}.gear-detail p{margin:0;color:#c8b9a6}.detail-tags{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.detail-tags b{font-size:.7rem;padding:6px 9px;border:1px solid #5c4734;border-radius:999px;color:#cdb28e}
.merch-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.merch-principles article{padding:20px;border:1px solid #3e3025;border-radius:14px;background:#120f0c}.merch-principles span{color:#b99260;font-weight:700}.merch-principles h3{margin:7px 0}.merch-principles p{margin:0;color:#ad9d89}
@media(max-width:760px){.merch-room{min-height:760px}.f1{left:7%}.f2{left:17%}.f3{left:27%}.h1{left:40%}.h2{left:50%}.h3{left:60%}.p1{left:73%}.p2{left:84%}.cabinet{right:5%;top:445px;width:130px;height:180px}.cross{right:24%;bottom:115px;transform:scale(.8)}.rope{left:4%;bottom:145px;width:180px}.maker{display:none}.merch-principles{grid-template-columns:1fr}}

.feed-tabs{display:flex;gap:8px;margin:20px 0}.feed-tabs button{padding:12px 18px;border-radius:999px;border:1px solid #4d3b2c;background:#100d0b;color:#bba98f}.feed-tabs .active{background:#725338;color:#fff}.feed-tabs small{display:block}.feed-grid{display:grid;grid-template-columns:220px minmax(0,620px) 220px;gap:18px;justify-content:center}.feed-card,.composer,.social-post{background:#12100e;border:1px solid #382d24;border-radius:16px;padding:16px;margin-bottom:14px}.feed-card b{font-size:.7rem;letter-spacing:.12em;color:#b99162}.feed-card p{font-size:.82rem;color:#ad9d8a}.feed-card button,.key button{width:100%;padding:9px;border:1px solid #6b5038;border-radius:9px;background:#21170f;color:#eee}.composer>button{width:100%;padding:13px 18px;border:1px solid #403329;border-radius:999px;background:#1b1612;color:#9f9283;text-align:left}.composer div{display:flex;justify-content:space-around;padding-top:12px;color:#b4a28d}.social-post header strong,.social-post header small{display:block}.social-post header small{color:#8f8172}.social-post p{line-height:1.55}.poll{display:grid;gap:7px}.poll button{padding:11px;text-align:left;border:1px solid #4c3929;border-radius:9px;background:#1b1510;color:#eee}.poll b{float:right}.social-post footer{display:flex;border-top:1px solid #332920;margin-top:14px;padding-top:8px}.social-post footer button{flex:1;border:0;background:transparent;color:#aa9b8a;padding:8px}.comments{display:none;border-top:1px solid #332920;padding-top:10px}.comments.show{display:block}.comments input{width:100%;box-sizing:border-box;padding:10px;border-radius:999px;border:1px solid #403329;background:#0d0b09;color:#eee}.question-card{padding:45px 20px;text-align:center;border:1px solid #4c3929;border-radius:12px;background:radial-gradient(circle at 70% 30%,#39281a,#100d0b);letter-spacing:.12em;color:#b99162}.question-card strong{display:block;font-family:Georgia,serif;font-size:1.4rem;color:#eee;margin-top:8px;letter-spacing:0}.keys-modal,.compose-modal{display:none;position:fixed;z-index:99;inset:4%;overflow:auto;background:#0d0b09;border:1px solid #765638;border-radius:20px;padding:26px;box-shadow:0 30px 100px #000}.keys-modal.show,.compose-modal.show{display:block}.keys-modal>button,.compose-modal>div>button:first-child{float:right;border:0;background:none;color:#eee;font-size:1.8rem}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tiers article{padding:18px;border:1px solid #3e3127;border-radius:14px}.tiers .featured{border-color:#a57a4c}.tiers strong{display:block;font-size:1.5rem}.note{color:#8f8172;font-size:.8rem}.compose-modal{background:rgba(0,0,0,.85);padding:10% 25%}.compose-modal>div{background:#15110e;border:1px solid #5c4430;border-radius:16px;padding:20px}.compose-modal textarea{width:100%;box-sizing:border-box;min-height:160px;background:#0d0b09;color:#eee;border:1px solid #403329;border-radius:10px;padding:12px}.compose-modal #post-demo{width:100%;padding:10px;background:#775438;color:#fff;border:0;border-radius:9px}@media(max-width:1050px){.feed-grid{grid-template-columns:minmax(0,680px)}.feed-aside{display:none}.tiers{grid-template-columns:1fr}.compose-modal{padding:15% 5%}}

/* v2.1 — Lounge Front Door */
.lounge-front-door{padding:58px 18px;background:radial-gradient(circle at 50% 40%,rgba(177,126,70,.18),transparent 38%)}
.lounge-front-door__frame{max-width:820px;margin:auto;padding:14px;border:1px solid #684d34;border-radius:240px 240px 18px 18px;background:linear-gradient(90deg,#0d0a08,#2c2118 9%,#0d0a08 18%,#0d0a08 82%,#2c2118 91%,#0d0a08);box-shadow:0 34px 75px rgba(0,0,0,.55)}
.lounge-front-door__panel{min-height:430px;padding:100px 34px 48px;text-align:center;border:1px solid #755638;border-radius:220px 220px 8px 8px;background:radial-gradient(circle at 50% 20%,rgba(198,151,91,.3),transparent 35%),linear-gradient(rgba(12,9,7,.72),rgba(12,9,7,.96)),#100c09}
.lounge-front-door__keyhole{width:25px;height:38px;margin:0 auto 25px;background:#c69a64;box-shadow:0 0 22px rgba(198,154,100,.45);clip-path:polygon(20% 0,80% 0,100% 42%,68% 61%,82% 100%,18% 100%,32% 61%,0 42%)}
.lounge-front-door h2{margin:8px 0 14px;font-family:Georgia,serif;font-size:clamp(2.7rem,7vw,5.2rem);font-weight:400;color:#eadbc6}
.lounge-front-door p:not(.eyebrow){max-width:570px;margin:0 auto 26px;color:#c8b8a4;line-height:1.65}
.lounge-front-door__button{display:inline-block;padding:14px 25px;border:1px solid #a77d50;border-radius:999px;color:#ead8bf;text-decoration:none;letter-spacing:.14em;font-size:.78rem;background:rgba(120,79,42,.18)}
.lounge-front-door small{display:block;margin-top:18px;color:#a98a66;letter-spacing:.06em}
@media(max-width:650px){.lounge-front-door{padding:36px 12px}.lounge-front-door__panel{min-height:390px;padding:88px 22px 40px}}


/* v2.4 — Official logo + true bottom footer */
.official-brand-header{
  width:100%;
  padding:18px 18px 8px;
  background:#050505;
  text-align:center;
}
.official-brand-logo{
  display:block;
  width:min(100%,1200px);
  max-height:520px;
  object-fit:contain;
  margin:0 auto;
}
.cracked-head-footer{
  width:100%;
  margin-top:80px;
  padding:28px 18px 24px;
  background:#050505;
  border-top:1px solid #59452e;
  clear:both;
}
.cracked-head-footer__inner{
  max-width:1040px;
  margin:0 auto;
  text-align:center;
}
.cracked-head-footer__logo{
  display:block;
  width:min(100%,900px);
  max-height:410px;
  object-fit:contain;
  margin:0 auto 10px;
}
.cracked-head-footer__legal{
  max-width:820px;
  margin:0 auto;
  color:#aaa29a;
  font-size:.76rem;
  line-height:1.6;
}
.cracked-head-footer__links{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 14px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #6b5132;
}
.cracked-head-footer__links a,
.cracked-head-footer__links strong{
  color:#b99566;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.7rem;
}
.cracked-head-footer__links span{
  color:#8b6840;
  font-size:.48rem;
}
@media(max-width:650px){
  .official-brand-header{padding-left:8px;padding-right:8px}
  .official-brand-logo{width:100%}
  .cracked-head-footer{padding-left:10px;padding-right:10px}
  .cracked-head-footer__logo{width:100%}
  .cracked-head-footer__legal{font-size:.7rem}
}
