:root{--black:#05080a;--coal:#0a1116;--bone:#eafaff;--muted:#8ca1aa;--purple:#087bff;--violet:#00e8ff;--gold:#63ff19;--cyan:#00e8ff;--green:#63ff19}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:"Rajdhani",sans-serif;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background: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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}header{height:88px;position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid #ffffff26;text-transform:uppercase;font:500 11px/1.1 "Teko";letter-spacing:.16em}.brand{display:flex;align-items:center;height:64px}.brand img{display:block;width:168px;height:62px;object-fit:contain;object-position:left center;filter:saturate(.9) brightness(1.12);transition:filter .3s,transform .3s}.brand:hover img{filter:saturate(1.15) brightness(1.28);transform:translateX(3px)}nav{display:flex;gap:34px}nav a:hover{color:var(--violet)}.book{justify-self:end;border-bottom:1px solid;padding:10px 0}.menu{display:none}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden}.art{position:absolute;inset:0;background:url("assets/cassius-graves-hero.png") 58% 30%/cover no-repeat;filter:saturate(.8) contrast(1.08)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#050507e8 0%,#07060a6e 45%,transparent 72%),linear-gradient(0deg,#07070be6,transparent 42%)}.lightning{position:absolute;left:54%;top:-8%;height:75%;width:5px;transform:rotate(12deg);background:#fff;clip-path:polygon(45% 0,100% 31%,28% 54%,85% 72%,20% 100%,48% 72%,5% 54%,63% 30%);filter:drop-shadow(0 0 7px white) drop-shadow(0 0 22px #9a50ff) drop-shadow(0 0 55px #5d20d4)}.hero-copy{position:relative;z-index:2;height:100%;padding:22vh 5vw 8vh;display:flex;flex-direction:column;align-items:flex-start}.overline,.index{font:500 11px "Teko";letter-spacing:.2em;text-transform:uppercase}.overline:before{content:"";display:inline-block;width:32px;height:1px;background:var(--violet);vertical-align:middle;margin-right:12px}.hero h1{margin:14vh 0 0;font:600 clamp(76px,10.7vw,175px)/.76 "Teko";text-transform:uppercase;letter-spacing:-.055em}.script{margin:-.05em 0 0 12vw;font:italic clamp(42px,6vw,94px)/1 "Oxanium";color:#ded6e7}.actions{margin-top:auto;display:flex;align-items:center;gap:38px;text-transform:uppercase;font:500 11px "Teko";letter-spacing:.14em}.primary{min-width:190px;height:54px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(105deg,var(--cyan),#1688ff);color:#031014;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 0 24px #00e8ff33;font-weight:700;transition:.3s}.primary:hover{background:linear-gradient(105deg,var(--green),#14d980);color:#031014;box-shadow:0 0 32px #63ff1966;transform:translateY(-2px)}.side-note{position:absolute;z-index:2;right:3vw;bottom:8vh;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl;text-transform:uppercase;font:9px "Teko";letter-spacing:.18em;color:#aaa}.side-note i{height:55px;width:1px;background:#aaa}.intro{padding:140px 5vw;background:#d8e4e6;color:#071116;display:grid;grid-template-columns:20% 1fr;gap:5vw}.intro h2,.studio h2{font:500 clamp(58px,7.4vw,118px)/.9 "Teko";text-transform:uppercase;letter-spacing:-.04em;margin:0 0 90px}.intro h2 em,.studio h2 em{font-family:"Oxanium";font-weight:400;text-transform:none}.columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-left:12%;max-width:850px;line-height:1.75}.text-link{display:inline-block;margin:65px 0 0 12%;border-bottom:1px solid;text-transform:uppercase;font:600 11px "Teko";letter-spacing:.14em;padding-bottom:8px}.scar-section{min-height:850px;position:relative;padding:130px 7vw;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 70% 45%,#00d9ff36,transparent 28%),radial-gradient(circle at 30% 80%,#63ff1915,transparent 25%),linear-gradient(135deg,#05080a,#071923)}.scar-word{position:absolute;left:-2vw;top:5%;white-space:nowrap;font:600 18vw "Teko";letter-spacing:-.07em;color:#ffffff08}.scar-card{width:480px;margin-left:auto;position:relative;z-index:2;border-left:1px solid #ffffff32;padding-left:45px}.scar-card>span{color:var(--violet);text-transform:uppercase;font:11px "Teko";letter-spacing:.18em}.scar-card h2{font:600 100px/.78 "Teko";text-transform:uppercase;letter-spacing:-.05em;margin:55px 0}.scar-card p{max-width:390px;line-height:1.7;color:#b5b1b9}.scar-card a{display:inline-block;margin-top:35px;text-transform:uppercase;font:11px "Teko";letter-spacing:.14em;border-bottom:1px solid;padding-bottom:8px}.pulse{position:absolute;width:2px;height:110%;left:32%;top:-5%;background:white;transform:rotate(16deg);box-shadow:0 0 15px white,0 0 45px var(--cyan),0 0 110px #087bff}.character{min-height:900px;display:grid;grid-template-columns:53% 47%;background:#141416}.portrait{background:linear-gradient(90deg,transparent 60%,#141416),url("assets/cassius-graves-hero.png") 60% 22%/cover no-repeat;filter:grayscale(.2) contrast(1.1)}.character-copy{padding:105px 7vw 90px 3vw;display:flex;flex-direction:column}.name{margin:110px 0 45px}.name small{font:italic 54px "Oxanium";color:var(--violet);margin-left:-25px}.name h2{font:600 clamp(100px,12vw,190px)/.62 "Teko";text-transform:uppercase;letter-spacing:-.065em;margin:0}.character blockquote{font:38px/1.12 "Oxanium";margin:45px 0;border-left:2px solid var(--gold);padding-left:25px}.character-copy>p{max-width:480px;color:#aaa;line-height:1.75}.character .primary{margin-top:auto;width:190px}.primary.dark{background:transparent;color:white;border:1px solid #ffffff55}.comics{padding:130px 5vw;background:#0c0c0f}.comic-head{display:flex;justify-content:space-between;align-items:flex-end;margin:80px 0}.comic-head h2{font:600 clamp(65px,9vw,130px)/.8 "Teko";text-transform:uppercase;margin:0}.comic-head p{max-width:340px;color:#999;line-height:1.6}.issue{display:grid;grid-template-columns:minmax(270px,420px) 1fr;gap:9vw;align-items:center}.cover{aspect-ratio:2/3;position:relative;overflow:hidden;box-shadow:0 30px 70px #000}.cover-art{position:absolute;inset:0;background:linear-gradient(0deg,#08080bd9,transparent 60%),url("assets/cassius-graves-hero.png") 58% center/cover}.cover-type{position:absolute;inset:0;padding:25px;display:flex;flex-direction:column;text-transform:uppercase;font-family:"Teko"}.cover-type span{font-size:10px;letter-spacing:.2em}.cover-type b{margin:auto 0 30px;font-size:64px;line-height:.72;letter-spacing:-.04em}.cover-type i{font-family:"Oxanium";text-transform:none}.issue-copy>span{color:var(--violet);text-transform:uppercase;font:11px "Teko";letter-spacing:.18em}.issue-copy h3{font:500 clamp(50px,6vw,90px)/.9 "Teko";text-transform:uppercase;margin:40px 0}.issue-copy>p{max-width:550px;color:#aaa;line-height:1.8}.issue-copy .actions{margin-top:60px}.paths{display:grid;grid-template-columns:repeat(3,1fr);background:#d8e4e6;color:#071116}.paths>a{min-height:320px;padding:45px;display:flex;flex-direction:column;border-right:1px solid #1113;transition:.3s}.paths>a:hover{background:linear-gradient(135deg,#06b9e8,var(--green));color:#031014}.paths span{font:11px "Teko"}.paths h3{margin:auto 0;font:500 50px "Teko";text-transform:uppercase}.paths i{font:11px "Teko";text-transform:uppercase;letter-spacing:.12em}.studio{padding:140px 5vw;display:grid;grid-template-columns:1.4fr 1fr;gap:10vw}.studio-copy{padding-top:110px;font-size:18px;line-height:1.7;color:#aaa}.studio-copy .primary{margin-top:50px}.signal{min-height:760px;background:radial-gradient(circle at 50% 50%,#07344a,#061016 68%);position:relative;display:grid;place-items:center;text-align:center;padding:90px 5vw;overflow:hidden}.rings{position:absolute;width:800px;height:800px;border:1px solid #00e8ff29;border-radius:50%}.rings:before,.rings:after{content:"";position:absolute;inset:18%;border:1px solid #b586ff29;border-radius:50%}.rings:after{inset:36%}.signal-copy{position:relative;max-width:850px}.signal-copy>span{font:11px "Teko";text-transform:uppercase;letter-spacing:.2em;color:var(--violet)}.signal h2{font:600 clamp(72px,10vw,145px)/.75 "Teko";text-transform:uppercase;letter-spacing:-.045em;margin:70px 0}.signal-copy>p{max-width:520px;margin:0 auto 50px;color:#9bb4bd;line-height:1.7}.signal form{display:grid;grid-template-columns:1fr auto;max-width:650px;margin:auto;border-bottom:1px solid #ffffff66}.signal input,.signal button{height:60px;border:0;background:transparent;color:white;text-transform:uppercase;font:500 12px "Teko";letter-spacing:.15em}.signal input{outline:0}.signal button{cursor:pointer}.signal output{grid-column:1/-1;text-align:left;font:11px "Teko";text-transform:uppercase;letter-spacing:.12em}footer{min-height:220px;padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;text-transform:uppercase;font:11px "Teko";letter-spacing:.12em}footer>p{text-align:center;color:#777}footer>div{text-align:right}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.brand{height:52px}.brand img{width:112px;height:48px}header{height:72px;padding:0 20px;grid-template-columns:1fr auto}.book,header nav{display:none}.menu{display:block;background:none;border:0;color:white;text-transform:uppercase;font:11px "Teko";letter-spacing:.15em}header.open nav{display:flex;position:absolute;top:72px;left:0;right:0;background:#0b0b0ff7;padding:30px 20px;flex-direction:column}.hero{min-height:690px}.art{background-position:62% center}.veil{background:linear-gradient(90deg,#050507cc,transparent),linear-gradient(0deg,#07070bed,transparent 58%)}.hero-copy{padding:19vh 22px 7vh}.hero h1{font-size:20vw;margin-top:20vh}.script{font-size:12vw;margin-left:3vw}.actions{gap:20px}.primary{min-width:165px}.side-note{display:none}.intro{padding:90px 22px;display:block}.intro .index{margin-bottom:65px}.intro h2{font-size:14vw;margin-bottom:55px}.columns{grid-template-columns:1fr;margin:0;gap:25px}.text-link{margin-left:0}.scar-section{min-height:720px;padding:80px 22px}.scar-card{width:100%;padding-left:25px}.scar-card h2{font-size:22vw}.pulse{left:12%}.character{grid-template-columns:1fr}.portrait{height:65vh;background-image:linear-gradient(0deg,#141416,transparent 35%),url("assets/cassius-graves-hero.png");background-position:58% 22%}.character-copy{padding:25px 22px 75px}.name{margin:70px 0 30px}.name h2{font-size:28vw}.name small{font-size:40px}.character blockquote{font-size:29px}.character .primary{margin-top:50px}.comics{padding:90px 22px}.comic-head{display:block}.comic-head h2{font-size:18vw;margin-bottom:30px}.issue{grid-template-columns:1fr;gap:70px}.cover{max-width:350px}.issue-copy .actions{flex-wrap:wrap}.paths{grid-template-columns:1fr}.paths>a{min-height:220px}.studio{padding:90px 22px;grid-template-columns:1fr}.studio h2{font-size:15vw;margin-top:60px}.studio-copy{padding-top:0}.signal{min-height:700px}.signal h2{font-size:18vw}.signal form{grid-template-columns:1fr}.signal button{border-top:1px solid #ffffff33;text-align:left}footer{grid-template-columns:1fr;gap:45px;align-items:start}footer>p,footer>div{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
/* Harvey Bros brand layer */
header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan) 30%,var(--green) 70%,transparent);opacity:.5;box-shadow:0 0 12px var(--cyan)}
header nav a,.book,.actions,.index,.overline,.side-note,.scar-card>span,.signal-copy>span{font-family:"Oxanium",sans-serif}
.hero h1,.intro h2,.studio h2,.scar-card h2,.name h2,.comic-head h2,.issue-copy h3,.paths h3,.signal h2{font-style:italic;letter-spacing:-.025em}
.hero h1{text-shadow:3px 3px 0 #07151b,-1px -1px 0 #ffffff29}
.script{font-style:italic;font-weight:500;color:#c8f8ff;text-shadow:0 0 22px #00e8ff55}
.overline:before{background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 10px var(--cyan)}
.hero:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--cyan),#138cff 45%,var(--green));box-shadow:0 0 22px var(--cyan)}
.scar-word{-webkit-text-stroke:1px #00e8ff1c}
.cover{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);outline:1px solid #00e8ff44}
.character blockquote{border-image:linear-gradient(var(--cyan),var(--green)) 1}
.text-link,.scar-card a{border-color:var(--cyan)}

/* Hand-painted hero statement */
.hero h1{font-family:"Road Rage",cursive;font-style:normal;font-weight:400;font-size:clamp(96px,13.5vw,215px);line-height:.62;letter-spacing:.005em;text-shadow:3px 3px 0 #07151b,-2px -2px 0 #dffbff38,0 0 25px #00e8ff20;transform:rotate(-1deg);transform-origin:left center}
.script{font-family:"Road Rage",cursive;font-style:normal;font-weight:400;font-size:clamp(62px,7.4vw,116px);line-height:.75;letter-spacing:.01em;margin:.05em 0 0 8vw;color:#c8f8ff;text-shadow:2px 2px 0 #07151b,0 0 22px #00e8ff55;transform:rotate(-1deg)}
@media(max-width:760px){.hero h1{font-size:27vw;line-height:.58}.script{font-size:15.5vw;line-height:.72;margin-left:2vw;max-width:94%}}

@media(max-width:760px){.hero h1{font-size:23vw;line-height:.62}.script{font-size:14vw;line-height:.74}}

/* Restored cinematic hero typography with more artwork breathing room */
.hero h1{font-family:"Teko",sans-serif;font-style:italic;font-weight:600;font-size:clamp(68px,9vw,145px);line-height:.72;letter-spacing:-.025em;text-shadow:3px 3px 0 #07151b,-1px -1px 0 #ffffff29;transform:none}
.script{font-family:"Oxanium",sans-serif;font-style:italic;font-weight:500;font-size:clamp(34px,4.4vw,70px);line-height:1;letter-spacing:-.025em;margin:.06em 0 0 8vw;color:#c8f8ff;text-shadow:0 0 22px #00e8ff55;transform:none}
@media(max-width:760px){.hero h1{font-size:18vw;line-height:.72}.script{font-size:10.5vw;line-height:1.05;margin-left:2vw;max-width:88%}}

.community-cta{color:var(--green);border-color:var(--green);text-shadow:0 0 14px #63ff1966}.community-cta:hover{color:white}.signal{scroll-margin-top:0}#shop{scroll-margin-top:88px}
@media(max-width:760px){header.open nav a[href="#community"]{color:var(--green);font-weight:700}header.open nav{border-bottom:2px solid var(--green);box-shadow:0 14px 40px #000}}

.countdown{display:flex;align-items:end;gap:35px;margin:28px 0 0 8vw;padding:14px 18px 13px;border-left:2px solid var(--green);background:linear-gradient(90deg,#061116c7,transparent);box-shadow:-8px 0 25px #63ff1918}.countdown-label{min-width:142px}.countdown-label span,.countdown-label b{display:block;text-transform:uppercase;font-family:"Oxanium",sans-serif}.countdown-label span{font-size:10px;letter-spacing:.18em;color:var(--green);margin-bottom:7px}.countdown-label b{font-size:9px;letter-spacing:.08em;color:#9eb0b7;font-weight:500}.countdown-clock{display:flex;align-items:flex-start;gap:10px}.countdown-clock div{text-align:center;min-width:48px}.countdown-clock strong{display:block;font:500 36px/.8 "Teko",sans-serif;letter-spacing:.02em;color:var(--bone);text-shadow:0 0 14px #00e8ff55}.countdown-clock span{display:block;margin-top:8px;text-transform:uppercase;font:500 8px "Oxanium",sans-serif;letter-spacing:.14em;color:#82969e}.countdown-clock i{font:400 28px/.65 "Teko",sans-serif;color:var(--cyan);font-style:normal}.countdown.complete .countdown-clock{display:none}.countdown.complete .countdown-label b{font-size:15px;color:var(--bone)}
@media(max-width:760px){.countdown{margin:26px 0 0;padding:12px 12px 11px;display:block;width:100%;max-width:335px}.countdown-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.countdown-label span,.countdown-label b{margin:0;font-size:8px}.countdown-clock{justify-content:space-between;gap:5px}.countdown-clock div{min-width:42px}.countdown-clock strong{font-size:31px}.countdown-clock i{font-size:24px}.hero .actions{margin-top:auto}}

/* Smaller primary hero statement */
.hero h1{font-size:clamp(58px,7.6vw,122px)}
@media(max-width:760px){.hero h1{font-size:15.5vw}}

/* More restrained hero typography */
.hero h1{font-size:clamp(52px,6.8vw,108px)}
.script{font-size:clamp(28px,3.5vw,56px)}
@media(max-width:760px){.hero h1{font-size:14vw}.script{font-size:8.5vw}}