:root{--bg:#161a17;--panel:#1f2420;--text:#f0f0e8;--muted:#a9b0a5;--accent:#c5d0ad;--line:#384036;--paper:#e8e8df;--ink:#232a23}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-70px;left:20px;background:var(--accent);color:var(--ink);z-index:10;padding:10px}.skip:focus{top:10px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:31px;fill:none;stroke:var(--accent);stroke-width:1.5}.brand strong{font-size:24px;letter-spacing:-1px}.brand>span{font-size:10px;letter-spacing:1.5px;padding-left:14px;border-left:1px solid var(--line);color:var(--muted)}nav{display:flex;gap:30px;margin-left:auto;font-size:13px}nav a{color:#c8cec2}nav a:hover{color:white}.languages{display:flex;gap:9px;font:11px monospace}.languages button{border:0;background:none;color:var(--muted);padding:4px}.languages button[aria-pressed=true]{color:var(--text);text-decoration:underline;text-underline-offset:5px}.hero{padding:38px 4.5% 0}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition,.hero-foot,.section-label,.status,.collab-tags,.photo-label,.image-bottom p,.gallery-index{font:10px/1.5 'Courier New',monospace;letter-spacing:1.6px}.eyebrow{display:flex;gap:13px;align-items:center;color:var(--accent);margin:0}.dot{height:6px;width:6px;border-radius:50%;background:var(--accent)}.slash{color:#596253}.edition{color:var(--muted)}.hero-copy{display:grid;grid-template-columns:1.55fr 1fr;gap:8%;align-items:end;padding:44px 0 48px}h1{font-size:clamp(43px,5.3vw,82px);font-weight:400;line-height:1.04;letter-spacing:-4px;margin:0}h1 em{font-style:normal;color:var(--accent)}.hero-copy p{max-width:370px;color:#bfc6b7;font-size:16px;margin:0 0 25px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:13px 19px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:600;transition:background .2s}.button:hover{background:#e0e7cf}.button>span:last-child{font-size:19px}.hero-visual{height:clamp(370px,40vw,610px);position:relative;overflow:hidden;background:var(--panel)}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111910cc,transparent 50%);pointer-events:none}.photo-label{position:absolute;top:20px;left:22px;background:#182018b8;padding:7px 10px;z-index:1;display:flex;gap:13px;align-items:center;font-size:9px}.cross{font-size:21px}.image-bottom{position:absolute;left:24px;right:24px;bottom:18px;z-index:1;display:flex;align-items:end;gap:25px}.image-bottom>span{font-size:clamp(60px,10vw,150px);line-height:.8;letter-spacing:-8px;font-weight:700;color:#e8eada}.image-bottom p{margin:0 0 2px;color:#e5e9dc;font-size:9px;letter-spacing:1px}.expand{border:1px solid #ffffff70;color:white;background:#161a1766;width:38px;height:38px;font-size:22px;display:grid;place-items:center}.image-bottom .expand{margin-left:auto}.expand:hover{background:#161a17}.hero-foot{display:flex;justify-content:space-between;padding:16px 0 21px;color:var(--muted);font-size:9px;letter-spacing:1.2px}.section{padding:88px 6%;border-top:1px solid var(--line)}.section-label{display:flex;gap:20px;margin-bottom:49px;color:var(--accent)}.section-label>span:first-child{color:var(--muted)}h2{font-size:clamp(35px,4vw,60px);line-height:1.1;letter-spacing:-2px;font-weight:400;margin:0}h3{font-size:21px;font-weight:400;line-height:1.25;letter-spacing:-.5px;margin:0 0 16px}p{margin-top:0}.concept{background:var(--paper);color:var(--ink)}.concept .section-label{color:#4e5d43}.concept .section-label>span:first-child{color:#6b7366}.concept-main{display:grid;grid-template-columns:1fr 1fr;gap:12%}.concept-text p{color:#596051;font-size:15px}.concept-text .lead{font-size:21px;color:#283024;line-height:1.5;margin-bottom:23px}.concept-text .small-note{font-size:12px;border-left:2px solid #a2ad8f;padding-left:17px;margin-top:27px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.principles article{border-top:1px solid #b8bdae;padding-top:20px}.principles article>span{font:10px monospace;color:#66715c}.principles h3{font-size:27px;margin:25px 0 15px}.principles p{font-size:14px;color:#596051;max-width:270px;margin-bottom:0}.app-heading{display:flex;justify-content:space-between;gap:10%;align-items:end;margin-bottom:46px}.app-heading>p{max-width:330px;color:var(--muted);font-size:15px;margin-bottom:0}.gallery{position:relative}.gallery-frame{height:480px;position:relative;background:#30372f;overflow:hidden}.gallery-frame>img{width:100%;height:100%;object-fit:cover;object-position:center}.gallery-frame .expand{position:absolute;right:19px;top:19px}.gallery-index{position:absolute;left:20px;bottom:18px;background:#161a17bd;padding:7px 10px}.gallery-controls{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.gallery-controls button{background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:15px;padding:24px 18px;text-align:left;min-width:0}.gallery-controls button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:#ffffff04}.gallery-controls button>span{font:10px monospace}.gallery-controls button>span:last-child{margin-left:auto;font-size:18px}.gallery-controls strong{font-size:13px;font-weight:400}.gallery-caption{font-size:12px;color:var(--muted);margin-top:15px}.app-details{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin-top:48px}.app-details h3{font-size:18px}.app-details p{font-size:14px;color:var(--muted)}.boundary{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:23px;margin:22px 0 0}.development{background:#20261f}.dev-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.dev-layout>div>p{max-width:310px;color:var(--muted);font-size:15px;margin:28px 0 0}.roadmap{list-style:none;padding:0;margin:0}.roadmap li{display:flex;gap:26px;border-top:1px solid #4c5646;padding:25px 0 27px}.step{font:13px monospace;color:#819176;margin-top:4px}.roadmap .current .step{color:var(--accent)}.status{color:#95a087;font-size:9px;letter-spacing:1.4px}.current .status{color:var(--accent)}.roadmap h3{font-size:22px;margin:9px 0 12px}.roadmap p{font-size:14px;color:var(--muted);margin:0}.collaboration{background:var(--accent);color:var(--ink);border:0}.collaboration .section-label{color:#475538}.collaboration .section-label>span:first-child{color:#637353}.collab-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:9%}.collab-layout h2{font-size:clamp(33px,3.8vw,57px)}.collab-layout p{font-size:16px}.button.light{background:var(--ink);color:white}.button.light:hover{background:#3b4733}.collab-layout .external-note{font-size:11px;margin:12px 0 0;color:#46533e}.collab-tags{display:flex;gap:35px;border-top:1px solid #95a37e;padding-top:25px;margin-top:54px;font-size:9px;letter-spacing:1px}footer{display:flex;align-items:center;padding:34px 4.5%;gap:30px}footer p{font-size:11px;color:var(--muted);margin:0}footer>span{font-size:10px;color:var(--muted);margin-left:auto}footer>a:last-child{font-size:11px}.footer-brand{font-size:17px;font-weight:bold;letter-spacing:2px;display:flex;gap:15px}.footer-brand span{font-size:13px;font-weight:400}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:16px;width:min(1300px,94vw);max-height:95vh}dialog::backdrop{background:#000d}dialog img{width:100%;max-height:78vh;object-fit:contain}dialog p{font-size:13px;color:var(--muted);margin:12px 0 0}#close-lightbox{position:absolute;right:20px;top:20px;width:38px;height:38px;background:var(--bg);color:white;border:1px solid var(--muted);font-size:24px}@media(min-width:1600px){main,header,footer{max-width:1680px;margin:auto}}@media(max-width:900px){header{height:auto;min-height:88px;flex-wrap:wrap;gap:15px;padding-top:18px;padding-bottom:18px}nav{order:3;width:100%;justify-content:space-between;gap:10px}.languages{margin-left:auto}.hero-copy{grid-template-columns:1fr;gap:25px;padding-top:34px}h1{letter-spacing:-2px}.hero-copy>div{display:flex;gap:25px;align-items:center}.hero-copy p{margin:0;max-width:450px}.button{flex-shrink:0}.section{padding:65px 5%}.hero-visual{height:420px}.concept-main,.dev-layout{gap:6%}.collab-layout{grid-template-columns:1fr;gap:30px}.collab-layout>div{max-width:500px}.gallery-frame{height:390px}.gallery-controls button{padding:19px 8px;gap:9px}.gallery-controls strong{font-size:12px}.image-bottom p{display:none}footer{flex-wrap:wrap}footer>span{margin-left:0}}@media(max-width:600px){header{padding-left:5%;padding-right:5%}.brand>span{font-size:8px}.brand strong{font-size:21px}nav{font-size:11px}.edition{display:none}.hero{padding-top:25px}.hero-copy>div{display:block}.hero-copy p{font-size:15px;margin-bottom:23px}.hero-visual{height:330px}.hero-visual>img{object-position:59% center}.hero-foot{font-size:8px;gap:15px}.hero-foot>span:last-child{text-align:right}.image-bottom{left:16px;bottom:18px;right:16px}.image-bottom>span{letter-spacing:-4px;font-size:70px}.photo-label{left:13px;top:13px;font-size:8px}.section-label{margin-bottom:30px}.concept-main,.dev-layout{grid-template-columns:1fr;gap:30px}.concept-text .lead{font-size:19px}.principles{grid-template-columns:1fr;gap:28px;margin-top:35px}.principles article{display:grid;grid-template-columns:40px 1fr;gap:5px 14px}.principles h3{margin:0;font-size:23px}.principles p{grid-column:2;max-width:none}.principles article>span{padding-top:6px}.app-heading{display:block}.app-heading>p{margin-top:25px}.gallery-frame{height:285px}.gallery-controls{grid-template-columns:1fr}.gallery-controls button{padding:14px 8px}.gallery-controls strong{font-size:13px}.app-details{grid-template-columns:1fr;gap:20px;margin-top:30px}.app-details p{margin-bottom:0}.collab-tags{flex-direction:column;gap:12px;margin-top:35px}footer{gap:20px}footer p{width:100%;order:3}footer>a:last-child{margin-left:auto}.roadmap li{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}