:root{--bg:#10110f;--bg2:#181a16;--panel:#1a1c18;--line:#34372e;--fg:#f1eddc;--mut:#b4b5a7;--dim:#a3a595;--accent:#dfb86c}
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:var(--bg);padding:12px}.skip:focus{top:12px}
.top{padding-inline:max(24px,calc((100vw - 1320px)/2));background:#10110ff2}.brand{letter-spacing:.08em}
.hero{height:clamp(250px,35vw,460px);min-height:0}.hero img{object-fit:cover}.hero-fade{height:22%}
.intro{max-width:880px;padding:24px 24px 52px}.lede{font-size:clamp(28px,4vw,46px);line-height:1.13;letter-spacing:-.045em;margin-bottom:20px}.mission{max-width:650px;margin:auto}
.wrap{max-width:1320px;padding-inline:24px}.spotlight{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px 42px;border-top:1px solid var(--line);padding-top:48px;padding-bottom:58px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}.feature-copy h2{font-size:clamp(42px,5vw,70px);letter-spacing:.08em}.feature-hook{font-size:24px;line-height:1.3;margin:18px 0;color:var(--fg)}#feature-description{font-size:15px;color:var(--mut)}
.feature-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:24px 0 14px;font-size:12px;color:var(--accent)}.feature-visual{margin:0;min-width:0}.feature-visual button{display:block;width:100%;padding:0;border:1px solid #55594a;background:#10110f;cursor:zoom-in;box-shadow:0 22px 60px #0006}.feature-visual img{width:100%;height:auto}.feature-visual figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--mut);padding:14px 0;letter-spacing:.04em}
.feature-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid var(--line);padding-top:28px;margin-top:8px}.feature-points span{font-size:10px;letter-spacing:.16em;color:var(--accent)}.feature-points h3{font-size:18px;margin-top:12px}.feature-points p{font-size:14px;color:var(--mut);margin-bottom:0}
#projects{border-top:1px solid var(--line);padding-top:48px}.section{margin-top:30px}.cols{grid-template-columns:1fr}.group{margin-top:18px}.group-head{display:none}.grid.feature{grid-template-columns:1fr}.grid.feature .card{display:grid;grid-template-columns:1fr 1fr;box-shadow:none}.grid.feature .shot{height:100%}.grid.feature .body{justify-content:center;padding:32px}.card{border-radius:4px}.btn{border-radius:4px}.card .pill{border-radius:3px}.grid:not(.feature){gap:24px}.about{margin-top:52px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:40px}.about #about-text{max-width:none}.about #about-text p:first-child{margin-top:0}.contact{padding-top:48px;padding-bottom:48px}.contact h2{max-width:600px}.foot{justify-content:space-between;max-width:1272px;margin:24px auto 0;padding-inline:0}
#screenshot{width:min(1500px,calc(100% - 24px));background:#10110f;border-radius:4px}#screenshot img{width:100%;height:auto}#screenshot .x{position:sticky;float:right;top:8px;margin:8px 8px -50px 0}.dlg-img{flex:none}.dlg-body .meta{color:var(--mut)}
.agreement{max-width:850px;padding-top:56px;padding-bottom:70px}.agreement h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.04em}.agreement-intro{font-size:20px;color:var(--mut)}.agreement section{border-block:1px solid var(--line);margin:28px 0;padding:28px 0}.agreement h2{font-size:24px}.agreement h3{font-size:18px;margin-top:26px}.agreement section p{color:var(--mut)}.agree-check{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--accent);cursor:pointer}.agree-check input{width:22px;height:22px;flex:none;margin:2px 0;accent-color:var(--accent)}.agreement .actions{margin-top:20px}.btn:disabled{opacity:.45;cursor:not-allowed}.agreement-note,#agreement-status{font-size:13px;color:var(--mut)}.foot{flex-wrap:wrap;gap:16px}
@media(max-width:900px){.spotlight{grid-template-columns:1fr}.feature-copy{max-width:680px}.feature-visual{grid-row:2}.feature-points{gap:20px}.hero{height:42vw;min-height:220px}.foot{margin-inline:24px}}
@media(max-width:600px){.top{padding-inline:16px}.top nav a{min-height:44px;display:inline-flex;align-items:center}.brand span{display:none}.wrap{padding-inline:20px}.intro{padding-bottom:36px}.spotlight{gap:24px;padding-top:32px}.feature-hook{font-size:22px}.feature-points{grid-template-columns:1fr;gap:24px}.feature-points h3{margin-top:6px}.feature-points p{margin-top:8px}.feature-visual figcaption{font-size:10px}.grid.feature .card{display:flex}.grid.feature .shot{height:auto}.grid.feature .body{padding:20px}.about{grid-template-columns:1fr;gap:20px}.contact h2{font-size:28px}.hero{height:56.25vw;min-height:0}.foot{font-size:11px}.feature-copy .actions .btn{flex:1;white-space:nowrap}dialog{max-height:calc(100dvh - 20px)}}