@font-face{font-family:"Archivo Black";src:url("/fonts/archivoblack.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/fonts/instrumentserif.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/fonts/instrumentserif-i.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/mono400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/mono700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--ink:#10231A;--forest:#123D2B;--signal:#4BE07B;--coral:#FF6A4B;--chalk:#F2F0E6}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--chalk);font-family:"JetBrains Mono",monospace;
  min-height:100vh;display:flex;flex-direction:column;line-height:1.5}
a{color:inherit}
.slug{display:flex;justify-content:space-between;gap:16px;padding:22px 24px;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--signal);border-bottom:1px solid rgba(75,224,123,.22)}
.wrap{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:40px 24px 64px;
  display:grid;gap:44px;align-content:start}
@media(min-width:900px){.wrap{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:64px;padding-top:72px;align-items:start}}
video{width:100%;aspect-ratio:9/16;background:#000;display:block;border:3px solid var(--signal)}
h1{font-family:"Archivo Black",sans-serif;font-size:clamp(44px,9vw,84px);line-height:.96;
  letter-spacing:-.035em;text-wrap:balance}
.ser{font-family:"Instrument Serif",serif;font-size:clamp(22px,3.4vw,30px);line-height:1.34;color:#C8D8CE}
.ser i{font-style:italic}
.handle{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);margin-bottom:14px}
.rule{height:3px;background:var(--signal);opacity:.4;margin:30px 0}
.figs{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;margin-top:6px}
.fig b{display:block;font-family:"Archivo Black",sans-serif;font-size:clamp(30px,6vw,46px);
  line-height:1;letter-spacing:-.03em;color:var(--chalk)}
.fig span{display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#8FB09C;margin-top:8px}
.arch{border:3px solid var(--coral);padding:22px 22px 24px;margin-top:34px}
.arch b{font-family:"Archivo Black",sans-serif;font-size:clamp(26px,4.6vw,36px);letter-spacing:-.02em;color:var(--coral)}
.arch p{font-family:"Instrument Serif",serif;font-size:21px;margin-top:10px;color:#C8D8CE}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{display:inline-block;padding:14px 22px;font-size:13px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;text-decoration:none;border:2px solid var(--signal);color:var(--signal);
  transition:background .15s ease,color .15s ease}
.btn:hover,.btn:focus-visible{background:var(--signal);color:var(--ink)}
.btn.solid{background:var(--signal);color:var(--ink)}
.btn.solid:hover,.btn.solid:focus-visible{background:transparent;color:var(--signal)}
footer{border-top:1px solid rgba(75,224,123,.22);padding:26px 24px;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:#6E8C7B;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pitch{max-width:760px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:26px;margin-top:40px}
.grid3 a{text-decoration:none;display:block}
.grid3 video{border-width:2px}
.grid3 p{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin-top:10px}
.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px;margin-top:38px;
  border:2px solid var(--signal)}
.price div{padding:22px 20px;border-right:2px solid var(--signal)}
.price div:last-child{border-right:0}
.price b{display:block;font-family:"Archivo Black",sans-serif;font-size:34px;letter-spacing:-.02em}
.price span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8FB09C;margin-top:8px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}