:root{
  --raw-lime:#d0ff00;--raw-lime-hi:#e4ff5c;--raw-lime-lo:#a9d400;--raw-ink:#0b0d06;--raw-ink-2:#14170d;--raw-bone:#f2f1e8;
  --raw-ease:cubic-bezier(.16,1,.3,1);--raw-ease-fast:cubic-bezier(.2,0,0,1);
  --ink:var(--raw-ink);--paper:var(--raw-bone);--paper-70:rgb(242 241 232 / .7);--paper-50:rgb(242 241 232 / .5);--paper-rule:rgb(242 241 232 / .14);
  --ink-60:rgb(11 13 6 / .6);--accent:var(--raw-lime);--ease:var(--raw-ease);--slant:-7deg;
  --f-display:'Archivo','Arial Narrow',sans-serif;--f-text:'Archivo',system-ui,sans-serif;--f-mono:'Space Mono',ui-monospace,Menlo,monospace;
}
html{font-size:16px}
@media (max-width:1920px){html{font-size:.833333vw}}
@media (max-width:1440px){html{font-size:1.111111vw}}
@media (max-width:1023.98px){html{font-size:max(1.5625vw,12px)}}
@media (max-width:639.98px){html{font-size:min(4.444444vw,18px)}}
@media (min-width:1921px){html{font-size:calc(5.3344px + .5555vw)}}
*,*::before,*::after{box-sizing:border-box}
html{scrollbar-width:none;overflow-x:clip;scroll-behavior:smooth}
html::-webkit-scrollbar{display:none}
body{margin:0;color:var(--ink);font-family:var(--f-text);font-size:1rem;line-height:1.25;-webkit-font-smoothing:antialiased;overflow-x:clip;
  background:linear-gradient(var(--raw-lime-hi),var(--raw-lime) 40%,var(--raw-lime-lo));min-height:100vh}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img{display:block;max-width:100%}
::selection{background:var(--ink);color:var(--accent)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--f-mono);font-size:max(.75rem,11px);letter-spacing:.14em;text-transform:uppercase}
.eyebrow{font-family:var(--f-mono);font-size:max(.75rem,11px);letter-spacing:.26em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.75rem}
.eyebrow::before{content:"";width:2.25rem;height:1px;background:currentColor;opacity:.5}
.display{font-family:var(--f-display);font-style:italic;font-weight:800;font-stretch:62.5%;text-transform:uppercase;line-height:.84;letter-spacing:-.01em;margin:0}
.h1{font-size:clamp(4.5rem,15vw,17rem)}
.dim{opacity:.42}
.lines{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='120' viewBox='0 0 600 120'><path d='M0 60 C 100 20 200 100 300 60 S 500 20 600 60' fill='none' stroke='%230b0d06' stroke-opacity='.12' stroke-width='1.2'/></svg>") 0 0/600px 120px repeat;animation:run 40s linear infinite}
@keyframes run{to{background-position:-600px 0}}
.grain{position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.075;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.2 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}

.nav{position:fixed;top:1rem;left:clamp(16px,2.2vw,2rem);right:clamp(16px,2.2vw,2rem);z-index:50;display:flex;justify-content:space-between;align-items:center}
.nav .brand,.nav .home{display:flex;align-items:center;gap:.6rem;height:2.75rem;padding:0 1rem;background:var(--ink);color:var(--paper);border-radius:.5rem;box-shadow:inset 0 0 0 1px rgb(242 241 232 / .1)}
.nav .brand b{font-family:var(--f-display);font-style:italic;font-weight:800;font-stretch:62.5%;font-size:1.45rem;letter-spacing:.02em}
.nav .brand i{width:.55rem;height:1.1rem;background:var(--accent);transform:skewX(var(--slant))}
.nav .home{font-family:var(--f-mono);font-size:max(.72rem,11px);letter-spacing:.16em;text-transform:uppercase;transition:background .3s var(--ease),color .3s var(--ease)}
.nav .home:hover{background:var(--accent);color:var(--ink)}

main{position:relative;z-index:2}
.hero{padding:9rem clamp(16px,3.4vw,3.5rem) 4rem;display:grid;gap:1.5rem}
.ink{position:relative;z-index:5;background:var(--ink);color:var(--paper)}
.seam-top{margin-top:-8vh;padding-top:calc(8vh + 5rem);clip-path:polygon(0 8vh,100% 0,100% 100%,0 100%)}
.ink .eyebrow{color:var(--accent)}
.wrap{padding-left:clamp(16px,3.4vw,3.5rem);padding-right:clamp(16px,3.2vw,3.5rem)}
.sec{padding-bottom:7rem}

.btn{position:relative;display:inline-flex;align-items:center;gap:.9rem;height:3rem;padding:0 .3rem 0 1.25rem;background:var(--accent);color:var(--ink);border-radius:.5rem;overflow:hidden;isolation:isolate;font-family:var(--f-mono);font-size:max(.75rem,11px);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .42s var(--ease);z-index:-1}
.btn .ar{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.35rem;background:var(--ink);color:var(--accent);transition:transform .32s var(--ease)}
.btn:hover::before{transform:scaleX(1)}.btn:hover .ar{transform:translateX(2px)}

/* contact */
.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;align-items:start}
.form{display:grid;gap:1.4rem}
.field{display:grid;gap:.55rem}
.field label{font-family:var(--f-mono);font-size:max(.72rem,11px);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-50)}
.field input,.field select,.field textarea{width:100%;background:var(--raw-ink-2);color:var(--paper);border:1px solid var(--paper-rule);border-radius:.55rem;padding:1rem 1.1rem;font:inherit;font-size:1.05rem;outline:none;transition:border-color .2s var(--raw-ease-fast),background .2s var(--raw-ease-fast)}
.field textarea{min-height:11rem;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:rgb(208 255 0 / .05)}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 1.4rem) 50%,calc(100% - 1.05rem) 50%;background-size:.35rem .35rem;background-repeat:no-repeat}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.note{color:var(--paper-50)}
.ok{display:none;border:1px solid var(--accent);border-radius:.6rem;padding:1.1rem 1.2rem;background:rgb(208 255 0 / .06);color:var(--paper)}
.ok.on{display:block}
.side{display:grid;gap:2rem;border-left:1px solid var(--paper-rule);padding-left:2.4rem}
.side h3{margin:0 0 .5rem;font-family:var(--f-mono);font-weight:400;font-size:max(.72rem,11px);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.side p{margin:0;font-size:1.15rem;line-height:1.35;color:var(--paper-70)}
.side .big{font-family:var(--f-display);font-style:italic;font-weight:800;font-stretch:62.5%;text-transform:uppercase;font-size:2.6rem;line-height:.9;color:var(--paper)}

/* legal */
.legal{display:grid;grid-template-columns:16rem 1fr;gap:4rem;align-items:start}
.toc{position:sticky;top:6rem;display:grid;gap:.2rem}
.toc a{font-family:var(--f-mono);font-size:max(.72rem,11px);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-50);padding:.55rem 0;border-bottom:1px solid var(--paper-rule);transition:color .15s var(--raw-ease-fast)}
.toc a:hover{color:var(--accent)}
.doc section{padding:0 0 3rem;margin-bottom:3rem;border-bottom:1px solid var(--paper-rule);scroll-margin-top:6rem}
.doc section:last-child{border-bottom:0}
.doc h2{margin:0 0 1.2rem;font-family:var(--f-display);font-style:italic;font-weight:800;font-stretch:62.5%;text-transform:uppercase;font-size:clamp(2.2rem,3.4vw,3.6rem);line-height:.9}
.doc h2 small{display:block;font-family:var(--f-mono);font-style:normal;font-weight:400;font-size:max(.72rem,11px);letter-spacing:.2em;color:var(--accent);margin-bottom:.8rem}
.doc p,.doc li{color:var(--paper-70);font-size:1.1rem;line-height:1.5;max-width:46rem}
.doc p{margin:0 0 1rem}
.doc ul{margin:0;padding-left:1.2rem}
.doc a{color:var(--accent);text-decoration:underline;text-underline-offset:.25em}
.doc .box{border:1px solid var(--paper-rule);border-radius:.8rem;padding:1.2rem 1.4rem;background:var(--raw-ink-2);max-width:46rem}
.doc .box b{color:var(--paper);font-weight:500}

footer{position:relative;z-index:4;background:var(--accent);color:var(--ink);padding:3rem clamp(16px,3.4vw,3.5rem) 1.5rem}
footer .row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--ink);padding-top:1rem}
footer .row a{text-decoration:underline;text-underline-offset:.25em}
footer .links{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}
footer .links a{font-family:var(--f-display);font-style:italic;font-weight:800;font-stretch:62.5%;text-transform:uppercase;font-size:2.4rem;line-height:.9;transition:opacity .15s var(--raw-ease-fast)}
footer .links a:hover{opacity:.5}

@media (max-width:1023.98px){.contact,.legal{grid-template-columns:1fr}.side{border-left:0;padding-left:0;border-top:1px solid var(--paper-rule);padding-top:2rem}.toc{position:relative;top:0}}
@media (max-width:639.98px){.two{grid-template-columns:1fr}.hero{padding-top:7rem}}
@media (prefers-reduced-motion:reduce){.lines{animation:none}html{scroll-behavior:auto}}