:root{
  --ink:#111218;
  --ink-2:#1b1d25;
  --bone:#e9e3d6;
  --ash:#aeb1b0;
  --slate:#718694;
  --pink:#cf8c9d;
  --acid:#b7e547;
  --rust:#ba654e;
  --violet:#76558c;
  --paper:#d7d0c3;
  --display:'Oswald', Impact, sans-serif;
  --serif:'IM Fell English', Georgia, serif;
  --typewriter:'Special Elite', monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--bone);background:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.55;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--pink);color:var(--ink)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.13;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(207,140,157,.10),rgba(113,134,148,.04) 40%,transparent 70%)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,60px);background:linear-gradient(to bottom,rgba(17,18,24,.94),rgba(17,18,24,.45),transparent);backdrop-filter:blur(2px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 15px/1 var(--display);letter-spacing:.18em}
.brand img{width:44px;height:44px;object-fit:contain;filter:invert(1);opacity:.88}
.site-nav{display:flex;gap:24px;align-items:center;font:400 13px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}
.site-nav a{text-decoration:none;opacity:.78}.site-nav a:hover{opacity:1;color:var(--acid)}
.site-nav .nav-cta{border:1px solid rgba(233,227,214,.45);padding:11px 15px;opacity:1}
.menu-toggle{display:none;color:var(--bone);background:none;border:1px solid rgba(233,227,214,.4);padding:9px 12px;font:500 12px/1 var(--display);letter-spacing:.15em}
.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:130px clamp(22px,8vw,130px) 80px;isolation:isolate;overflow:hidden}
.hero-art{position:absolute;inset:0;z-index:-3;background:url('assets/stone-memory.jpeg') center/cover no-repeat;filter:saturate(.78) contrast(1.08);transform:scale(1.035)}
.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(17,18,24,.93) 0%,rgba(17,18,24,.72) 46%,rgba(17,18,24,.16) 74%),linear-gradient(0deg,rgba(17,18,24,.72),transparent 42%),radial-gradient(circle at 78% 40%,transparent,rgba(17,18,24,.42) 70%)}
.hero-copy{max-width:790px;position:relative;z-index:2}
.eyebrow,.section-kicker{font:400 12px/1.3 var(--typewriter);letter-spacing:.19em;text-transform:uppercase;color:var(--pink)}
.hero h1{font:500 clamp(62px,10.6vw,160px)/.82 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:24px 0 28px;max-width:900px;text-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero h1 span{display:block;font-weight:300;color:var(--slate);font-size:.63em;letter-spacing:.03em}
.hero-deck{font-size:clamp(20px,2.25vw,30px);line-height:1.35;max-width:780px;color:#eee9df;margin:0}
.hero-question{font:italic 26px/1.2 var(--serif);color:var(--pink);margin:18px 0 32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;text-decoration:none;text-transform:uppercase;font:500 13px/1 var(--display);letter-spacing:.14em;border:1px solid transparent;cursor:pointer;transition:.2s transform,.2s background,.2s color}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--pink);color:var(--ink);border-color:var(--pink)}
.button-primary:hover{background:var(--acid);border-color:var(--acid)}
.button-ghost{border-color:rgba(233,227,214,.58);background:rgba(17,18,24,.25)}
.button-ghost:hover{background:var(--bone);color:var(--ink)}
.hero-rune{position:absolute;right:5vw;bottom:4vh;width:min(30vw,420px);opacity:.18;mix-blend-mode:screen;filter:invert(1);transform:rotate(7deg)}
.scroll-cue{position:absolute;right:30px;bottom:35px;text-transform:uppercase;text-decoration:none;font:400 10px/1 var(--display);letter-spacing:.3em;writing-mode:vertical-rl;opacity:.7}.scroll-cue:after{content:"";display:block;width:1px;height:70px;background:linear-gradient(var(--bone),transparent);margin:14px auto 0}
.chapter{padding:clamp(90px,12vw,180px) clamp(22px,8vw,130px);position:relative}
.chapter-return{background:linear-gradient(135deg,#1b1d25,#111218 58%)}
.return-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(40px,8vw,110px);margin-top:35px;align-items:start}
h2{font:500 clamp(46px,6.5vw,94px)/.96 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0 0 30px}
h2 em{font-family:var(--serif);font-weight:400;text-transform:none;color:var(--pink)}
.return-copy p{max-width:780px;font-size:clamp(18px,1.45vw,23px)}
.return-copy strong{color:var(--acid);font-weight:normal}
.oath-card{position:sticky;top:120px;border:1px solid rgba(207,140,157,.46);padding:34px;background:linear-gradient(rgba(207,140,157,.08),rgba(113,134,148,.06));box-shadow:14px 14px 0 rgba(0,0,0,.22);transform:rotate(1deg)}
.card-label{font:500 13px/1 var(--display);letter-spacing:.23em;color:var(--acid)}
.oath-card blockquote{font:italic clamp(25px,2.4vw,38px)/1.24 var(--serif);margin:26px 0;border-left:3px solid var(--pink);padding-left:22px}
.oath-card p{font-size:16px;color:#d1ccc3}.oath-card .scar{font-family:var(--typewriter);color:var(--pink);transform:rotate(-1deg);font-size:17px}
.betrayal-band{min-height:760px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:#090a0d}
.betrayal-image{position:absolute;inset:0 42% 0 0;background:url('assets/creature-drawing.png') center/contain no-repeat;opacity:.74;filter:contrast(1.15);transform:scale(1.2)}
.betrayal-copy{grid-column:2;padding:110px clamp(22px,8vw,120px) 110px 0;position:relative;z-index:2}
.betrayal-copy h2{color:var(--ash)}.betrayal-copy p{font-size:20px;max-width:650px}
.circus-intro{background:var(--paper);color:var(--ink)}
.circus-intro .section-kicker{color:#7b4050}
.split-title{display:grid;grid-template-columns:1fr 2.6fr;gap:30px;align-items:start}
.fracture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(17,18,24,.25);border:1px solid rgba(17,18,24,.25);margin-top:55px}
.fracture{background:var(--paper);padding:30px 25px 40px;min-height:320px;transition:.25s}.fracture:hover{background:#c9c0b1;transform:translateY(-5px)}
.fracture span{font:300 40px/1 var(--display);color:#7b4050}.fracture h3{font:500 29px/1.05 var(--display);text-transform:uppercase;margin:45px 0 16px}.fracture p{font-size:16px}
.fracture-coda{text-align:center;font:italic clamp(24px,2.5vw,38px)/1.35 var(--serif);max-width:920px;margin:70px auto 0;color:#5c3340}
.manifestations{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#14151b;min-height:900px}
.manifestation-photo{position:relative;min-height:900px;overflow:hidden}.manifestation-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.06)}
.manifestation-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#14151b),linear-gradient(0deg,rgba(20,21,27,.46),transparent 40%)}
.tape{position:absolute;z-index:2;left:8%;bottom:8%;background:var(--acid);color:var(--ink);font:600 14px/1 var(--typewriter);letter-spacing:.13em;padding:13px 36px;transform:rotate(-4deg)}
.manifestation-list{padding:clamp(80px,9vw,140px) clamp(28px,7vw,110px)}
.manifestation-list h2{font-size:clamp(48px,5.6vw,82px)}
.manifest{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:25px 0;border-top:1px solid rgba(233,227,214,.18)}
.manifest-number{font:300 36px/1 var(--display);color:var(--pink)}
.manifest h3{margin:0 0 6px;font:500 25px/1 var(--display);text-transform:uppercase}.manifest p{margin:0;color:#c5c0b7;font-size:16px}
.intermission{min-height:560px;display:grid;place-items:center;text-align:center;padding:80px 20px;background:radial-gradient(circle at center,rgba(118,85,140,.2),transparent 46%),#090a0d}
.intermission-inner img{width:190px;margin:0 auto 30px;filter:invert(1);opacity:.32}.intermission p{font:400 13px/1.4 var(--typewriter);letter-spacing:.24em;color:var(--pink)}.intermission h2{font-family:var(--serif);font-style:italic;text-transform:none;font-weight:400;max-width:900px;margin:20px auto 0}
.evidence{background:#1a1b21}.evidence-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}.evidence-head h2{max-width:1000px}.evidence-head>p{font:italic 26px/1.3 var(--serif);color:var(--acid);max-width:200px}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:16px}
.gallery figure{margin:0;position:relative;overflow:hidden;background:#08090b}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(.78)}.gallery figure:hover img{transform:scale(1.035);filter:saturate(1)}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.82));font:400 12px/1.35 var(--typewriter);letter-spacing:.05em;color:var(--bone)}
.g-wide{grid-column:span 7;grid-row:span 4}.g-tall{grid-column:span 5;grid-row:span 6}.g-square{grid-column:span 5;grid-row:span 4}.gallery .g-wide:nth-of-type(4){grid-column:span 7;grid-row:span 5}.gallery .g-tall:nth-of-type(5){grid-row:span 5}.gallery .g-square:nth-of-type(6){grid-column:span 7;grid-row:span 5}
.mission{position:relative;min-height:850px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:#b9b0a5;color:var(--ink)}
.mission-art{position:absolute;inset:0 50% 0 0;background:url('assets/stone-memory.jpeg') center/cover;filter:grayscale(.3) contrast(1.05);mix-blend-mode:multiply;opacity:.83}.mission-copy{grid-column:2;padding:120px clamp(24px,7vw,110px);position:relative}.mission .section-kicker{color:#703b49}.mission h2{font-size:clamp(48px,5vw,78px)}.mission p{font-size:19px}.mission blockquote{font:italic clamp(25px,2.5vw,40px)/1.3 var(--serif);border-left:4px solid #703b49;padding-left:24px;margin:36px 0 0}
.summon{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#0b0c10;padding:clamp(80px,10vw,150px) clamp(22px,8vw,130px)}
.summon-card{border:1px solid rgba(233,227,214,.25);padding:clamp(28px,5vw,70px);background:linear-gradient(145deg,rgba(113,134,148,.12),rgba(207,140,157,.05))}.summon-card h2{margin-top:22px}.summon-card>p{max-width:700px;font-size:20px}
.summon-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.summon-form label{display:grid;gap:7px;font:400 11px/1 var(--typewriter);letter-spacing:.13em;text-transform:uppercase;color:var(--pink)}.summon-form label:nth-child(3),.summon-form label:nth-child(4){grid-column:1/-1}
.summon-form input,.summon-form textarea{width:100%;border:1px solid rgba(233,227,214,.28);background:rgba(0,0,0,.23);color:var(--bone);font:18px/1.4 var(--serif);padding:14px;outline:none;border-radius:0}.summon-form input:focus,.summon-form textarea:focus{border-color:var(--acid)}
.summon-form button{justify-self:start}.form-note{font-size:12px!important;color:#9e9b96;margin-top:18px}.summon-poster{align-self:center;padding:70px 45px;border:13px solid #171820;outline:2px solid var(--pink);outline-offset:-20px;text-align:center;background:var(--paper);color:var(--ink);transform:rotate(2.3deg);box-shadow:30px 25px 0 rgba(0,0,0,.3)}
.summon-poster p{font:500 clamp(21px,2.4vw,33px)/1.05 var(--display);margin:14px 0}.summon-poster strong{display:block;margin-top:55px;font:500 clamp(40px,5vw,78px)/.92 var(--display);color:#743f4d}
footer{min-height:240px;display:grid;place-items:center;align-content:center;text-align:center;gap:12px;background:#07080a;border-top:1px solid rgba(233,227,214,.14);font:400 12px/1 var(--display);letter-spacing:.18em}footer img{width:95px;filter:invert(1);opacity:.32}.footer-small{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:.03em;color:#8f8b83}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){
 .site-nav{position:absolute;top:70px;right:18px;display:none;flex-direction:column;align-items:stretch;background:#111218;border:1px solid rgba(233,227,214,.2);padding:22px;min-width:230px}.site-nav.open{display:flex}.menu-toggle{display:block}
 .return-grid,.manifestations,.mission,.summon{grid-template-columns:1fr}.oath-card{position:relative;top:auto}.betrayal-band{grid-template-columns:1fr;min-height:850px}.betrayal-image{inset:0;opacity:.35}.betrayal-copy{grid-column:1;padding:110px 7vw;align-self:end}.split-title{grid-template-columns:1fr}.fracture-grid{grid-template-columns:1fr 1fr}.manifestation-photo{min-height:640px}.mission-art{inset:0;opacity:.25}.mission-copy{grid-column:1}.summon{gap:70px}.summon-poster{max-width:620px;margin:auto}.evidence-head{display:block}.evidence-head>p{max-width:none}.gallery{grid-auto-rows:90px}
}
@media (max-width:640px){
 body{font-size:16px}.site-header{padding:12px 16px}.brand span{display:none}.hero{padding:115px 20px 70px}.hero h1{font-size:60px}.hero-deck{font-size:19px}.hero-rune{width:55vw;right:-8vw}.scroll-cue{display:none}.chapter{padding:85px 20px}.return-grid{gap:50px}.fracture-grid{grid-template-columns:1fr}.fracture{min-height:auto}.manifestation-list{padding:75px 20px}.manifestation-photo{min-height:520px}.evidence-head h2{font-size:45px}.gallery{display:block}.gallery figure{height:420px;margin-bottom:14px}.gallery .g-wide{height:300px}.mission-copy{padding:90px 20px}.summon{padding:80px 20px}.summon-form{grid-template-columns:1fr}.summon-form label{grid-column:1!important}.summon-poster{padding:60px 25px;transform:none}.cursor-glow{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.gallery img,.button{transition:none}}

/* ─────────────────────────────────────────────
   v0.2 — fracture, found type, and fewer boxes
   ───────────────────────────────────────────── */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* The small archival lines are now legible enough to act as headings. */
.eyebrow,.section-kicker{font-size:clamp(14px,1.15vw,17px);line-height:1.35;letter-spacing:.14em;font-weight:400}
.split-title .section-kicker{font-size:clamp(17px,1.55vw,22px);line-height:1.2;letter-spacing:.11em;max-width:260px;padding-top:.35em}

/* Hero: licensed display faces are converted to artwork, so the site keeps
   their visual character without distributing the font files themselves. */
.hero-copy{max-width:980px}
.hero-title{margin:24px 0 26px;max-width:960px;text-transform:none!important;line-height:1!important;letter-spacing:0!important}
.hero-date{display:block;font:400 clamp(28px,4.2vw,62px)/1 var(--display);letter-spacing:.13em;text-transform:uppercase;color:var(--slate);margin:0 0 clamp(8px,1vw,16px) .03em;text-shadow:0 8px 24px rgba(0,0,0,.38)}
.hero-word{display:block;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.38))}
.hero-word-starbound{width:min(100%,920px);margin-left:-.5%}
.hero-word-freed{width:min(46%,420px);margin:-.4vw 0 0 6%;transform:rotate(-2.3deg);transform-origin:left center}

/* A button is now a scrap, tab, or incantation—not a corporate rectangle. */
.button{border:0;position:relative;isolation:isolate;clip-path:polygon(4% 0,98% 5%,100% 83%,94% 100%,2% 94%,0 17%);padding-inline:25px}
.button-primary{box-shadow:none;transform:rotate(-.65deg)}
.button-primary:hover{transform:translateY(-3px) rotate(.25deg)}
.button-ghost{background:rgba(17,18,24,.58);box-shadow:inset 0 -2px 0 rgba(233,227,214,.72);clip-path:polygon(1% 5%,97% 0,100% 90%,4% 100%,0 27%);transform:rotate(.55deg)}
.button-ghost:hover{transform:translateY(-3px) rotate(-.25deg)}
.site-nav .nav-cta{border:0;background:var(--acid);color:var(--ink);padding:12px 18px;clip-path:polygon(5% 0,100% 7%,94% 100%,0 91%);transform:rotate(-1deg)}

/* The oath is a recovered sheet, not a card component. */
.oath-card{border:0;padding:44px 38px 38px;background:linear-gradient(155deg,#d9d1c4,#bdb3aa);color:var(--ink);filter:drop-shadow(18px 20px 0 rgba(0,0,0,.28));clip-path:polygon(2% 4%,28% 0,55% 3%,81% 1%,100% 7%,97% 40%,100% 70%,94% 98%,64% 96%,35% 100%,4% 94%,0 63%);transform:rotate(1.35deg)}
.oath-card:before{content:"";position:absolute;z-index:3;left:26%;top:-12px;width:42%;height:34px;background:rgba(183,229,71,.72);clip-path:polygon(2% 12%,99% 0,96% 83%,5% 100%);transform:rotate(-2deg);mix-blend-mode:multiply}
.oath-card blockquote{border-left:0;padding-left:0;color:var(--ink)}
.oath-card blockquote:before{content:"“";float:left;font:400 86px/.55 var(--serif);color:#854d5b;margin:10px 9px 0 -7px}
.oath-card p{color:#35343a}.oath-card .scar{color:#703b49}

/* The fracture: four recovered arguments pinned to one unstable wall. */
.circus-intro{overflow:hidden;isolation:isolate;background:
  linear-gradient(rgba(222,215,203,.91),rgba(205,196,184,.94)),
  url('assets/stone-memory.jpeg') center/cover no-repeat}
.circus-intro:before{content:"THE FRACTURE";position:absolute;z-index:-1;right:-.06em;top:.05em;font:600 clamp(115px,19vw,330px)/.8 var(--display);letter-spacing:-.07em;color:rgba(17,18,24,.045);transform:rotate(90deg) translateX(58%);transform-origin:right top;white-space:nowrap}
.circus-intro:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900'%3E%3Cpath d='M35 213 C185 78 348 306 522 146 S802 80 864 243 M-20 520 C155 382 315 647 505 472 S760 395 925 548 M101 792 C248 653 412 831 604 688 S820 682 874 756' fill='none' stroke='%237b4050' stroke-width='5' stroke-linecap='round' stroke-dasharray='2 18'/%3E%3C/svg%3E");background-size:900px 900px}
.split-title{position:relative;z-index:2}
.fracture-wall{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,58px);align-items:start;max-width:1180px;margin:clamp(60px,8vw,105px) auto 0;padding:12px 22px 40px}
.fracture-wall:before{content:"";position:absolute;left:8%;right:6%;top:48%;height:5px;background:linear-gradient(90deg,transparent,#7b4050 12%,#7b4050 86%,transparent);transform:rotate(-4deg);opacity:.35;box-shadow:0 19px 0 rgba(17,18,24,.12)}
.fracture-sigil{position:absolute;z-index:5;left:50%;top:48%;width:165px;transform:translate(-50%,-50%) rotate(8deg);filter:invert(1) drop-shadow(0 10px 18px rgba(0,0,0,.25));opacity:.22;pointer-events:none}
.fracture{--r:0deg;--rh:0deg;--y:0px;position:relative;z-index:2;min-height:310px;padding:clamp(38px,4.5vw,62px) clamp(30px,4vw,54px) 40px;transition:transform .3s ease,filter .3s ease;transform:translateY(var(--y)) rotate(var(--r));filter:drop-shadow(17px 20px 0 rgba(17,18,24,.18));background:#d8d0c1;color:var(--ink)}
.fracture:hover{z-index:7;transform:translateY(calc(var(--y) - 10px)) rotate(var(--rh)) scale(1.015);filter:drop-shadow(22px 27px 0 rgba(17,18,24,.22))}
.fracture h3{margin:28px 0 18px;position:relative;z-index:2}
.fracture h3 img{height:auto;max-height:86px;width:auto;max-width:92%;object-fit:contain;object-position:left center}
.fracture p{position:relative;z-index:2;font-size:clamp(17px,1.35vw,20px);line-height:1.45;max-width:520px;margin:0}
.faction-number{position:absolute;z-index:0;right:22px;bottom:-18px;font:300 clamp(110px,14vw,190px)/.78 var(--display);letter-spacing:-.06em;opacity:.08}
.faction-work{--r:-2.4deg;--rh:-.7deg;--y:0px;clip-path:polygon(2% 5%,29% 1%,58% 4%,93% 0,100% 23%,97% 55%,100% 90%,73% 96%,40% 100%,5% 95%,0 63%);background:#d8d0c1}
.faction-music{--r:2.1deg;--rh:.4deg;--y:70px;clip-path:polygon(0 8%,22% 2%,50% 6%,83% 0,100% 11%,96% 39%,100% 72%,91% 100%,58% 94%,24% 100%,3% 91%,5% 48%);background:#c994a2}
.faction-betrayer{--r:1.45deg;--rh:-.25deg;--y:-12px;clip-path:polygon(5% 0,35% 5%,69% 1%,97% 7%,100% 35%,95% 65%,100% 93%,67% 100%,31% 96%,0 100%,4% 57%,0 18%);background:#171820;color:var(--bone)}
.faction-betrayer p{color:#d4cfc6}.faction-betrayer .faction-number{opacity:.13;color:var(--pink)}
.faction-life{--r:-1.6deg;--rh:.15deg;--y:64px;clip-path:polygon(3% 3%,31% 0,60% 4%,94% 1%,100% 28%,96% 60%,100% 94%,69% 98%,38% 94%,6% 100%,0 72%,4% 36%);background:#aeb8bb}
.scrap-pin{position:absolute;top:19px;left:50%;width:16px;height:16px;border-radius:50%;background:#70414d;box-shadow:0 4px 0 rgba(0,0,0,.25);transform:translateX(-50%)}
.scrap-tape{position:absolute;top:-10px;left:24%;width:52%;height:34px;background:rgba(183,229,71,.74);clip-path:polygon(2% 9%,100% 0,97% 86%,5% 100%);transform:rotate(-2.5deg);mix-blend-mode:multiply}
.scrap-thread{position:absolute;right:34px;top:-12px;width:78px;height:94px;border-right:4px solid #a8525f;border-bottom:4px solid #a8525f;border-radius:0 0 70% 0;transform:rotate(9deg);opacity:.75}
.scrap-thread:after{content:"";position:absolute;right:-9px;bottom:-8px;width:14px;height:14px;border-radius:50%;background:#a8525f}
.scrap-stitch{position:absolute;left:22px;top:22px;width:68px;height:18px;border-top:3px dashed rgba(17,18,24,.55);transform:rotate(-8deg)}
.fracture-coda{position:relative;z-index:2;margin-top:clamp(100px,12vw,165px);color:#5c3340}

/* Other boxy pieces get loosened without sacrificing usability. */
.gallery figure{clip-path:polygon(1% 1%,99% 0,100% 96%,96% 100%,2% 98%,0 5%)}
.gallery figure:nth-child(even){clip-path:polygon(0 3%,97% 0,100% 5%,98% 100%,4% 98%,1% 77%)}
.summon-card{border:0;clip-path:polygon(1% 2%,31% 0,63% 2%,99% 0,100% 37%,97% 73%,100% 97%,68% 100%,36% 98%,2% 100%,0 65%);padding-top:clamp(48px,6vw,86px)}
.summon-card:before{content:"OFFICE";position:absolute;right:5%;top:3%;font:500 13px/1 var(--typewriter);letter-spacing:.2em;color:var(--acid);transform:rotate(4deg)}
.summon-form input,.summon-form textarea{border:0;border-bottom:1px solid rgba(233,227,214,.38);background:rgba(0,0,0,.13);clip-path:polygon(0 4%,100% 0,99% 100%,1% 96%)}
.summon-poster{border:0;outline:0;clip-path:polygon(3% 0,38% 3%,70% 0,98% 5%,100% 38%,96% 71%,100% 98%,62% 95%,31% 100%,0 94%,4% 59%,0 21%);filter:drop-shadow(30px 25px 0 rgba(0,0,0,.3));box-shadow:none}

@media (max-width:980px){
  .hero-word-starbound{width:min(100%,780px)}
  .hero-word-freed{width:min(52%,390px)}
  .fracture-wall{gap:34px 28px;padding-inline:0}
  .fracture-sigil{width:125px}
  .fracture{padding:46px 32px 38px}
  .faction-music,.faction-life{--y:42px}
}
@media (max-width:640px){
  .eyebrow,.section-kicker{font-size:14px;letter-spacing:.11em}
  .split-title .section-kicker{font-size:17px;max-width:none;padding:0 0 10px}
  .hero-title{margin-top:20px}
  .hero-date{font-size:30px}
  .hero-word-freed{width:61%;margin-top:4px;margin-left:4%}
  .fracture-wall{grid-template-columns:1fr;gap:20px;margin-top:58px;padding:0}
  .fracture-wall:before,.fracture-sigil{display:none}
  .fracture{--y:0px!important;min-height:255px;padding:42px 29px 36px;filter:drop-shadow(11px 14px 0 rgba(17,18,24,.18))}
  .fracture:hover{transform:translateY(-5px) rotate(var(--rh)) scale(1.006)}
  .fracture h3 img{max-height:68px}
  .faction-number{font-size:120px}
  .fracture-coda{margin-top:75px}
  .oath-card{padding:42px 28px 34px}
}
.fracture .faction-number{font:300 clamp(110px,14vw,190px)/.78 var(--display);color:inherit}
.faction-work:hover{background:#d8d0c1}.faction-music:hover{background:#c994a2}.faction-betrayer:hover{background:#171820}.faction-life:hover{background:#aeb8bb}


/* ─────────────────────────────────────────────
   v0.3 — original vision, moving evidence, ruptured boundaries
   ───────────────────────────────────────────── */
.brand{gap:11px;min-width:0}
.brand-name{white-space:nowrap}
.brand-tagline{font:400 clamp(10px,.82vw,12px)/1.15 var(--typewriter);letter-spacing:.09em;text-transform:uppercase;color:var(--pink);max-width:260px;padding-left:13px;border-left:1px solid rgba(233,227,214,.28);white-space:normal}
.site-header{gap:25px}
.site-nav{gap:clamp(12px,1.5vw,24px)}
.site-nav a{white-space:nowrap}

.bargain-word{width:min(100%,430px);height:auto;margin:22px 0 2px;transform:rotate(-1.6deg);filter:drop-shadow(0 4px 0 rgba(112,59,73,.10))}
.oath-card .scar{display:none}

/* The creature breaks the seam between the oath and the curse. */
.chapter-return{position:relative;z-index:4;padding-bottom:clamp(150px,18vw,260px)}
.betrayal-band{overflow:visible;z-index:5;isolation:isolate;min-height:760px;margin-top:0}
.betrayal-band:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,#08090c 0%,#101117 61%,#08090c 100%)}
.betrayal-image{z-index:4;inset:auto auto auto auto;left:clamp(-70px,-3vw,-20px);top:clamp(-260px,-16vw,-150px);width:min(58vw,880px);height:clamp(760px,75vw,1040px);background:url('assets/creature-drawing.png') center top/contain no-repeat;opacity:.92;filter:contrast(1.12) drop-shadow(0 30px 42px rgba(0,0,0,.72));transform:rotate(-2.2deg);pointer-events:none}
.betrayal-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 56%,#090a0d 98%),linear-gradient(0deg,#090a0d 0%,transparent 31%)}
.betrayal-copy{z-index:6;padding-top:clamp(110px,12vw,180px);padding-bottom:clamp(100px,11vw,160px)}
.betrayal-copy .eyebrow{font-size:clamp(17px,1.45vw,22px)}

/* The original aim now earns enough space to make the fracture meaningful. */
.original-vision{position:relative;isolation:isolate;overflow:hidden;min-height:1200px;padding:clamp(120px,14vw,210px) clamp(22px,8vw,130px) clamp(155px,18vw,280px);background:linear-gradient(135deg,#c7bdb1 0%,#aba19a 48%,#17181d 48.2%,#0d0e12 100%);color:var(--ink)}
.vision-texture{position:absolute;z-index:-2;inset:0;background:url('assets/frankenstein-face.jpeg') 91% 52%/min(58vw,860px) auto no-repeat;filter:contrast(1.25) saturate(.45);opacity:.52;mix-blend-mode:screen}
.original-vision:before{content:"THE ORIGINAL VISION";position:absolute;z-index:-1;left:-.04em;top:.03em;font:600 clamp(95px,16.8vw,290px)/.78 var(--display);letter-spacing:-.075em;color:rgba(17,18,24,.065);white-space:nowrap}
.original-vision:after{content:"";position:absolute;z-index:-1;right:-8%;bottom:-8%;width:min(62vw,900px);aspect-ratio:1;background:url('assets/imp-mark.png') center/contain no-repeat;filter:invert(1);opacity:.075;transform:rotate(16deg)}
.vision-copy{position:relative;z-index:2;width:min(66%,950px)}
.original-vision .section-kicker{color:#6f3b4a;font-size:clamp(18px,1.7vw,25px);letter-spacing:.12em}
.original-vision h2{font-size:clamp(76px,10vw,158px);line-height:.82;margin-top:26px;margin-bottom:48px}
.original-vision h2 em{color:#703b49}
.vision-lead{font:italic clamp(25px,2.45vw,40px)/1.35 var(--serif);max-width:930px;margin:0 0 clamp(65px,8vw,110px);color:#29282d}
.vision-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,3.5vw,52px);width:min(1180px,155%)}
.vision-pillars article{position:relative;padding:30px 25px 34px 0;border-top:3px solid rgba(112,59,73,.65)}
.vision-pillars article:nth-child(2){transform:translateY(54px)}
.vision-pillars article:nth-child(3){transform:translateY(106px);color:var(--bone);border-color:rgba(207,140,157,.7)}
.vision-pillars span,.why-imp .eyebrow{font:400 13px/1.3 var(--typewriter);letter-spacing:.13em;text-transform:uppercase;color:#713d4b}
.vision-pillars article:nth-child(3) span{color:var(--pink)}
.vision-pillars h3{font:500 clamp(29px,2.65vw,46px)/1.02 var(--display);text-transform:uppercase;margin:18px 0 18px}
.vision-pillars p{font-size:clamp(16px,1.25vw,19px);line-height:1.55}
.why-imp{width:min(820px,92%);margin:clamp(145px,17vw,245px) 0 0;padding:clamp(35px,4vw,55px);background:rgba(233,227,214,.82);clip-path:polygon(1% 3%,29% 0,61% 3%,99% 0,100% 40%,96% 78%,100% 97%,61% 94%,32% 100%,0 95%,3% 54%);filter:drop-shadow(18px 24px 0 rgba(0,0,0,.18));transform:rotate(-.8deg)}
.why-imp p:not(.eyebrow){font-size:clamp(18px,1.55vw,23px);line-height:1.52;margin:18px 0}
.vision-phrase{position:absolute;z-index:3;right:clamp(22px,6vw,90px);bottom:clamp(75px,8vw,125px);max-width:min(43vw,650px);text-align:right;color:var(--bone);text-shadow:0 8px 30px rgba(0,0,0,.65)}
.vision-phrase span{display:block;font:italic clamp(24px,2.5vw,40px)/1.1 var(--serif);color:var(--pink)}
.vision-phrase strong{display:block;font:500 clamp(55px,7vw,105px)/.88 var(--display);text-transform:uppercase;letter-spacing:-.04em}

.circus-intro{padding-top:clamp(120px,14vw,210px)}
.split-title h2 em{display:inline-block;font-family:var(--display);font-style:normal;font-weight:500;text-transform:uppercase;color:#6f3b4a}

/* Moving evidence: embeds sit inside altered set pieces rather than generic cards. */
.moving-evidence{position:relative;isolation:isolate;overflow:hidden;padding:clamp(105px,12vw,175px) clamp(22px,7vw,110px);background:#090a0e;color:var(--bone)}
.moving-evidence-texture{position:absolute;z-index:-3;inset:0;background:url('assets/frankenstein-face.jpeg') center/cover no-repeat;opacity:.14;filter:contrast(1.45) grayscale(.3)}
.moving-evidence:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 18% 28%,rgba(207,140,157,.20),transparent 34%),linear-gradient(130deg,rgba(9,10,14,.86),rgba(9,10,14,.96))}
.moving-evidence:after{content:"PUBLIC RECORD";position:absolute;z-index:-1;right:-.05em;top:.05em;font:600 clamp(110px,18vw,300px)/.8 var(--display);color:rgba(233,227,214,.035);writing-mode:vertical-rl;white-space:nowrap}
.moving-evidence-head{max-width:1050px;margin-bottom:clamp(65px,8vw,110px)}
.moving-evidence-head h2{font-size:clamp(58px,7.5vw,112px)}
.moving-evidence-head>p{font:italic clamp(22px,2vw,34px)/1.35 var(--serif);max-width:780px;color:var(--pink)}
.reel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(35px,6vw,90px);align-items:start}
.reel-artifact{position:relative;min-width:0;padding:clamp(28px,3.7vw,50px);filter:drop-shadow(22px 28px 0 rgba(0,0,0,.34))}
.reel-brawl{background:linear-gradient(rgba(23,24,30,.72),rgba(23,24,30,.92)),url('assets/stage-wide-03.jpeg') center/cover;clip-path:polygon(2% 3%,36% 0,71% 4%,98% 0,100% 28%,97% 63%,100% 97%,64% 94%,33% 100%,0 95%,3% 53%);transform:rotate(-1deg)}
.reel-bird{background:linear-gradient(rgba(57,28,37,.48),rgba(12,12,16,.92)),url('assets/bird-mask-art.jpeg') center/cover;clip-path:polygon(0 6%,28% 1%,58% 4%,96% 0,100% 34%,96% 70%,100% 95%,69% 100%,39% 96%,3% 100%,0 68%,4% 30%);transform:translateY(75px) rotate(1.2deg)}
.reel-copy{min-height:245px;padding:5px 4px 30px;text-shadow:0 3px 18px rgba(0,0,0,.8)}
.artifact-number{font:400 13px/1 var(--typewriter);letter-spacing:.16em;color:var(--acid)}
.reel-copy h3{font:500 clamp(42px,5vw,76px)/.92 var(--display);text-transform:uppercase;margin:20px 0}
.reel-bird .reel-copy h3{color:var(--pink)}
.reel-copy p{font-size:clamp(17px,1.45vw,21px);max-width:620px}
.instagram-shell{position:relative;min-height:510px;background:rgba(233,227,214,.93);padding:12px 12px 25px;clip-path:polygon(1% 1%,99% 0,100% 98%,95% 100%,2% 98%,0 4%);color:var(--ink)}
.instagram-media{width:100%!important;min-width:0!important;max-width:100%!important;margin:0 auto!important;background:white!important}
.instagram-media a{display:grid;place-items:center;min-height:450px;padding:35px;text-align:center;font:500 24px/1.2 var(--display);text-transform:uppercase;color:#703b49}
.reel-fallback{display:block;text-align:center;margin-top:12px;font:500 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#703b49}
.instagram-handle{display:block;width:max-content;max-width:100%;margin:clamp(125px,14vw,190px) auto 0;text-align:center;text-decoration:none;font:400 clamp(20px,2vw,31px)/1.2 var(--typewriter);color:var(--acid);transform:rotate(-1deg)}

.agent-block{margin:38px 0 28px;padding:35px 30px;background:rgba(233,227,214,.08);clip-path:polygon(1% 2%,99% 0,100% 92%,95% 100%,3% 96%,0 12%)}
.agent-label,.social-signal span{display:block;font:400 12px/1 var(--typewriter);letter-spacing:.15em;text-transform:uppercase;color:var(--pink)}
.agent-block h3{font:500 clamp(36px,4vw,60px)/1 var(--display);text-transform:uppercase;margin:16px 0}
.agent-block p{font-size:18px;max-width:650px}
.social-signal{display:flex;flex-wrap:wrap;align-items:center;gap:14px 25px;margin-top:24px}
.social-signal a{font:400 20px/1.2 var(--typewriter);color:var(--acid)}

@media (max-width:1180px){
  .brand-tagline{max-width:190px}
  .site-nav a:not(.nav-cta){display:none}
  .vision-copy{width:min(72%,900px)}
  .vision-pillars{width:135%}
}
@media (max-width:980px){
  .brand-tagline{max-width:300px}
  .site-nav a:not(.nav-cta){display:block}
  .betrayal-image{left:-190px;top:-150px;width:780px;height:860px;opacity:.58}
  .original-vision{background:linear-gradient(155deg,#c7bdb1 0%,#aaa098 64%,#14151a 64.2%,#0b0c10 100%)}
  .vision-texture{background-position:100% 74%;background-size:78vw auto;opacity:.38}
  .vision-copy{width:100%}
  .vision-pillars{grid-template-columns:1fr;width:100%}
  .vision-pillars article:nth-child(2),.vision-pillars article:nth-child(3){transform:none}
  .vision-pillars article:nth-child(3){color:var(--ink);border-color:rgba(112,59,73,.65)}
  .vision-pillars article:nth-child(3) span{color:#713d4b}
  .why-imp{margin-top:80px;width:100%}
  .vision-phrase{position:relative;right:auto;bottom:auto;max-width:720px;margin:180px 0 0 auto}
  .reel-grid{grid-template-columns:1fr;max-width:700px;margin:auto}
  .reel-bird{transform:rotate(1deg)}
  .instagram-handle{margin-top:90px}
}
@media (max-width:700px){
  .brand{gap:8px}
  .brand-name{display:none}
  .brand-tagline{font-size:9px;max-width:190px;padding-left:8px}
  .site-header{padding-inline:14px}
  .chapter-return{padding-bottom:125px}
  .betrayal-band{min-height:980px}
  .betrayal-image{left:-190px;top:-112px;width:630px;height:680px;opacity:.5}
  .betrayal-copy{align-self:end;padding:500px 22px 85px}
  .original-vision{padding:100px 20px 130px;background:linear-gradient(170deg,#c7bdb1 0%,#aaa098 72%,#14151a 72.2%,#0b0c10 100%)}
  .original-vision:before{font-size:105px;white-space:normal;width:110%;line-height:.77}
  .vision-texture{background-position:50% 91%;background-size:120vw auto;opacity:.34}
  .original-vision h2{font-size:72px}
  .vision-lead{font-size:24px}
  .vision-pillars h3{font-size:34px}
  .why-imp{padding:36px 25px;margin-top:65px}
  .vision-phrase{margin-top:170px;text-align:left}
  .vision-phrase strong{font-size:58px}
  .reel-artifact{padding:25px 18px 35px}
  .reel-copy{min-height:0}
  .instagram-shell{min-height:410px}
  .instagram-media a{min-height:350px}
  .moving-evidence{padding-inline:18px}
  .agent-block{padding:30px 23px}
}

/* Header collapses at the same point its long mythic tagline needs room. */
@media (max-width:1180px){
  .menu-toggle{display:block}
  .site-nav{position:absolute;top:70px;right:18px;display:none;flex-direction:column;align-items:stretch;background:#111218;border:1px solid rgba(233,227,214,.2);padding:22px;min-width:250px;filter:drop-shadow(15px 18px 0 rgba(0,0,0,.3))}
  .site-nav.open{display:flex}
  .site-nav a:not(.nav-cta){display:block}
}


/* ==========================================================
   v0.4 — louder color, readable signals, sound spectrum,
   reordered evidence, Skex canon, and horizontal drift repair
   ========================================================== */
html,body{width:100%;max-width:100%;overflow-x:clip}
main,section,header,footer{max-width:100%}

/* The lockup must remain visible, legible, and unmistakably two lines. */
.site-header{padding-block:12px;background:linear-gradient(to bottom,rgba(10,10,15,.98),rgba(10,10,15,.84),rgba(10,10,15,.18));}
.brand{gap:12px;flex:0 1 auto}
.brand img{width:50px;height:50px}
.brand-name{font-size:15px}
.brand-tagline{display:grid;gap:1px;max-width:none!important;padding-left:15px;font:500 clamp(13px,1.08vw,17px)/1.02 var(--display);letter-spacing:.075em;color:var(--pink);white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.brand-tagline span{display:block}
.brand-tagline span:last-child{color:var(--acid);font-size:1.04em}
.site-nav{gap:clamp(12px,1.35vw,22px)}

/* Small archival labels were disappearing. */
.eyebrow,.section-kicker{font-size:clamp(15px,1.18vw,19px);line-height:1.25;letter-spacing:.13em}
.card-label,.artifact-number,.agent-label,.social-signal span{font-size:clamp(14px,1vw,17px);line-height:1.25}
.vision-pillars span,.why-imp .eyebrow{font-size:clamp(18px,1.45vw,24px);line-height:1.16;letter-spacing:.09em;font-weight:700}

/* Bargain as two escalating wounds, not a caption. */
.bargain-word{width:min(100%,620px);margin:30px 0 -5px;transform:rotate(-1.2deg);filter:drop-shadow(0 9px 0 rgba(0,0,0,.14))}
.oath-card{overflow:visible}

/* Original Vision: restore the image-derived slate, blush, violet and acid palette. */
.original-vision{background:linear-gradient(132deg,#cf8c9d 0%,#8d7b91 24%,#718694 47%,#d7d0c3 47.3%,#c4bbb0 69%,#171820 69.3%,#0a0b0e 100%)}
.original-vision:before{color:rgba(49,25,42,.105)}
.vision-texture{filter:contrast(1.35) saturate(.85) hue-rotate(-7deg);opacity:.6;mix-blend-mode:screen}
.vision-copy{width:min(100%,1160px)}
.vision-lead{max-width:1000px}
.vision-pillars{width:100%;max-width:1180px;gap:clamp(22px,3.2vw,50px)}
.vision-pillars article:nth-child(1){border-color:var(--acid)}
.vision-pillars article:nth-child(1) span{color:#364611}
.vision-pillars article:nth-child(2){border-color:#8e405d}
.vision-pillars article:nth-child(2) span{color:#6f243f}
.vision-pillars article:nth-child(3){border-color:#9bb7c5}
.why-imp{background:rgba(229,225,216,.91);box-shadow:none}

/* A whole section for the troupe's sonic range. */
.sound-spectrum{position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px,13vw,190px) clamp(22px,7vw,110px) clamp(120px,14vw,210px);background:#0a0b0f;color:var(--bone)}
.sound-static{position:absolute;z-index:-3;inset:0;background:linear-gradient(115deg,rgba(207,140,157,.38),transparent 29%),linear-gradient(245deg,rgba(183,229,71,.22),transparent 32%),radial-gradient(circle at 74% 32%,rgba(118,85,140,.45),transparent 36%),url('assets/stone-memory.jpeg') center/cover no-repeat;filter:saturate(1.25) contrast(1.15);opacity:.58}
.sound-spectrum:after{content:"ALL MUSIC IS SACRED";position:absolute;z-index:-2;left:-.035em;bottom:-.09em;font:600 clamp(88px,15vw,260px)/.72 var(--display);letter-spacing:-.07em;color:rgba(233,227,214,.045);white-space:nowrap}
.sound-spectrum-copy{max-width:1000px;margin-bottom:clamp(65px,8vw,110px)}
.sound-spectrum-copy h2{font-size:clamp(66px,9vw,138px)}
.sound-spectrum-copy p{max-width:850px;font-size:clamp(20px,1.7vw,27px)}
.genre-ribbons{display:grid;gap:clamp(15px,2vw,28px);max-width:1250px;margin:0 auto}
.genre-ribbon{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.5vw,40px);min-height:clamp(88px,10vw,142px);padding:20px clamp(22px,5vw,70px);font-family:var(--display);text-transform:uppercase;filter:drop-shadow(16px 19px 0 rgba(0,0,0,.31));clip-path:polygon(1% 8%,18% 0,43% 5%,68% 0,99% 7%,97% 48%,100% 92%,77% 100%,52% 95%,24% 100%,0 90%,3% 51%)}
.genre-ribbon strong{font-size:clamp(34px,5.4vw,82px);line-height:.9;letter-spacing:-.035em}
.genre-ribbon span{font:italic clamp(20px,2.2vw,34px)/1 var(--serif);text-transform:lowercase}
.ribbon-one{background:var(--pink);color:#19121a;transform:rotate(-1.2deg)}
.ribbon-two{background:var(--slate);color:#0c1115;transform:rotate(.75deg)}
.ribbon-three{background:var(--acid);color:#171b0b;transform:rotate(-.55deg)}
.ribbon-four{background:var(--violet);color:var(--bone);transform:rotate(1.1deg)}
.sacred-music{margin:clamp(85px,10vw,140px) auto 0;text-align:center;max-width:900px}
.sacred-music p{margin:0;font:italic clamp(30px,4vw,58px)/1 var(--serif);color:var(--bone)}
.sacred-music strong{display:block;margin-top:14px;font:600 clamp(72px,11vw,168px)/.8 var(--display);text-transform:uppercase;color:var(--rust);letter-spacing:-.055em;transform:rotate(-2deg)}
.sacred-music small{display:block;margin-top:24px;font:400 clamp(15px,1.3vw,20px)/1 var(--typewriter);letter-spacing:.16em;color:var(--pink);text-transform:uppercase}

/* Photographic evidence now precedes the Reels and gets its color back. */
.evidence{background:radial-gradient(circle at 90% 5%,rgba(183,229,71,.13),transparent 28%),linear-gradient(145deg,#252034,#151925 58%,#091015);color:var(--bone)}
.evidence .section-kicker{color:var(--acid)}
.evidence-head>p{color:var(--pink)}
.gallery figure:nth-child(3n+1){outline:2px solid rgba(207,140,157,.25)}
.gallery figure:nth-child(3n+2){outline:2px solid rgba(113,134,148,.32)}
.gallery figure:nth-child(3n){outline:2px solid rgba(183,229,71,.2)}

.moving-evidence{background:#08090d}
.moving-evidence:before{background:radial-gradient(circle at 18% 28%,rgba(207,140,157,.28),transparent 34%),radial-gradient(circle at 84% 18%,rgba(183,229,71,.13),transparent 29%),linear-gradient(130deg,rgba(21,17,31,.86),rgba(5,11,17,.97))}
.reel-brawl{box-shadow:inset 0 0 0 2px rgba(183,229,71,.18)}
.reel-bird{box-shadow:inset 0 0 0 2px rgba(207,140,157,.26)}

/* Restore a direct inquiry form alongside the agent relationship. */
.summon-card{overflow:visible}
.summon-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px;padding-top:38px;border-top:2px dashed rgba(207,140,157,.38)}
.summon-form label{display:grid;gap:8px;font:400 14px/1 var(--typewriter);letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
.summon-form label:nth-child(3),.summon-form label:nth-child(4){grid-column:1/-1}
.summon-form input,.summon-form textarea{width:100%;padding:15px 16px;color:var(--bone);font:18px/1.4 var(--serif);outline:none}
.summon-form input:focus,.summon-form textarea:focus{border-bottom-color:var(--acid);background:rgba(113,134,148,.12)}
.summon-form button{justify-self:start}
.form-note{font-size:14px!important;color:#b8b2aa;margin:18px 0 0!important;max-width:720px!important}
.agent-block{background:linear-gradient(125deg,rgba(207,140,157,.13),rgba(113,134,148,.12))}

@media (max-width:1260px){
  .brand-name{display:none}
  .brand-tagline{font-size:14px}
}
@media (max-width:980px){
  .original-vision{background:linear-gradient(155deg,#cf8c9d 0%,#718694 36%,#c8bfc0 64%,#14151a 64.2%,#0b0c10 100%)}
  .genre-ribbon{justify-content:flex-start;flex-wrap:wrap}
}
@media (max-width:700px){
  .site-header{padding-inline:12px}
  .brand img{width:44px;height:44px}
  .brand-tagline{display:grid!important;font-size:11px!important;max-width:205px!important;line-height:1.03;padding-left:9px;letter-spacing:.045em}
  .eyebrow,.section-kicker{font-size:15px}
  .vision-pillars span,.why-imp .eyebrow{font-size:18px}
  .original-vision{background:linear-gradient(168deg,#cf8c9d 0%,#718694 39%,#c7bdbc 72%,#14151a 72.2%,#0b0c10 100%)}
  .genre-ribbon{min-height:100px;gap:10px;padding:22px 20px;transform:none}
  .genre-ribbon strong{font-size:38px}
  .genre-ribbon span{font-size:21px}
  .sacred-music strong{font-size:76px}
  .summon-form{grid-template-columns:1fr}
  .summon-form label{grid-column:1!important}
}
#top{width:100%;max-width:100%;overflow-x:clip}
body{position:relative}

/* ==========================================================
   v0.5 — responsive sound, lighter vision, blood bargain,
   new ritual textures, direct Reel frames
   ========================================================== */

/* The bargain is a wound, not an accent. */
.bargain-word{
  filter:drop-shadow(0 9px 0 rgba(35,0,4,.22));
}

/* Let the original vision read like revelation rather than a dark chamber. */
.original-vision{
  background:
    linear-gradient(136deg,
      #e6aebc 0%,
      #d3c0ca 22%,
      #c2ccd5 43%,
      #e7e1d7 68%,
      #b9cbd0 100%);
  color:#171820;
}
.original-vision:before{color:rgba(74,34,58,.08)}
.vision-texture{
  z-index:-3;
  background-position:94% 73%;
  background-size:min(48vw,720px) auto;
  filter:contrast(1.2) saturate(.38);
  opacity:.16;
  mix-blend-mode:multiply;
}
.vision-oracle-texture{
  position:absolute;
  z-index:-2;
  right:-3vw;
  top:2.5%;
  width:min(48vw,760px);
  aspect-ratio:1;
  background:url('assets/eye-maw-collage.png') center/contain no-repeat;
  opacity:.18;
  filter:sepia(.22) saturate(.72) contrast(1.1);
  transform:rotate(4deg);
  pointer-events:none;
}
.original-vision h2 em{color:#7e2637}
.vision-lead{color:#24242a;text-shadow:0 1px 0 rgba(255,255,255,.24)}
.vision-pillars article,
.vision-pillars article:nth-child(3){color:#171820}
.vision-pillars article:nth-child(3) span{color:#314f5b}
.vision-phrase{
  color:#171820;
  text-shadow:0 2px 0 rgba(255,255,255,.35),0 10px 28px rgba(38,32,44,.12);
}
.vision-phrase span{color:#7e2637}
.why-imp{
  background:rgba(246,241,231,.88);
  color:#171820;
  filter:drop-shadow(18px 24px 0 rgba(70,50,70,.12));
}

/* Sound is responsive: the room, mood, audience, and returning troupe all tune it. */
.sound-spectrum{background:#08090d}
.sound-static{
  background:
    linear-gradient(112deg,rgba(207,140,157,.44),transparent 27%),
    linear-gradient(244deg,rgba(183,229,71,.26),transparent 31%),
    radial-gradient(circle at 75% 31%,rgba(118,85,140,.5),transparent 34%),
    url('assets/stone-memory.jpeg') center/cover no-repeat;
  opacity:.63;
}
.sound-totem{
  position:absolute;
  z-index:-1;
  right:-5vw;
  top:4%;
  width:min(46vw,720px);
  aspect-ratio:1;
  background:url('assets/skex-raven-staff.png') center/contain no-repeat;
  opacity:.3;
  filter:sepia(.25) saturate(.7) contrast(1.2) drop-shadow(0 24px 35px rgba(0,0,0,.55));
  transform:rotate(4deg);
  pointer-events:none;
}
.sound-spectrum .section-kicker,
.sound-spectrum-copy h2,
.sound-spectrum-copy p{color:#fff}
.sound-spectrum .section-kicker{
  text-shadow:0 3px 16px rgba(0,0,0,.9);
}
.sound-spectrum-copy h2{
  max-width:1000px;
  text-shadow:0 6px 28px rgba(0,0,0,.78);
}
.sound-spectrum-copy p{
  text-shadow:0 3px 15px rgba(0,0,0,.9);
}
.sound-responsive{
  margin:0 0 18px;
  max-width:960px!important;
  font:italic clamp(25px,2.5vw,40px)/1.28 var(--serif)!important;
}

/* Use the Reel embed endpoint directly instead of waiting for embed.js to transform a link. */
.instagram-shell{
  min-height:0;
  padding:12px 12px 19px;
  overflow:hidden;
}
.instagram-reel-frame{
  display:block;
  width:100%;
  height:720px;
  border:0;
  background:#fff;
}
.reel-fallback{margin-top:13px}

/* The nav incantation must remain readable on a phone. */
@media (max-width:980px){
  .original-vision{
    background:linear-gradient(152deg,#e5adbc 0%,#c8cbd5 39%,#e6e0d6 72%,#bacbd0 100%);
  }
  .vision-oracle-texture{
    width:min(72vw,650px);
    right:-16vw;
    top:1%;
    opacity:.14;
  }
  .vision-texture{
    background-position:105% 91%;
    background-size:78vw auto;
    opacity:.12;
  }
  .vision-phrase{
    color:#171820;
    margin-top:120px;
  }
  .sound-totem{
    width:72vw;
    right:-24vw;
    opacity:.22;
  }
  .instagram-reel-frame{height:700px}
}

@media (max-width:700px){
  .brand img{width:40px;height:40px}
  .brand{gap:8px}
  .brand-tagline{
    display:grid!important;
    font-size:12.5px!important;
    max-width:190px!important;
    line-height:1.02!important;
    padding-left:8px!important;
    letter-spacing:.035em!important;
    white-space:normal!important;
  }
  .original-vision{
    background:linear-gradient(166deg,#e5adbc 0%,#c6ccd5 41%,#e6e0d6 76%,#bdccd0 100%);
  }
  .vision-oracle-texture{
    width:112vw;
    right:-50vw;
    top:3%;
    opacity:.11;
  }
  .vision-texture{
    background-position:78% 96%;
    background-size:125vw auto;
    opacity:.1;
  }
  .vision-phrase{
    margin-top:110px;
    color:#171820;
  }
  .sound-totem{
    width:108vw;
    right:-56vw;
    top:8%;
    opacity:.17;
  }
  .sound-spectrum-copy h2{font-size:clamp(58px,17vw,92px)}
  .sound-responsive{font-size:25px!important}
  .instagram-reel-frame{height:625px}
}

@media (max-width:390px){
  .brand-tagline{font-size:11.5px!important;max-width:168px!important}
  .menu-toggle{padding-inline:9px}
  .instagram-reel-frame{height:590px}
}


/* ==========================================================
   v0.6 — Skex Pl’nesh becomes the first sounding
   ========================================================== */

.skex-threshold{
  position:relative;
  z-index:7;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);
  gap:clamp(45px,8vw,130px);
  align-items:center;
  min-height:1000px;
  padding:clamp(120px,14vw,205px) clamp(22px,8vw,130px);
  background:
    radial-gradient(circle at 12% 18%,rgba(183,229,71,.17),transparent 26%),
    radial-gradient(circle at 82% 72%,rgba(207,140,157,.31),transparent 31%),
    linear-gradient(132deg,#071015 0%,#171321 48%,#260d17 100%);
  color:#fff;
}
.skex-threshold:before{
  content:"SKEX";
  position:absolute;
  z-index:-3;
  left:-.055em;
  bottom:-.12em;
  font:600 clamp(180px,31vw,520px)/.72 var(--display);
  letter-spacing:-.09em;
  color:rgba(233,227,214,.035);
  white-space:nowrap;
}
.skex-threshold-static{
  position:absolute;
  z-index:-4;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,16,21,.94),rgba(7,16,21,.38) 50%,rgba(16,7,14,.68)),
    url('assets/bird-mask-art.jpeg') 12% 44%/cover no-repeat;
  opacity:.52;
  filter:saturate(.78) contrast(1.28);
  mix-blend-mode:screen;
}
.skex-threshold-sigil{
  position:absolute;
  z-index:-1;
  left:-7vw;
  top:-5%;
  width:min(49vw,760px);
  aspect-ratio:1;
  background:url('assets/skex-raven-staff.png') center/contain no-repeat;
  opacity:.18;
  filter:sepia(.2) saturate(.65) contrast(1.2) drop-shadow(0 24px 45px rgba(0,0,0,.62));
  transform:rotate(-8deg);
  pointer-events:none;
}
.skex-threshold-copy{position:relative;z-index:3;max-width:900px}
.skex-threshold .section-kicker{color:var(--acid);font-size:clamp(16px,1.45vw,22px);text-shadow:0 4px 20px rgba(0,0,0,.82)}
.skex-threshold h2{
  max-width:950px;
  margin:25px 0 35px;
  font-size:clamp(63px,8.3vw,132px);
  line-height:.84;
  text-shadow:0 9px 35px rgba(0,0,0,.66);
}
.skex-threshold h2 span{color:var(--pink)}
.skex-lead{
  max-width:780px;
  font:italic clamp(23px,2.2vw,35px)/1.34 var(--serif);
  color:#fff;
  text-shadow:0 4px 22px rgba(0,0,0,.92);
}
.skex-notes{display:flex;flex-wrap:wrap;gap:10px 24px;margin:34px 0 38px}
.skex-notes span{
  position:relative;
  font:500 13px/1 var(--typewriter);
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 3px 15px #000;
}
.skex-notes span:not(:last-child):after{content:"✦";position:absolute;right:-17px;color:var(--rust)}
.skex-player-stage{position:relative;z-index:4;width:min(100%,520px);justify-self:center;transform:rotate(1.1deg)}
.skex-player-rune{
  position:absolute;
  z-index:-1;
  inset:-9% -20% -8% -20%;
  background:
    linear-gradient(115deg,transparent 8%,rgba(183,229,71,.22) 9%,transparent 10%),
    linear-gradient(250deg,transparent 12%,rgba(207,140,157,.35) 13%,transparent 14%),
    url('assets/imp-mark.png') center/78% no-repeat;
  filter:invert(1);
  opacity:.18;
  transform:rotate(12deg);
  pointer-events:none;
}
.skex-player-shell{
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  overflow:hidden;
  background:#050507;
  clip-path:polygon(3% 0,96% 2%,100% 7%,98% 34%,100% 68%,96% 98%,62% 100%,28% 98%,1% 100%,3% 61%,0 23%);
  box-shadow:0 34px 70px rgba(0,0,0,.56);
}
.skex-player-shell:before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 3px rgba(177,18,38,.78),inset 0 0 70px rgba(0,0,0,.25);
  clip-path:inherit;
}
#skex-vimeo{display:block;width:100%;height:100%;border:0;background:#050507}
.skex-player-cover{
  display:none;
  position:absolute;
  z-index:5;
  inset:0;
  width:100%;
  border:0;
  padding:44px 34px 38px;
  cursor:pointer;
  align-content:end;
  justify-items:center;
  gap:15px;
  color:#fff;
  background:
    linear-gradient(0deg,rgba(5,5,7,.96) 0%,rgba(5,5,7,.5) 42%,rgba(5,5,7,.08) 69%),
    linear-gradient(145deg,rgba(177,18,38,.18),transparent 45%),
    url('assets/bird-mask-art.jpeg') center/cover no-repeat;
  font-family:var(--display);
  text-transform:uppercase;
  text-align:center;
  transition:opacity .38s ease,transform .38s ease,filter .38s ease;
}
.js .skex-player-cover{display:grid}
.skex-player-cover:hover{filter:saturate(1.18) contrast(1.05)}
.skex-player-cover.is-dismissed{opacity:0;transform:scale(1.025);pointer-events:none}
.skex-cover-kicker{position:absolute;top:35px;left:31px;font:400 13px/1 var(--typewriter);letter-spacing:.2em;color:var(--acid);transform:rotate(-2deg)}
.skex-play-mark{
  width:94px;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--blood,#b11226);
  box-shadow:0 0 0 9px rgba(255,255,255,.12),0 18px 32px rgba(0,0,0,.42);
  position:relative;
  margin-bottom:10px;
}
.skex-play-mark:after{content:"";position:absolute;left:39%;top:30%;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:29px solid #fff}
.skex-cover-command{font:600 clamp(36px,4.2vw,63px)/.88 var(--display);letter-spacing:-.035em}
.skex-cover-note{font:400 12px/1.2 var(--typewriter);letter-spacing:.13em;color:#e9e3d6}
.skex-vimeo-link{display:block;width:max-content;max-width:100%;margin:18px auto 0;color:var(--acid);font:400 12px/1.2 var(--typewriter);letter-spacing:.11em;text-transform:uppercase;text-align:center}

/* Skex now carries his own moving portrait; Headbangers Brawl owns the public-record section. */
.reel-grid-single{grid-template-columns:minmax(0,1fr);max-width:1180px;margin-inline:auto}
.reel-grid-single .reel-artifact{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(360px,1.08fr);
  gap:clamp(30px,6vw,90px);
  align-items:center;
  transform:rotate(-.45deg);
}
.reel-grid-single .reel-copy{min-height:0;padding:20px 0}
.reel-grid-single .instagram-shell{width:100%;max-width:560px;justify-self:end}
.reel-copy-note{font:italic 18px/1.45 var(--serif);color:var(--acid)}

@media (max-width:980px){
  .skex-threshold{grid-template-columns:1fr;min-height:0;padding-top:125px}
  .skex-threshold-copy{max-width:850px}
  .skex-player-stage{width:min(78vw,510px);margin-top:20px}
  .skex-threshold-sigil{width:75vw;left:-30vw;top:3%;opacity:.13}
  .reel-grid-single .reel-artifact{grid-template-columns:1fr;max-width:700px;margin-inline:auto}
  .reel-grid-single .instagram-shell{justify-self:center;max-width:560px}
}

@media (max-width:640px){
  .skex-threshold{padding:105px 18px 120px;background:radial-gradient(circle at 12% 15%,rgba(183,229,71,.13),transparent 25%),radial-gradient(circle at 88% 72%,rgba(207,140,157,.28),transparent 29%),linear-gradient(155deg,#071015,#1c111e 54%,#260d17)}
  .skex-threshold h2{font-size:clamp(57px,17vw,88px)}
  .skex-lead{font-size:23px}
  .skex-notes{gap:13px 20px}
  .skex-notes span{font-size:11px}
  .skex-player-stage{width:min(94vw,465px);transform:none}
  .skex-player-cover{padding:34px 22px 31px}
  .skex-cover-kicker{top:27px;left:24px;font-size:11px}
  .skex-play-mark{width:78px}
  .skex-play-mark:after{border-top-width:16px;border-bottom-width:16px;border-left-width:25px}
  .skex-cover-command{font-size:42px}
  .reel-grid-single .reel-artifact{padding:28px 18px 35px}
}




/* v0.7 hotfix */
.brand-tagline{font-size:clamp(11px,.95vw,13px);line-height:1.2;max-width:290px;color:#f0a2b5}
.sound-spectrum .section-kicker,.sound-spectrum-copy h2,.sound-spectrum-copy p,.sound-spectrum-copy li,.sound-spectrum-copy .genre-ribbons{color:#fff}
.original-vision{background:linear-gradient(180deg,#d8d1c5 0%,#cfc6b6 100%);color:#111218}
.vision-texture{opacity:.13}.vision-oracle-texture{opacity:.18}
.section-kicker{font-size:clamp(13px,1.05vw,16px);letter-spacing:.14em}
.card-label{font-size:15px}.faction-number{font-size:28px}
.evidence{padding-top:clamp(130px,16vw,240px)}
.sound-spectrum{padding-bottom:clamp(220px,24vw,360px)}
.pike-float{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:min(46vw,520px);max-width:80%;height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 30px 60px rgba(0,0,0,.65)) saturate(.9);opacity:.96}
.bargain-word{filter:drop-shadow(0 6px 0 rgba(120,0,0,.18))}
@media (max-width:640px){.brand-tagline{font-size:14px;line-height:1.24;max-width:220px;padding-left:10px}.sound-spectrum{padding-bottom:220px}.evidence{padding-top:120px}.pike-float{width:min(70vw,360px);bottom:-10px}}

/* v0.8 — verified hero phrase and pike seam repair */
.hero-word-freed{
  width:min(54%,500px);
  margin:-.2vw 0 0 5%;
  transform:rotate(-1.4deg);
}
.evidence{
  isolation:isolate;
  padding-top:clamp(240px,20vw,330px);
}
.evidence > .pike-float{
  position:absolute;
  left:50%;
  top:0;
  bottom:auto;
  transform:translate(-50%,-50%) rotate(-1.5deg);
  width:min(48vw,560px);
  max-width:82%;
  height:auto;
  z-index:4;
  pointer-events:none;
  opacity:.98;
  filter:drop-shadow(0 34px 68px rgba(0,0,0,.72));
}
.evidence-head,.gallery{position:relative;z-index:5}

@media (max-width:640px){
  .hero-word-freed{width:76%;margin-top:7px;margin-left:2%;transform:rotate(-1deg)}
  .evidence{padding-top:190px}
  .evidence > .pike-float{width:min(84vw,390px);max-width:90%;top:0;transform:translate(-50%,-48%) rotate(-1deg)}
}

/* ─────────────────────────────────────────────
   v0.9 — Urban Heroes hero fix + unmuted Vimeo intent
   ───────────────────────────────────────────── */
@font-face{
  font-family:'Urban Heroes';
  src:url('assets/UrbanHeroes-v09.ttf') format('truetype');
  font-display:swap;
}
:root{
  --hero-display:'Urban Heroes','Oswald',Impact,sans-serif;
}
.hero-title{
  max-width:min(100%,1080px);
}
.hero h1 span.hero-date{
  display:block;
  font:300 clamp(26px,3vw,44px)/1 var(--display);
  letter-spacing:.06em;
  color:var(--slate);
  margin-bottom:12px;
}
.hero h1 .hero-word{
  display:block;
  width:auto;
  margin:0;
  font-family:var(--hero-display);
  font-weight:400;
  font-style:normal;
  text-transform:uppercase;
  color:var(--bone);
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.38));
  text-shadow:0 10px 30px rgba(0,0,0,.35);
  transform:none;
}
.hero h1 .hero-word-starbound{
  font-size:clamp(64px,9.4vw,150px);
  line-height:.9;
  letter-spacing:.035em;
}
.hero h1 .hero-word-freed{
  font-size:clamp(34px,5.2vw,75px);
  line-height:.95;
  letter-spacing:.05em;
  white-space:nowrap;
  margin-top:10px;
}
@media (max-width:980px){
  .hero h1 .hero-word-starbound{font-size:clamp(54px,10.4vw,116px)}
  .hero h1 .hero-word-freed{font-size:clamp(30px,5.5vw,60px)}
}
@media (max-width:640px){
  .hero h1 .hero-word-starbound{font-size:clamp(40px,11.4vw,74px);letter-spacing:.02em}
  .hero h1 .hero-word-freed{font-size:clamp(21px,6.1vw,38px);letter-spacing:.035em;margin-top:8px}
}


/* ─────────────────────────────────────────────
   v0.10 — canonical hero typography + SEO assets
   ───────────────────────────────────────────── */
@font-face{
  font-family:'Ghastly Panic';
  src:url('assets/GhastlyPanic-v10.ttf') format('truetype');
  font-display:swap;
}
.hero h1 .hero-word-starbound{
  font-family:'Ghastly Panic','Urban Heroes','Oswald',Impact,sans-serif;
  font-weight:400;
  font-size:clamp(62px,9vw,144px);
  line-height:.82;
  letter-spacing:.015em;
}
.hero h1 .hero-word-freed{
  font-family:'Urban Heroes','Oswald',Impact,sans-serif;
  white-space:nowrap;
}
@media (max-width:980px){
  .hero h1 .hero-word-starbound{font-size:clamp(52px,10vw,110px)}
}
@media (max-width:640px){
  .hero h1 .hero-word-starbound{font-size:clamp(39px,11vw,70px);letter-spacing:0}
}


/* v0.10 final polish — restore the pink Starbound Stone watermark treatment. */
.hero h1 .hero-word-starbound{
  color:var(--pink);
  opacity:.9;
  text-shadow:0 10px 30px rgba(0,0,0,.42);
}

/* v0.10 domain correction — restore the original oversized hero scale. */
.hero-copy{max-width:min(94vw,1080px)}
.hero-title{max-width:min(100%,1180px)}
.hero h1 .hero-word-starbound{
  font-size:clamp(92px,13.6vw,220px);
  line-height:.72;
  letter-spacing:.005em;
  margin-left:-.015em;
}
@media (max-width:980px){
  .hero h1 .hero-word-starbound{font-size:clamp(74px,14vw,164px)}
}
@media (max-width:640px){
  .hero h1 .hero-word-starbound{font-size:clamp(58px,16.5vw,104px);line-height:.76}
}