/* Nova — site chrome. Nova Glass tokens, two modes (BRAND.md v1).
   Night is canonical and the default; day is the same system on light.
   No gradients in UI surfaces. 45-degree cut corners. */
:root, [data-mode="night"] {
  --bg: #0A0B13;
  --base: #1C1C1E;
  --glass: rgba(28,28,30,.78);
  --panel: #242428;
  --line: #4A7FA5;
  --line-soft: #38383E;
  --text: #F4EFE6;
  --body: #D8D8D2;
  --muted: #9AA7B4;
  --label: #8ABAD3;
  --gold: #C9933A;
  --gold-bright: #FDE1A0;
  --eye-gold: #D4A55D;
  --error: #D96A5A;
  --warn-bg: rgba(217,106,90,.08);
  --galaxy: #5D4EC0;
}
[data-mode="day"] {
  --bg: #F3EFE6;
  --base: #FFFFFF;
  --glass: rgba(255,255,255,.82);
  --panel: #FFFFFF;
  --line: #356A8A;
  --line-soft: #D8C8B6;
  --text: #1C1C1E;
  --body: #33383F;
  --muted: #68707C;
  --label: #4A7FA5;
  --gold: #B4832C;
  --gold-bright: #C9933A;
  --eye-gold: #B4832C;
  --error: #B4442F;
  --warn-bg: rgba(180,68,47,.07);
  --galaxy: #5D4EC0;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: Inter, system-ui, sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; transition: background .25s ease, color .25s ease; }
a { color: var(--label); }
img, video { max-width: 100%; }
.cut { clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)); }
.cut-sm { clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px)); }

.topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 1.2rem; padding: .55rem 1.5rem; background: var(--glass); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line-soft); font-family: 'JetBrains Mono', monospace; font-size: .76rem; letter-spacing: .08em; }
.topbar .wm { display: flex; align-items: center; text-decoration: none; }
.topbar .wm img { height: 30px; width: auto; display: block; }
.topbar nav { margin-left: auto; display: flex; gap: 1.1rem; flex-wrap: wrap; align-items: center; }
.topbar nav a { color: var(--muted); text-decoration: none; text-transform: uppercase; }
.topbar nav a.cur { color: var(--gold); }
.topbar nav a:hover { color: var(--text); }
.mode-btn { font-family: 'JetBrains Mono', monospace; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; background: transparent; color: var(--gold); border: 1px solid var(--gold); padding: .32rem .7rem; cursor: pointer; }
.mode-btn:hover { color: var(--gold-bright); border-color: var(--gold-bright); }

main { max-width: 1020px; margin: 0 auto; padding: 0 1.5rem 4rem; }
.kicker { font-family: 'JetBrains Mono', monospace; font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin: 0 0 .8rem; }
.label { font-family: 'JetBrains Mono', monospace; font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; color: var(--label); margin: 0 0 .8rem; }
h1 { font-size: 3.2rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.05; margin: 0 0 .5rem; }
h2 { font-size: 1.65rem; font-weight: 700; letter-spacing: -.01em; margin: 0 0 .8rem; }
section { margin-top: 3.4rem; }
section > p { color: var(--body); max-width: 70ch; margin-bottom: .9rem; }
section > p strong { color: var(--text); }

.hero-cover { margin: 1.6rem 0 0; border: 1px solid var(--line); }
.hero-cover img { display: block; width: 100%; }
.hero { display: flex; gap: 2.2rem; align-items: center; flex-wrap: wrap; margin-top: 2.2rem; }
.hero-loop { flex: 0 0 168px; }
.hero-loop video { width: 168px; height: 168px; display: block; border: 1px solid var(--line); background: var(--base); }
.hero-loop figcaption { font-family: 'JetBrains Mono', monospace; font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-top: .5rem; text-align: center; }
.hero-text { flex: 1 1 340px; }
.hero-text .tagline { font-size: 1.22rem; margin-bottom: .7rem; }
.hero-text p { color: var(--muted); max-width: 58ch; }
[data-mode="day"] .hero-text p { color: var(--body); }

.split { display: flex; gap: 2rem; flex-wrap: wrap; align-items: flex-start; }
.split .txt { flex: 1 1 340px; }
.split .txt p { color: var(--body); margin-bottom: .9rem; max-width: 62ch; }
.portrait { flex: 0 1 300px; }
.portrait img { display: block; width: 100%; border: 1px solid var(--line); }
.portrait figcaption { font-family: 'JetBrains Mono', monospace; font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-top: .5rem; }

.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; margin-top: 1.2rem; }
.card { background: var(--glass); backdrop-filter: blur(14px); border: 1px solid var(--line-soft); border-top: 3px solid var(--line); padding: 1.25rem 1.3rem; }
.card h3 { font-size: 1.03rem; margin-bottom: .45rem; }
.card p { color: var(--muted); font-size: .94rem; line-height: 1.58; }
[data-mode="day"] .card p { color: var(--body); }
.card video { width: 84px; height: 84px; display: block; margin-bottom: .8rem; border: 1px solid var(--line-soft); background: var(--base); }

.rows { list-style: none; margin-top: 1rem; }
.rows li { border: 1px solid var(--line-soft); background: var(--panel); padding: 1.05rem 1.3rem; margin-bottom: .8rem; display: flex; gap: 1rem; align-items: baseline; flex-wrap: wrap; }
.rows .name { font-weight: 600; color: var(--text); min-width: 170px; }
.rows a.name { text-decoration: none; }
.rows a.name:hover { color: var(--gold-bright); }
.rows span { color: var(--muted); font-size: .94rem; flex: 1 1 260px; }
[data-mode="day"] .rows span { color: var(--body); }

.verify { background: var(--glass); backdrop-filter: blur(14px); border: 1px solid var(--line); padding: 1.6rem 1.7rem; margin-top: 1.2rem; }
.verify .vgrid { display: flex; gap: 1.6rem; flex-wrap: wrap; }
.verify .vmain { flex: 1 1 380px; }
.verify .vbadge { flex: 0 0 118px; }
.verify .vbadge img { width: 118px; display: block; }
.verify h3 { font-size: 1.15rem; margin-bottom: .6rem; }
.verify p { color: var(--body); margin-bottom: .8rem; max-width: 62ch; }
.contacts { list-style: none; margin: 1rem 0; }
.contacts li { padding: .65rem 0; border-top: 1px solid var(--line-soft); display: flex; gap: 1rem; flex-wrap: wrap; align-items: baseline; }
.contacts .k { font-family: 'JetBrains Mono', monospace; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--label); min-width: 110px; }
.contacts .v { font-family: 'JetBrains Mono', monospace; font-size: 1rem; }
.contacts .v a { color: var(--text); text-decoration: none; border-bottom: 1px solid var(--gold); }
.contacts .note { color: var(--muted); font-size: .9rem; }
.warn { border: 1px solid var(--error); background: var(--warn-bg); color: var(--body); padding: .9rem 1.1rem; margin-top: 1rem; font-size: .95rem; }
.warn strong { color: var(--error); }

.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; margin-top: 1.2rem; align-items: start; }
.gallery-grid figure { border: 1px solid var(--line-soft); background: var(--panel); padding: .6rem; }
.gallery-grid img, .gallery-grid video { display: block; width: 100%; }
.gallery-grid figcaption { font-family: 'JetBrains Mono', monospace; font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding: .55rem .2rem .15rem; }
.gallery-grid .wide { grid-column: span 2; }
@media (max-width: 560px) { .gallery-grid .wide { grid-column: span 1; } }
.sticker-row { display: flex; gap: .7rem; flex-wrap: wrap; margin-top: 1.2rem; }
.sticker-row figure { width: 96px; text-align: center; }
.sticker-row img { width: 96px; height: 96px; display: block; }
.sticker-row figcaption { font-family: 'JetBrains Mono', monospace; font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-top: .35rem; }

footer { margin-top: 4.5rem; padding-top: 1.4rem; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: .88rem; display: flex; gap: 1.6rem; flex-wrap: wrap; align-items: flex-start; }
footer .powered { font-family: 'JetBrains Mono', monospace; font-size: .72rem; letter-spacing: .06em; }
footer .sig { margin-left: auto; }
footer .sig img { height: 52px; width: auto; display: block; }
footer p { max-width: 52ch; }