/* Steady Post Studio public site. Design v2 (Nov 7 2026): deep space navy, glass, electric blue glow, gold check. Matches the studio ad. */
:root {
  --bg:#05070f; --bg2:#0a0f1f; --ink:#eef1ff; --muted:#9aa3c2; --dim:#6b7494;
  --line:rgba(150,170,255,.14); --glass:rgba(20,28,58,.55); --glass2:rgba(30,40,80,.45);
  --blue:#5b7cfa; --blue2:#8ea6ff; --violet:#8b5cf6; --gold:#f2b544; --mint:#4ade80;
  --radius:22px; --wrap:1180px;
  --display:"Poppins", "Inter", system-ui, sans-serif;
  --body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme:dark;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.65 var(--body); overflow-x:hidden; -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(900px 600px at 12% -5%, rgba(91,124,250,.22), transparent 60%),
    radial-gradient(800px 600px at 95% 10%, rgba(139,92,246,.16), transparent 60%),
    radial-gradient(1000px 700px at 50% 110%, rgba(91,124,250,.12), transparent 60%),
    var(--bg); }
body::after { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.7) 1px, transparent 1.2px), radial-gradient(rgba(255,255,255,.35) 1px, transparent 1.2px);
  background-size:180px 180px, 97px 97px; background-position:0 0, 40px 60px;
  mask-image:linear-gradient(to bottom, #000 0%, transparent 70%); -webkit-mask-image:linear-gradient(to bottom, #000 0%, transparent 70%); }
img, video { max-width:100%; display:block; }
a { color:var(--blue2); text-decoration:none; }
a:hover { color:#fff; }
::selection { background:var(--blue); color:#fff; }

/* Header */
header.site { position:sticky; top:0; z-index:50; backdrop-filter:blur(18px) saturate(1.4); -webkit-backdrop-filter:blur(18px) saturate(1.4); background:rgba(5,7,15,.62); border-bottom:1px solid var(--line); }
header.site .in { max-width:var(--wrap); margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; }
.logo { display:inline-flex; align-items:center; gap:10px; font:700 1.12rem/1 var(--display); color:#fff; letter-spacing:-.01em; white-space:nowrap; }
.logo img { width:32px; height:32px; filter:drop-shadow(0 4px 14px rgba(91,124,250,.55)); }
.logo span { color:var(--gold); font-weight:500; }
.logo:hover { color:#fff; }
header.site nav { display:flex; align-items:center; gap:4px 26px; font-size:.94rem; flex-wrap:wrap; }
header.site nav a { color:var(--muted); transition:color .2s; }
header.site nav a:hover, header.site nav a[aria-current] { color:#fff; }
header.site nav a.navcta { color:#fff; padding:9px 18px; border-radius:999px; background:linear-gradient(135deg, var(--blue), var(--violet)); box-shadow:0 6px 24px -6px rgba(91,124,250,.8); font-weight:600; }
@media (max-width:760px) {
  header.site .in { padding:12px 16px; }
  header.site nav { order:3; width:100%; gap:4px 14px; font-size:.84rem; flex-wrap:nowrap; justify-content:space-between; }
  header.site nav a { white-space:nowrap; }
  header.site nav a.navcta { padding:6px 12px; }
}
@media (max-width:380px) {
  header.site nav { gap:4px 9px; font-size:.78rem; }
  header.site nav a.navcta { padding:5px 10px; }
}

/* Layout */
.wrap { max-width:var(--wrap); margin:0 auto; padding:0 20px; }
@media (max-width:600px) { .wrap { padding:0 16px; } }
section { padding:72px 0; position:relative; }
@media (max-width:600px) { section { padding:52px 0; } }
.alt { background:linear-gradient(180deg, transparent, rgba(91,124,250,.05) 30%, rgba(91,124,250,.05) 70%, transparent); }
h1, h2, h3 { font-family:var(--display); letter-spacing:-.02em; color:#fff; }
h1 { font-size:clamp(2.3rem, 6vw, 4.4rem); line-height:1.04; font-weight:700; margin:0 0 18px; }
h2 { font-size:clamp(1.7rem, 3.6vw, 2.7rem); line-height:1.1; font-weight:700; margin:0 0 16px; }
h3 { font-size:1.18rem; line-height:1.25; font-weight:600; margin:0 0 8px; }
p, li { max-width:68ch; }
.muted { color:var(--muted); }
.small { font-size:.88rem; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; font:600 .78rem/1 var(--body); letter-spacing:.14em; text-transform:uppercase; color:var(--blue2); margin-bottom:16px; }
.eyebrow::before { content:""; width:22px; height:1px; background:currentColor; }
.grad { background:linear-gradient(100deg, #fff 10%, var(--blue2) 45%, var(--violet) 75%, var(--gold)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lede { font-size:clamp(1.05rem, 1.6vw, 1.22rem); color:var(--muted); max-width:56ch; }
.center { text-align:center; } .center p, .center .lede { margin-left:auto; margin-right:auto; }

/* Inner page headline (first section on inner pages) */
body > section:first-of-type { padding-top:64px; }
body > section:first-of-type .wrap > h1 { font-size:clamp(2.1rem, 5vw, 3.6rem); }
body > section:first-of-type .wrap > h1 + p { font-size:1.12rem; color:var(--muted); }

/* Buttons */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; font:600 1rem/1 var(--body); color:#fff; padding:15px 26px; border-radius:999px; border:0; cursor:pointer; position:relative; isolation:isolate;
  background:linear-gradient(135deg, var(--blue), var(--violet)); box-shadow:0 10px 34px -10px rgba(91,124,250,.9), inset 0 1px 0 rgba(255,255,255,.25); transition:transform .2s, box-shadow .2s; }
.btn:hover { color:#fff; transform:translateY(-2px); box-shadow:0 16px 44px -10px rgba(91,124,250,1), inset 0 1px 0 rgba(255,255,255,.3); }
.btn.ghost { background:rgba(255,255,255,.04); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); }
.btn.ghost:hover { background:rgba(255,255,255,.08); }
.btn.gold { background:linear-gradient(135deg, #ffd27a, var(--gold)); color:#141a2e; box-shadow:0 10px 34px -10px rgba(242,181,68,.8); }
.btn.gold:hover { color:#141a2e; }
.btn .arr { transition:transform .2s; } .btn:hover .arr { transform:translateX(3px); }
.btns { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

/* Glass cards */
.cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap:18px; }
.card, .steps > div, details, .note, .tablewrap { background:linear-gradient(180deg, var(--glass2), var(--glass)); border:1px solid var(--line); border-radius:var(--radius); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 30px 60px -40px rgba(0,0,0,.8); }
.card { padding:26px; position:relative; overflow:hidden; transition:transform .3s, border-color .3s; }
.card:hover { transform:translateY(-3px); border-color:rgba(142,166,255,.32); }
.card p { color:var(--muted); margin:0; }
.card ul { list-style:none; padding:0; margin:16px 0 22px; }
.card ul li { padding:6px 0 6px 28px; position:relative; color:#dfe4ff; font-size:.96rem; border-bottom:1px solid rgba(255,255,255,.05); }
.card ul li::before { content:""; position:absolute; left:0; top:11px; width:16px; height:16px; border-radius:50%; background:rgba(74,222,128,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.2 4.7-5' fill='none' stroke='%234ade80' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat; }
.card .btn { width:100%; }
.card.pick { border-color:transparent; background:linear-gradient(180deg, rgba(40,52,110,.75), rgba(22,28,62,.75)) padding-box, linear-gradient(140deg, var(--blue2), var(--violet), var(--gold)) border-box; border:1.5px solid transparent; box-shadow:0 40px 90px -40px rgba(91,124,250,.8); }
.badge { display:inline-block; font:700 .7rem/1 var(--body); letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-bottom:10px; }
.price { font:600 2.8rem/1 var(--display); color:#fff; margin:6px 0 10px; letter-spacing:-.03em; }
.price small { font:400 .95rem var(--body); color:var(--muted); letter-spacing:0; }
.ico { width:46px; height:46px; border-radius:14px; display:grid; place-items:center; margin-bottom:18px; background:linear-gradient(135deg, rgba(91,124,250,.25), rgba(139,92,246,.18)); border:1px solid rgba(142,166,255,.25); }
.ico svg { width:22px; height:22px; stroke:var(--blue2); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

/* Steps */
.steps { counter-reset:s; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap:16px; }
.steps > div { padding:24px; color:var(--muted); font-size:.96rem; }
.steps > div b { color:#fff; font:600 1.08rem/1.3 var(--display); display:inline-block; margin-bottom:4px; }
.steps > div::before { counter-increment:s; content:counter(s, decimal-leading-zero); display:block; font:700 .8rem/1 var(--body); letter-spacing:.14em; color:var(--blue2); margin-bottom:14px; }

/* Tables, details, notes */
.tablewrap { overflow-x:auto; padding:6px; }
table { border-collapse:collapse; width:100%; }
th, td { padding:14px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
th { font:600 .75rem/1 var(--body); letter-spacing:.12em; text-transform:uppercase; color:var(--dim); }
tr:last-child td { border-bottom:0; }
td:nth-child(2) { white-space:nowrap; color:#fff; font-weight:600; }
td a { display:inline-block; padding:6px 14px; border-radius:999px; background:rgba(91,124,250,.15); border:1px solid rgba(142,166,255,.3); font-size:.85rem; font-weight:600; color:#fff; white-space:nowrap; }
td a:hover { background:var(--blue); }
details { padding:18px 22px; margin:10px 0; }
summary { font:600 1.02rem var(--display); cursor:pointer; color:#fff; list-style:none; display:flex; justify-content:space-between; gap:16px; }
summary::-webkit-details-marker { display:none; }
summary::after { content:"+"; color:var(--blue2); font-size:1.3rem; line-height:1; transition:transform .25s; }
details[open] summary::after { transform:rotate(45deg); }
details p { color:var(--muted); margin:12px 0 0; }
.note { padding:18px 22px; margin:18px 0; color:var(--muted); border-left:3px solid var(--gold); }
.note b { color:#fff; }
ul { padding-left:20px; } li { margin:4px 0; }

/* Old page hero (industry pages) */
.hero { position:relative; }
.hero .wrap { padding-top:80px; padding-bottom:40px; }
.hero h1 { max-width:18ch; }
.hero p { font-size:1.15rem; color:var(--muted); max-width:56ch; margin:0 0 28px; }
.hero .btn + .btn { margin-left:8px; }

/* ===== Home ===== */
.home-hero { padding:90px 0 60px; }
.home-hero .wrap { display:grid; grid-template-columns:1.08fr .92fr; gap:60px; align-items:center; }
@media (max-width:920px) { .home-hero { padding:56px 0 30px; } .home-hero .wrap { grid-template-columns:1fr; gap:48px; } }
.pill { display:inline-flex; align-items:center; gap:10px; padding:7px 14px 7px 8px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid var(--line); font-size:.85rem; color:var(--muted); margin-bottom:24px; }
.pill b { color:#141a2e; background:var(--gold); padding:3px 9px; border-radius:999px; font-size:.72rem; letter-spacing:.06em; }
.trust { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:28px; color:var(--dim); font-size:.88rem; }
.trust span { display:inline-flex; align-items:center; gap:8px; }
.trust span::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 10px var(--mint); }

.stage { position:relative; height:620px; }
@media (max-width:920px) { .stage { height:560px; max-width:440px; margin:0 auto; width:100%; } }
.stage .glow { position:absolute; inset:10% 5%; background:radial-gradient(closest-side, rgba(91,124,250,.55), rgba(139,92,246,.25) 55%, transparent); filter:blur(30px); }
.phone { position:absolute; left:50%; top:0; width:290px; height:600px; transform:translateX(-50%) rotate(-2deg); border-radius:44px; padding:10px; background:linear-gradient(160deg, #2a3358, #0c1022); box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 50px 100px -30px rgba(0,0,0,.9), 0 0 80px -20px rgba(91,124,250,.6); }
.phone .screen { position:relative; width:100%; height:100%; border-radius:35px; overflow:hidden; background:#000; }
.phone video, .phone .screen img { width:100%; height:100%; object-fit:cover; }
.phone .notch { position:absolute; top:10px; left:50%; transform:translateX(-50%); width:90px; height:24px; border-radius:20px; background:#000; z-index:3; }
.phone .ui { position:absolute; left:0; right:0; bottom:0; padding:60px 16px 18px; background:linear-gradient(transparent, rgba(0,0,0,.75)); font-size:.78rem; color:#fff; z-index:2; }
.phone .ui b { display:block; font-size:.86rem; }
.phone .tag { position:absolute; top:44px; left:14px; z-index:2; font-size:.66rem; letter-spacing:.06em; text-transform:uppercase; padding:4px 9px; border-radius:999px; background:rgba(0,0,0,.45); backdrop-filter:blur(6px); color:#fff; }
.float { position:absolute; z-index:4; padding:14px 16px; border-radius:18px; background:rgba(16,22,48,.72); border:1px solid rgba(142,166,255,.22); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 24px 50px -20px rgba(0,0,0,.9); font-size:.82rem; color:var(--muted); animation:bob 6s ease-in-out infinite; }
.float b { color:#fff; display:block; font-size:.92rem; font-family:var(--display); font-weight:600; }
.float .row { display:flex; align-items:center; gap:10px; }
.float .chk { width:28px; height:28px; border-radius:50%; background:var(--gold); display:grid; place-items:center; flex:none; box-shadow:0 0 20px rgba(242,181,68,.55); }
.float .chk svg { width:14px; height:14px; stroke:#141a2e; stroke-width:3; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.f1 { left:-4%; top:14%; animation-delay:-1s; }
.f2 { right:-6%; top:42%; animation-delay:-3s; }
.f3 { left:2%; bottom:6%; animation-delay:-4.5s; }
.bars { display:flex; align-items:flex-end; gap:4px; height:30px; margin-top:8px; }
.bars i { width:8px; border-radius:3px; background:linear-gradient(var(--blue2), var(--blue)); }
@media (max-width:520px) { .f1 { left:-2%; } .f2 { right:-2%; } .float { font-size:.74rem; padding:11px 13px; } .phone { width:250px; height:520px; } .stage { height:540px; } }
@keyframes bob { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }

/* Marquee */
.marquee { border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; padding:20px 0; mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.marquee .track { display:flex; gap:56px; width:max-content; animation:scroll 40s linear infinite; }
.marquee span { font:500 1.05rem var(--display); color:var(--dim); white-space:nowrap; display:inline-flex; align-items:center; gap:56px; }
.marquee span::after { content:"✦"; color:var(--blue); font-size:.8rem; }
@keyframes scroll { to { transform:translateX(-50%); } }

/* Showcase bento */
.head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px 40px; margin-bottom:36px; }
.head p { margin:0; }
.bento { display:grid; grid-template-columns:repeat(12, 1fr); grid-auto-rows:150px; gap:16px; }
.tile { position:relative; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:#0b1020; }
.tile video, .tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.tile:hover video, .tile:hover img { transform:scale(1.04); }
.tile::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 55%, rgba(5,7,15,.85)); pointer-events:none; }
.tile .cap { position:absolute; left:18px; right:18px; bottom:16px; z-index:2; margin:0; }
.tile .cap b { display:block; color:#fff; font:600 1.02rem/1.3 var(--display); }
.tile .cap span { color:#c6cdea; font-size:.82rem; }
.tile .lbl { position:absolute; top:14px; left:14px; z-index:2; font-size:.68rem; letter-spacing:.05em; padding:5px 10px; border-radius:999px; background:rgba(5,7,15,.6); border:1px solid rgba(255,255,255,.15); backdrop-filter:blur(8px); color:#e6e9ff; }
.tile .sound { position:absolute; top:12px; right:12px; z-index:3; width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:rgba(5,7,15,.55); backdrop-filter:blur(8px); color:#fff; cursor:pointer; display:grid; place-items:center; }
.tile .sound svg { width:16px; height:16px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.t1 { grid-column:span 4; grid-row:span 4; }
.t2 { grid-column:span 4; grid-row:span 2; }
.t3 { grid-column:span 4; grid-row:span 4; }
.t4 { grid-column:span 4; grid-row:span 2; }
.t5 { grid-column:span 12; grid-row:span 1; }
@media (max-width:900px) { .bento { grid-template-columns:repeat(2, 1fr); grid-auto-rows:120px; } .t1, .t3 { grid-column:span 1; grid-row:span 4; } .t2, .t4 { grid-column:span 1; grid-row:span 3; } .t5 { grid-column:span 2; grid-row:span 1; } }
@media (max-width:520px) { .bento { grid-template-columns:1fr; grid-auto-rows:auto; } .tile { aspect-ratio:9/14; } .t2, .t4 { aspect-ratio:4/5; } .t1, .t2, .t3, .t4, .t5 { grid-column:auto; grid-row:auto; } .t5 { aspect-ratio:auto; } }
.t5 { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 26px; background:linear-gradient(110deg, rgba(91,124,250,.2), rgba(139,92,246,.14), rgba(242,181,68,.1)); }
.t5::after { display:none; }
.t5 p { margin:0; color:#dfe4ff; }
@media (max-width:520px) { .t5 { flex-direction:column; align-items:flex-start; padding:22px; } }

/* Work page: industry sets */
.jump { display:flex; flex-wrap:wrap; gap:8px; margin:26px 0 10px; }
.jump a { padding:8px 16px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--muted); font-size:.88rem; }
.jump a:hover { color:#fff; border-color:rgba(142,166,255,.4); }
.ind { margin-top:64px; scroll-margin-top:90px; }
.indhead { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 16px; margin-bottom:18px; }
.indhead h2 { margin:0; font-size:clamp(1.5rem, 3vw, 2.1rem); }
.set { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }
.set .tile { aspect-ratio:9/14; }
@media (max-width:760px) { .set { grid-template-columns:1fr 1fr; } .set .tile:first-child { grid-column:1 / -1; aspect-ratio:9/12; } }
.strip { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px; }
.strip img { width:min(300px, 72vw); flex:none; border-radius:16px; border:1px solid var(--line); scroll-snap-align:start; }
.gpost img { width:100%; max-width:720px; border-radius:var(--radius); border:1px solid var(--line); }
.concept { background:rgba(242,181,68,.14) !important; color:var(--gold) !important; border:1px solid rgba(242,181,68,.3); }
.brandhead h2 { font-size:1.4rem; }

/* Feature grid */
.features { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
.features .card.wide { grid-column:span 2; }
@media (max-width:900px) { .features { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .features { grid-template-columns:1fr; } .features .card.wide { grid-column:auto; } }
.mini-cal { display:grid; grid-template-columns:repeat(7, 1fr); gap:6px; margin-top:20px; max-width:360px; }
.mini-cal i { aspect-ratio:1; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.05); }
.mini-cal i.on { background:linear-gradient(135deg, rgba(91,124,250,.6), rgba(139,92,246,.5)); border-color:rgba(142,166,255,.4); }
.mini-cal i.ok { background:var(--gold); box-shadow:0 0 14px rgba(242,181,68,.5); }

/* Compare */
.compare { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
@media (max-width:900px) { .compare { grid-template-columns:1fr; } }
.compare .card h3 { font-size:1rem; color:var(--muted); font-family:var(--body); font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.compare .card.pick h3 { color:var(--gold); }
.compare .card li.no::before { background:rgba(255,99,99,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23ff7a7a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat; }
.compare .card li.no { color:var(--muted); }

/* CTA band */
.cta-band { border-radius:32px; padding:clamp(36px, 6vw, 72px); text-align:center; position:relative; overflow:hidden; border:1px solid rgba(142,166,255,.25);
  background:radial-gradient(600px 300px at 50% 0%, rgba(91,124,250,.45), transparent 70%), radial-gradient(500px 300px at 90% 100%, rgba(139,92,246,.35), transparent 70%), linear-gradient(180deg, #121a3a, #0a0f22); }
.cta-band h2 { max-width:20ch; margin-left:auto; margin-right:auto; }
.cta-band .btns { justify-content:center; }

/* Footer */
footer.site { border-top:1px solid var(--line); padding:56px 0 48px; color:var(--dim); font-size:.9rem; margin-top:40px; }
footer.site .cols { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:30px; }
@media (max-width:800px) { footer.site .cols { grid-template-columns:repeat(2, minmax(0, 1fr)); } footer.site .cols > div:first-child { grid-column:1 / -1; } }
footer.site a { overflow-wrap:anywhere; }
footer.site h4 { font:600 .75rem var(--body); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 12px; }
footer.site a { color:var(--dim); display:block; padding:3px 0; }
footer.site a:hover { color:#fff; }
footer.site .base { margin-top:40px; padding-top:20px; border-top:1px solid var(--line); font-size:.8rem; display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }

/* Reveal on scroll */
.rv { opacity:0; transform:translateY(24px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.rv.in { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .rv { opacity:1; transform:none; transition:none; }
  .float, .marquee .track { animation:none; }
}