:root{--paper:#dfd9c7;--paper-soft:#f8f4e7;--blue:#1a2b39;--red:#7b2227;--ink:#11100f;--muted:#3e4140;--rule:#1a2b3938;--display:Georgia, "Times New Roman", "Noto Serif SC", "Songti SC", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);font:16px/1.55 var(--sans);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070303}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100svh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#root{background:var(--paper);width:min(100%,1440px);min-height:100svh;margin-inline:auto}::selection{color:var(--paper);background:var(--red)}.site-shell{min-height:100svh;color:var(--ink);background:linear-gradient(90deg, #1a2b3912 1px, transparent 1px) 0 0 / 72px 72px, var(--paper);border-inline:1px solid var(--rule)}.site-header,.site-footer{box-sizing:border-box;justify-content:space-between;align-items:center;gap:24px;width:min(100%,1180px);margin-inline:auto;padding:22px 32px;display:flex}.site-header{z-index:5;border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#dfd9c7eb;position:sticky;top:0}.wordmark,.text-link,.project-card{color:inherit;text-decoration:none}.wordmark{font-family:var(--sans);text-transform:uppercase;align-items:center;gap:12px;font-size:14px;font-weight:700;display:inline-flex}.wordmark__mark{width:30px;height:30px;color:var(--paper);background:var(--red);border:1px solid var(--red);place-items:center;display:inline-grid}.language-switch{border:1px solid var(--rule);background:#f8f4e7b8;gap:4px;padding:3px;display:inline-flex}.language-switch button{min-width:44px;min-height:32px;color:var(--blue);font:700 12px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:4px}.language-switch button[aria-pressed=true]{color:var(--paper);background:var(--blue)}.hero-section,.intro-band,.projects-section,.detail-page,.not-found{box-sizing:border-box;width:min(100%,1180px);margin-inline:auto}.hero-section{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:64px;min-height:560px;padding:82px 32px 54px;display:grid}.hero-copy{max-width:780px}.eyebrow{color:var(--red);font:700 13px/1.3 var(--sans);text-transform:uppercase;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:0;font-weight:700}h1{max-width:900px;color:var(--blue);margin-bottom:28px;font-size:82px;line-height:.98}h2{color:var(--blue);margin-bottom:0;font-size:42px;line-height:1.05}h3{color:var(--paper);font-family:var(--display);letter-spacing:0;margin-bottom:16px;font-size:32px;line-height:1.05}.hero-intro{max-width:640px;color:var(--muted);margin-bottom:0;font-size:20px;line-height:1.65}.hero-panel{min-height:380px;color:var(--paper);background:var(--blue);border:1px solid var(--blue);box-sizing:border-box;grid-template-rows:auto 1fr auto;padding:24px;display:grid}.panel-number{color:var(--paper);font:700 76px/.9 var(--display)}.panel-line{background:#dfd9c799;align-self:stretch;width:1px;margin:28px 0}.panel-title{color:var(--paper);font:700 18px/1.2 var(--sans);text-transform:uppercase}.intro-band{border-block:1px solid var(--rule);padding:34px 32px}.intro-band p{max-width:900px;color:var(--blue);font:500 26px/1.45 var(--display);margin-bottom:0}.projects-section{padding:64px 32px 92px}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px;display:flex}.section-heading .eyebrow{margin-bottom:0}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{min-height:620px;color:var(--paper);background:var(--blue);border:1px solid var(--blue);border-radius:8px;grid-template-rows:250px auto 1fr auto;transition:border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.project-card:hover{border-color:var(--red);transform:translateY(-4px)}.project-card:focus-visible,.text-link:focus-visible,.language-switch button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.project-card__index{color:#dfd9c7a8;font:700 52px/1 var(--display);padding:22px 24px 0}.project-card__body{padding:20px 24px 32px}.project-card__meta{color:#dfd9c7b8;font:700 12px/1.3 var(--sans);text-transform:uppercase;margin-bottom:16px}.project-card__body p:last-child{color:#dfd9c7c7;margin-bottom:0;line-height:1.65}.project-card__action{color:var(--paper);font:700 13px/1.3 var(--sans);text-transform:uppercase;border-top:1px solid #dfd9c73d;padding:16px 24px 20px;display:block}.project-cover{background:linear-gradient(135deg, transparent 0 54%, var(--red) 54% 70%, transparent 70%), var(--paper);border-bottom:1px solid #1a2b3929;min-height:250px;position:relative;overflow:hidden}.project-cover--large{border:1px solid var(--blue);min-height:460px}.cover-orbit,.cover-block,.cover-line{display:block;position:absolute}.cover-orbit{border:26px solid var(--blue);opacity:.96;border-radius:50%;width:172px;height:172px}.cover-block{background:var(--red);width:118px;height:190px}.cover-line{background:var(--blue);transform-origin:0;width:220px;height:16px}.project-cover--atlas .cover-orbit{bottom:28px;right:-54px}.project-cover--atlas .cover-block{top:34px;left:34px}.project-cover--atlas .cover-line{bottom:54px;left:34px;transform:rotate(-12deg)}.project-cover--signal{background:radial-gradient(circle at 80% 22%, var(--red) 0 52px, transparent 54px), linear-gradient(90deg, var(--blue) 0 42%, transparent 42%), var(--paper)}.project-cover--signal .cover-orbit{border-color:var(--paper);bottom:-48px;left:26px}.project-cover--signal .cover-block{background:var(--blue);width:58px;height:188px;bottom:36px;right:38px}.project-cover--signal .cover-line{background:var(--red);top:76px;left:34px;transform:rotate(18deg)}.project-cover--archive{background:linear-gradient(0deg, var(--red) 0 28%, transparent 28%), repeating-linear-gradient(90deg, #1a2b3938 0 1px, transparent 1px 12px), var(--paper)}.project-cover--archive .cover-orbit{top:38px;left:36px}.project-cover--archive .cover-block{width:96px;height:96px;top:30px;right:26px}.project-cover--archive .cover-line{bottom:62px;left:88px;transform:rotate(-32deg)}.detail-page{padding:42px 32px 92px}.text-link{min-height:38px;color:var(--blue);font:700 13px/1.3 var(--sans);text-transform:uppercase;border-bottom:2px solid var(--red);align-items:center;margin-bottom:44px;display:inline-flex}.detail-hero{grid-template-columns:minmax(0,.85fr) minmax(360px,.65fr);align-items:end;gap:52px;display:grid}.detail-copy h1{font-size:72px}.detail-notes{border-top:1px solid var(--rule);grid-template-columns:260px minmax(0,1fr);gap:52px;margin-top:72px;padding-top:34px;display:grid}.detail-notes ol{counter-reset:note;gap:18px;margin:0;padding:0;list-style:none;display:grid}.detail-notes li{min-height:76px;color:var(--blue);border:1px solid var(--rule);box-sizing:border-box;counter-increment:note;background:#f8f4e7a3;border-radius:8px;padding:22px 24px 22px 78px;line-height:1.6;position:relative}.detail-notes li:before{content:counter(note, decimal-leading-zero);color:var(--red);font:700 18px/1 var(--display);position:absolute;top:22px;left:24px}.not-found{min-height:66svh;padding:90px 32px}.not-found h1{max-width:760px}.site-footer{color:#dfd9c7bd;background:var(--blue);border-top:1px solid var(--blue);font:700 12px/1.4 var(--sans);text-transform:uppercase}@media (width<=900px){.site-header,.site-footer{padding-inline:20px}.hero-section,.detail-hero,.detail-notes{grid-template-columns:1fr}.hero-section{gap:36px;min-height:auto;padding:64px 20px 42px}h1,.detail-copy h1{font-size:52px;line-height:1.02}h2{font-size:34px}.hero-intro{font-size:18px}.hero-panel{min-height:220px}.intro-band,.projects-section,.detail-page,.not-found{padding-inline:20px}.intro-band p{font-size:22px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:18px}.project-grid{grid-template-columns:1fr}.project-card{min-height:auto}.detail-hero{gap:36px}.project-cover--large{min-height:320px}.detail-notes{gap:24px;margin-top:52px}}@media (width<=560px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}.site-header{position:static}h1,.detail-copy h1{font-size:40px}h2,h3{font-size:28px}.hero-section{padding-top:46px}.hero-panel{min-height:180px}.project-cover--large{min-height:260px}.detail-notes li{padding:58px 18px 20px}.detail-notes li:before{left:18px}}