@font-face{font-family:Space;src:url('/assets/space.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Mono;src:url('/assets/mono.woff2') format('woff2');font-display:swap}
:root{--paper:#f8f5ee;--ink:#191919;--blue:#2826d9;--orange:#ff6737;--rule:#252525;--mono:Mono,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Space,Arial,sans-serif;font-size:17px;line-height:1.55}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{display:block;width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}
h1,h2,h3{font-weight:700;line-height:.95;letter-spacing:-.07em}
h2{font-size:clamp(48px,7vw,100px)}
h3{font-size:36px}
.shell{width:min(100% - 88px,1320px);margin-inline:auto}
.section{padding-block:clamp(72px,9vw,130px)}
.skip{position:fixed;left:12px;top:12px;z-index:20;background:var(--paper);padding:12px;transform:translateY(-150%)}
.skip:focus{transform:none}
:focus-visible{outline:3px solid #087577;outline-offset:4px}
.header{border-bottom:1px solid var(--rule)}
.nav,.foot{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav{min-height:79px}
.logo{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:700;line-height:.95;letter-spacing:-.045em;text-decoration:none}
.logo svg{width:39px;height:39px;fill:var(--blue);flex:none}
nav{display:flex;gap:clamp(16px,3vw,44px);font-size:15px;font-weight:600}
nav a{text-decoration:none}
nav a:hover,.line-link:hover{text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 20px;min-height:53px;border:1px solid var(--ink);text-decoration:none;font-weight:700;line-height:1.2;transition:box-shadow .2s,transform .2s}
.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}
.dark{background:var(--ink);color:white}
.dark:hover{box-shadow:4px 4px 0 var(--blue)}
.small{min-height:44px;padding:10px 14px;font-size:14px}
.orange{background:var(--orange);color:var(--ink)}
.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(25px,4vw,64px);align-items:center;padding-block:clamp(38px,6vw,86px)}
.eyebrow,.index,figcaption,.ticker{font-family:var(--mono);font-size:12px;letter-spacing:.04em}
.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:22px}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);border:1px solid var(--ink);flex:none}
.hero h1{font-size:clamp(69px,9.7vw,152px);line-height:.84;letter-spacing:-.09em}
.hero h1 em{color:var(--blue);font-style:normal}
.hero-deck{font-size:clamp(18px,1.6vw,22px);max-width:410px;margin:25px 0}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.line-link{font-weight:700;text-underline-offset:5px;font-size:15px}
.hero-shot{background:var(--blue);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transform:rotate(1.25deg)}
.hero-shot img{aspect-ratio:1.27;object-fit:cover;object-position:center}
figcaption{padding:9px 12px;background:var(--paper);color:var(--ink);border-top:1px solid var(--ink)}
.hero-shot figcaption{display:flex;justify-content:space-between;gap:8px;font-size:10px}
.ticker{background:var(--ink);color:var(--paper);padding:16px 0}
.ticker .shell{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.ticker b{color:var(--orange);font-size:19px;line-height:1}
.section-head{display:grid;grid-template-columns:1fr minmax(200px,330px);gap:16px;align-items:end;margin-bottom:36px}
.section-head .eyebrow{grid-column:1/-1;margin-bottom:0}
.section-head>p:last-child,.large{font-size:21px;line-height:1.4}
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.event{display:flex;flex-direction:column;min-height:310px;padding:23px;border:1px solid var(--ink)}
.event h3{margin-bottom:12px;max-width:250px}
.event p{margin-bottom:22px}
.event a{margin-top:auto;font-weight:700;text-underline-offset:4px}
.lilac{background:#d9d1ff}.peach{background:#ffc6ab}.mint{background:#d5edcf}
.glyph{font-size:57px;line-height:1.15;margin:12px 0 18px}
.experience{background:var(--blue);color:white}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,110px);align-items:start}
.experience figure{align-self:center;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}
.experience img{aspect-ratio:1.13;object-fit:cover;background:#541f27}
.large{margin-top:22px}
.steps{list-style:none;margin:28px 0 0;padding:0}
.steps li{display:flex;gap:16px;border-top:1px solid #ffffff80;padding:13px 0}
.steps li>span{font:12px var(--mono);padding-top:5px;color:#dedaff}
.steps p{font-size:15px;color:#f0edff}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,7vw,105px)}
.accordion{border-top:1px solid var(--ink)}
details{border-bottom:1px solid var(--ink)}
summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;font-weight:700;font-size:19px;padding:18px 0}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--blue);font:24px var(--mono)}
details[open] summary::after{content:"−"}
details p{padding:0 24px 19px 0;max-width:62ch}
.quote{background:#f7db70;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.quote-mark{display:block;font-size:145px;line-height:1;color:var(--blue);margin-top:24px}
.quote .large{max-width:38ch}
.form{background:var(--paper);border:1px solid var(--ink);padding:clamp(20px,3vw,35px);box-shadow:7px 7px 0 var(--ink)}
.form-intro{margin:10px 0 19px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.fields label{display:grid;align-content:start;grid-template-columns:auto 1fr;gap:5px;font-size:14px;font-weight:700}
.fields label span{color:#525252;font-weight:400;font-size:12px;align-self:center}
.fields input,.fields select,.fields textarea{grid-column:1/-1;width:100%;min-width:0;min-height:44px;border:1px solid #68665e;border-radius:0;padding:9px;color:var(--ink);background:white;font-size:16px}
.fields textarea{resize:vertical}
.full{grid-column:1/-1}
.form .button{margin-top:17px}
.form-note,#form-status{font-size:14px;margin-top:10px}
#form-status:empty{display:none}
#form-status[data-state=error]{color:#a02618}
#form-status[data-state=success]{color:#12623a;font-weight:700}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.foot{padding-block:28px;font-size:14px;flex-wrap:wrap}
.foot small{font-size:12px}
.prose{max-width:740px;padding-block:65px}
.prose h1{font-size:clamp(52px,8vw,86px);margin-bottom:23px}
.prose h2{font-size:26px;letter-spacing:-.04em;margin-top:24px}
.prose p{margin-top:12px}
.prose .button{margin-top:24px}
@media(max-width:900px){
.shell{width:calc(100% - 54px)}
.hero{grid-template-columns:1fr 1fr;gap:26px}
.hero h1{font-size:clamp(59px,10vw,95px)}
.hero-actions{gap:12px}
.event{padding:18px}
.event h3{font-size:30px}
}
@media(max-width:680px){
.shell{width:calc(100% - 34px)}
.nav{flex-wrap:wrap;gap:10px;min-height:0;padding:12px 0}
.nav nav{order:3;width:100%;border-top:1px solid #28282840;padding:5px 0 0;justify-content:space-between}
.nav nav a{min-height:44px;display:flex;align-items:center}
.logo{font-size:15px}
.logo svg{width:31px;height:31px}
.hero,.split,.faq,.event-grid,.section-head{grid-template-columns:1fr}
.hero{padding-block:34px 42px;gap:25px}
.hero h1{font-size:clamp(72px,15.5vw,110px)}
.hero-deck{margin:17px 0}
.hero-shot{margin:0 4px 0 0;transform:rotate(.75deg);box-shadow:5px 5px 0 var(--ink)}
.hero-shot img{aspect-ratio:1.4}
.ticker .shell{justify-content:center;font-size:10px;gap:8px}
.ticker b{font-size:14px}
.section{padding-block:60px}
.event{min-height:240px}
.experience figure{order:2}
.quote-mark{display:none}
.form{box-shadow:4px 4px 0 var(--ink)}
}
@media(max-width:370px){
.hero h1{font-size:66px}
.fields{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.inbox-entry{border-top:1px solid var(--rule);margin-top:25px}
.inbox-entry p{overflow-wrap:anywhere}
.inbox-notes{white-space:pre-wrap}