:root{
  --bg:#050505; --panel:#0a0a0a; --text:#f2f2f0; --muted:#a0a0a0;
  --line:#262626; --soft:#151515; --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.nav{height:92px;max-width:var(--max);margin:auto;padding:22px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand img{width:205px;display:block}
.site-id,.section-no,.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#8c8c8c}
main{overflow:hidden}
.hero{min-height:calc(100vh - 92px);max-width:var(--max);margin:auto;padding:8vh 42px 7vh;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px;align-items:center}
.hero h1,.problem h2,.tanya-copy h2,.manifesto h2,.identity h2,.experimental h2,.early-access h2{font-size:clamp(42px,6.1vw,94px);line-height:.91;letter-spacing:-.055em;margin:22px 0 28px;font-weight:800}
h1 span,h2 span{color:#747474}
.lede,.body-copy{max-width:760px;color:#b7b7b7;font-size:clamp(17px,1.45vw,22px);line-height:1.55}
.lede strong,.body-copy strong{color:#fff}
.cta{display:inline-flex;gap:38px;align-items:center;margin-top:30px;padding:17px 20px;border:1px solid #555;text-decoration:none;font-size:12px;letter-spacing:.13em;font-weight:700;transition:.2s}
.cta:hover{background:#fff;color:#000}
.hero-index{align-self:end;border-left:1px solid var(--line);padding-left:25px;margin-bottom:4vh}
.hero-index span{font-size:70px;font-weight:800;letter-spacing:-.07em;color:#252525}
.hero-index p{font-size:11px;letter-spacing:.16em;line-height:1.6;color:#8d8d8d}
.grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:260px 1fr;padding:130px 42px;border-top:1px solid var(--line)}
.problem h2{font-size:clamp(40px,5.5vw,80px)}
.tanya-intro{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(340px,.85fr) 1.15fr;border-top:1px solid var(--line);background:var(--panel)}
.tanya-image{position:relative;min-height:760px;overflow:hidden}
.tanya-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center top;filter:saturate(.75) contrast(1.06)}
.image-tag{position:absolute;left:24px;bottom:24px;padding:10px 12px;background:rgba(0,0,0,.72);font-size:10px;line-height:1.5;letter-spacing:.17em;font-weight:700}
.tanya-copy{padding:110px 6vw;align-self:center}
.tanya-copy h2{font-size:clamp(42px,5.1vw,76px)}
.loop{margin-top:52px;padding-top:24px;border-top:1px solid #333;display:flex;gap:10px 13px;flex-wrap:wrap;align-items:center;font-size:11px;letter-spacing:.12em;font-weight:700;color:#d7d7d7}
.loop b{color:#565656}
.manifesto{max-width:var(--max);margin:auto;padding:160px 42px;border-top:1px solid var(--line)}
.manifesto h2{font-size:clamp(48px,7vw,104px);max-width:1200px}
.identity{grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:8vw;align-items:center}
.portrait-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#111}
.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.04)}
.identity-copy .section-no{margin-bottom:75px}
.identity h2{font-size:clamp(36px,4.5vw,68px)}
.experimental{max-width:var(--max);margin:auto;padding:150px 42px;border-top:1px solid var(--line);display:grid;grid-template-columns:260px 1fr}
.experimental h2{font-size:clamp(42px,5.4vw,82px)}
.test-line{margin-top:60px;padding-top:24px;border-top:1px solid #333;font-size:13px;letter-spacing:.16em;color:#8f8f8f}
.test-line strong{color:#fff}
.early-access{max-width:var(--max);margin:auto;padding:150px 42px 170px;border-top:1px solid var(--line);text-align:center}
.early-access h2{font-size:clamp(58px,9vw,132px)}
.early-access p:not(.eyebrow){color:#999;font-size:18px}
.cta.light{border-color:#888;margin-top:36px}
footer{max-width:var(--max);margin:auto;padding:40px 42px 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
footer img{width:180px}
footer p{margin:5px 0;text-align:right;font-size:9px;letter-spacing:.15em;color:#777}

@media(max-width:800px){
  .nav{height:74px;padding:18px 20px}.brand img{width:155px}.site-id{font-size:9px}
  .hero{min-height:auto;padding:82px 20px 72px;display:block}.hero-index{margin-top:75px;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}
  .hero h1{font-size:clamp(44px,13vw,66px);line-height:.92}.lede{font-size:17px}
  .grid,.experimental{grid-template-columns:1fr;padding:90px 20px;gap:42px}
  .tanya-intro{grid-template-columns:1fr}.tanya-image{min-height:620px}.tanya-copy{padding:82px 20px}
  .manifesto{padding:100px 20px}.manifesto h2{font-size:clamp(47px,13vw,68px)}
  .identity{gap:60px}.portrait-wrap{max-width:520px}.identity-copy .section-no{margin-bottom:45px}
  .early-access{padding:105px 20px 120px}.early-access h2{font-size:clamp(62px,19vw,92px)}
  footer{padding:34px 20px 45px;display:block}footer img{width:155px;margin-bottom:28px}footer p{text-align:left}
}
@media(max-width:430px){
  .hero h1{font-size:43px}.problem h2,.tanya-copy h2,.experimental h2{font-size:42px}
  .identity h2{font-size:38px}.tanya-image{min-height:540px}
  .cta{width:100%;justify-content:space-between}
}


.authorship{
  max-width:var(--max);
  margin:auto;
  padding:95px 42px 88px;
  border-top:1px solid var(--line);
  text-align:center;
}
.authorship img{
  display:block;
  width:min(440px,72vw);
  margin:30px auto 20px;
  mix-blend-mode:screen;
}
.authorship-line{
  margin:0;
  color:#686868;
  font-size:9px;
  letter-spacing:.24em;
  font-weight:700;
}
@media(max-width:800px){
  .authorship{padding:72px 20px 68px}
  .authorship img{width:min(360px,84vw);margin-top:25px}
}