@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@300;400;500&display=swap");
:root { --ink:#111; --paper:#f6f0df; --acid:#eeff41; --blue:#59f4e8; --red:#ff513f; --pink:#ff87c8; --purple:#7559ff; --white:#fffdf5; --line:2px solid var(--ink); --sans:"Archivo Black",Arial Black,sans-serif; --mono:"DM Mono",monospace; --pad:clamp(22px,4.2vw,72px); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:var(--mono); }
a { color:inherit; }
button,input,select,textarea { color:inherit; font:inherit; }
button,select { cursor:pointer; }
[hidden] { display:none !important; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; padding:12px 16px; border:var(--line); background:var(--acid); transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.site-head { min-height:76px; display:flex; align-items:stretch; justify-content:space-between; border-bottom:var(--line); background:var(--paper); }
.wordmark { min-width:215px; display:flex; flex-direction:column; justify-content:center; padding:10px 24px; font:400 1.08rem/.83 var(--sans); letter-spacing:-.055em; text-decoration:none; }
.site-head nav { display:flex; border-left:var(--line); }
.site-head nav a { min-width:150px; display:grid; place-items:center; padding:0 13px; border-right:var(--line); font:500 .58rem/1 var(--mono); text-decoration:none; text-transform:uppercase; }
.site-head nav a:last-child { border-right:0; }
.site-head nav a:hover,.site-head nav a:focus-visible { background:var(--ink); color:var(--acid); }
.apply-hero { min-height:680px; display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(50px,7vw,115px); align-items:center; position:relative; padding:84px var(--pad) 96px calc(var(--pad) + 38px); border-bottom:var(--line); background:linear-gradient(rgba(17,17,17,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.075) 1px,transparent 1px),var(--acid); background-size:34px 34px; }
.binder-spine { position:absolute; inset:0 auto 0 0; width:30px; border-right:var(--line); background:var(--red); }
.binder-spine::before,.binder-spine::after { content:""; position:absolute; left:8px; width:11px; height:11px; border:2px solid var(--ink); border-radius:50%; background:var(--paper); }
.binder-spine::before { top:24%; }.binder-spine::after { bottom:24%; }
.hero-copy { position:relative; z-index:2; }
.hero-copy > p:first-child,.section-index { margin:0; font:500 .62rem/1.3 var(--mono); letter-spacing:.11em; }
.hero-copy h1 { margin:26px 0 30px; font:400 clamp(4.5rem,8.4vw,9.3rem)/.76 var(--sans); letter-spacing:-.085em; }
.hero-copy h1 em { color:var(--purple); font-style:normal; }
.hero-deck { max-width:680px; margin:0 0 34px; font-size:.83rem; line-height:1.68; }
.button { min-height:56px; display:inline-flex; align-items:center; justify-content:space-between; gap:28px; padding:0 20px; border:var(--line); box-shadow:6px 6px 0 var(--red); font:500 .62rem/1 var(--mono); letter-spacing:.04em; text-decoration:none; text-transform:uppercase; transition:.18s; }
.button:hover,.button:focus-visible { box-shadow:2px 2px 0 var(--red); transform:translate(4px,4px); }
.button-dark { background:var(--ink); color:var(--acid); }
.terms-card { position:relative; padding:54px 30px 28px; border:var(--line); background:var(--white); box-shadow:13px 15px 0 var(--blue),26px 29px 0 var(--ink); transform:rotate(1deg); }
.terms-card > span { position:absolute; inset:0 0 auto; min-height:38px; display:flex; align-items:center; padding:0 13px; border-bottom:1px solid var(--ink); background:var(--pink); font-size:.57rem; letter-spacing:.09em; }
.terms-card dl { margin:0; border-top:var(--line); }
.terms-card dl div { display:grid; grid-template-columns:100px 1fr; gap:18px; padding:17px 0; border-bottom:1px solid var(--ink); }
.terms-card dt { font-size:.51rem; opacity:.58; }.terms-card dd { margin:0; font-size:.65rem; line-height:1.5; }
.terms-card > p { margin:23px 0 0; padding:12px; background:var(--ink); color:var(--acid); font-size:.53rem; line-height:1.5; }
.signal-strip { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:var(--line); background:var(--ink); color:#fff; }
.signal-strip p { min-height:112px; display:flex; flex-direction:column; justify-content:center; gap:9px; margin:0; padding:20px var(--pad); border-right:1px solid #fff; }.signal-strip p:last-child{border-right:0;}
.signal-strip strong { font:400 clamp(2.6rem,4.3vw,4.7rem)/.8 var(--sans); color:var(--acid); letter-spacing:-.07em; }.signal-strip span{font-size:.54rem;letter-spacing:.08em;}
.application-section { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(50px,7vw,115px); align-items:start; padding:100px var(--pad) 125px; border-bottom:var(--line); }
.application-intro { position:sticky; top:30px; }
.application-intro h2,.after h2,.tumblr-door h2 { margin:16px 0 34px; font:400 clamp(3.4rem,6.5vw,7rem)/.8 var(--sans); letter-spacing:-.08em; }
.application-intro h2 em { color:var(--purple); font-style:normal; }
.role-brief { padding:49px 19px 20px; position:relative; border:var(--line); background:var(--blue); box-shadow:7px 8px 0 var(--ink); }
.role-brief > span { position:absolute; inset:0 0 auto; min-height:34px; display:flex; align-items:center; padding:0 10px; border-bottom:1px solid var(--ink); background:var(--ink); color:var(--acid); font-size:.52rem; }
.role-brief strong { display:block; font:400 clamp(1.6rem,2.5vw,2.7rem)/.95 var(--sans); letter-spacing:-.05em; }
.role-brief p { margin:14px 0 22px; font-size:.63rem; line-height:1.55; }.role-brief b{font-size:.51rem;letter-spacing:.06em;}
.lateral-door { margin:28px 0 0; font-size:.64rem; line-height:1.55; }.lateral-door a{text-underline-offset:5px;}
.application-form { position:relative; padding:58px 28px 30px; border:var(--line); background:var(--white); box-shadow:12px 14px 0 var(--red),25px 29px 0 var(--ink); }
.form-top { position:absolute; inset:0 0 auto; min-height:39px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; border-bottom:1px solid var(--ink); background:var(--acid); font-size:.54rem; letter-spacing:.05em; }
.form-top b { color:var(--red); }
.application-form label { display:grid; gap:8px; margin-bottom:17px; font:500 .57rem/1.25 var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.application-form label small { opacity:.55; }.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;}
.application-form input,.application-form select,.application-form textarea { width:100%; min-height:47px; padding:12px; border:1px solid var(--ink); border-radius:0; background:#fff; font:400 .69rem/1.48 var(--mono); text-transform:none; resize:vertical; }.application-form textarea{min-height:92px;}
.application-form .check { grid-template-columns:22px 1fr; align-items:start; gap:10px; padding:13px; border:1px solid var(--ink); background:var(--paper); line-height:1.5; letter-spacing:0; text-transform:none; }.check input{width:18px;min-height:18px;margin:2px 0 0;}
.honeypot { position:absolute !important; left:-10000px; width:1px; height:1px; overflow:hidden; }
.submit-button { width:100%; margin-top:5px; }.form-status{margin:20px 0 0;font-size:.58rem;line-height:1.5;}
.receipt { align-self:start; padding:34px; border:var(--line); background:var(--acid); box-shadow:12px 14px 0 var(--purple),25px 29px 0 var(--ink); }.receipt>p:first-child{font-size:.58rem;letter-spacing:.09em;}.receipt h3{margin:20px 0 30px;font:400 clamp(3.5rem,6vw,6.8rem)/.8 var(--sans);letter-spacing:-.08em;}.receipt dl{border-top:var(--line);}.receipt dl div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--ink);}.receipt dt{font-size:.5rem;opacity:.55}.receipt dd{margin:0;font-size:.65rem;overflow-wrap:anywhere}.receipt>p:not(:first-child){margin:25px 0;font-size:.66rem;line-height:1.6;}
.after { display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,8vw,120px);padding:95px var(--pad) 115px;border-bottom:var(--line);background:var(--pink);}.after ol{margin:0;padding:0;list-style:none;border-top:var(--line);}.after li{display:grid;grid-template-columns:48px 150px 1fr;gap:18px;padding:22px 0;border-bottom:var(--line);}.after li>span{font-size:.54rem}.after strong{font:400 1.35rem/1 var(--sans);letter-spacing:-.04em}.after li p{margin:0;font-size:.63rem;line-height:1.55;}
.tumblr-door { padding:105px var(--pad) 120px;border-bottom:var(--line);background:var(--purple);color:#fff;}.tumblr-door>p:first-child{margin:0;font-size:.6rem;letter-spacing:.1em}.tumblr-door h2{max-width:1100px;color:var(--acid);}.tumblr-door>p:not(:first-child){max-width:850px;margin:0 0 35px;font-size:.76rem;line-height:1.7;}
footer { min-height:270px;display:grid;grid-template-columns:1fr .8fr 1fr;gap:45px;padding:62px var(--pad) 85px;background:var(--ink);color:#fff;font-size:.62rem;line-height:1.55;}footer p{margin:0}footer nav{display:flex;flex-direction:column;gap:11px;text-transform:uppercase}footer [data-pointcast-network]{grid-column:1/-1;color:var(--ink);}
:focus-visible{outline:3px solid var(--red);outline-offset:4px;}
@media(max-width:980px){.apply-hero,.application-section,.after{grid-template-columns:1fr}.terms-card{width:min(86%,720px);justify-self:center}.application-intro{position:static}.after li{grid-template-columns:45px 160px 1fr}}
@media(max-width:700px){:root{--pad:18px}.site-head{display:block}.wordmark{min-height:62px;align-items:center;border-bottom:var(--line)}.site-head nav{border-left:0}.site-head nav a{min-width:0;min-height:48px;flex:1;padding:0 4px;font-size:.46rem}.apply-hero{display:block;min-height:0;padding:62px var(--pad) 88px calc(var(--pad) + 18px);background-size:28px 28px}.binder-spine{width:14px}.binder-spine::before,.binder-spine::after{left:2px;width:8px;height:8px}.hero-copy h1{font-size:16.5vw}.hero-deck{font-size:.72rem}.button{width:100%}.terms-card{width:94%;margin:90px auto 0;padding-left:20px;padding-right:20px;box-shadow:9px 11px 0 var(--blue),18px 22px 0 var(--ink);transform:none}.terms-card dl div{grid-template-columns:85px 1fr}.signal-strip{grid-template-columns:1fr 1fr}.signal-strip p{min-height:100px;padding:18px}.signal-strip p:nth-child(2){border-right:0}.signal-strip p:nth-child(-n+2){border-bottom:1px solid #fff}.application-section,.after,.tumblr-door{padding-top:74px;padding-bottom:92px}.application-intro h2,.after h2,.tumblr-door h2{font-size:14vw}.application-form{padding:56px 18px 24px;box-shadow:8px 10px 0 var(--red),17px 20px 0 var(--ink)}.field-row{grid-template-columns:1fr;gap:0}.after li{grid-template-columns:36px 1fr;}.after li p{grid-column:2}.receipt{padding:25px;box-shadow:8px 10px 0 var(--purple),17px 20px 0 var(--ink)}footer{grid-template-columns:1fr;gap:25px}footer nav{flex-direction:row;flex-wrap:wrap}footer [data-pointcast-network]{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--paper:#fff;--white:#fff;--acid:#f4ff00}.application-form,.terms-card,.receipt{border-width:3px}}
