*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171817;background:#f7f7f2;font:16px/1.6 "Helvetica Neue",Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}.skip{position:absolute;left:-999vw}.skip:focus{left:12px;top:6px;background:white;padding:.5em;z-index:10}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #546ce0;outline-offset:3px}header,footer{display:flex;align-items:center;gap:32px;padding:19px clamp(20px,5vw,90px);border-bottom:1px solid #c9c9c3}.brand{display:inline-flex;align-items:center;font-weight:950;letter-spacing:-.085em;font-size:29px;line-height:1;white-space:nowrap}.brand span{margin-left:.07em}.brand i{width:.25em;height:.25em;background:#ff492b;align-self:start;margin:.05em 0 0 .12em}.brand:hover{text-decoration:none}header nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,40px);margin:auto;font-size:14px;font-weight:650}header nav a[aria-current]{border-bottom:2px solid}.nav-contact{border:1px solid;padding:6px 15px;font-size:13px;font-weight:bold}.wrap{max-width:1640px;padding:0 clamp(20px,5vw,90px);margin:auto}.mono,.kicker,.number,small,.chips{font-family:"SFMono-Regular",Menlo,monospace}.mast{display:flex;align-items:end;justify-content:space-between;padding:33px 0 17px}.mast b{font-size:clamp(24px,4vw,68px);line-height:1;font-weight:900;letter-spacing:-.07em}.mast span,.kicker,.number{font-size:12px;letter-spacing:.08em;font-weight:600}.poster{display:grid;grid-template-columns:40% 60%;background:#161716;color:#fff;min-height:clamp(390px,36vw,610px);position:relative}.poster-text{padding:clamp(25px,3.3vw,56px);display:flex;flex-direction:column;align-items:flex-start;position:relative}.poster .kicker{display:flex;align-items:center;gap:9px}.dot{width:9px;height:9px;background:#ff5031;display:inline-block}.poster h1{font-size:clamp(64px,7.4vw,128px);letter-spacing:-.083em;line-height:.83;margin:auto 0 14px;font-weight:950}.poster h1 span{display:block}.poster p{margin:0 0 28px;font-size:clamp(15px,1.3vw,21px);line-height:1.5}.btn{display:inline-flex;align-items:center;gap:28px;border:1px solid currentColor;padding:9px 16px;font-size:14px;font-weight:650;background:transparent;color:inherit}.btn.red{background:#ff5438;color:#171817;border-color:#ff5438}.photo{display:block;position:relative;overflow:hidden;background:#333}.photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo-label{position:absolute;left:15px;bottom:15px;background:#141414;color:white;padding:5px 10px;font:11px/1.5 monospace}.rail{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #aaa;padding:12px 0;font-size:12px}.section{padding-top:clamp(50px,6vw,90px)}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid #191919;padding-bottom:12px;gap:14px;margin-bottom:22px}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(25px,3vw,50px);line-height:1.15;letter-spacing:-.06em;margin:0}.section-head a{font-size:13px}.event-list{border-top:1px solid #bbb}.event-row{display:grid;grid-template-columns:110px 1fr auto auto;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #bbb}.event-row strong{font-size:clamp(20px,2.5vw,36px);letter-spacing:-.05em}.event-row span,.event-row small{font-size:13px}.event-row b{font-size:22px}.tag{display:inline-block;border:1px solid #babbb6;padding:2px 9px;font:12px/1.5 monospace}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.schools article,.project,.panel{border:1px solid #bbb;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.schools h3,.project h3,.panel h3{font-size:24px;line-height:1.3;letter-spacing:-.035em;margin:0}.schools p,.project p,.panel p{margin:0;color:#4b4b47}.schools .btn,.project .btn{margin-top:auto}.project img{width:100%;aspect-ratio:16/9;object-fit:contain;background:white}.project{background:white}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips a,.chips button{background:transparent;color:inherit;border:1px solid #aaa;padding:5px 12px;font-size:13px}.chips [aria-pressed=true]{background:#171817;color:white}.intro{padding:60px 0 30px;border-bottom:1px solid #888}.intro h1{font-size:clamp(42px,6.5vw,96px);line-height:1;letter-spacing:-.075em;margin:24px 0 13px}.intro p{max-width:720px;margin-bottom:0;color:#555}.back{font-size:13px}.faces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 15px;margin-top:18px}.face img,.initial{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#ddd}.initial{display:grid;place-items:center;color:#64645d;font-size:36px}.face h3{margin:9px 0 0;font-size:19px}.face p,.logos p{margin:0;color:#52534d;font-size:13px}.logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.logo{padding:16px;background:white;border:1px solid #d0d0ca}.logo-box{display:flex;align-items:center;justify-content:center;height:75px;color:#222}.logo img{width:100%;height:100%;object-fit:contain}.logo h3{font-size:14px;margin:12px 0 0}.tabs{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #bbb;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap}.bodycopy{max-width:760px}.band{background:#20211f;color:white;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.band h2{font-size:24px}.band p{margin:8px 0 0}.panel{max-width:800px}.form{display:grid;gap:15px;max-width:640px}.form label{font-weight:700}.form input,.form select,.form textarea{display:block;border:1px solid #999;background:white;width:100%;padding:10px;font-size:15px}.form textarea{min-height:130px}.form button{justify-self:start}.filter{display:flex;align-items:center;gap:12px;margin:15px 0;flex-wrap:wrap}.filter input{padding:8px;border:1px solid #aaa}.result{font-size:13px;color:#666}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pair .panel{max-width:none}footer{border-bottom:0;border-top:1px solid #aaa;justify-content:space-between;margin-top:80px;padding-block:32px}footer div{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}main:focus{outline:none}
@media(max-width:850px){header{flex-wrap:wrap;gap:12px;justify-content:space-between}header nav{order:3;width:100%;margin:0;justify-content:space-between}.faces{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.poster{grid-template-columns:43% 57%}.logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){header{padding-block:15px}.mast{padding-top:24px}.mast span{font-size:10px}.poster{grid-template-columns:1fr;min-height:0}.poster-text{min-height:270px;padding:24px}.poster h1{font-size:66px;line-height:.92;margin:24px 0 10px}.poster h1 span{display:inline}.poster p{margin-bottom:18px}.poster .photo{height:240px}.rail{font-size:11px}.tiles,.pair{grid-template-columns:1fr}.faces,.logos{grid-template-columns:repeat(2,minmax(0,1fr))}.event-row{grid-template-columns:1fr auto;gap:5px}.event-row small{grid-column:1/-1}.event-row span{grid-column:1}.event-row b{grid-column:2;grid-row:2}.band,footer{align-items:flex-start;flex-direction:column}.intro{padding:35px 0 22px}.section{padding-top:48px}.tabs{gap:12px}.photo-label{font-size:10px}.section-head{margin-bottom:14px}header nav{font-size:13px}.nav-contact{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.local-tab{background:none;border:0;color:inherit;padding:6px 3px;font-size:14px}.local-tab:hover{text-decoration:underline}.profile{display:grid;grid-template-columns:minmax(120px,280px) 1fr;align-items:center;gap:30px}.profile img{width:100%;height:auto}.panel img{max-width:100%;object-fit:contain}#draft .panel{margin-top:22px}.photo img{object-position:50% 50%}.logo-box{padding:4px}.section[id]{scroll-margin:20px}
.logo-box{background:#191919;padding:16px}.logos+img{width:100%;height:auto;display:block;background:#171817;margin-top:16px}.season-poster{margin:24px 0 0;background:#171817;text-align:center}.season-poster img{display:block;margin:auto;width:100%;max-height:460px;object-fit:contain}.actions .actions{display:contents}
@media(max-width:600px){.poster h1{font-size:clamp(44px,10.8vw,66px)}}
:root{color-scheme:dark;--canvas:#131714;--surface:#1b211d;--ink:#eef3ef;--green:#3ee07d;--line:#46534a}body{background:var(--canvas);color:var(--ink)}header,footer,.rail,.event-row,.section-head,.intro,.tabs,.event-list,.schools article,.project,.panel{border-color:var(--line)}header{background:#111612}.brand i,.dot,.btn.red{background:var(--green);border-color:var(--green)}header nav a[aria-current],.kicker,.section-head>a,.mast .mono,.event-row b{color:var(--green)}.poster,.band,.season-poster{background:#0b0e0a}.project,.panel,.logo{background:var(--surface);border-color:var(--line)}.project p,.panel p,.schools p,.intro p,.face p,.logos p,.result{color:#c2cec5}.chips [aria-pressed=true]{background:var(--green);color:#0b0e0a}.logo-box{background:transparent}.form input,.form select,.form textarea,.filter input{background:#101512;color:var(--ink);border-color:var(--line)}.initial{background:var(--surface);color:var(--green)}.nav-contact{color:var(--green)}.skip:focus{background:var(--ink);color:var(--canvas)}
/* THE HACK campaign uses a black canvas, silver display lettering and green/white pill actions. */
:root{--canvas:#000;--surface:#101410;--green:#00ed7e;--line:#2d3830}
body{background:#000}.wrap{max-width:1213px}header,footer{background:#000}header{padding-block:16px}.brand i{background:var(--green)}.nav-contact,.btn,.chips button,.chips a{border-radius:999px}.nav-contact{background:var(--green);color:#000;border-color:var(--green);font-weight:800}.mast{align-items:center}.official-link{font-size:13px;color:#b5c5bb}.campaign{position:relative;isolation:isolate;overflow:hidden;background:#07100b;min-height:clamp(430px,51vw,670px);display:grid;place-items:center;text-align:center}.campaign-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.72);z-index:-2}.campaign:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(4,17,9,.45) 32%,rgba(4,16,9,.65) 68%,#000 100%),linear-gradient(100deg,rgba(0,120,55,.29),transparent 72%)}.campaign-content{padding:38px 12px}.campaign-mark{display:block;margin:0 auto 8px;width:clamp(115px,15vw,174px);height:auto;filter:drop-shadow(0 1px 5px #000)}.campaign h1{margin:0;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-size:clamp(43px,9vw,117px);font-weight:950;letter-spacing:-.08em;line-height:.99;color:#f1f2ee;background:linear-gradient(#fff 28%,#e6e8e5 53%,#a3ada6 73%,#eee 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.campaign p{margin:25px 0;color:#fff;font-size:clamp(16px,2vw,23px);font-weight:750;line-height:1.45;text-shadow:0 2px 8px #000}.campaign-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.campaign-actions .btn,.investor{padding:10px 22px;font-weight:800}.investor{background:#fff;color:#000;border-color:#fff}.campaign-actions .btn.red{background:#00ed7e;color:#020b06;border-color:#00ed7e}.band,.panel,.project,.logo{background:#101410}.intro h1,h2,.schools h3{font-weight:850}.section-head{border-color:#546057}.logo-box{background:transparent}.rail{border-color:#354038}.official-link:hover,.section-head>a:hover{color:#fff}
@media(max-width:600px){.campaign{min-height:445px}.mast b{font-size:26px}.official-link{font-size:11px}.campaign-actions .btn{padding:9px 15px}.campaign-photo{object-position:52% center}}
