@font-face{font-family:Syne;src:url("../../assets/fonts/8vih7w4qzmvxm25l9g78heznmg-b9a65ec5.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Syne;src:url("../../assets/fonts/8vih7w4qzmvxm2bl9g78hey-379ba207.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;src:url("../../assets/fonts/-f63fjptagt5vm-kvkqdyu8n1ieq131nj-otfq-39192021.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:IBM Plex Mono;src:url("../../assets/fonts/-f63fjptagt5vm-kvkqdyu8n1i8q131nj-o-a59e1a36.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--paper:#fcfde1;--ink:#111;--muted:#584c3b;--line:rgba(17,17,17,.16);--blue:#007aff;--max:1180px;--gutter:clamp(24px,4.7vw,60px);--header-h:168px;--footer-h:126px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Mono",monospace;font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}

.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.site-header .wrap{max-width:none;padding-inline:clamp(18px,3vw,42px)}
.nav{min-height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(20px,4vw,64px);padding-block:16px}
.header-socials{justify-self:start;display:flex;gap:18px;font-size:14px;text-transform:lowercase}
.header-center{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.brand{display:flex;align-items:center;justify-content:center;min-width:0;overflow:visible}
.brand-full-logo{width:auto;height:96px;object-fit:contain;object-position:center}
.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.4vw,34px);font-size:14px;text-transform:lowercase}
.nav-links a[aria-current="page"]{text-decoration:underline;text-underline-offset:.35em}
.header-store{justify-self:end;font-family:Syne,sans-serif;font-weight:700;font-size:15px;white-space:nowrap}

.hero{min-height:calc(100svh - var(--header-h));display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,640px);align-items:stretch;border-bottom:1px solid var(--line)}
.hero-copy{padding-block:clamp(70px,12vw,150px);display:flex;flex-direction:column;justify-content:center}
.hero h1,.page-hero h1,h2,h3{font-family:Syne,sans-serif;text-transform:uppercase;line-height:1;margin:0;letter-spacing:0}
.hero h1{font-size:clamp(50px,8.4vw,104px);line-height:.9;margin:.18em 0 .22em}
.lead{max-width:620px;font-size:clamp(17px,2vw,24px);color:var(--muted)}
.eyebrow,.label{font-size:14px;color:var(--muted);text-transform:lowercase}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;font-size:14px}
.button:hover{background:var(--ink);color:var(--paper);text-decoration:none}
.hero-art{min-height:420px;position:relative;display:grid;place-items:center;padding:clamp(28px,5vw,70px);overflow:hidden}
.hero-art img{position:absolute;inset:50%;z-index:1;width:min(82%,560px);height:auto;object-fit:contain;transform:translate(-50%,-50%)}

.page-hero{padding-block:clamp(72px,11vw,140px);border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(34px,7vw,108px);align-items:end}
.page-hero h1{font-size:clamp(52px,8.8vw,112px);line-height:.9;margin:.16em 0 0}
.about-hero{padding-block:clamp(72px,10vw,124px)}
.about-hero .page-hero-grid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,42px);align-items:start}
.about-hero .copy{max-width:820px}

.section{padding-block:clamp(64px,9vw,120px);border-bottom:1px solid var(--line)}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,7vw,110px)}
h2{font-size:clamp(38px,6vw,72px)}
h3{font-size:clamp(30px,4.5vw,54px)}
.copy{max-width:760px;color:var(--muted)}
.copy p{margin:0 0 1em}
.copy a{text-decoration:underline;text-underline-offset:.25em}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}

.product,.tool-card{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:clamp(28px,5vw,72px);align-items:end}
.product-media,.tool-media{aspect-ratio:1;position:relative;display:grid;place-items:center;overflow:visible}
.product-media img,.tool-media img{position:absolute;inset:50%;z-index:1;width:86%;height:auto;object-fit:contain;transform:translate(-50%,-50%)}
.price{font-size:18px;color:var(--muted);margin:8px 0 18px}
.product .price{margin-top:8px;margin-bottom:0}

.manifest{counter-reset:item;display:grid;gap:18px;margin-top:34px}
.manifest article{border-top:1px solid var(--line);padding-top:18px}
.manifest h3{font-size:clamp(22px,3vw,34px);margin-bottom:8px}
.support-grid{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.28fr);gap:clamp(34px,7vw,110px);align-items:start}.support-grid > :first-child{display:flex;flex-direction:column;gap:8px}.support-grid > .copy{max-width:620px;padding-top:calc(14px + 8px)}.support-grid > .copy p{margin:0}.support-grid > .copy a{text-decoration:underline;text-underline-offset:.25em}

.site-footer{background:#101010;color:var(--paper);padding-block:0}
.footer-grid{min-height:var(--footer-h);display:grid;grid-template-columns:minmax(80px,180px) minmax(220px,1fr) minmax(126px,180px);gap:clamp(18px,5vw,72px);align-items:center}
.footer-logo{width:58px;height:80px;object-fit:contain;filter:brightness(0) invert(1)}
.footer-text{justify-self:center;text-align:left;font-size:12px;line-height:1.25;min-width:0}
.footer-text p{margin:0 0 .25rem}
.social{justify-self:end;display:flex;gap:12px;flex-wrap:nowrap}
.social a{width:38px;height:38px;border:1px solid rgba(252,253,225,.28);border-radius:999px;display:grid;place-items:center}
.social a:hover{background:var(--paper);color:#101010;text-decoration:none}
.social svg{width:18px;height:18px;display:block;fill:currentColor}

@media (max-width:820px){
  :root{--header-h:146px;--footer-h:110px}
  .nav{grid-template-columns:1fr;justify-items:center;gap:10px;padding-block:12px}
  .header-socials{order:2;justify-self:center;gap:14px;font-size:12px}
  .header-center{order:1;gap:8px}
  .header-store{order:3;justify-self:center;font-size:13px}
  .brand-full-logo{height:74px}
  .nav-links{gap:16px;font-size:12px}
  .hero{grid-template-columns:1fr}
  .hero-copy{padding-block:64px}
  .hero-art{min-height:360px}
  .split,.product,.page-hero-grid,.tool-card,.support-grid{grid-template-columns:1fr}
  .section-head{align-items:start;flex-direction:column}
  .footer-grid{grid-template-columns:58px minmax(0,1fr) 126px;gap:18px;align-items:center}
  .footer-logo{width:48px;height:66px}
  .footer-text{justify-self:center;font-size:11px}
  .social{justify-self:end;gap:8px;margin-top:0}
  .social a{width:34px;height:34px}
}

@media (max-width:560px){
  .footer-grid{min-height:auto;grid-template-columns:1fr;justify-items:center;text-align:center;padding-block:18px;gap:14px}
  .footer-logo{width:44px;height:60px}
  .footer-text{justify-self:center;text-align:center}
  .social{justify-self:center}
}