:root{
  --bg:#0E0F11;--panel:#15161A;--raised:#1C1E22;--border:#26282D;--border-strong:#33363C;
  --text:#ECEAE4;--text2:#A9A8A2;--text3:#91908B;--accent:#F2A54A;--on-accent:#1B1206;--ok:#7BC99A;
  --sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --max:1080px;--narrow:680px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--bg);color:var(--text);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.wrap.narrow{max-width:var(--narrow)}
.caps{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}

header{position:sticky;top:0;z-index:10;background:rgba(14,15,17,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}
.wordmark{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px}
.wordmark img{width:22px;height:22px;border-radius:5px}
nav{display:flex;gap:22px;font-size:13px;font-weight:600;color:var(--text2)}
nav a:hover{color:var(--text)}
nav .cta{color:var(--accent)}
@media (max-width:560px){nav a:not(.cta){display:none}}

.btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border-radius:9px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:var(--sans);transition:filter .12s ease-out}
.btn.primary{background:var(--accent);color:var(--on-accent)}
.btn.primary:hover{filter:brightness(1.06)}

/* hero */
.hero-full{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden}
.hero-full .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%;filter:saturate(.95)}
.hero-full::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,17,.15) 0%,rgba(14,15,17,.55) 55%,rgba(14,15,17,.96) 100%)}
.hero-copy{position:relative;z-index:1;width:100%;padding-top:140px;padding-bottom:72px}
.eyebrow{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-bottom:18px}
.hero-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(56px,10vw,120px);line-height:.95;letter-spacing:-.02em}
.hero-copy .lead{margin:28px 0 32px;max-width:560px;font-size:18px;color:var(--text2)}

/* essays */
.essay{padding:96px 0 0}
.essay.alt{background:var(--panel)}
.essay.alt{padding-bottom:96px;margin-top:96px}
.essay:not(.alt)+.essay.alt{margin-top:0}
.essay h2,.product h2,.waitlist h2,.about-section h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.015em;margin-bottom:22px}
.essay p:not(.caps){font-size:18px;color:var(--text2);margin-bottom:18px;max-width:620px}
.essay p:not(.caps):first-of-type{color:var(--text)}
.essay .caps{margin-bottom:18px}

figure{margin:0}
figcaption{font:400 12.5px/1.5 var(--mono);color:var(--text3);margin-top:12px}
.full{max-width:var(--max);margin:56px auto 0;padding:0 20px}
.full img{width:100%;border-radius:12px;border:1px solid var(--border)}
.essay:not(.alt) .full{padding-bottom:96px}
.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
@media (max-width:640px){.triptych{grid-template-columns:1fr}}
.triptych img{border-radius:10px;border:1px solid var(--border)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;padding-bottom:96px;align-items:start}
@media (max-width:640px){.pair{grid-template-columns:1fr}}
.pair img{border-radius:10px;border:1px solid var(--border);width:100%}
.strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:var(--max);margin:48px auto 0;padding:0 20px}
@media (max-width:640px){.strip{grid-template-columns:1fr}}
.strip img{border-radius:10px;border:1px solid var(--border);width:100%}
.essay:last-of-type{padding-bottom:96px}

/* product + waitlist + about */
.product{padding:96px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.product .num{color:var(--accent);font-family:var(--mono);font-size:.8em;vertical-align:baseline}
.product p:not(.caps){font-size:18px;color:var(--text2);margin-bottom:18px}
.product p:not(.caps):first-of-type{color:var(--text)}
.waitlist{padding:80px 0;background:var(--panel)}
form{display:flex;gap:10px;margin-top:8px;max-width:520px;flex-wrap:wrap}
input[type=email]{flex:1;min-width:220px;height:46px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text);padding:0 14px;font:15px var(--sans)}
input[type=email]::placeholder{color:var(--text3)}
input[type=email]:focus{outline:none;border-color:var(--accent)}
.form-note{margin-top:12px;font-size:12.5px;color:var(--text3)}
.form-msg{margin-top:14px;font-size:14px;color:var(--ok);min-height:1.4em}
.form-msg.err{color:var(--accent)}
.about-section{padding:96px 0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media (max-width:760px){.about{grid-template-columns:1fr}}
.about p:not(.caps){color:var(--text2);margin-top:12px;font-size:16.5px}
.about .logo{max-width:440px;margin-top:10px}
footer{padding:36px 0 48px;color:var(--text3);font-size:13px;border-top:1px solid var(--border)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a:hover{color:var(--text)}

/* pillars */
.pillars{padding:72px 0 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:760px){.grid3{grid-template-columns:1fr}}
.pillar{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:26px 24px 22px;transition:border-color .12s ease-out,background .12s ease-out}
.pillar:hover{border-color:var(--border-strong);background:var(--raised)}
.pillar h3{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.15;letter-spacing:-.01em;margin-bottom:12px}
.pillar p:not(.caps){font-size:15px;color:var(--text2);margin-bottom:16px}
.pillar .more{font:600 13px var(--sans);color:var(--accent)}
.pillar .more::after{content:" \2192"}
/* subpage hero */
.page-hero{padding:96px 0 0}
.page-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,7vw,76px);line-height:1.02;letter-spacing:-.02em;margin-bottom:24px}
.page-hero .lead{font-size:19px;color:var(--text2);max-width:620px}
.page-hero .full{margin-top:48px}
.page-hero .full img{max-height:620px;object-fit:cover;width:100%}
.essay.alt+.product{border-top:0}
.product .btn{margin-top:8px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:980px){.grid4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.grid4{grid-template-columns:1fr}}
.grid4 .pillar h3{font-size:23px}
@media (max-width:760px){nav a:not(.cta){display:none}}
footer .foot{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;font-weight:600;color:var(--text2);margin-bottom:18px}
footer .foot a:hover{color:var(--text)}
footer .foot-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer .wrap{display:block}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media (max-width:1040px){.grid5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.grid5{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.grid5{grid-template-columns:1fr}}
.grid5 .pillar{padding:22px 18px 18px}
.grid5 .pillar h3{font-size:21px}
.grid5 .pillar p:not(.caps){font-size:14px}
@media (max-width:860px){nav a:not(.cta){display:none}}