/* ============================================================
   Casino Aurora — Doanh Nghiệp Cao Cấp
   Deep-navy + Aurora Teal/Violet + Gold enterprise theme
   ============================================================ */
:root {
    --bg: #0b0e0d;
    --bg-2: #101513;
    --bg-3: #161c19;
    --surface: rgba(255,255,255,.05);
    --surface-2: rgba(255,255,255,.09);
    --line: rgba(121,175,148,.20);
    --text: #f8f6f3;
    --muted: #b4c0ba;
    --aur: #86a294;
    --au2: #dcf65a;
    --gold: #dac690;
    --gold-2: #eee3c4;
    --red: #d95a4a;
    --grad-aur: linear-gradient(120deg, var(--aur), var(--au2));
    --grad-gold: linear-gradient(120deg,#eee3c4,#86a294);
    --radius: 6px;
    --radius-sm: 5px;
    --shadow-1: 0 10px 30px rgba(3, 6, 18, .55);
    --shadow-aur: 0 8px 32px rgba(34, 230, 195, .22);
    --shadow-gold: 0 8px 30px rgba(246, 196, 83, .25);
    --container: 1200px;
    --header-h: 74px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 12px); }
body {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.65;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
.container { max-width: var(--container); margin: 0 auto; padding: 0 22px; }

/* ---------- Backdrop: aurora sky + grid ---------- */
.aurora-bg { position: fixed; inset: 0; z-index: -2; overflow: hidden; background:
    radial-gradient(1100px 520px at 85% -10%, rgba(123, 97, 255, .16), transparent 60%),
    radial-gradient(900px 480px at 8% 12%, rgba(34, 230, 195, .12), transparent 60%),
    var(--bg); }
.aurora-bg::after {
    content: ""; position: absolute; inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(720px 420px at 50% 0%, #000 30%, transparent 78%);
    -webkit-mask-image: radial-gradient(720px 420px at 50% 0%, #000 30%, transparent 78%);
}
.aurora-blob { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .5; animation: blobDrift 16s ease-in-out infinite alternate; }
.aurora-blob.b1 { width: 420px; height: 420px; background: rgba(34, 230, 195, .30); top: -120px; left: -100px; }
.aurora-blob.b2 { width: 520px; height: 520px; background: rgba(123, 97, 255, .28); top: 22%; right: -160px; animation-delay: -6s; }
.aurora-blob.b3 { width: 360px; height: 360px; background: rgba(246, 196, 83, .14); bottom: -140px; left: 32%; animation-delay: -11s; }
@keyframes blobDrift {
    from { transform: translate3d(0, 0, 0) scale(1); }
    to   { transform: translate3d(46px, 34px, 0) scale(1.14); }
}

/* ---------- Header ---------- */
.aur-header {
    position: sticky; top: 0; z-index: 90;
    background: rgba(7, 11, 24, .78);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
}
.aur-header .inner { display: flex; align-items: center; gap: 20px; height: var(--header-h); }
.brand { display: flex; align-items: center; gap: 11px; font-weight: 800; font-size: 21px; letter-spacing: .4px; white-space: nowrap; }
.brand .mark {
    width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center;
    background: var(--grad-aur); color: #04101c; font-size: 19px;
    box-shadow: var(--shadow-aur);
}
.brand .txt b { background: var(--grad-aur); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.aur-nav { display: flex; align-items: center; gap: 4px; flex: 1; }
.aur-nav > li { position: relative; }
.aur-nav > li > a {
    display: block; padding: 9px 13px; border-radius: 10px; font-size: 15px; font-weight: 600;
    color: var(--muted); transition: color .25s, background .25s;
}
.aur-nav > li > a:hover, .aur-nav > li > a.active { color: var(--text); background: var(--surface-2); }
.aur-nav .has-sub > a::after { content: " ▾"; font-size: 11px; opacity: .7; }
.aur-nav .sub {
    position: absolute; top: calc(100% + 8px); left: 0; min-width: 200px; padding: 8px;
    background: rgba(13, 20, 42, .97); border: 1px solid var(--line); border-radius: 14px;
    box-shadow: var(--shadow-1); opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: all .25s ease;
}
.aur-nav li:hover .sub, .aur-nav li:focus-within .sub { opacity: 1; visibility: visible; transform: translateY(0); }
.aur-nav .sub a { display: block; padding: 9px 12px; border-radius: 9px; font-size: 14px; color: var(--muted); }
.aur-nav .sub a:hover { color: var(--text); background: var(--surface); }
.header-cta { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 8px; }
.burger span { width: 24px; height: 2.5px; border-radius: 2px; background: var(--text); transition: all .3s; }
.burger.open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.burger.open span:nth-child(2) { opacity: 0; }
.burger.open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

/* ---------- Buttons ---------- */
.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    padding: 13px 30px; border-radius: 999px; border: 0; cursor: pointer;
    font-size: 15.5px; font-weight: 700; letter-spacing: .3px;
    transition: transform .22s, box-shadow .22s, filter .22s;
    white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.btn-aur { background: var(--grad-aur); color: #04101c; box-shadow: var(--shadow-aur); }
.btn-gold { background: var(--grad-gold); color: #2a1a02; box-shadow: var(--shadow-gold); }
.btn-ghost { background: var(--surface); color: var(--text); border: 1px solid var(--line); }
.btn-sm { padding: 9px 20px; font-size: 14px; }

/* ---------- Hero ---------- */
.hero { position: relative; padding: 96px 0 60px; overflow: hidden; }
.hero .container { position: relative; z-index: 2; }
.hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.hero-kicker {
    display: inline-flex; align-items: center; gap: 9px; padding: 8px 18px; margin-bottom: 22px;
    border-radius: 999px; font-size: 13.5px; font-weight: 700; color: var(--gold-2);
    background: rgba(246, 196, 83, .1); border: 1px solid rgba(246, 196, 83, .32);
}
.hero-kicker .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); animation: glowPulse 1.6s infinite; }
.hero h1 { font-size: clamp(34px, 4.6vw, 56px); line-height: 1.16; font-weight: 900; letter-spacing: -.5px; margin-bottom: 20px; }
.hero h1 .hl { background: var(--grad-aur); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero .lead { font-size: clamp(15.5px, 1.5vw, 18px); color: var(--muted); max-width: 560px; margin-bottom: 32px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 40px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 10px 26px; color: var(--muted); font-size: 14px; }
.hero-trust li { display: flex; align-items: center; gap: 8px; }
.hero-trust .tk { color: var(--aur); font-weight: 800; }

/* Hero stats panel */
.hero-panel {
    position: relative; padding: 34px 30px; border-radius: 24px;
    background: linear-gradient(160deg, rgba(255,255,255,.075), rgba(255,255,255,.02));
    border: 1px solid var(--line); box-shadow: var(--shadow-1); backdrop-filter: blur(10px);
}
.hero-panel::before {
    content: ""; position: absolute; inset: -1px; border-radius: 25px; padding: 1px;
    background: linear-gradient(140deg, rgba(34,230,195,.5), transparent 34%, transparent 66%, rgba(246,196,83,.42));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;
}
.jackpot-label { font-size: 13px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--muted); text-align: center; }
.jackpot-val {
    font-size: clamp(30px, 3.4vw, 42px); font-weight: 900; text-align: center; margin: 6px 0 24px;
    font-variant-numeric: tabular-nums; letter-spacing: 1px;
    background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: 0 0 42px rgba(246, 196, 83, .3);
}
.hero-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.hstat { padding: 16px 14px; border-radius: 15px; background: var(--surface); border: 1px solid var(--line); text-align: center; }
.hstat b { display: block; font-size: 23px; font-weight: 900; color: var(--aur); font-variant-numeric: tabular-nums; }
.hstat span { font-size: 12.5px; color: var(--muted); }

/* Floating chips */
.chip { position: absolute; z-index: 1; display: grid; place-items: center; font-size: 24px; width: 58px; height: 58px; border-radius: 50%;
    background: var(--surface-2); border: 1px solid var(--line); backdrop-filter: blur(6px);
    animation: chipFloat 7s ease-in-out infinite; box-shadow: var(--shadow-1); }
.chip.c1 { top: 16%; left: 5%; animation-delay: -1s; }
.chip.c2 { top: 62%; left: 12%; animation-delay: -3.2s; }
.chip.c3 { top: 24%; right: 7%; animation-delay: -2s; }
.chip.c4 { bottom: 10%; right: 13%; animation-delay: -4.6s; }
@keyframes chipFloat { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-20px) rotate(5deg); } }
@keyframes glowPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(246, 196, 83, .55); } 50% { box-shadow: 0 0 0 7px rgba(246, 196, 83, 0); } }

/* ---------- Ticker ---------- */
.ticker { border-block: 1px solid var(--line); background: rgba(11, 18, 38, .65); overflow: hidden; }
.ticker-track { display: flex; gap: 54px; padding: 13px 0; width: max-content; animation: marquee 26s linear infinite; }
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-item { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: var(--muted); white-space: nowrap; }
.ticker-item b { color: var(--gold-2); font-variant-numeric: tabular-nums; }
.ticker-item .up { color: var(--aur); }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Sections shared ---------- */
.section { padding: 76px 0; position: relative; }
.section-alt { background: linear-gradient(180deg, transparent, rgba(16, 26, 54, .5) 22%, rgba(16, 26, 54, .5) 78%, transparent); }
.sec-head { text-align: center; max-width: 720px; margin: 0 auto 46px; }
.sec-kicker { display: inline-block; font-size: 13px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: var(--aur); margin-bottom: 12px; }
.sec-head h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 900; letter-spacing: -.4px; margin-bottom: 14px; }
.sec-head p { color: var(--muted); font-size: 15.5px; }
.sec-head.center-line { position: relative; }
.sec-head .divider { width: 74px; height: 3px; margin: 18px auto 0; border-radius: 3px; background: var(--grad-aur); }

/* ---------- Cards: fishing grid (image cover) ---------- */
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.game-card {
    position: relative; padding: 0; border-radius: var(--radius);
    background: var(--surface); border: 1px solid var(--line); overflow: hidden;
    display: flex; flex-direction: column;
    transition: transform .3s, border-color .3s, box-shadow .3s;
}
.game-cover { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--bg-3); }
.game-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.game-card:hover .game-cover img { transform: scale(1.08); }
.game-cover .gv { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(7,11,24,.88)); }
.game-cover .badge { position: absolute; left: 13px; bottom: 11px; font-size: 12px; font-weight: 800; padding: 5px 12px; border-radius: 999px; color: #04101c; background: var(--grad-aur); box-shadow: var(--shadow-aur); }
.game-body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.game-card::before {
    content: ""; position: absolute; top: 0; left: -80%; width: 55%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.07), transparent);
    transform: skewX(-18deg); transition: left .6s ease;
}
.game-card:hover { transform: translateY(-7px); border-color: rgba(34, 230, 195, .45); box-shadow: var(--shadow-aur); }
.game-card:hover::before { left: 130%; }
.game-card .ribbon {
    position: absolute; top: 15px; right: -34px; transform: rotate(42deg); width: 128px; text-align: center;
    font-size: 11px; font-weight: 800; letter-spacing: 1px; padding: 5px 0; color: #2a1a02; background: var(--grad-gold);
}
.game-card h3 { font-size: 18.5px; font-weight: 800; margin-bottom: 9px; }
.game-card p { font-size: 14px; color: var(--muted); margin-bottom: 18px; }
.game-card .meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; }
.tag-rtp { font-size: 12px; font-weight: 800; color: var(--aur); background: rgba(34, 230, 195, .1); border: 1px solid rgba(34, 230, 195, .3); padding: 4px 11px; border-radius: 999px; }

/* ---------- Slots: horizontal scroll ---------- */
.hscroll { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(258px, 1fr); gap: 18px; overflow-x: auto; padding: 6px 4px 22px; scroll-snap-type: x mandatory; }
.hscroll::-webkit-scrollbar { height: 8px; }
.hscroll::-webkit-scrollbar-track { background: var(--surface); border-radius: 8px; }
.hscroll::-webkit-scrollbar-thumb { background: linear-gradient(90deg, var(--aur), var(--au2)); border-radius: 8px; }
.slot-card { scroll-snap-align: start; position: relative; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: var(--bg-3); transition: transform .3s, border-color .3s; }
.slot-card:hover { transform: translateY(-6px); border-color: rgba(246, 196, 83, .5); }
.slot-visual { height: 172px; position: relative; overflow: hidden; background: var(--bg-3); }
.slot-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.slot-card:hover .slot-visual img { transform: scale(1.09) rotate(.6deg); }
.slot-visual .sv-glow { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(7,11,24,.72)); }
.slot-hot { position: absolute; top: 12px; left: 12px; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 999px; background: var(--red); color: #fff; animation: glowPulseRed 1.8s infinite; }
@keyframes glowPulseRed { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 93, 122, .6); } 50% { box-shadow: 0 0 0 7px rgba(255, 93, 122, 0); } }
.slot-body { padding: 16px 18px 20px; }
.slot-body h3 { font-size: 16.5px; font-weight: 800; margin-bottom: 4px; }
.slot-body .payline { font-size: 12.5px; color: var(--muted); margin-bottom: 13px; }

/* ---------- Sports: asymmetric split ---------- */
.split-75 { display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px; }
.sports-main { position: relative; border-radius: var(--radius); border: 1px solid var(--line); background: var(--bg-2); padding: 30px; overflow: hidden; }
.sports-main .sm-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .3; }
.sports-main > * { position: relative; }
.sports-main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(11,18,38,.94) 30%, rgba(11,18,38,.55)); }
.sports-main > * { z-index: 1; }
.sports-main .lg { font-size: 42px; margin-bottom: 14px; }
.sports-main h3 { font-size: 23px; font-weight: 900; margin-bottom: 10px; }
.sports-main p { color: var(--muted); font-size: 14.5px; margin-bottom: 20px; }
.odds-table { border-radius: 14px; overflow: hidden; border: 1px solid var(--line); }
.odds-row { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; align-items: center; padding: 12px 16px; font-size: 14px; background: var(--surface); }
.odds-row + .odds-row { border-top: 1px solid var(--line); }
.odds-row.head { background: rgba(123, 97, 255, .14); font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); }
.odds-row .team { font-weight: 700; }
.odds-row .o { text-align: center; font-variant-numeric: tabular-nums; font-weight: 700; color: var(--gold-2); }
.sports-side { display: grid; gap: 20px; }
.sports-mini { border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); padding: 22px; display: flex; gap: 16px; align-items: center; transition: transform .3s, border-color .3s; }
.sports-mini:hover { transform: translateX(6px); border-color: rgba(123, 97, 255, .5); }
.sports-mini .ic { font-size: 34px; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 16px; background: var(--surface-2); flex-shrink: 0; }
.sports-mini h4 { font-size: 16px; font-weight: 800; margin-bottom: 4px; }
.sports-mini p { font-size: 13px; color: var(--muted); }

/* ---------- Live casino: featured + minis ---------- */
.live-wrap { display: grid; grid-template-columns: 1.35fr 1fr; gap: 20px; }
.live-featured {
    position: relative; border-radius: 22px; overflow: hidden; min-height: 380px;
    display: flex; flex-direction: column; justify-content: flex-end; padding: 34px;
    background: var(--bg-2);
    border: 1px solid var(--line);
}
.live-featured .lf-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.live-featured::after { content: ""; position: absolute; inset: 0; background: linear-gradient(15deg, rgba(7,11,24,.96) 22%, rgba(7,11,24,.45) 60%, rgba(123,97,255,.22)); }
.live-featured > * { position: relative; z-index: 1; }
.live-featured .lf-tag { align-self: flex-start; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; background: rgba(255, 93, 122, .16); color: #ff8ba0; border: 1px solid rgba(255, 93, 122, .4); margin-bottom: 16px; }
.live-featured h3 { font-size: clamp(24px, 2.6vw, 34px); font-weight: 900; margin-bottom: 10px; }
.live-featured p { color: #c6cdec; font-size: 15px; max-width: 430px; margin-bottom: 22px; }
.live-featured .lf-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.live-badge-live { position: absolute; top: 24px; right: 24px; display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 800; letter-spacing: 1px; color: #fff; background: rgba(255, 93, 122, .9); padding: 6px 14px; border-radius: 999px; }
.live-badge-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: glowPulse 1.4s infinite; }
.live-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.live-mini { border-radius: 18px; border: 1px solid var(--line); background: var(--surface); overflow: hidden; text-align: center; transition: transform .3s, border-color .3s, box-shadow .3s; display: flex; flex-direction: column; }
.live-mini:hover { transform: translateY(-6px); border-color: rgba(246, 196, 83, .45); box-shadow: var(--shadow-gold); }
.live-mini .pic { height: 128px; background: var(--bg-3); overflow: hidden; }
.live-mini .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.live-mini:hover .pic img { transform: scale(1.08); }
.live-mini .lb { padding: 16px 16px 18px; display: flex; flex-direction: column; flex: 1; }
.live-mini h4 { font-size: 16.5px; font-weight: 800; margin-bottom: 6px; }
.live-mini p { font-size: 13px; color: var(--muted); margin-bottom: 14px; }
.live-mini .btn { margin-top: auto; align-self: center; }

/* ---------- Promotions glow cards ---------- */
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.promo-card { position: relative; padding: 28px 22px; border-radius: var(--radius); background: var(--surface); border: 1px solid rgba(246, 196, 83, .22); overflow: hidden; transition: transform .3s, box-shadow .3s; }
.promo-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-gold); }
.promo-card .pct { font-size: 34px; font-weight: 900; margin-bottom: 8px; background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.promo-card h3 { font-size: 16.5px; font-weight: 800; margin-bottom: 8px; }
.promo-card p { font-size: 13.5px; color: var(--muted); margin-bottom: 16px; }
.promo-card .code { display: inline-block; font-size: 12.5px; font-weight: 800; letter-spacing: 1.5px; padding: 6px 14px; border-radius: 8px; border: 1px dashed rgba(246, 196, 83, .55); color: var(--gold-2); }

/* ---------- News (CMS) ---------- */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.news-card { display: grid; grid-template-columns: 200px 1fr; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: var(--surface); transition: transform .3s, border-color .3s; }
.news-card:hover { transform: translateY(-5px); border-color: rgba(34, 230, 195, .45); }
.news-thumb { position: relative; min-height: 168px; background: linear-gradient(140deg, #16305a, #101a36); overflow: hidden; }
.news-thumb img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.news-thumb .ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 40px; opacity: .5; }
.news-body { padding: 20px 22px; }
.news-body h3 { font-size: 17px; font-weight: 800; line-height: 1.45; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-body h3 a:hover { color: var(--aur); }
.news-body p { font-size: 13.8px; color: var(--muted); margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-meta { display: flex; gap: 16px; font-size: 12.5px; color: var(--muted); }
.news-meta .cat { color: var(--aur); font-weight: 700; }

/* ---------- FAQ accordion ---------- */
.faq-list { max-width: 860px; margin: 0 auto; display: grid; gap: 14px; }
.faq-item { border-radius: 15px; border: 1px solid var(--line); background: var(--surface); overflow: hidden; transition: border-color .3s; }
.faq-item.open { border-color: rgba(34, 230, 195, .42); }
.faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 22px; background: none; border: 0; color: var(--text); font-size: 16px; font-weight: 700; text-align: left; cursor: pointer; }
.faq-q .fx { flex-shrink: 0; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: var(--surface-2); font-weight: 900; color: var(--aur); transition: transform .3s; }
.faq-item.open .fx { transform: rotate(45deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .38s ease; }
.faq-a p { padding: 0 22px 20px; color: var(--muted); font-size: 14.5px; }

/* ---------- Bottom CTA ---------- */
.cta-band { padding: 84px 0; }
.cta-box {
    position: relative; border-radius: 26px; padding: 58px 40px; text-align: center; overflow: hidden;
    background: linear-gradient(135deg, rgba(34, 230, 195, .14), rgba(123, 97, 255, .16)), var(--bg-2);
    border: 1px solid var(--line);
}
.cta-box h2 { font-size: clamp(25px, 3vw, 36px); font-weight: 900; margin-bottom: 14px; }
.cta-box p { color: var(--muted); max-width: 560px; margin: 0 auto 30px; }
.cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.cta-box::after { content: "🎰"; position: absolute; right: -30px; bottom: -34px; font-size: 190px; opacity: .06; transform: rotate(-16deg); }

/* ---------- Footer ---------- */
.aur-footer { border-top: 1px solid var(--line); background: rgba(7, 11, 24, .85); margin-top: 20px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 34px; padding: 56px 0 40px; }
.aur-footer h4 { font-size: 15px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; color: var(--text); }
.aur-footer h4::after { content: ""; display: block; width: 30px; height: 2.5px; border-radius: 2px; background: var(--grad-aur); margin-top: 9px; }
.f-about p { font-size: 13.8px; color: var(--muted); margin: 14px 0 18px; }
.f-badges { display: flex; flex-wrap: wrap; gap: 9px; }
.f-badge { font-size: 11.5px; font-weight: 700; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--line); color: var(--muted); background: var(--surface); }
.f-links li { margin-bottom: 11px; }
.f-links a { font-size: 14px; color: var(--muted); transition: color .25s, padding-left .25s; }
.f-links a:hover { color: var(--aur); padding-left: 5px; }
.f-contact li { display: flex; gap: 11px; font-size: 14px; color: var(--muted); margin-bottom: 13px; }
.f-contact .ic { color: var(--gold); }
.friend-link { border-top: 1px solid var(--line); padding: 18px 0; }
.friend-link ul { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; }
.friend-link li { font-size: 13px; color: var(--muted); }
.friend-link a { color: var(--muted); transition: color .25s; }
.friend-link a:hover { color: var(--aur); }
.footer-bottom { border-top: 1px solid var(--line); padding: 20px 0; text-align: center; font-size: 13px; color: var(--muted); }
.footer-bottom a { color: var(--muted); }
.footer-bottom a:hover { color: var(--aur); }

/* ---------- Partners logo bar ---------- */
.partner-bar { display: grid; grid-template-columns: repeat(8, 1fr); gap: 14px; }
.partner-item { display: grid; place-items: center; padding: 16px 10px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); transition: transform .3s, border-color .3s, background .3s; }
.partner-item:hover { transform: translateY(-4px); border-color: rgba(34,230,195,.4); background: var(--surface-2); }
.partner-item img { max-width: 100%; height: 44px; object-fit: contain; filter: grayscale(.6) brightness(1.6); opacity: .75; transition: all .3s; }
.partner-item:hover img { filter: none; opacity: 1; }

/* ---------- Inner pages shared ---------- */
.page-hero { position: relative; overflow: hidden; padding: 64px 0 44px; border-bottom: 1px solid var(--line); background: linear-gradient(160deg, rgba(123,97,255,.14), rgba(11,18,38,.4)), var(--bg-2); }
.page-hero h1 { font-size: clamp(26px, 3.2vw, 38px); font-weight: 900; margin-bottom: 10px; }
.page-hero .ph-desc { color: var(--muted); font-size: 15px; max-width: 720px; }
.crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13.5px; color: var(--muted); padding: 16px 0 4px; }
.crumb a { color: var(--muted); transition: color .25s; }
.crumb a:hover { color: var(--aur); }
.crumb .sep { opacity: .5; }
.crumb .cur { color: var(--gold-2); font-weight: 700; }

.layout-2col { display: grid; grid-template-columns: 1fr 340px; gap: 26px; padding: 28px 0 64px; }

/* Post list (article cards with image) */
.post-list { display: grid; gap: 18px; }
.post-card { display: grid; grid-template-columns: 240px 1fr; gap: 0; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: var(--surface); transition: transform .3s, border-color .3s; }
.post-card:hover { transform: translateY(-4px); border-color: rgba(34,230,195,.42); }
.post-card .pic { position: relative; min-height: 168px; background: var(--bg-3); overflow: hidden; }
.post-card .pic img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: transform .45s; }
.post-card:hover .pic img { transform: scale(1.06); }
.post-card .pc-body { padding: 20px 22px; display: flex; flex-direction: column; }
.post-card h2 { font-size: 18px; font-weight: 800; line-height: 1.45; margin-bottom: 9px; }
.post-card h2 a:hover { color: var(--aur); }
.post-card .desc { font-size: 14px; color: var(--muted); margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.post-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 12.5px; color: var(--muted); margin-top: auto; }
.post-meta .cat { color: var(--aur); font-weight: 700; }

/* Sidebar widgets */
.side-widget { border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); padding: 22px; margin-bottom: 20px; }
.side-widget h3 { font-size: 15.5px; font-weight: 800; letter-spacing: .5px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.side-widget h3::before { content: ""; display: inline-block; width: 4px; height: 15px; border-radius: 2px; background: var(--grad-aur); margin-right: 9px; vertical-align: -2px; }
.sw-list li { display: flex; gap: 12px; padding: 9px 0; border-bottom: 1px dashed rgba(255,255,255,.06); }
.sw-list li:last-child { border-bottom: 0; }
.sw-list .rank { flex-shrink: 0; width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center; font-size: 12px; font-weight: 900; color: #04101c; background: var(--grad-aur); }
.sw-list li:nth-child(n+4) .rank { background: var(--surface-2); color: var(--muted); }
.sw-list a { font-size: 14px; color: var(--text); line-height: 1.5; transition: color .25s; }
.sw-list a:hover { color: var(--aur); }
.sw-list time { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: 9px; }
.tag-cloud a { font-size: 13px; padding: 7px 15px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--line); color: var(--muted); transition: all .25s; }
.tag-cloud a:hover { color: #04101c; background: var(--grad-aur); border-color: transparent; }

/* Pagination (system $pagination) */
.pagination-wrap { margin: 30px 0 6px; display: flex; justify-content: center; }
.pagination-wrap ul, .pagination { display: inline-flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.pagination li { list-style: none; }
.pagination a, .pagination span { display: inline-block; min-width: 38px; text-align: center; padding: 9px 13px; border-radius: 11px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 14px; font-weight: 600; transition: all .25s; }
.pagination a:hover { color: var(--text); border-color: rgba(34,230,195,.45); }
.pagination .active span, .pagination li.current span { background: var(--grad-aur); color: #04101c; border-color: transparent; }
.pagination .disabled span { opacity: .4; }

/* Detail article */
.detail-card { border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); padding: 34px; }
.detail-card h1 { font-size: clamp(23px, 2.8vw, 32px); font-weight: 900; line-height: 1.35; margin-bottom: 16px; }
.detail-info { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 13px; color: var(--muted); padding-bottom: 18px; border-bottom: 1px solid var(--line); margin-bottom: 26px; }
.detail-info .dt-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.detail-info .dt-tags a { padding: 4px 12px; border-radius: 999px; background: rgba(123,97,255,.12); border: 1px solid rgba(123,97,255,.35); color: #b8a8ff; font-size: 12px; }
.detail-body { font-size: 15.5px; line-height: 1.9; color: #d5dcf5; word-break: break-word; }
.detail-body p { margin-bottom: 16px; }
.detail-body img { max-width: 100%; height: auto; border-radius: 14px; margin: 12px auto; display: block; border: 1px solid var(--line); }
.detail-body h2, .detail-body h3, .detail-body h4 { color: var(--text); margin: 26px 0 12px; font-weight: 800; }
.detail-body h2 { font-size: 21px; }
.detail-body h3 { font-size: 18px; }
.detail-body a { color: var(--aur); text-decoration: underline; text-underline-offset: 3px; }
.detail-body ul, .detail-body ol { padding-left: 22px; margin-bottom: 16px; }
.detail-body ul li { list-style: disc; margin-bottom: 7px; }
.detail-body ol li { list-style: decimal; margin-bottom: 7px; }
.detail-body blockquote { border-left: 3px solid var(--aur); background: var(--surface); padding: 14px 18px; border-radius: 0 12px 12px 0; margin: 16px 0; color: var(--muted); }
.detail-body table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
.detail-body th, .detail-body td { border: 1px solid var(--line); padding: 10px 12px; }
.detail-body th { background: var(--surface-2); }
.detail-body pre { background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 16px; overflow-x: auto; }

/* Prev / next nav */
.prev-next { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 30px; }
.pn-box { border-radius: 14px; border: 1px solid var(--line); background: var(--surface); padding: 15px 18px; transition: border-color .3s; }
.pn-box:hover { border-color: rgba(34,230,195,.45); }
.pn-box.next { text-align: right; }
.pn-box span { display: block; font-size: 12px; color: var(--muted); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 5px; }
.pn-box a { font-size: 14.5px; font-weight: 700; line-height: 1.45; }
.pn-box a:hover { color: var(--aur); }

/* Tag page header */
.tag-hero { display: flex; align-items: center; gap: 18px; }
.tag-hero .tg-ic { flex-shrink: 0; width: 62px; height: 62px; border-radius: 18px; display: grid; place-items: center; font-size: 28px; background: linear-gradient(140deg, rgba(34,230,195,.18), rgba(123,97,255,.18)); border: 1px solid var(--line); }

/* Search form */
.search-form { display: flex; gap: 10px; max-width: 560px; }
.search-form input { flex: 1; padding: 13px 18px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-size: 15px; outline: none; transition: border-color .25s; }
.search-form input:focus { border-color: rgba(34,230,195,.5); }

/* Empty state */
.empty-state { text-align: center; padding: 70px 20px; border-radius: var(--radius); border: 1px dashed var(--line); background: var(--surface); }
.empty-state .es-ic { font-size: 52px; margin-bottom: 14px; }
.empty-state p { color: var(--muted); margin-bottom: 20px; }

/* 404 page */
.t404 { min-height: 68vh; display: grid; place-items: center; text-align: center; padding: 60px 20px; }
.t404 .code { font-size: clamp(90px, 16vw, 170px); font-weight: 900; line-height: 1; background: var(--grad-aur); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.t404 p { color: var(--muted); margin: 18px 0 28px; }

/* Img fallback flash */
img[data-fb] { background: linear-gradient(140deg, #101a36, #0b1226); }

/* ---------- Reveal on scroll ---------- */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
.reveal[data-d="1"] { transition-delay: .1s; }
.reveal[data-d="2"] { transition-delay: .2s; }
.reveal[data-d="3"] { transition-delay: .3s; }
.no-js .reveal { opacity: 1; transform: none; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
    .hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .hero-panel { max-width: 560px; }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .split-75 { grid-template-columns: 1fr; }
    .live-wrap { grid-template-columns: 1fr; }
    .live-featured { min-height: 300px; }
    .layout-2col { grid-template-columns: 1fr; }
    .partner-bar { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 860px) {
    .aur-nav {
        position: fixed; top: var(--header-h); left: 0; right: 0; z-index: 89;
        flex-direction: column; align-items: stretch; gap: 2px;
        background: rgba(9, 14, 30, .98); border-bottom: 1px solid var(--line);
        padding: 14px 20px 20px; max-height: calc(100vh - var(--header-h)); overflow-y: auto;
        transform: translateY(-12px); opacity: 0; visibility: hidden; transition: all .3s ease;
    }
    .aur-nav.open { transform: none; opacity: 1; visibility: visible; }
    .aur-nav > li > a { padding: 12px 14px; font-size: 15.5px; }
    .aur-nav .sub { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; background: var(--surface); margin: 4px 0 8px 14px; display: none; }
    .aur-nav .has-sub.open .sub { display: block; }
    .burger { display: flex; }
    .header-cta .btn-ghost { display: none; }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .news-card { grid-template-columns: 1fr; }
    .news-thumb { min-height: 190px; }
    .post-card { grid-template-columns: 1fr; }
    .post-card .pic { min-height: 190px; position: relative; }
    .detail-card { padding: 22px 18px; }
    .prev-next { grid-template-columns: 1fr; }
    .pn-box.next { text-align: left; }
}
@media (max-width: 600px) {
    .hero { padding: 60px 0 44px; }
    .hero-actions .btn { flex: 1 1 auto; }
    .grid-3, .grid-4, .grid-2, .live-grid { grid-template-columns: 1fr; }
    .section { padding: 54px 0; }
    .hscroll { grid-auto-columns: minmax(232px, 82%); }
    .footer-grid { grid-template-columns: 1fr; gap: 26px; }
    .cta-box { padding: 44px 22px; }
    .brand { font-size: 18px; }
    .brand .txt small { display: none; }
    .odds-row { font-size: 12.5px; padding: 10px 10px; }
    .chip { display: none; }
    .partner-bar { grid-template-columns: repeat(3, 1fr); }
    .game-card .meta { flex-wrap: wrap; }
}

/* tundra: lichen patches on frozen ground */
body{background-image:radial-gradient(circle at 18% 30%,rgba(170,210,225,.05),transparent 22%),radial-gradient(circle at 62% 66%,rgba(190,215,180,.045),transparent 20%),radial-gradient(circle at 84% 22%,rgba(170,210,225,.04),transparent 18%),linear-gradient(0deg,transparent 92%,rgba(200,225,235,.04) 92% 94%,transparent 94%)}
.game-card{border:1px solid rgba(185,215,230,.22);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(185,215,230,.025) 62%,transparent)}
.game-card:hover{transform:translateY(-4px);border-color:rgba(215,240,250,.5)}
.btn,.chip{border-radius:6px}
.sec-kicker{letter-spacing:2.5px;color:#b6d2e2}
.sec-head .divider{background:linear-gradient(90deg,transparent,rgba(182,210,226,.55),rgba(200,225,190,.4),transparent);height:2px}
.jackpot-val{letter-spacing:2px;color:#d5e8f0}
.aurora-blob{filter:blur(42px);opacity:.4}
.aurora-blob.b1{background:rgba(185,215,230,.09)}.aurora-blob.b2{background:rgba(190,215,180,.06)}

/* ===== hero layouts ===== *//* hero20 unique layout reset: theme glows only, spacing owned by q-classes */
.hero{padding:0;min-height:0}
/* shared hero atoms */
.q-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:1.6px;color:var(--gold2);border:1px solid var(--line);border-radius:999px;padding:7px 16px;background:var(--surface);margin-bottom:18px}
.q-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.q-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.q-trust{display:flex;gap:16px;flex-wrap:wrap;list-style:none;margin-top:22px;font-size:13px;color:var(--muted)}
.hero .lead,.q1-copy .lead,.q2-copy .lead,.q5-main .lead{color:var(--muted);font-size:15.5px;line-height:1.75;margin-top:14px;max-width:560px}
h1 .hl{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* q1 split left-copy right game wall */
.q1-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:64px 0}
.q1-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.q1-wall img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid var(--line);transition:transform .3s}
.q1-wall img:hover{transform:translateY(-5px)}
@media(max-width:960px){.q1-grid{grid-template-columns:1fr}.q1-wall{grid-template-columns:repeat(3,1fr)}}

/* q2 mirrored wall left */
.q2-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center;padding:64px 0}
.q2-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.q2-wall img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--line);transition:transform .3s}
.q2-wall img:hover{transform:scale(1.05)}
.q2-copy{text-align:right}
.q2-copy .lead{margin-left:auto}
.q2-copy .q-actions,.q2-copy .q-trust{justify-content:flex-end}
@media(max-width:960px){.q2-grid{grid-template-columns:1fr}.q2-copy{text-align:left}.q2-copy .q-actions,.q2-copy .q-trust{justify-content:flex-start}}

/* q3 centered stage + stats bar */
.q3-stage{position:relative;overflow:hidden}
.q3-bg{position:absolute;inset:0}
.q3-bg img{width:100%;height:100%;object-fit:cover;opacity:.22}
.q3-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 460px at 50% 0%,transparent,var(--bg) 78%)}
.q3-wrap{position:relative;text-align:center;padding:84px 0 60px}
.q3-wrap h1{font-size:clamp(30px,4.6vw,52px);font-weight:900;line-height:1.18;margin:6px 0 14px}
.q3-wrap .lead{margin:0 auto}
.q3-wrap .q-actions{justify-content:center}
.q3-stats{position:relative;border-top:1px solid var(--line);background:var(--surface)}
.q3-srow{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0}
.q3-si{display:flex;flex-direction:column;align-items:center;gap:3px;border-left:1px solid var(--line)}
.q3-si:first-child{border-left:0}
.q3-si b{font-size:20px;font-weight:900;color:var(--gold)}
.q3-si span{font-size:12px;color:var(--muted)}
@media(max-width:860px){.q3-srow{grid-template-columns:1fr 1fr}.q3-si:nth-child(3){border-left:0}}

/* q4 fullbleed + floating jackpot card */
.q4-full{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden}
.q4-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.q4-shade{position:absolute;inset:0;background:linear-gradient(100deg,var(--bg) 20%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.25))}
.q4-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding:60px 0}
.q4-copy p{color:var(--muted);margin-top:12px;max-width:520px}
.q4-jcard{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:24px;backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.q4-jtag{font-size:11px;letter-spacing:2px;color:var(--muted)}
.q4-jval{font-size:clamp(24px,2.6vw,32px);font-weight:900;color:var(--gold);margin:8px 0 10px}
.q4-jrow{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:16px}
@media(max-width:960px){.q4-grid{grid-template-columns:1fr}}

/* q5 magazine vk-left + rail right */
.q5-grid{display:grid;grid-template-columns:52px 1fr 210px;gap:26px;padding:58px 0;align-items:center}
.q5-vk{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:800;letter-spacing:4px;color:var(--muted);border-right:2px solid var(--au2);padding-right:14px;height:100%;display:flex;align-items:center}
.q5-main h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q5-rail{display:flex;flex-direction:column;gap:12px}
.q5-ri{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px 16px;display:flex;flex-direction:column;gap:3px}
.q5-ri span{font-size:10.5px;letter-spacing:1.5px;color:var(--muted)}
.q5-ri b{font-size:19px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.q5-grid{grid-template-columns:1fr}.q5-vk{display:none}.q5-rail{flex-direction:row;flex-wrap:wrap}.q5-ri{flex:1 1 40%}}

/* q6 slim top img + score boards */
.q6-top{position:relative;height:250px;overflow:hidden}
.q6-top img{width:100%;height:100%;object-fit:cover}
.q6-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 4%,rgba(0,0,0,.45))}
.q6-top h1{position:absolute;bottom:18px;left:0;right:0;font-size:clamp(24px,3.4vw,40px);font-weight:900;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.q6-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-34px}
.q6-b{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.q6-b span{font-size:10.5px;letter-spacing:1.6px;color:var(--muted)}
.q6-b b{font-size:19px;font-weight:900}
.q6-aur b{color:var(--aur)}.q6-gold b{color:var(--gold)}
.q6-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 10px;flex-wrap:wrap}
.q6-cta p{color:var(--muted);font-size:14.5px;max-width:560px}
@media(max-width:960px){.q6-row{grid-template-columns:1fr 1fr}}

/* q7 banner + 3 game cards + cta tile */
.q7-band{background:linear-gradient(120deg,var(--bg-2),var(--bg-3));border-bottom:1px solid var(--line);padding:52px 0 34px}
.q7-band h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;margin:6px 0 10px}
.q7-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-6px;padding-bottom:50px}
.q7-c{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5}
.q7-c img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.q7-c:hover img{transform:scale(1.07)}
.q7-cb{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent)}
.q7-cb h3{color:#fff;font-size:16px}
.q7-cb span{color:rgba(255,255,255,.75);font-size:12px}
.q7-cta{border:1px dashed var(--au2);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:14px}
.q7-cta b{font-size:20px;font-weight:900;color:var(--gold)}
.q7-cta span{font-size:11.5px;color:var(--muted)}
.q7-cta .btn{margin-top:8px}
@media(max-width:1080px){.q7-cards{grid-template-columns:repeat(2,1fr)}}

/* q8 diagonal split */
.q8-diag{display:grid;grid-template-columns:55% 45%;min-height:520px}
.q8-copy{display:flex;align-items:center;background:var(--bg);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);padding-right:8%}
.q8-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q8-img{position:relative;overflow:hidden}
.q8-img img{width:100%;height:100%;object-fit:cover}
.q8-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 40%)}
.q8-badge{position:absolute;left:-30px;bottom:34px;background:var(--grad-gold);color:#1a1405;border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;line-height:1.15;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.q8-badge span{font-size:10.5px;font-weight:800;letter-spacing:1.5px}
.q8-badge b{font-size:30px;font-weight:900}
@media(max-width:960px){.q8-diag{grid-template-columns:1fr}.q8-copy{clip-path:none;padding-right:0}}

/* q9 asym left copy + dark data panel */
.q9-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:0;padding:60px 0;align-items:stretch}
.q9-left{padding-right:40px}
.q9-left h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q9-panel{border:1px solid var(--line);border-left:2px solid var(--aur);border-radius:0 16px 16px 0;background:var(--bg-3);padding:22px;display:flex;flex-direction:column;justify-content:center;gap:11px}
.q9-jp span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.q9-jp b{display:block;font-size:23px;font-weight:900;color:var(--gold);margin-top:3px}
.q9-kv{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted);border-top:1px dashed var(--line);padding-top:9px}
.q9-kv b{color:var(--text)}
@media(max-width:960px){.q9-grid{grid-template-columns:1fr}.q9-left{padding-right:0;padding-bottom:24px}}

/* q10 top ticker strip + left title + floating mini card */
.q10-strip{overflow:hidden;background:var(--bg-3);border-bottom:1px solid var(--line);padding:9px 0}
.q10-track{display:flex;gap:34px;white-space:nowrap;animation:qtmar 22s linear infinite;font-size:13px;color:var(--muted)}
.q10-track b{color:var(--gold)}
@keyframes qtmar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.q10-main{padding:56px 0 30px}
.q10-main h1{font-size:clamp(28px,4vw,50px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q10-float{padding-bottom:54px}
.q10-mini{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:12px 18px;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.q10-mini img{width:74px;height:74px;border-radius:12px;object-fit:cover}
.q10-mini span{display:block;font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.q10-mini b{font-size:19px;font-weight:900;color:var(--gold)}

/* q11 quad grid */
.q11-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;gap:14px;padding:56px 0}
.q11-tl h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.22;margin-top:4px}
.q11-tr,.q11-bl,.q11-br{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px}
.q11-tr{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;background:linear-gradient(135deg,var(--surface),rgba(0,0,0,.2))}
.q11-tr b{font-size:clamp(19px,2vw,26px);font-weight:900;color:var(--gold)}
.q11-tr span{font-size:11.5px;letter-spacing:2px;color:var(--muted)}
.q11-bl p{color:var(--muted);font-size:14px;margin-bottom:4px}
.q11-br{display:flex;gap:14px;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:13px;color:var(--muted)}
@media(max-width:960px){.q11-grid{grid-template-columns:1fr}}

/* q12 steps timeline + big image right */
.q12-grid{display:grid;grid-template-columns:340px 1fr;gap:40px;padding:60px 0;align-items:center}
.q12-ol{list-style:none;display:flex;flex-direction:column;gap:22px}
.q12-ol li{display:flex;gap:16px;align-items:flex-start}
.q12-ol b{font-size:24px;font-weight:900;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}
.q12-ol h3{font-size:16.5px;font-weight:800;margin-bottom:3px}
.q12-ol p{font-size:13px;color:var(--muted)}
.q12-right{position:relative}
.q12-img{border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.q12-img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.q12-right h1{font-size:clamp(22px,2.8vw,34px);font-weight:900;margin-top:18px}
.q12-right .q-kicker{margin:12px 0 0}
.q12-right .btn{margin-top:16px}
@media(max-width:960px){.q12-grid{grid-template-columns:1fr}}

/* q13 dial stage */
.q13-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:64px 0}
.q13-copy h1{font-size:clamp(28px,3.8vw,46px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q13-dial-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:26px}
.q13-disk{width:min(300px,72vw);aspect-ratio:1;border-radius:50%;border:2px solid var(--au2);background:radial-gradient(circle at 50% 38%,var(--surface-2),var(--bg-2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 10px rgba(255,255,255,.02),0 30px 70px rgba(0,0,0,.4)}
.q13-lbl{font-size:11px;letter-spacing:3px;color:var(--muted)}
.q13-disk b{font-size:clamp(19px,2vw,26px);font-weight:900;color:var(--gold)}
.q13-sub{font-size:11px;color:var(--muted)}
.q13-orbit{position:absolute;font-size:22px;background:var(--surface);border:1px solid var(--line);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.q13-orbit.o1{top:0;left:12%}.q13-orbit.o2{top:8%;right:10%}
.q13-orbit.o3{bottom:6%;left:8%}.q13-orbit.o4{bottom:0;right:14%}
@media(max-width:960px){.q13-grid{grid-template-columns:1fr}}

/* q14 spotlight beam + bottom strip */
.q14-spot{position:relative;overflow:hidden;padding:66px 0 0;text-align:center}
.q14-beam{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:min(560px,90vw);height:80%;background:radial-gradient(ellipse at top,rgba(227,179,65,.16),transparent 70%);pointer-events:none}
.q14-center{position:relative}
.q14-center h1{font-size:clamp(28px,4.2vw,50px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q14-center .lead{margin:0 auto}
.q14-center .q-actions{justify-content:center}
.q14-jp{margin-top:26px;display:inline-flex;flex-direction:column;gap:2px}
.q14-jp span{font-size:11px;letter-spacing:2px;color:var(--muted)}
.q14-jp b{font-size:clamp(20px,2.4vw,28px);font-weight:900;color:var(--gold)}
.q14-strip{display:flex;gap:8px;margin-top:44px;overflow:hidden;opacity:.85}
.q14-strip img{width:calc(100%/6 - 7px);aspect-ratio:16/10;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
@media(max-width:860px){.q14-strip{display:none}}

/* q15 magazine mirrored vk right */
.q15-grid{display:grid;grid-template-columns:1fr 52px;gap:26px;padding:58px 0;align-items:center}
.q15-main h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q15-nums{display:flex;gap:34px;margin-top:24px}
.q15-nums b{display:block;font-size:22px;font-weight:900;color:var(--gold)}
.q15-nums span{font-size:12px;color:var(--muted)}
.q15-vk{writing-mode:vertical-rl;font-size:13px;font-weight:800;letter-spacing:4px;color:var(--muted);border-left:2px solid var(--au2);padding-left:14px;height:100%;display:flex;align-items:center;justify-content:center}
@media(max-width:960px){.q15-vk{display:none}.q15-grid{grid-template-columns:1fr}}

/* q16 ticket split */
.q16-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:0;margin:56px auto;border-radius:20px;border:1px solid var(--line);background:var(--surface);overflow:hidden;position:relative}
.q16-l{padding:38px 44px}
.q16-l h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25;margin:10px 0 18px}
.q16-r{border-left:2px dashed var(--line);padding:38px 34px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:var(--bg-2);position:relative}
.q16-r::before,.q16-r::after{content:"";position:absolute;left:-13px;width:24px;height:24px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.q16-r::before{top:-13px}.q16-r::after{bottom:-13px}
.q16-code{display:flex;flex-direction:column;gap:2px;border:1px solid var(--au2);border-radius:12px;padding:14px;text-align:center}
.q16-code span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.q16-code b{font-size:21px;font-weight:900;color:var(--gold);letter-spacing:2px}
@media(max-width:960px){.q16-grid{grid-template-columns:1fr}.q16-r{border-left:0;border-top:2px dashed var(--line)}.q16-r::before,.q16-r::after{display:none}}

/* q17 giant typography */
.q17-typo{padding:70px 0 0;text-align:center}
.q17-typo .q17-h1{font-size:clamp(38px,7.5vw,96px);font-weight:900;line-height:1.02;letter-spacing:-1px;margin:10px 0 2px;word-break:break-word}
.q17-typo .q17-h2{font-size:clamp(18px,2.6vw,30px);font-weight:300;font-style:italic;color:var(--muted);margin-bottom:14px}
.q17-typo .lead{margin:0 auto}
.q17-typo .q-actions{justify-content:center}
.q17-line{border-top:1px solid var(--line);margin-top:56px;background:var(--surface)}
.q17-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 0;font-size:13px;color:var(--muted)}
.q17-badges span{border:1px solid var(--line);border-radius:999px;padding:7px 16px;background:var(--bg)}
.q17-badges b{color:var(--gold)}

/* q18 arcade arch */
.q18-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:28px;align-items:center;padding:60px 0}
.q18-col h1{font-size:clamp(22px,2.8vw,34px);font-weight:900;line-height:1.25;margin-bottom:14px}
.q18-arch-img{position:relative;width:min(340px,80vw);margin:0 auto}
.q18-arch-img img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:170px 170px 18px 18px;border:2px solid var(--au2)}
.q18-jp{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);background:var(--grad-gold);color:#1a1405;font-weight:900;font-size:16px;padding:10px 20px;border-radius:999px;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.q18-right .lead{margin:0 0 6px}
.q18-right .q-trust{flex-direction:column;gap:8px}
@media(max-width:1080px){.q18-grid{grid-template-columns:1fr;text-align:center}.q18-right .q-trust{align-items:center}.q18-right .lead{margin:0 auto}}

/* q19 dashboard grid */
.q19-dash{padding:54px 0}
.q19-head h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;margin:6px 0 22px}
.q19-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:180px;gap:12px}
.q19-cell{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;position:relative}
.q19-cell img{width:100%;height:100%;object-fit:cover}
.q19-jp{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px;background:linear-gradient(135deg,var(--bg-3),var(--bg-2))}
.q19-jp span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.q19-jp b{font-size:clamp(19px,2vw,27px);font-weight:900;color:var(--gold)}
.q19-cta{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.q19-cta p{font-size:13.5px;color:var(--muted)}
@media(max-width:960px){.q19-grid{grid-template-columns:1fr 1fr}}

/* q20 corridor double marquee */
.q20-corridor{overflow:hidden}
.q20-strip{overflow:hidden;background:var(--bg-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.q20-strip.bot{border-bottom:0}
.q20-track{display:flex;gap:38px;white-space:nowrap;animation:qtmar 26s linear infinite;font-size:13px;color:var(--muted);width:max-content}
.q20-strip.top .q20-track{animation-direction:reverse}
.q20-track b{color:var(--gold)}
.q20-mid{text-align:center;padding:64px 0}
.q20-mid h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.2;margin:8px 0 12px}
.q20-mid .lead{margin:0 auto}
.q20-mid .q-actions{justify-content:center}
/* q21 top strip + copy left + stat stack right */
.q21-strip{position:relative;height:190px;overflow:hidden}
.q21-strip img{width:100%;height:100%;object-fit:cover}
.q21-veil{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 3%,rgba(0,0,0,.35))}
.q21-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding:40px 0 56px}
.q21-copy h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q21-stack{display:flex;flex-direction:column;gap:12px}
.q21-sc{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-left:3px solid var(--aur);border-radius:12px;background:var(--surface);padding:14px 18px}
.q21-sc b{font-size:21px;font-weight:900;color:var(--gold);min-width:130px}
.q21-sc span{font-size:13px;color:var(--muted)}
@media(max-width:960px){.q21-grid{grid-template-columns:1fr}}

/* q22 usp list left + panel right */
.q22-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;padding:60px 0;align-items:center}
.q22-usp{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.q22-usp li{display:flex;gap:12px;align-items:flex-start}
.q22-usp b{font-size:22px;font-weight:900;color:var(--gold);line-height:1}
.q22-usp h3{font-size:15px;font-weight:800;margin-bottom:3px}
.q22-usp p{font-size:12.5px;color:var(--muted)}
.q22-panel{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:36px 40px;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.q22-panel h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25;margin-bottom:12px}
@media(max-width:960px){.q22-grid{grid-template-columns:1fr}.q22-usp{grid-template-columns:1fr}}

/* q23 head + masonry columns */
.q23-head{text-align:center;padding:56px 0 30px}
.q23-head h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;margin:8px 0 4px}
.q23-head .q-actions{justify-content:center}
.q23-cols{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:12px;padding-bottom:56px}
.q23-c{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.q23-c img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.q23-c:hover img{transform:scale(1.07)}
.q23-c span{position:absolute;left:12px;bottom:10px;font-size:13px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.q23-c.tall{grid-row:span 2}
.q23-c.wide{grid-column:span 2}
@media(max-width:960px){.q23-cols{grid-template-columns:1fr 1fr}}

/* q24 diagonal bg + narrow center-left */
.q24-slash{position:relative;padding:76px 0}
.q24-bgcut{position:absolute;inset:0;background:linear-gradient(115deg,var(--bg-3) 34%,transparent 34.6%),linear-gradient(65deg,transparent 62%,var(--bg-2) 62.5%);opacity:.8}
.q24-narrow{position:relative;max-width:640px}
.q24-narrow h1{font-size:clamp(28px,4vw,50px);font-weight:900;line-height:1.16;margin-bottom:12px}
.q24-stat{display:flex;align-items:center;gap:14px;margin-top:28px;border:1px dashed var(--au2);border-radius:14px;padding:14px 18px;background:var(--surface)}
.q24-stat span:first-child{font-size:24px}
.q24-stat b{font-size:22px;font-weight:900;color:var(--gold)}
.q24-stat span:last-child{font-size:13px;color:var(--muted)}

/* q25 glass card center on backdrop */
.q25-glass{position:relative;overflow:hidden}
.q25-backdrop{position:absolute;inset:0}
.q25-backdrop img{width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(1.2)}
.q25-backdrop::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 480px at 50% 40%,transparent,var(--bg) 82%)}
.q25-center{position:relative;display:flex;justify-content:center;padding:72px 0}
.q25-card{text-align:center;max-width:640px;border:1px solid var(--line);border-radius:26px;padding:44px 46px;background:rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.q25-card h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q25-card .q-actions{justify-content:center}
.q25-row{display:flex;justify-content:center;gap:20px;margin-top:24px;font-size:13px;color:var(--muted);flex-wrap:wrap}

/* q26 three-fold screen */
.q26-fold{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;padding:56px 0;align-items:stretch}
.q26-panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:28px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.q26-panel h1{font-size:clamp(22px,2.6vw,34px);font-weight:900;line-height:1.25}
.q26-mid{text-align:center;align-items:center}
.q26-mid img{width:100%;max-width:220px;border-radius:14px;object-fit:cover}
.q26-mid b{font-size:20px;font-weight:900;color:var(--gold)}
.q26-mid span{font-size:12px;letter-spacing:2px;color:var(--muted)}
@media(max-width:1080px){.q26-fold{grid-template-columns:1fr}}

/* q27 top copy + bottom image rail */
.q27-top{text-align:center;padding:56px 0 34px}
.q27-top h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;margin:8px 0 4px}
.q27-top .q-actions{justify-content:center}
.q27-rail{overflow:hidden;padding-bottom:52px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.q27-track{display:flex;gap:12px;width:max-content;animation:q27slide 30s linear infinite}
.q27-track img{width:210px;height:140px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
@keyframes q27slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* q28 monument: giant left + badge column right */
.q28-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;padding:64px 0;align-items:center}
.q28-main h1{font-size:clamp(30px,4.4vw,56px);font-weight:900;line-height:1.1;margin-bottom:14px}
.q28-main .q-kicker{margin-top:16px}
.q28-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.q28-b{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:2px;text-align:center}
.q28-b b{font-size:22px;font-weight:900;color:var(--gold)}
.q28-b span{font-size:11.5px;color:var(--muted)}
@media(max-width:960px){.q28-grid{grid-template-columns:1fr}}

/* q29 orbit hub */
.q29-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:64px 0}
.q29-copy h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q29-hub{position:relative;width:min(320px,76vw);aspect-ratio:1;margin:0 auto}
.q29-ring{position:absolute;inset:6%;border:1px dashed var(--au2);border-radius:50%;animation:q29spin 40s linear infinite}
@keyframes q29spin{to{transform:rotate(360deg)}}
.q29-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid var(--aur);box-shadow:0 0 50px rgba(0,0,0,.5)}
.q29-sat{position:absolute;width:52px;height:52px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:22px}
.q29-sat.s1{top:-6px;left:50%;transform:translateX(-50%)}
.q29-sat.s2{right:-6px;top:50%;transform:translateY(-50%)}
.q29-sat.s3{bottom:-6px;left:50%;transform:translateX(-50%)}
.q29-sat.s4{left:-6px;top:50%;transform:translateY(-50%)}
@media(max-width:960px){.q29-grid{grid-template-columns:1fr}}

/* q30 half image right + full-height copy left */
.q30-halfimg{display:grid;grid-template-columns:1fr 45%;min-height:540px}
.q30-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 6% 60px 0}
.q30-copy h1{font-size:clamp(28px,4vw,50px);font-weight:900;line-height:1.18;margin-bottom:14px}
.q30-img{position:relative;overflow:hidden}
.q30-img img{width:100%;height:100%;object-fit:cover}
.q30-fade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 45%)}
@media(max-width:960px){.q30-halfimg{grid-template-columns:1fr}.q30-img{min-height:240px;order:-1}.q30-fade{background:linear-gradient(0deg,var(--bg),transparent 60%)}}

/* q31 skyline emblem center */
.q31-skyline{position:relative;text-align:center;padding:72px 0 84px;overflow:hidden}
.q31-horizon{position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(0deg,var(--bg-3),transparent);mask-image:repeating-linear-gradient(90deg,#000 0 26px,transparent 26px 34px);opacity:.7}
.q31-emblem{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;border:2px solid var(--au2);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 0 44px rgba(0,0,0,.4)}
.q31-center{position:relative}
.q31-center h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q31-center .lead{margin:0 auto}
.q31-center .q-actions{justify-content:center}

/* q32 crest shield center + side columns */
.q32-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:26px;padding:56px 0;align-items:center}
.q32-t{flex-direction:column;align-items:flex-start;gap:10px}
.q32-shield{clip-path:polygon(50% 0,100% 12%,100% 62%,50% 100%,0 62%,0 12%);background:linear-gradient(160deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);padding:52px 34px 66px;text-align:center}
.q32-in h1{font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.25;margin:10px 0 16px}
.q32-jp{text-align:right;display:flex;flex-direction:column;gap:4px}
.q32-jp span{font-size:11px;letter-spacing:2px;color:var(--muted)}
.q32-jp b{font-size:clamp(20px,2.2vw,27px);font-weight:900;color:var(--gold)}
@media(max-width:1080px){.q32-grid{grid-template-columns:1fr}.q32-t{align-items:center}.q32-jp{text-align:center;align-items:center}}

/* q33 soft mega-card with inner grid */
.q33-card{border:1px solid var(--line);border-radius:30px;background:var(--surface);overflow:hidden;margin:52px auto;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.q33-top{padding:38px 44px 26px;text-align:center}
.q33-top h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin:8px 0 10px}
.q33-top .lead{margin:0 auto}
.q33-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}
.q33-cell{background:var(--bg-2);padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.q33-cell img{width:110px;height:110px;border-radius:20px;object-fit:cover}
.q33-cell span{font-size:13px;font-weight:800}
.q33-cta{background:var(--bg-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.q33-cta b{font-size:20px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.q33-grid{grid-template-columns:1fr 1fr}}

/* q34 startrail arcs + moon panel */
.q34-startrail{position:relative;overflow:hidden;padding:72px 0}
.q34-arc{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.q34-arc.a1{width:620px;height:620px;top:-380px;right:-180px}
.q34-arc.a2{width:460px;height:460px;top:-300px;right:-100px;border-color:rgba(255,255,255,.06)}
.q34-arc.a3{width:320px;height:320px;top:-230px;right:-40px;border-style:dashed}
.q34-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.q34-copy h1{font-size:clamp(28px,3.8vw,46px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q34-moon{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 38% 34%,var(--surface-2),var(--bg-2));border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.4);margin-left:auto}
.q34-lbl{font-size:10px;letter-spacing:3px;color:var(--muted)}
.q34-moon b{font-size:19px;font-weight:900;color:var(--gold);padding:0 20px}
.q34-sub{font-size:11px;color:var(--muted)}
@media(max-width:960px){.q34-grid{grid-template-columns:1fr}.q34-moon{margin:0 auto}}

/* q35 petal stack (3 overlapping) */
.q35-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;padding:60px 0;align-items:center}
.q35-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q35-stack{position:relative;height:420px}
.q35-p{position:absolute;width:62%;border-radius:18px;border:1px solid var(--line);background:var(--surface);overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.35);transition:transform .35s}
.q35-p img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.q35-p span{position:absolute;left:14px;bottom:12px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.q35-p.p1{left:0;top:26px;z-index:3}
.q35-p.p2{right:0;top:8px;z-index:2;transform:rotate(4deg)}
.q35-p.p3{left:16%;bottom:0;z-index:1;transform:rotate(-3deg)}
.q35-stack:hover .q35-p.p2{transform:rotate(0) translateY(-6px)}
@media(max-width:960px){.q35-grid{grid-template-columns:1fr}.q35-stack{height:360px;max-width:420px;margin:0 auto;width:100%}}

/* q36 console desk knobs */
.q36-head{text-align:center;padding:56px 0 30px}
.q36-head h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;margin:8px 0 4px}
.q36-head .q-actions{justify-content:center}
.q36-desk{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding-bottom:56px}
.q36-knob{border:1px solid var(--line);border-radius:110px 110px 16px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:26px 16px 20px;text-align:center;box-shadow:inset 0 2px 0 rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.3)}
.q36-knob b{display:block;font-size:26px;font-weight:900;color:var(--gold);margin-bottom:4px}
.q36-knob span{font-size:11.5px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
@media(max-width:1080px){.q36-desk{grid-template-columns:repeat(2,1fr)}}

/* q37 phone mock center + points + copy right */
.q37-grid{display:grid;grid-template-columns:auto 1fr;gap:44px;padding:60px 0;align-items:center;justify-content:center}
.q37-phone{position:relative;width:250px;height:500px;border:3px solid var(--au2);border-radius:38px;background:var(--bg-3);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.q37-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90px;height:18px;border-radius:12px;background:var(--bg);z-index:2}
.q37-phone img{width:100%;height:64%;object-fit:cover}
.q37-cap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);display:flex;flex-direction:column;gap:8px}
.q37-cap .q-kicker{margin-bottom:0;font-size:10px;padding:5px 10px}
.q37-cap b{font-size:19px;font-weight:900;color:var(--gold)}
.q37-point{position:absolute;z-index:3;border:1px solid var(--au2);border-radius:999px;background:var(--bg-2);padding:10px 18px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.q37-point b{font-size:17px;color:var(--gold)}
.q37-point span{font-size:11.5px;color:var(--muted)}
.q37-point.pt1{top:16%;left:-70px}
.q37-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:1080px){.q37-grid{grid-template-columns:1fr;justify-items:center}.q37-copy{text-align:center}.q37-point.pt1{left:50%;transform:translateX(-140%)}}

/* q38 industrial rivet plate */
.q38-frame{position:relative;border:2px solid var(--line);border-radius:14px;background:repeating-linear-gradient(45deg,var(--surface) 0 12px,var(--bg-2) 12px 24px);padding:56px 48px;margin:52px 0}
.q38-rivet{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--surface-2),var(--bg-3));border:1px solid var(--line)}
.q38-rivet.r1{top:16px;left:16px}.q38-rivet.r2{top:16px;right:16px}
.q38-rivet.r3{bottom:16px;left:16px}.q38-rivet.r4{bottom:16px;right:16px}
.q38-in{max-width:640px;margin:0 auto;text-align:center}
.q38-in h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin:8px 0 18px}
.q38-spec{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;text-align:left;max-width:420px;margin:0 auto 22px;font-size:13.5px}
.q38-spec span{color:var(--muted);letter-spacing:2px;font-size:11px;align-self:center}
.q38-spec b{color:var(--text);border-bottom:1px dashed var(--line);padding-bottom:3px}
.q38-in .q-actions{justify-content:center}

/* q39 dusk horizon layers */
.q39-dusk{position:relative;overflow:hidden;padding:150px 0 130px}
.q39-sun{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0%,rgba(240,200,120,.25) 55%,transparent 72%);opacity:.5}
.q39-layer{position:absolute;left:-6%;right:-6%;height:110px;border-radius:50%}
.q39-layer.l1{bottom:34px;background:var(--bg-3);opacity:.8}
.q39-layer.l2{bottom:-8px;background:var(--bg-2)}
.q39-layer.l3{bottom:-46px;background:var(--bg)}
.q39-copy{position:relative;text-align:center;max-width:660px;margin:0 auto}
.q39-copy h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q39-copy .lead{margin:0 auto}
.q39-copy .q-actions{justify-content:center}

/* q40 wine bottle panel */
.q40-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:64px 0;align-items:center}
.q40-copy h1{font-size:clamp(28px,3.8vw,46px);font-weight:900;line-height:1.2;margin-bottom:14px}
.q40-bottle{clip-path:polygon(26% 0,74% 0,84% 8%,84% 100%,16% 100%,16% 8%);background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);padding:56px 34px 40px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.q40-lbl{font-size:10.5px;letter-spacing:4px;color:var(--muted)}
.q40-bottle b{font-size:clamp(20px,2.2vw,26px);font-weight:900;color:var(--gold)}
.q40-sub{font-size:12px;color:var(--muted);font-style:italic}
@media(max-width:960px){.q40-grid{grid-template-columns:1fr}.q40-bottle{max-width:340px;margin:0 auto;width:100%}}
/* q41 stair steps */
.q41-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;padding:60px 0;align-items:center}
.q41-copy h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q41-steps{position:relative;display:flex;align-items:flex-end;gap:10px;height:320px}
.q41-s{flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.q41-s img{width:100%;object-fit:cover;display:block}
.q41-s.s1{height:52%}.q41-s.s2{height:72%}.q41-s.s3{height:92%;border-color:var(--aur)}
.q41-jp{position:absolute;left:50%;top:-18px;transform:translateX(-50%);text-align:center;background:var(--bg-3);border:1px solid var(--line);border-radius:12px;padding:10px 22px;white-space:nowrap}
.q41-jp b{display:block;font-size:20px;font-weight:900;color:var(--gold)}
.q41-jp span{font-size:11.5px;color:var(--muted)}
@media(max-width:960px){.q41-grid{grid-template-columns:1fr}.q41-steps{height:220px}}

/* q42 tunnel frames */
.q42-align{padding-top:56px}
.q42-copy{text-align:center;max-width:720px;margin:0 auto}
.q42-copy h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q42-copy .q-actions{justify-content:center}
.q42-frames{position:relative;height:300px;margin:20px 0 52px;perspective:900px}
.q42-f{position:absolute;left:50%;top:50%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg-3)}
.q42-f img{width:100%;height:100%;object-fit:cover;display:block}
.q42-f.f1{width:560px;height:250px;transform:translate(-50%,-50%) translateZ(-160px);opacity:.45;filter:blur(1px)}
.q42-f.f2{width:460px;height:210px;transform:translate(-50%,-50%) translateZ(-80px);opacity:.7}
.q42-f.f3{width:360px;height:170px;transform:translate(-50%,-50%);border-color:var(--aur);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.q42-cap{position:absolute;right:2%;bottom:6px;text-align:right}
.q42-cap b{display:block;font-size:22px;font-weight:900;color:var(--gold)}
.q42-cap span{font-size:12px;color:var(--muted)}

/* q43 polaroid wall */
.q43-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;padding:60px 0;align-items:center}
.q43-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q43-board{position:relative;height:400px}
.q43-p{position:absolute;background:#f4f0e6;padding:10px 10px 30px;border-radius:4px;box-shadow:0 16px 36px rgba(0,0,0,.45)}
.q43-p img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px}
.q43-p span{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:#5a544a;font-size:13px;font-weight:700;font-family:Georgia,serif}
.q43-p.pA{width:52%;height:230px;left:4%;top:6%;transform:rotate(-5deg)}
.q43-p.pB{width:46%;height:200px;right:4%;top:0;transform:rotate(4deg)}
.q43-p.pC{width:44%;left:30%;bottom:0;background:var(--bg-3);border:1px solid var(--line);padding:16px;transform:rotate(-2deg);text-align:center}
.q43-p.pC b{display:block;font-size:19px;font-weight:900;color:var(--gold);margin-bottom:4px}
.q43-p.pC i{font-size:12px;color:var(--muted)}
.q43-tape{position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(3deg);width:90px;height:24px;background:rgba(255,255,255,.14);border:1px dashed rgba(255,255,255,.25)}
@media(max-width:960px){.q43-grid{grid-template-columns:1fr}.q43-board{height:360px;max-width:440px;margin:0 auto;width:100%}}

/* q44 ledger book */
.q44-book{display:grid;grid-template-columns:1fr 14px 1fr;margin:52px auto;max-width:980px;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.4)}
.q44-page{background:var(--bg-2);padding:44px 40px}
.q44-page.left h1{font-size:clamp(24px,2.8vw,34px);font-weight:900;line-height:1.3;margin:10px 0 14px}
.q44-spine{background:repeating-linear-gradient(180deg,var(--bg-3) 0 8px,var(--bg) 8px 16px)}
.q44-page.right{background:var(--bg-3);display:flex;flex-direction:column;justify-content:center;gap:16px}
.q44-page.right h2{font-size:clamp(20px,2.4vw,28px);font-weight:900;color:var(--aur)}
.q44-lines b{display:block;font-size:22px;font-weight:900;color:var(--gold);border-bottom:1px dashed var(--line);padding-bottom:6px}
.q44-lines span{font-size:12px;color:var(--muted)}
@media(max-width:960px){.q44-book{grid-template-columns:1fr}.q44-spine{height:14px;background:repeating-linear-gradient(90deg,var(--bg-3) 0 8px,var(--bg) 8px 16px)}}

/* q45 lucky wheel */
.q45-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:64px 0;align-items:center}
.q45-copy h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q45-lucky{text-align:center}
.q45-disc{position:relative;width:min(300px,70vw);aspect-ratio:1;margin:0 auto 18px;border-radius:50%;border:6px solid var(--gold);background:conic-gradient(var(--bg-3) 0 60deg,var(--bg-2) 60deg 120deg,var(--bg-3) 120deg 180deg,var(--bg-2) 180deg 240deg,var(--bg-3) 240deg 300deg,var(--bg-2) 300deg 360deg);box-shadow:0 0 0 6px var(--bg),0 24px 60px rgba(0,0,0,.5);animation:q45spin 26s linear infinite}
@keyframes q45spin{to{transform:rotate(360deg)}}
.q45-pin{position:absolute;top:-26px;left:50%;transform:translateX(-50%);color:var(--gold);font-size:24px;z-index:2}
.q45-seg{position:absolute;left:50%;top:50%;font-size:12.5px;font-weight:800;color:var(--muted)}
.q45-seg.n1{transform:translate(-50%,-50%) rotate(0deg) translateY(-105px)}
.q45-seg.n2{transform:translate(-50%,-50%) rotate(60deg) translateY(-105px) rotate(-60deg)}
.q45-seg.n3{transform:translate(-50%,-50%) rotate(120deg) translateY(-105px) rotate(-120deg)}
.q45-seg.n4{transform:translate(-50%,-50%) rotate(180deg) translateY(-105px)}
.q45-seg.n5{transform:translate(-50%,-50%) rotate(240deg) translateY(-105px) rotate(-240deg);color:var(--gold)}
.q45-seg.n6{transform:translate(-50%,-50%) rotate(300deg) translateY(-105px) rotate(-300deg);color:var(--au2)}
.q45-val{font-size:22px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.q45-grid{grid-template-columns:1fr}}

/* q46 marquee bulbs */
.q46-marquee{padding:0}
.q46-bulbs{display:flex;justify-content:space-around;padding:14px 0}
.q46-bulbs i{width:10px;height:10px;border-radius:50%;background:var(--gold);opacity:.35;animation:q46blink 1.6s infinite}
.q46-bulbs i:nth-child(2n){animation-delay:.8s}
@keyframes q46blink{0%,100%{opacity:.2;box-shadow:none}50%{opacity:1;box-shadow:0 0 14px var(--gold)}}
.q46-center{text-align:center;padding:26px 0 34px}
.q46-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q46-center .lead{margin:0 auto}
.q46-center .q-actions{justify-content:center}
.q46-bill{display:inline-flex;flex-direction:column;gap:2px;margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:14px 28px;background:var(--surface)}
.q46-bill b{font-size:24px;font-weight:900;color:var(--gold)}
.q46-bill span{font-size:12px;color:var(--muted)}

/* q47 split-flap board */
.q47-board{margin:56px auto 0;max-width:720px;display:flex;flex-direction:column;gap:8px}
.q47-row{display:flex;gap:8px;justify-content:center}
.q47-cell{min-width:52px;padding:12px 8px;text-align:center;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);border-radius:8px;font-size:24px;font-weight:900;color:var(--gold);font-family:'Courier New',monospace;box-shadow:inset 0 -2px 0 rgba(0,0,0,.4)}
.q47-cell.d{color:var(--au2)}
.q47-cell.bold{color:var(--text)}
.q47-copy{text-align:center;padding:34px 0 56px}
.q47-copy h1{font-size:clamp(24px,3.4vw,42px);font-weight:900;line-height:1.2;margin:8px 0 12px}
.q47-copy .lead{margin:0 auto}
.q47-copy .q-actions{justify-content:center}

/* q48 hex hive */
.q48-head{text-align:center;padding:54px 0 26px}
.q48-head h1{font-size:clamp(24px,3.4vw,42px);font-weight:900;margin:8px 0 4px}
.q48-head .q-actions{justify-content:center}
.q48-hive{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:56px;max-width:860px;margin:0 auto}
.q48-h{position:relative;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--bg-3);overflow:hidden}
.q48-h img{width:100%;height:100%;object-fit:cover;display:block}
.q48-h span,.q48-h .lbl{position:absolute;left:0;right:0;bottom:16%;text-align:center;font-size:12.5px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.q48-h.big{grid-column:span 2;grid-row:span 2;display:flex;align-items:flex-end;justify-content:flex-start}
.q48-h.big b{position:relative;z-index:2;margin:0 0 14px 18px;font-size:clamp(16px,2vw,22px);font-weight:900;color:var(--gold);text-shadow:0 2px 12px rgba(0,0,0,.9)}
@media(max-width:860px){.q48-hive{grid-template-columns:1fr 1fr}}

/* q49 blueprint */
.q49-blueprint{position:relative;overflow:hidden}
.q49-grid-paper{position:absolute;inset:0;background-image:linear-gradient(rgba(120,170,230,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,230,.06) 1px,transparent 1px);background-size:28px 28px}
.q49-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:64px 0;align-items:center}
.q49-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:16px}
.q49-spec{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13.5px;margin-bottom:20px}
.q49-spec span{font-size:10.5px;letter-spacing:2px;color:var(--muted);align-self:center}
.q49-spec b{border-bottom:1px dashed var(--line);padding-bottom:3px}
.q49-sketch{position:relative;border:1px solid rgba(120,170,230,.35);border-radius:12px;padding:26px;background:rgba(120,170,230,.04)}
.q49-sketch img{width:100%;border-radius:8px;display:block;opacity:.9}
.q49-dim{position:absolute;background:rgba(120,170,230,.5)}
.q49-dim.w{top:8px;left:26px;right:26px;height:1px}
.q49-dim.h{left:8px;top:26px;bottom:26px;width:1px}
@media(max-width:960px){.q49-grid{grid-template-columns:1fr}}

/* q50 collage wall */
.q50-wall{display:grid;grid-template-columns:1fr 1.6fr 1fr;grid-auto-rows:130px;gap:14px;padding:56px 0}
.q50-note{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden;position:relative}
.q50-note img{width:100%;height:100%;object-fit:cover}
.q50-note.n1{transform:rotate(-2deg)}
.q50-note.n2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(255,220,120,.06);transform:rotate(1.5deg)}
.q50-note.n2 b{font-size:19px;font-weight:900;color:var(--gold)}
.q50-note.n2 span{font-size:12px;color:var(--muted)}
.q50-note.n4{transform:rotate(2.5deg)}
.q50-card{grid-column:2;grid-row:1/span 3;border:1px solid var(--line);border-radius:18px;background:var(--bg-2);padding:36px;display:flex;flex-direction:column;justify-content:center;gap:14px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.q50-card h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.22}
@media(max-width:960px){.q50-wall{grid-template-columns:1fr 1fr}.q50-card{grid-column:1/-1;grid-row:auto}}

/* q51 terrace rows */
.q51-rows{padding:56px 0}
.q51-r{display:flex;gap:10px;justify-content:center;margin-bottom:10px}
.q51-r img{width:190px;height:110px;object-fit:cover;border-radius:12px;border:1px solid var(--line);opacity:.85}
.q51-r.r2{width:78%;margin:0 auto}
.q51-r.r2 img{width:150px;height:90px;opacity:.65}
.q51-cap{text-align:center;padding:30px 0 8px}
.q51-cap h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin:8px 0 12px}
.q51-cap .lead{margin:0 auto}
.q51-cap .q-actions{justify-content:center}
@media(max-width:960px){.q51-r img{width:30%;height:80px}.q51-r.r2 img{width:26%;height:70px}}

/* q52 arc trio */
.q52-arc3{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:22px;align-items:end;padding-top:64px}
.q52-c{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.q52-c img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.q52-c span{display:block;padding:12px;text-align:center;font-weight:800;font-size:14px}
.q52-c.cA{transform:translateY(34px) rotate(-2deg)}
.q52-c.cC{transform:translateY(34px) rotate(2deg)}
.q52-c.cB{background:var(--bg-2);padding:34px 30px;display:flex;flex-direction:column;gap:12px;border-color:var(--aur);box-shadow:0 26px 66px rgba(0,0,0,.4)}
.q52-c.cB h1{font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.25}
.q52-jp{font-size:20px;font-weight:900;color:var(--gold)}
.q52-sub{text-align:center;max-width:640px;margin:64px auto 60px;color:var(--muted)}
@media(max-width:960px){.q52-arc3{grid-template-columns:1fr}.q52-c.cA,.q52-c.cC{display:none}}

/* q53 typewriter press */
.q53-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;padding:56px 0;align-items:center}
.q53-sheet{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);padding:40px 44px;position:relative;box-shadow:0 20px 54px rgba(0,0,0,.35)}
.q53-sheet::before{content:"";position:absolute;top:14px;left:14px;right:14px;bottom:14px;border:1px dashed var(--line);border-radius:8px;pointer-events:none}
.q53-head{text-align:center;font-size:12px;letter-spacing:5px;color:var(--muted);margin-bottom:16px}
.q53-sheet h1{font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.28;margin:10px 0 14px}
.q53-type{text-align:center;display:flex;flex-direction:column;gap:8px}
.q53-type b{font-family:'Courier New',monospace;font-size:clamp(20px,2.4vw,28px);font-weight:900;color:var(--gold);letter-spacing:1px}
.q53-type span{font-size:12.5px;color:var(--muted);font-style:italic}
@media(max-width:960px){.q53-grid{grid-template-columns:1fr}}

/* q54 clock face */
.q54-grid{display:grid;grid-template-columns:auto 1fr;gap:48px;padding:60px 0;align-items:center;justify-content:center}
.q54-face{position:relative;width:250px;height:250px;border-radius:50%;border:2px solid var(--line);background:radial-gradient(circle at 40% 35%,var(--surface-2),var(--bg-2));box-shadow:0 20px 54px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;flex-direction:column}
.q54-tick{position:absolute;font-size:13px;font-weight:800;color:var(--muted)}
.q54-tick.t12{top:10px;left:50%;transform:translateX(-50%)}
.q54-tick.t3{right:12px;top:50%;transform:translateY(-50%)}
.q54-tick.t6{bottom:10px;left:50%;transform:translateX(-50%)}
.q54-tick.t9{left:12px;top:50%;transform:translateY(-50%)}
.q54-hand{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;background:var(--au2);border-radius:4px}
.q54-hand.h{width:4px;height:56px;transform:translateX(-50%) rotate(45deg)}
.q54-hand.m{width:3px;height:84px;transform:translateX(-50%) rotate(190deg);background:var(--gold)}
.q54-core{font-size:30px;font-weight:900;color:var(--gold);position:relative;z-index:2}
.q54-unit{font-size:12px;letter-spacing:2px;color:var(--muted)}
.q54-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:1080px){.q54-grid{grid-template-columns:1fr;justify-items:center}.q54-copy{text-align:center}}

/* q55 grid9 neon */
.q55-head{text-align:center;padding:54px 0 26px}
.q55-head h1{font-size:clamp(24px,3.4vw,42px);font-weight:900;margin:8px 0 4px}
.q55-head .q-actions{justify-content:center}
.q55-nine{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:0 auto 56px}
.q55-q{display:flex;align-items:center;justify-content:center;min-height:96px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:15px;font-weight:700;color:var(--muted)}
.q55-q.qq{background:var(--bg-3);color:var(--gold);font-weight:900;font-size:17px}
.q55-q.mid{font-size:34px;border-color:var(--au2)}
.q55-q b{font-size:17px}

/* q56 cinema screen */
.q56-bar{background:#05060a;padding:12px 0}
.q56-bar.top{height:34px}
.q56-bar.bottom{text-align:center;font-size:12.5px;letter-spacing:2px;color:var(--gold)}
.q56-bar.bottom b{color:var(--text)}
.q56-screen{text-align:center;padding:52px 0 44px}
.q56-screen h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q56-screen .lead{margin:0 auto}
.q56-screen .q-actions{justify-content:center}

/* q57 folded leaf */
.q57-accordion{display:flex;gap:10px;padding:56px 0;perspective:1200px}
.q57-leaf{flex:1;border:1px solid var(--line);background:var(--bg-2);padding:30px 24px;display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:320px}
.q57-leaf.l1{transform:rotateY(14deg);background:var(--bg-3)}
.q57-leaf.l2 h1{font-size:clamp(20px,2.4vw,30px);font-weight:900;line-height:1.3}
.q57-leaf.l3{transform:rotateY(-14deg);background:var(--bg-3);text-align:center}
.q57-leaf.l3 b{font-size:22px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.q57-accordion{flex-direction:column}.q57-leaf{transform:none;min-height:auto}.q57-leaf.l3{padding:24px}}

/* q58 podium stands */
.q58-head{text-align:center;padding:54px 0 28px}
.q58-head h1{font-size:clamp(24px,3.4vw,42px);font-weight:900;line-height:1.2;margin:8px 0 10px}
.q58-stands{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;padding-bottom:56px;max-width:900px;margin:0 auto}
.q58-p{border:1px solid var(--line);border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));text-align:center;padding:20px 14px;display:flex;flex-direction:column;gap:4px}
.q58-p span{font-size:11px;letter-spacing:3px;color:var(--muted)}
.q58-p b{font-size:clamp(15px,1.6vw,19px);font-weight:900;color:var(--gold)}
.q58-p i{font-size:12px;color:var(--muted);font-style:normal}
.q58-p.p1{min-height:190px;border-color:var(--aur);box-shadow:0 -12px 40px rgba(0,0,0,.35)}
.q58-p.p2{min-height:150px}
.q58-p.p3{min-height:120px}
.q58-cta{display:flex;align-items:center;justify-content:center;min-height:120px}
@media(max-width:960px){.q58-stands{grid-template-columns:1fr 1fr}.q58-cta{grid-column:1/-1;min-height:auto;padding:10px 0}}

/* q59 circuit board */
.q59-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:60px 0;align-items:center}
.q59-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q59-board{position:relative;border:1px solid rgba(140,200,120,.3);border-radius:14px;background:rgba(140,200,120,.05);min-height:300px;overflow:hidden}
.q59-trace{position:absolute;background:rgba(140,200,120,.35)}
.q59-trace.t1{top:22%;left:6%;width:52%;height:2px}
.q59-trace.t2{top:22%;left:58%;width:2px;height:40%}
.q59-trace.t3{bottom:20%;left:6%;width:80%;height:2px}
.q59-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--au2);box-shadow:0 0 12px var(--au2)}
.q59-node.n1{top:calc(22% - 4px);left:calc(6% - 4px)}
.q59-node.n2{top:calc(62% - 4px);left:calc(58% - 4px)}
.q59-node.n3{bottom:calc(20% - 4px);left:calc(86% - 4px)}
.q59-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--au2);border-radius:10px;background:var(--bg-2);padding:22px 30px;text-align:center;box-shadow:0 0 34px rgba(0,0,0,.5)}
.q59-chip b{display:block;font-size:20px;font-weight:900;color:var(--gold);margin-bottom:4px}
.q59-chip span{font-size:11px;letter-spacing:2px;color:var(--muted)}
@media(max-width:960px){.q59-grid{grid-template-columns:1fr}}

/* q60 lanterns */
.q60-lantern{position:relative;overflow:hidden}
.q60-sky{position:absolute;inset:0;pointer-events:none}
.q60-l{position:absolute;width:54px;height:78px;border-radius:50% 50% 46% 46%;background:linear-gradient(180deg,rgba(255,150,70,.32),rgba(255,90,40,.12));box-shadow:0 0 30px rgba(255,130,60,.25);animation:q60rise 9s ease-in-out infinite}
.q60-l.l1{left:12%;bottom:-90px;animation-delay:0s}
.q60-l.l2{left:46%;bottom:-90px;animation-delay:3s;width:40px;height:60px}
.q60-l.l3{right:14%;bottom:-90px;animation-delay:5.5s}
@keyframes q60rise{0%{transform:translateY(0);opacity:0}12%{opacity:1}100%{transform:translateY(-560px);opacity:0}}
.q60-center{position:relative;text-align:center;padding:76px 0 64px}
.q60-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q60-center .lead{margin:0 auto}
.q60-center .q-actions{justify-content:center}
.q60-float{display:inline-flex;flex-direction:column;gap:2px;margin-top:24px;border:1px solid rgba(255,150,70,.35);border-radius:14px;padding:14px 26px;background:rgba(255,120,60,.06)}
.q60-float b{font-size:22px;font-weight:900;color:var(--au2)}
.q60-float span{font-size:12px;color:var(--muted)}
/* q61 chalkboard */
.q61-frame{position:relative;margin:56px auto;max-width:880px;border:8px solid rgba(160,130,80,.55);border-radius:6px;background:linear-gradient(160deg,#1c2420,#141a17);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.q61-tape{position:absolute;width:96px;height:26px;background:rgba(240,230,200,.16);border:1px dashed rgba(255,255,255,.2)}
.q61-tape.t1{top:-16px;left:8%;transform:rotate(-3deg)}
.q61-tape.t2{top:-16px;right:8%;transform:rotate(2deg)}
.q61-in{padding:46px 52px;text-align:center}
.q61-in h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.3;margin:10px 0 12px;font-family:Georgia,serif}
.q61-in .lead{margin:0 auto}
.q61-in .q-actions{justify-content:center}
.q61-note{position:absolute;right:-26px;bottom:-20px;transform:rotate(-4deg);background:rgba(240,230,200,.1);border:1px solid rgba(240,230,200,.25);border-radius:4px;padding:12px 18px;text-align:center}
.q61-note b{display:block;font-size:17px;font-weight:900;color:var(--gold)}
.q61-note span{font-size:11px;color:var(--muted);font-style:italic}
@media(max-width:960px){.q61-note{right:8px;bottom:-24px}}

/* q62 shard slices */
.q62-shard{display:grid;grid-template-columns:1.1fr .9fr .8fr;min-height:520px}
.q62-slice{position:relative;overflow:hidden}
.q62-slice.s1 img{width:100%;height:100%;object-fit:cover;opacity:.8}
.q62-slice.s1::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 60%,var(--bg) 96%)}
.q62-slice.s2{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:60px 44px;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent)}
.q62-slice.s2 h1{font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.3}
.q62-slice.s3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:linear-gradient(200deg,rgba(160,190,230,.06),transparent);border-left:1px solid var(--line)}
.q62-slice.s3 b{font-size:clamp(17px,1.8vw,22px);font-weight:900;color:var(--gold)}
.q62-slice.s3 span{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.q62-shard{grid-template-columns:1fr 1fr}.q62-slice.s1{min-height:220px}.q62-slice.s3{grid-column:1/-1;flex-direction:row;border-left:none;border-top:1px solid var(--line);padding:20px}}

/* q63 plaque */
.q63-plate{position:relative;margin:52px auto;max-width:760px;border:1px solid var(--line);background:linear-gradient(150deg,var(--bg-3),var(--bg-2));padding:48px 56px;text-align:center;border-radius:4px}
.q63-corner{position:absolute;width:26px;height:26px;border:3px solid var(--au2)}
.q63-corner.c1{top:10px;left:10px;border-right:none;border-bottom:none}
.q63-corner.c2{top:10px;right:10px;border-left:none;border-bottom:none}
.q63-corner.c3{bottom:10px;left:10px;border-right:none;border-top:none}
.q63-corner.c4{bottom:10px;right:10px;border-left:none;border-top:none}
.q63-plate h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;letter-spacing:2px;margin:10px 0 12px;text-transform:uppercase}
.q63-plate .lead{margin:0 auto}
.q63-row{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:24px;flex-wrap:wrap}
.q63-engrave{text-align:left}
.q63-engrave b{display:block;font-size:19px;font-weight:900;color:var(--gold);font-family:Georgia,serif}
.q63-engrave span{font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}

/* q64 kiln pots */
.q64-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;padding:60px 0;align-items:center}
.q64-pots{position:relative;height:360px}
.q64-pot{position:absolute;width:46%;border-radius:26px 26px 12px 12px;overflow:hidden;border:1px solid var(--line);box-shadow:inset 0 -6px 0 rgba(0,0,0,.25),0 16px 36px rgba(0,0,0,.4)}
.q64-pot img{width:100%;height:100%;object-fit:cover;display:block}
.q64-pot span{position:absolute;left:12px;bottom:10px;font-size:12.5px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.q64-pot.p1{left:0;top:0;height:56%;transform:rotate(-3deg)}
.q64-pot.p2{right:0;top:8%;height:64%;transform:rotate(2deg)}
.q64-pot.p3{left:22%;bottom:0;height:44%;transform:rotate(-1deg);border-bottom:4px solid var(--au2)}
.q64-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q64-grid{grid-template-columns:1fr}.q64-pots{height:300px;max-width:420px;margin:0 auto;width:100%}}

/* q65 easel sketch */
.q65-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;padding:60px 0;align-items:center}
.q65-sketch{position:relative;border:1px solid rgba(200,205,215,.25);background:#e9e7e2;border-radius:4px;padding:16px;transform:rotate(-1.5deg);box-shadow:0 20px 48px rgba(0,0,0,.45)}
.q65-sketch img{width:100%;display:block;border-radius:2px;filter:grayscale(.5) contrast(1.05)}
.q65-hatch{position:absolute;left:16px;right:16px;bottom:16px;height:52px;background:repeating-linear-gradient(45deg,rgba(40,44,52,.16) 0 2px,transparent 2px 7px)}
.q65-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px;font-family:Georgia,serif}
.q65-meta{display:flex;align-items:baseline;gap:12px;margin:16px 0}
.q65-meta b{font-size:22px;font-weight:900;color:var(--gold)}
.q65-meta span{font-size:12px;color:var(--muted);font-style:italic}
@media(max-width:960px){.q65-grid{grid-template-columns:1fr}}

/* q66 drift banks */
.q66-drift{position:relative;overflow:hidden;padding:84px 0 72px}
.q66-bank{position:absolute;left:-10%;right:-10%;height:190px;border-radius:50%;filter:blur(2px)}
.q66-bank.b1{top:-96px;background:rgba(200,190,230,.05)}
.q66-bank.b2{top:-60px;background:rgba(200,190,230,.04)}
.q66-bank.b3{bottom:-120px;background:rgba(240,230,200,.035)}
.q66-center{position:relative;text-align:center}
.q66-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q66-center .lead{margin:0 auto}
.q66-center .q-actions{justify-content:center}
.q66-lantern{display:inline-block;margin-top:24px;font-size:20px}
.q66-lantern b{font-weight:900;color:var(--gold);letter-spacing:1px}

/* q67 inlay triptych */
.q67-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:26px;align-items:center;padding:60px 0}
.q67-col{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.q67-tick{color:var(--gold);font-size:13px;letter-spacing:6px}
.q67-col .lead{font-size:13.5px;margin:0}
.q67-col.right b{font-size:20px;font-weight:900;color:var(--gold)}
.q67-cap{font-size:11.5px;color:var(--muted);font-style:italic}
.q67-core{text-align:center;border:1px solid rgba(245,238,220,.22);border-radius:6px;padding:38px 32px;background:linear-gradient(160deg,rgba(245,238,220,.04),transparent)}
.q67-core h1{font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.3;margin:10px 0 18px;font-family:Georgia,serif}
@media(max-width:1080px){.q67-grid{grid-template-columns:1fr}.q67-col{display:none}}

/* q68 mine */
.q68-mine{position:relative;overflow:hidden}
.q68-beam{position:absolute;top:0;left:8%;width:220px;height:70%;background:linear-gradient(180deg,rgba(240,230,190,.08),transparent);transform:skewX(-14deg);pointer-events:none}
.q68-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:60px 0;align-items:center}
.q68-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
.q68-cart{position:relative;border:1px solid var(--line);border-radius:4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px);padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.q68-lump{border-radius:38% 62% 55% 45%/50% 45% 55% 50%;background:linear-gradient(150deg,#232830,#12151b);box-shadow:inset 0 2px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.5)}
.q68-lump.l1{height:74px}
.q68-lump.l2{height:58px;margin-top:18px}
.q68-lump.l3{grid-column:1/-1;height:40px;width:64%;border-radius:8px}
.q68-vein{grid-column:1/-1;text-align:center;border-top:1px dashed rgba(240,230,190,.3);padding-top:14px}
.q68-vein b{display:block;font-size:20px;font-weight:900;color:var(--gold);font-family:'Courier New',monospace}
.q68-vein span{font-size:12px;color:var(--muted)}
@media(max-width:960px){.q68-grid{grid-template-columns:1fr}}

/* q69 medal relief */
.q69-medal{position:relative;width:min(560px,88vw);margin:52px auto;border-radius:50%/46%;padding:12px;background:linear-gradient(150deg,rgba(220,190,130,.22),rgba(120,110,80,.12));box-shadow:0 26px 66px rgba(0,0,0,.5)}
.q69-inner{border-radius:50%/46%;background:radial-gradient(circle at 38% 30%,var(--bg-3),var(--bg-2));padding:46px 54px;text-align:center}
.q69-inner h1{font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.3;margin:10px 0 12px;font-family:Georgia,serif}
.q69-inner .lead{margin:0 auto 18px;font-size:14px}
.q69-inner .q-actions{justify-content:center}
.q69-ring{position:absolute;right:-64px;bottom:8px;width:170px;height:170px;border-radius:50%;border:3px double var(--au2);background:var(--bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.q69-ring span{font-size:9.5px;letter-spacing:3px;color:var(--muted)}
.q69-ring b{font-size:16px;font-weight:900;color:var(--gold);padding:0 12px}
@media(max-width:960px){.q69-ring{position:static;margin:18px auto 0}}

/* q70 latte cup */
.q70-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:60px 0;align-items:center}
.q70-cup{position:relative;width:250px;margin:0 auto}
.q70-foam{width:230px;height:150px;border-radius:16px 16px 90px 90px;background:linear-gradient(180deg,#3a2c22,#241a13);border:1px solid rgba(235,205,175,.18);box-shadow:inset 0 10px 24px rgba(235,205,175,.08),0 18px 40px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}
.q70-heart{font-size:44px;color:rgba(235,205,175,.6);text-shadow:0 0 20px rgba(235,205,175,.25)}
.q70-saucer{width:250px;height:26px;border-radius:50%;background:linear-gradient(180deg,rgba(235,205,175,.14),transparent);margin-top:-8px}
.q70-tag{position:absolute;top:-14px;right:-38px;transform:rotate(4deg);background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:17px;font-weight:900;color:var(--gold)}
.q70-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q70-grid{grid-template-columns:1fr}}

/* q71 denim patch */
.q71-jean{display:grid;grid-template-columns:300px 1fr;gap:36px;margin:52px 0;border:1px dashed rgba(200,210,235,.35);border-radius:18px;padding:34px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 2px,transparent 2px 4px)}
.q71-pocket{position:relative;border:2px dashed rgba(200,210,235,.4);border-radius:14px 14px 40% 40%;overflow:hidden}
.q71-pocket img{width:100%;height:100%;object-fit:cover}
.q71-pocket span{position:absolute;left:10px;bottom:8px;font-size:12px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.q71-main h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25;margin:8px 0 12px}
.q71-stitch{display:inline-flex;align-items:baseline;gap:12px;border:1px dashed rgba(240,220,160,.45);border-radius:10px;padding:10px 18px;margin:14px 0}
.q71-stitch b{font-size:19px;font-weight:900;color:var(--gold)}
.q71-stitch span{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.q71-jean{grid-template-columns:1fr}.q71-pocket{height:200px}}

/* q72 slab stairs */
.q72-stair{display:flex;align-items:stretch;gap:0;margin:52px 0}
.q72-step{border:1px solid var(--line);border-left:none;padding:34px 30px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}
.q72-step:first-child{border-left:1px solid var(--line)}
.q72-step.s1{flex:1.3}
.q72-step.s1 h1{font-size:clamp(22px,2.6vw,34px);font-weight:900;line-height:1.3;text-transform:uppercase;letter-spacing:1px}
.q72-step.s2{flex:1;border-top:6px solid var(--bg-3)}
.q72-step.s3{flex:.9;border-top:6px solid var(--au2)}
.q72-step.pour b{font-size:21px;font-weight:900;color:var(--gold);font-family:'Courier New',monospace}
.q72-step.pour span{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.q72-stair{flex-direction:column}.q72-step{border-left:1px solid var(--line);border-top:none}.q72-step:first-child{border-top:1px solid var(--line)}}

/* q73 birch forest */
.q73-forest{position:relative;overflow:hidden;padding:80px 0 70px}
.q73-trunk{position:absolute;top:-4%;bottom:-4%;width:74px;border-radius:4px;background:repeating-linear-gradient(0deg,#d8d2c2 0 64px,#2a2c26 64px 67px);opacity:.09}
.q73-trunk.t1{left:4%;transform:rotate(-2deg)}
.q73-trunk.t2{right:12%;transform:rotate(1.6deg);width:92px}
.q73-trunk.t3{left:46%;width:52px;opacity:.05}
.q73-center{position:relative;text-align:center}
.q73-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q73-center .lead{margin:0 auto}
.q73-center .q-actions{justify-content:center}
.q73-carve{display:inline-flex;flex-direction:column;gap:2px;margin-top:24px;border:1px solid rgba(235,228,205,.2);border-radius:12px;padding:12px 24px}
.q73-carve b{font-size:20px;font-weight:900;color:var(--gold);font-family:Georgia,serif}
.q73-carve span{font-size:11.5px;color:var(--muted);font-style:italic}

/* q74 smoke signal */
.q74-col{max-width:560px;padding:64px 0 64px 4%}
.q74-col h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q74-puffs{position:absolute;right:4%;top:0;bottom:0;width:380px;pointer-events:none}
.q74-puff{position:absolute;border-radius:50%;filter:blur(6px)}
.q74-puff.f1{width:130px;height:130px;right:36px;top:18%;background:rgba(225,205,180,.09);animation:q74float 7s ease-in-out infinite}
.q74-puff.f3{width:80px;height:80px;right:180px;top:8%;background:rgba(160,200,235,.08);animation:q74float 9s ease-in-out infinite reverse}
.q74-puff.f2{position:absolute;width:190px;height:190px;right:70px;top:38%;filter:none;background:var(--bg-2);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;animation:q74float 11s ease-in-out infinite}
.q74-puff.f2 b{font-size:19px;font-weight:900;color:var(--gold)}
@keyframes q74float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.q74-signal{position:relative;overflow:hidden}
@media(max-width:1080px){.q74-puffs{display:none}}

/* q75 creek */
.q75-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:60px 0;align-items:center}
.q75-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q75-stream{position:relative;height:300px;border-radius:20px;background:linear-gradient(160deg,rgba(170,200,180,.05),transparent);border:1px solid var(--line);overflow:hidden}
.q75-stone{position:absolute;border-radius:46% 54% 50% 50%/55% 48% 52% 45%;background:linear-gradient(150deg,rgba(235,230,215,.14),rgba(235,230,215,.05))}
.q75-stone.n1{width:64px;height:50px;left:12%;top:16%}
.q75-stone.n2{width:44px;height:36px;right:18%;top:12%}
.q75-stone.n3{width:78px;height:58px;left:38%;top:44%}
.q75-stone.n4{width:38px;height:30px;left:16%;bottom:12%}
.q75-stone.n5{width:56px;height:44px;right:12%;bottom:20%}
.q75-leaf{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:14px 22px;text-align:center}
.q75-leaf b{display:block;font-size:18px;font-weight:900;color:var(--gold)}
.q75-leaf span{font-size:11.5px;color:var(--muted)}
@media(max-width:960px){.q75-grid{grid-template-columns:1fr}}

/* q76 ink brush */
.q76-brush{position:relative;overflow:hidden}
.q76-stroke{position:absolute;left:-6%;right:30%;top:6%;height:150px;background:radial-gradient(ellipse at 30% 50%,rgba(190,198,230,.07),transparent 70%);transform:rotate(-3deg);filter:blur(2px)}
.q76-grid{display:grid;grid-template-columns:auto 1fr auto;gap:38px;padding:64px 0;align-items:center}
.q76-seal{width:92px;height:92px;border-radius:10px;background:linear-gradient(150deg,rgba(200,80,80,.35),rgba(150,50,50,.2));border:2px solid rgba(235,130,130,.4);display:flex;align-items:center;justify-content:center;font-size:38px;transform:rotate(-4deg);box-shadow:0 14px 34px rgba(0,0,0,.4)}
.q76-copy h1{font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.28;margin-bottom:12px;font-family:Georgia,serif}
.q76-drop{writing-mode:vertical-rl;border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column;gap:8px}
.q76-drop b{font-size:17px;font-weight:900;color:var(--au2);letter-spacing:1px}
.q76-drop span{font-size:11px;color:var(--muted);letter-spacing:2px}
@media(max-width:1080px){.q76-grid{grid-template-columns:1fr}.q76-seal{display:none}.q76-drop{writing-mode:horizontal-tb;border-left:none;border-top:1px solid var(--line);padding:16px 0 0}}

/* q77 frost window */
.q77-pane{position:relative;margin:52px auto;max-width:860px;border:10px solid rgba(200,225,245,.14);border-radius:8px;background:linear-gradient(170deg,rgba(200,230,250,.045),rgba(140,180,220,.02));overflow:hidden}
.q77-bar{position:absolute;background:rgba(200,225,245,.14)}
.q77-bar.v1{left:50%;top:0;bottom:0;width:10px}
.q77-bar.h1{top:42%;left:0;right:0;height:10px}
.q77-view{padding:52px 8%;text-align:center}
.q77-view h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.22;margin:8px 0 12px}
.q77-view .lead{margin:0 auto}
.q77-view .q-actions{justify-content:center}
.q77-ice{position:absolute;right:24px;bottom:20px;border:1px solid rgba(205,235,255,.3);border-radius:8px;padding:12px 18px;background:rgba(10,16,24,.6);backdrop-filter:blur(6px)}
.q77-ice b{display:block;font-size:17px;font-weight:900;color:var(--gold)}
.q77-ice span{font-size:11px;color:var(--muted)}

/* q78 tide shore */
.q78-shore{position:relative;overflow:hidden;padding:88px 0 74px}
.q78-water{position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(0deg,rgba(150,195,235,.09),transparent)}
.q78-waveline{position:absolute;left:-4%;right:-4%;height:60px;border-radius:50%;border-top:1px solid rgba(180,215,245,.16)}
.q78-waveline.w1{bottom:120px}
.q78-waveline.w2{bottom:70px;opacity:.6;left:-8%}
.q78-waveline.w3{bottom:24px;opacity:.35}
.q78-center{position:relative;text-align:center}
.q78-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q78-center .lead{margin:0 auto}
.q78-center .q-actions{justify-content:center}
.q78-bottle{display:inline-flex;flex-direction:column;gap:2px;margin-top:24px;border:1px solid rgba(180,215,245,.25);border-radius:14px 14px 4px 4px;padding:14px 26px;background:rgba(10,18,28,.5)}
.q78-bottle b{font-size:20px;font-weight:900;color:var(--gold)}
.q78-bottle span{font-size:11.5px;color:var(--muted);font-style:italic}

/* q79 forge */
.q79-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;padding:60px 0;align-items:center}
.q79-anvil{position:relative;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,rgba(230,130,70,.06),transparent 65%);padding:38px 30px;text-align:center}
.q79-metal{width:78%;margin:0 auto;border-radius:4px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.q79-metal img{width:100%;display:block}
.q79-temp{display:block;margin-top:18px;font-size:21px;font-weight:900;color:var(--gold);font-family:'Courier New',monospace}
.q79-cap{display:block;margin-top:2px;font-size:11.5px;color:var(--muted);letter-spacing:2px}
.q79-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#f8b26a;box-shadow:0 0 10px #f8b26a;animation:q79rise 2.6s infinite}
.q79-spark.s1{left:16%;bottom:22%;animation-delay:.2s}
.q79-spark.s2{right:20%;bottom:30%;animation-delay:1.1s}
.q79-spark.s3{left:44%;bottom:14%;animation-delay:1.8s}
@keyframes q79rise{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-64px);opacity:0}}
.q79-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
@media(max-width:960px){.q79-grid{grid-template-columns:1fr}}

/* q80 knit */
.q80-sweater{position:relative;margin:52px auto;max-width:820px;border:1px solid var(--line);border-radius:26px;padding:44px 48px;background:repeating-linear-gradient(45deg,rgba(240,225,200,.02) 0 3px,transparent 3px 9px),repeating-linear-gradient(-45deg,rgba(240,225,200,.02) 0 3px,transparent 3px 9px)}
.q80-yarn{position:absolute;border-radius:50%;border:2px dashed rgba(240,225,200,.18);width:130px;height:130px}
.q80-yarn.y1{top:-34px;left:-34px}
.q80-yarn.y2{bottom:-26px;right:-26px;width:90px;height:90px}
.q80-pattern{text-align:center}
.q80-pattern h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.24;margin:8px 0 12px;font-family:Georgia,serif}
.q80-pattern .lead{margin:0 auto}
.q80-pattern .q-actions{justify-content:center}
.q80-pearl{color:var(--gold);letter-spacing:8px;font-size:12px}
.q80-ball{position:absolute;right:22px;bottom:-30px;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:10px 18px;text-align:center;transform:rotate(2deg)}
.q80-ball b{display:block;font-size:16px;font-weight:900;color:var(--gold)}
.q80-ball span{font-size:11px;color:var(--muted)}
@media(max-width:960px){.q80-ball{right:12px}}
/* q81 bauhaus composition */
.q81-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:60px 0;align-items:center}
.q81-copy h1{font-size:clamp(26px,3.4vw,44px);font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}
.q81-comp{position:relative;height:300px}
.q81-sq{position:absolute;left:0;top:0;width:120px;height:120px;background:#c33a30;opacity:.85}
.q81-ci{position:absolute;right:8%;top:14%;width:150px;height:150px;border-radius:50%;background:#2a56a8;opacity:.8}
.q81-ba{position:absolute;left:14%;bottom:0;width:180px;height:26px;background:#e8c93e;opacity:.9}
.q81-sq2{position:absolute;right:0;bottom:18%;width:130px;height:130px;border:3px solid var(--au2);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-2)}
.q81-sq2 b{font-size:30px;font-weight:900;color:var(--gold)}
.q81-sq2 i{font-size:13px;font-style:normal;color:var(--muted)}
@media(max-width:960px){.q81-grid{grid-template-columns:1fr}.q81-comp{height:240px}}

/* q82 memphis party */
.q82-head{text-align:center;padding:56px 0 26px}
.q82-head h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q82-head .lead{margin:0 auto}
.q82-head .q-actions{justify-content:center}
.q82-row{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 0 54px;flex-wrap:wrap}
.q82-dot{width:16px;height:16px;border-radius:50%}
.q82-dot.d1{background:#e8a13e}
.q82-dot.d2{background:#4aa8c8}
.q82-dot.d3{background:#c86ab8}
.q82-zig{width:90px;height:22px;background:repeating-linear-gradient(90deg,var(--au2) 0 8px,transparent 8px 16px)}
.q82-zig.r{transform:rotate(180deg)}
.q82-pill{border:2px solid var(--au2);border-radius:999px;padding:12px 26px;text-align:center}
.q82-pill b{display:block;font-size:21px;font-weight:900;color:var(--gold)}
.q82-pill span{font-size:12px;color:var(--muted)}

/* q83 swiss 4-col */
.q83-lay{display:grid;grid-template-columns:60px 1.4fr 1fr .9fr;gap:0;min-height:420px;padding:48px 0}
.q83-c1{border-right:1px solid var(--line);display:flex;align-items:flex-start;justify-content:center}
.q83-num{font-size:15px;font-weight:900;color:var(--au2);letter-spacing:2px}
.q83-c2{padding:24px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.q83-c2 h1{font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:3px}
.q83-sub{font-size:13px;letter-spacing:4px;color:var(--au2);text-transform:uppercase;font-weight:800}
.q83-c3{border-left:1px solid var(--line);padding:24px 28px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.q83-c4{border-left:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.q83-c4 b{font-size:19px;font-weight:900;color:var(--gold)}
.q83-c4 span{font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}
.q83-c4 img{width:100%;border-radius:4px;margin-top:8px;object-fit:cover;aspect-ratio:4/3}
@media(max-width:1080px){.q83-lay{grid-template-columns:1fr 1fr}.q83-c1{display:none}.q83-c3,.q83-c4{border-left:none;border-top:1px solid var(--line)}}

/* q84 brutalist slab */
.q84-marq{display:flex;gap:44px;overflow:hidden;white-space:nowrap;padding:16px 0 4px;border-bottom:2px solid rgba(245,245,240,.3);animation:q84slide 20s linear infinite}
.q84-marq span{font-size:13px;letter-spacing:5px;color:var(--muted);text-transform:uppercase}
@keyframes q84slide{from{transform:translateX(0)}to{transform:translateX(-33%)}}
.q84-slab h1{font-size:clamp(40px,7vw,96px);font-weight:900;line-height:.95;letter-spacing:-1px;text-transform:uppercase;padding:26px 0 10px}
.q84-bar{display:grid;grid-template-columns:1fr 1fr 1fr;border:2px solid rgba(245,245,240,.4)}
.q84-box{padding:22px;border-right:2px solid rgba(245,245,240,.4)}
.q84-box:last-child{border-right:none}
.q84-box h2{font-size:clamp(15px,1.6vw,20px);text-transform:uppercase;letter-spacing:1px}
.q84-box.main{display:flex;align-items:center;justify-content:center;background:rgba(245,245,240,.04)}
.q84-box.main b{font-size:clamp(15px,1.7vw,21px);font-weight:900;color:var(--gold)}
.q84-slab .q-actions{padding:26px 0 54px}
@media(max-width:960px){.q84-bar{grid-template-columns:1fr}.q84-box{border-right:none;border-bottom:2px solid rgba(245,245,240,.4)}.q84-box:last-child{border-bottom:none}}

/* q85 pixel crt */
.q85-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:60px 0;align-items:center}
.q85-copy h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.15;margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}
.q85-crt{border:3px solid var(--line);background:#0c120e;padding:12px}
.q85-scan{position:relative;overflow:hidden}
.q85-scan img{width:100%;display:block;image-rendering:pixelated;aspect-ratio:4/3;object-fit:cover}
.q85-scan::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px)}
.q85-status{display:flex;justify-content:space-between;align-items:center;padding:10px 6px 4px;font-family:'Courier New',monospace;font-size:12px}
.q85-status b{color:var(--gold);font-size:15px}
.q85-status span{color:var(--muted);letter-spacing:2px}
@media(max-width:960px){.q85-grid{grid-template-columns:1fr}}

/* q86 vapor sunset */
.q86-sunset{position:relative;overflow:hidden;padding:96px 0 84px}
.q86-sun{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);width:260px;height:260px;border-radius:50%;background:linear-gradient(180deg,#f8a8c8 0%,#e888b8 45%,transparent 46%);opacity:.5;filter:blur(1px)}
.q86-lines{position:absolute;left:0;right:0;bottom:0;height:150px;background:repeating-linear-gradient(0deg,rgba(180,130,230,.16) 0 2px,transparent 2px 22px);mask-image:linear-gradient(0deg,#000,transparent)}
.q86-center{position:relative;text-align:center}
.q86-center h1{font-size:clamp(28px,4.2vw,52px);font-weight:900;letter-spacing:6px;text-transform:uppercase;line-height:1.15;margin:10px 0 12px}
.q86-center .lead{margin:0 auto}
.q86-center .q-actions{justify-content:center}
.q86-tag{display:inline-flex;flex-direction:column;gap:2px;margin-top:22px}
.q86-tag b{font-size:21px;letter-spacing:3px;color:var(--gold)}
.q86-tag span{font-size:10px;letter-spacing:8px;color:var(--muted)}

/* q87 y2k orb */
.q87-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:60px 0;align-items:center}
.q87-orb{position:relative;width:280px;height:280px;margin:0 auto}
.q87-ring{position:absolute;border-radius:50%;border:1px solid rgba(200,230,255,.3)}
.q87-ring.r1{inset:0;border-top:3px solid rgba(230,245,255,.6);animation:q87spin 9s linear infinite}
.q87-ring.r2{inset:34px;border-bottom:3px solid rgba(160,200,250,.5);animation:q87spin 6s linear infinite reverse}
@keyframes q87spin{to{transform:rotate(360deg)}}
.q87-orb b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:19px;font-weight:900;background:linear-gradient(180deg,#fff,#a9c8ec);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;width:80%}
.q87-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q87-grid{grid-template-columns:1fr}}

/* q88 riso duotone */
.q88-ink{position:absolute;border-radius:50%;filter:blur(60px)}
.q88-ink.pink{width:320px;height:320px;left:-80px;top:-100px;background:rgba(235,110,140,.12)}
.q88-ink.blue{width:280px;height:280px;right:-60px;bottom:-80px;background:rgba(90,170,230,.1)}
.q88-duo{position:relative;overflow:hidden;padding:48px 0}
.q88-panel{position:relative;max-width:760px;margin:0 auto;border:2px solid rgba(235,110,140,.35);background:rgba(20,18,22,.6);padding:40px 44px;box-shadow:10px 10px 0 rgba(90,170,230,.12)}
.q88-panel h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);line-height:1.22;margin:10px 0 12px}
.q88-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:20px;flex-wrap:wrap}
.q88-stamp{text-align:right;border:2px dashed rgba(235,110,140,.4);border-radius:4px;padding:10px 16px;transform:rotate(-2deg)}
.q88-stamp b{display:block;font-family:'Courier New',monospace;font-size:17px;color:#eb8ea0}
.q88-stamp span{font-size:10.5px;color:var(--muted);letter-spacing:1px}

/* q89 collage zine */
.q89-wall{display:grid;grid-template-columns:1fr 1.7fr 1fr;grid-auto-rows:120px;gap:14px;padding:52px 0}
.q89-clip{background:#efece4;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.5);transform:rotate(-2deg)}
.q89-clip img{width:100%;height:100%;object-fit:cover;display:block}
.q89-clip.c2{display:flex;flex-direction:column;justify-content:center;gap:6px;background:#e9e4d8;transform:rotate(2deg);padding:16px}
.q89-clip.c2 b{font-family:'Courier New',monospace;font-size:16px;color:#8a2a3a}
.q89-clip.c2 span{font-size:11px;color:#4a4438;font-style:italic}
.q89-clip.c3{transform:rotate(1.5deg)}
.q89-main{grid-column:2;grid-row:1/span 2;align-self:center;background:transparent;box-shadow:none;transform:none;padding:16px}
.q89-main h1{font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25}
@media(max-width:960px){.q89-wall{grid-template-columns:1fr 1fr}.q89-main{grid-column:1/-1;grid-row:auto}}

/* q90 liquid blobs */
.q90-liquid{position:relative;overflow:hidden;padding:84px 0}
.q90-blob{position:absolute;border-radius:42% 58% 55% 45%/50% 44% 56% 50%;filter:blur(30px);opacity:.5}
.q90-blob.b1{width:340px;height:300px;left:-100px;top:-60px;background:rgba(120,190,240,.12);animation:q90morph 12s ease infinite}
.q90-blob.b2{width:280px;height:260px;right:-60px;top:30%;background:rgba(190,140,240,.1);animation:q90morph 10s ease infinite reverse}
.q90-blob.b3{width:240px;height:220px;left:30%;bottom:-90px;background:rgba(240,180,200,.08);animation:q90morph 14s ease infinite}
@keyframes q90morph{0%,100%{border-radius:42% 58% 55% 45%/50% 44% 56% 50%}50%{border-radius:58% 42% 45% 55%/44% 56% 50% 50%}}
.q90-center{position:relative;text-align:center}
.q90-center h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q90-center .lead{margin:0 auto}
.q90-center .q-actions{justify-content:center}
.q90-chip{display:inline-flex;margin-top:24px;border-radius:999px;border:1px solid rgba(200,180,240,.3);background:rgba(255,255,255,.04);backdrop-filter:blur(6px);padding:12px 28px}
.q90-chip b{font-size:20px;font-weight:900;color:var(--gold)}

/* q91 mono sheet doc */
.q91-doc{max-width:820px;margin:48px auto;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.015);padding:0}
.q91-hdr{display:flex;justify-content:space-between;font-family:'Courier New',monospace;font-size:11px;letter-spacing:3px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.25);padding:10px 22px}
.q91-doc h1{font-family:'Courier New',monospace;font-size:clamp(24px,3.4vw,42px);letter-spacing:6px;text-transform:uppercase;padding:34px 22px 20px}
.q91-rule{height:2px;background:rgba(255,255,255,.3);margin:0 22px}
.q91-doc .lead{padding:18px 22px 6px;font-family:'Courier New',monospace}
.q91-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:18px 22px 28px}
.q91-f label{display:block;font-family:'Courier New',monospace;font-size:10px;letter-spacing:3px;color:var(--muted);margin-bottom:6px}
.q91-f b{font-family:'Courier New',monospace;font-size:14px;letter-spacing:1px}
.q91-f b[data-jackpot]{color:var(--gold);font-size:13px}
@media(max-width:860px){.91-fields{grid-template-columns:1fr}.q91-fields{grid-template-columns:1fr}}

/* q92 op art */
.q92-rings{position:absolute;left:50%;top:-140px;transform:translateX(-50%);width:620px;height:620px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(240,220,140,.09) 0 14px,transparent 14px 30px)}
.q92-vertigo{position:relative;overflow:hidden;padding:76px 0 66px}
.q92-center{position:relative;text-align:center}
.q92-center .q-kicker{margin-bottom:6px}
.q92-center h1{font-size:clamp(28px,4.4vw,54px);font-weight:900;letter-spacing:10px;text-transform:uppercase;line-height:1.1}
.q92-sub{display:block;font-size:13px;letter-spacing:6px;color:var(--au2);margin:10px 0 14px}
.q92-center .lead{margin:0 auto}
.q92-center .q-actions{justify-content:center}
.q92-disc{display:inline-flex;align-items:center;justify-content:center;width:190px;height:190px;border-radius:50%;margin-top:26px;background:repeating-radial-gradient(circle,rgba(255,255,255,.05) 0 8px,transparent 8px 16px);border:2px solid var(--au2)}
.q92-disc span{font-size:15px;font-weight:900;color:var(--gold);letter-spacing:1px;transform:rotate(-8deg)}

/* q93 wireframe cube */
.q93-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding:60px 0;align-items:center}
.q93-copy h1{font-family:'Courier New',monospace;font-size:clamp(24px,3vw,38px);letter-spacing:2px;line-height:1.2;margin-bottom:12px;text-transform:uppercase}
.q93-view{display:flex;flex-direction:column;gap:18px;align-items:center}
.q93-cube{position:relative;width:190px;height:190px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(36deg);animation:q93rot 16s linear infinite}
@keyframes q93rot{from{transform:rotateX(-24deg) rotateY(0)}to{transform:rotateX(-24deg) rotateY(360deg)}}
.q93-cube span{position:absolute;inset:0;border:1px dashed rgba(140,190,230,.55)}
.q93-cube .f2{transform:rotateY(60deg)}
.q93-cube .f3{transform:rotateY(120deg)}
.q93-dim{text-align:center;font-family:'Courier New',monospace}
.q93-dim b{display:block;font-size:18px;color:var(--gold);letter-spacing:1px}
.q93-dim span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
@media(max-width:960px){.q93-grid{grid-template-columns:1fr}}

/* q94 deco */
.q94-fan{position:absolute;left:50%;top:-40px;transform:translateX(-50%);width:560px;height:280px;border-radius:0 0 50% 50%;background:repeating-conic-gradient(from 180deg,rgba(220,190,120,.07) 0 10deg,transparent 10deg 20deg)}
.q94-marquee-deco{position:relative;overflow:hidden;padding:48px 0 56px}
.q94-center{position:relative;text-align:center}
.q94-rule{display:block;width:min(420px,80%);height:3px;margin:0 auto;background:repeating-linear-gradient(90deg,rgba(220,190,120,.7) 0 6px,transparent 6px 12px,rgba(220,190,120,.7) 12px 18px,transparent 18px 36px)}
.q94-rule.top{margin-bottom:22px}
.q94-rule.bot{margin-top:22px}
.q94-center h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,50px);letter-spacing:6px;text-transform:uppercase;margin:12px 0 4px}
.q94-sub{font-family:Georgia,serif;font-size:clamp(15px,1.8vw,20px);letter-spacing:4px;color:var(--gold);margin:0 0 12px}
.q94-center .lead{margin:0 auto}
.q94-center .q-actions{justify-content:center}
.q94-jp{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.q94-dia{color:var(--gold);font-size:13px}
.q94-jp b{font-family:Georgia,serif;font-size:clamp(19px,2.2vw,25px);color:var(--gold);letter-spacing:2px}

/* q95 post-modern pedestals */
.q95-blush{position:relative;overflow:hidden}
.q95-arc{position:absolute;border-radius:50%;border:1px solid rgba(250,200,180,.14)}
.q95-arc.a1{width:420px;height:420px;left:-140px;top:-140px}
.q95-arc.a2{width:320px;height:320px;right:-100px;bottom:-120px;border-color:rgba(160,210,230,.12)}
.q95-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:64px 0;align-items:center}
.q95-copy h1{font-family:Georgia,serif;font-style:italic;font-size:clamp(26px,3.4vw,42px);line-height:1.24;margin-bottom:12px}
.q95-pede{display:flex;align-items:flex-end;gap:10px;height:280px;position:relative}
.q95-col{border-radius:10px 10px 0 0}
.q95-col.c1{width:54px;height:52%;background:rgba(250,200,180,.16)}
.q95-col.c2{width:54px;height:74%;background:rgba(160,210,230,.14)}
.q95-col.c3{width:54px;height:38%;background:rgba(240,220,160,.12)}
.q95-top{position:absolute;left:50%;top:-6px;transform:translateX(-50%);border-radius:999px;border:1px solid rgba(250,200,180,.3);background:rgba(20,16,14,.8);padding:10px 18px;white-space:nowrap}
.q95-top b{font-size:17px;font-weight:900;color:var(--gold);font-style:italic}
@media(max-width:960px){.q95-grid{grid-template-columns:1fr}.q95-pede{max-width:320px;margin:0 auto}}

/* q96 noir alley */
.q96-blind{position:absolute;inset:0;background:repeating-linear-gradient(14deg,rgba(255,255,255,.028) 0 26px,transparent 26px 64px);pointer-events:none}
.q96-alley{position:relative;overflow:hidden}
.q96-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;padding:64px 0;align-items:center}
.q96-copy h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);line-height:1.22;margin-bottom:12px}
.q96-lamp{display:flex;flex-direction:column;align-items:center;gap:0}
.q96-cone{width:0;height:0;border-left:120px solid transparent;border-right:120px solid transparent;border-bottom:230px solid rgba(255,244,214,.05)}
.q96-case{border:1px solid rgba(255,255,255,.2);background:rgba(12,14,18,.85);padding:18px 22px;text-align:center;margin-top:-40px;position:relative;z-index:2;box-shadow:0 18px 44px rgba(0,0,0,.6)}
.q96-case b{display:block;font-family:Georgia,serif;font-size:19px;color:#f0e6cc;letter-spacing:1px}
.q96-case span{font-size:11px;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
@media(max-width:960px){.q96-grid{grid-template-columns:1fr}}

/* q97 ascii terminal */
.q97-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.q97-win{max-width:780px;margin:52px auto;border:1px solid rgba(0,255,120,.28);background:#0a0f0a;box-shadow:0 0 44px rgba(0,255,120,.07)}
.q97-bar{display:flex;justify-content:space-between;padding:9px 14px;border-bottom:1px solid rgba(0,255,120,.2);font-family:'Courier New',monospace;font-size:12px;color:#9fffbf}
.q97-body{padding:22px 24px 26px;font-family:'Courier New',monospace}
.q97-line{font-size:14px;color:#cfeacf;margin-bottom:12px;line-height:1.6;white-space:pre-wrap}
.q97-line b{color:#9fffbf}
.q97-ok{color:#ffd966}
.q97-run{margin-top:6px;font-family:'Courier New',monospace;letter-spacing:2px}

/* q98 stencil crate */
.q98-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;padding:56px 0;align-items:center}
.q98-box{position:relative;border:3px solid rgba(240,200,90,.3);padding:34px 36px;background:rgba(20,16,10,.45)}
.q98-corner{position:absolute;width:26px;height:26px;border:3px solid var(--au2)}
.q98-corner.tl{top:-3px;left:-3px;border-right:none;border-bottom:none}
.q98-corner.br{bottom:-3px;right:-3px;border-left:none;border-top:none}
.q98-in h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;text-transform:uppercase;letter-spacing:3px;line-height:1.15;margin-bottom:6px}
.q98-sub{display:block;font-size:13px;letter-spacing:3px;color:var(--au2);font-weight:800;margin-bottom:12px}
.q98-stamp{position:absolute;right:18px;bottom:-18px;transform:rotate(-3deg);border:3px solid rgba(200,80,60,.5);color:#d8776a;padding:8px 16px;text-align:center;background:rgba(20,12,10,.8)}
.q98-stamp b{display:block;font-family:'Courier New',monospace;font-size:16px}
.q98-stamp span{font-size:9.5px;letter-spacing:2px}
.q98-side img{width:100%;border:3px solid rgba(240,200,90,.25);filter:sepia(.3) contrast(1.05)}
@media(max-width:960px){.q98-grid{grid-template-columns:1fr}}

/* q99 holo member card */
.q99-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:60px 0;align-items:center}
.q99-card{position:relative;width:min(340px,80vw);aspect-ratio:16/10;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.25);background:linear-gradient(115deg,rgba(255,255,255,.1),rgba(170,150,255,.08) 30%,rgba(140,220,220,.06) 55%,rgba(255,200,140,.08) 80%,rgba(255,255,255,.1));background-size:220% 220%;animation:holoShift 7s ease infinite;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.q99-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;mix-blend-mode:overlay}
.q99-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 60%);transform:translateX(-80%);animation:q99shine 4.5s ease infinite}
@keyframes q99shine{60%,100%{transform:translateX(80%)}}
.q99-meta{position:absolute;left:16px;bottom:14px;z-index:2}
.q99-meta b{display:block;font-size:19px;font-weight:900;background:linear-gradient(90deg,#eef,#fcf,#eff);-webkit-background-clip:text;background-clip:text;color:transparent}
.q99-meta span{font-size:9.5px;letter-spacing:3px;color:rgba(255,255,255,.75)}
.q99-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q99-grid{grid-template-columns:1fr;justify-items:center}}

/* q100 ticket stub */
.q100-tix{display:grid;grid-template-columns:1fr 240px;max-width:880px;margin:52px auto;border:2px dashed rgba(240,220,170,.45);border-radius:14px;overflow:hidden;background:rgba(240,220,170,.03)}
.q100-main{padding:40px 42px}
.q100-main h1{font-family:Georgia,serif;font-size:clamp(24px,3vw,36px);line-height:1.28;margin:10px 0 12px}
.q100-stub{position:relative;border-left:2px dashed rgba(240,220,170,.45);background:rgba(240,220,170,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 14px;text-align:center}
.q100-perf{position:absolute;left:-7px;top:12%;height:76%;width:12px;background:radial-gradient(circle at 6px center,var(--bg) 4px,transparent 4px);background-size:12px 18px}
.q100-stub b{font-family:'Courier New',monospace;font-size:26px;font-weight:900;color:var(--gold)}
.q100-stub span{font-size:12px;letter-spacing:2px;color:var(--muted)}
.q100-stub i{font-size:10px;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px;margin-top:6px;font-style:normal;letter-spacing:1px}
@media(max-width:860px){.q100-tix{grid-template-columns:1fr}.q100-stub{border-left:none;border-top:2px dashed rgba(240,220,170,.45)}.q100-perf{display:none}}
/* q101 ambergris vertical neon */
.q101-neonvert{position:relative;overflow:hidden}
.q101-side{position:absolute;left:18px;top:0;bottom:0;display:flex;flex-direction:column;gap:14px;justify-content:center}
.q101-tube{width:5px;height:64px;border-radius:6px;background:linear-gradient(180deg,rgba(235,205,140,.8),rgba(110,210,200,.25));box-shadow:0 0 18px rgba(110,210,200,.35)}
.q101-tube.t2{height:38px;opacity:.6}.q101-tube.t3{height:88px;opacity:.4}
.q101-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;padding:64px 0;align-items:center}
.q101-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q101-sign{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;border:1px solid rgba(110,210,200,.25);border-radius:18px;background:rgba(110,210,200,.03)}
.q101-word{writing-mode:vertical-rl;font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:10px;color:rgba(235,205,140,.9);text-shadow:0 0 26px rgba(235,205,140,.35)}
.q101-val{font-size:15px;color:#a9e8df;letter-spacing:2px}
.q101-glow{position:absolute;inset:auto 20% -8px;height:26px;background:radial-gradient(ellipse,rgba(110,210,200,.3),transparent 70%)}
@media(max-width:960px){.q101-grid{grid-template-columns:1fr}.q101-side{display:none}}

/* q102 magnet field map */
.q102-field{position:relative;overflow:hidden;padding:56px 0}
.q102-grid-bg{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(140,170,230,.14) 1.5px,transparent 1.5px);background-size:34px 34px;mask-image:radial-gradient(ellipse at 30% 20%,#000,transparent 75%)}
.q102-map{position:relative;border:1px solid var(--line);background:rgba(140,170,230,.03);padding:40px 44px;max-width:860px;margin:0 auto}
.q102-node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--au2);box-shadow:0 0 14px var(--au2)}
.q102-node.n1{top:18px;left:22px}.q102-node.n2{top:24%;right:26px}.q102-node.n3{bottom:20px;left:38%}
.q102-path{position:absolute;height:1px;background:repeating-linear-gradient(90deg,rgba(140,170,230,.5) 0 8px,transparent 8px 14px)}
.q102-path.p1{top:26px;left:36px;width:64%}
.q102-path.p2{bottom:26px;left:38%;width:46%;transform:rotate(-8deg);transform-origin:left}
.q102-core{text-align:left;max-width:600px;margin:0 auto}
.q102-core h1{font-size:clamp(24px,3vw,38px);font-weight:900;margin-bottom:10px}
.q102-readout{position:absolute;right:16px;bottom:-14px;border:1px solid var(--line);background:var(--bg-2);padding:10px 16px;text-align:right}
.q102-readout b{display:block;font-family:'Courier New',monospace;font-size:16px;color:var(--gold)}
.q102-readout span{font-size:10px;letter-spacing:2px;color:var(--muted)}
@media(max-width:860px){.q102-map{padding:26px 20px}.q102-readout{position:static;margin-top:16px;text-align:left}}

/* q103 ember campfire */
.q103-campfire{position:relative;overflow:hidden;padding:84px 0 72px;text-align:center}
.q103-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(245,150,80,.1),transparent 62%);pointer-events:none}
.q103-sparks i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffca8f;opacity:.7;animation:q103rise 4.6s linear infinite}
.q103-sparks i:nth-child(1){left:22%;bottom:8%;animation-delay:0s}
.q103-sparks i:nth-child(2){left:34%;bottom:4%;animation-delay:1.2s;height:3px}
.q103-sparks i:nth-child(3){left:58%;bottom:10%;animation-delay:2.1s}
.q103-sparks i:nth-child(4){left:72%;bottom:6%;animation-delay:.7s;height:5px}
.q103-sparks i:nth-child(5){left:84%;bottom:12%;animation-delay:3s}
@keyframes q103rise{0%{transform:translateY(0);opacity:.8}100%{transform:translateY(-320px);opacity:0}}
.q103-center{position:relative}
.q103-center h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q103-center .lead{margin:0 auto}
.q103-center .q-actions{justify-content:center}
.q103-pot{display:inline-flex;flex-direction:column;margin-top:22px;border-bottom:2px solid rgba(245,150,80,.5);padding:10px 26px}
.q103-pot span{font-size:10.5px;letter-spacing:4px;color:#f2a66b}
.q103-pot b{font-size:22px;font-weight:900;color:#ffce9e}

/* q104 glacier cracked panes */
.q104-icefloe{position:relative;overflow:hidden}
.q104-crack{position:absolute;background:linear-gradient(180deg,transparent,rgba(160,225,245,.22),transparent);width:1px}
.q104-crack.c1{left:18%;top:-6%;height:64%;transform:rotate(14deg)}
.q104-crack.c2{right:26%;top:10%;height:80%;transform:rotate(-9deg)}
.q104-crack.c3{left:56%;bottom:-10%;height:60%;transform:rotate(5deg)}
.q104-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:62px 0;align-items:center}
.q104-pane h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q104-floe{position:relative;border:1px solid rgba(160,225,245,.25);border-radius:18px;overflow:hidden}
.q104-floe img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:saturate(.8) brightness(.9)}
.q104-drip{position:absolute;left:14px;bottom:14px;background:rgba(10,20,28,.72);backdrop-filter:blur(6px);border:1px solid rgba(160,225,245,.3);border-radius:12px;padding:10px 16px;display:flex;flex-direction:column}
.q104-drip b{font-size:24px;font-weight:900;color:#a9e2f2}
.q104-drip span{font-size:11px;color:var(--muted)}
@media(max-width:960px){.q104-grid{grid-template-columns:1fr}}

/* q105 petaltint bloom orbit */
.q105-bloom{position:relative;overflow:hidden;padding:80px 0}
.q105-orbit{position:absolute;left:50%;top:46%;width:560px;height:560px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(240,180,205,.18);animation:q105spin 44s linear infinite}
@keyframes q105spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.q105-petal{position:absolute;width:26px;height:26px;border-radius:60% 40% 60% 40%;background:rgba(240,180,205,.35)}
.q105-petal.p1{top:-13px;left:50%}
.q105-petal.p2{top:50%;right:-13px;background:rgba(170,210,240,.3)}
.q105-petal.p3{bottom:-13px;left:50%;background:rgba(240,205,225,.3)}
.q105-petal.p4{top:50%;left:-13px;background:rgba(200,225,245,.3)}
.q105-center{position:relative;text-align:center}
.q105-center h1{font-size:clamp(28px,4.2vw,50px);font-weight:900;line-height:1.15;margin:8px 0 6px}
.q105-sub{display:block;font-size:14px;letter-spacing:4px;color:#f0b3cc;margin-bottom:12px}
.q105-center .lead{margin:0 auto}
.q105-center .q-actions{justify-content:center}
.q105-pill{display:inline-flex;margin-top:24px;border-radius:999px;border:1px solid rgba(240,180,205,.35);background:rgba(240,180,205,.06);padding:12px 30px}
.q105-pill b{font-size:20px;font-weight:900;color:#ffd3e4}

/* q106 solarridge strata */
.q106-ridges{position:relative;overflow:hidden}
.q106-sun{position:absolute;right:12%;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,225,160,.16),transparent 65%)}
.q106-strata i{position:absolute;left:0;right:0;pointer-events:none}
.q106-strata .s1{bottom:0;height:120px;background:linear-gradient(0deg,rgba(240,205,120,.06),transparent);clip-path:polygon(0 60%,18% 20%,38% 55%,60% 8%,82% 44%,100% 18%,100% 100%,0 100%)}
.q106-strata .s2{bottom:0;height:76px;background:rgba(240,180,100,.045);clip-path:polygon(0 40%,26% 76%,52% 30%,76% 68%,100% 36%,100% 100%,0 100%)}
.q106-strata .s3{bottom:0;height:38px;background:rgba(240,160,110,.05)}
.q106-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;padding:66px 0 70px;align-items:center}
.q106-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q106-alt{text-align:center;border-left:3px solid rgba(240,205,120,.5);padding-left:26px}
.q106-alt b{display:block;font-family:Georgia,serif;font-size:clamp(40px,5vw,64px);font-weight:900;color:#f5e3ae;line-height:1}
.q106-alt span{font-size:14px;letter-spacing:2px;color:var(--muted)}
.q106-alt i{display:block;margin-top:8px;font-style:normal;font-size:12px;color:#e8c675}
@media(max-width:960px){.q106-grid{grid-template-columns:1fr}.q106-alt{border-left:none;border-top:3px solid rgba(240,205,120,.5);padding:16px 0 0}}

/* q107 voltcopper gauge */
.q107-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:60px 0;align-items:center}
.q107-dial{display:flex;flex-direction:column;align-items:center;gap:10px}
.q107-face{position:relative;width:210px;height:105px;border:2px solid rgba(225,150,90,.4);border-top:none;border-radius:0 0 210px 210px;overflow:hidden;background:rgba(225,150,90,.04)}
.q107-needle{position:absolute;left:50%;bottom:0;width:3px;height:86px;background:var(--au2);transform-origin:bottom;animation:q107swing 3.6s ease-in-out infinite alternate}
@keyframes q107swing{from{transform:translateX(-50%) rotate(-46deg)}to{transform:translateX(-50%) rotate(46deg)}}
.q107-tick{position:absolute;bottom:0;width:2px;height:12px;background:rgba(225,150,90,.5)}
.q107-tick.t1{left:16%}.q107-tick.t2{left:50%}.q107-tick.t3{left:84%}
.q107-dial b{font-family:'Courier New',monospace;font-size:17px;color:#f2c8a8}
.q107-dial span{font-size:10px;letter-spacing:3px;color:var(--muted)}
.q107-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q107-grid{grid-template-columns:1fr;justify-items:center}}

/* q108 deepindigo moon vat */
.q108-moonvat{position:relative;overflow:hidden}
.q108-moon{position:absolute;right:9%;top:36px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 36% 36%,rgba(228,222,252,.14),rgba(150,130,240,.06) 62%,transparent 72%);box-shadow:0 0 60px rgba(150,130,240,.14)}
.q108-vat{position:absolute;border-radius:50%;filter:blur(46px);opacity:.5}
.q108-vat.v1{width:320px;height:280px;left:-90px;bottom:-80px;background:rgba(150,130,240,.11)}
.q108-vat.v2{width:240px;height:220px;left:44%;top:-70px;background:rgba(190,175,250,.08)}
.q108-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:64px 0;align-items:center}
.q108-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.24;margin-bottom:12px}
.q108-jar{position:relative;width:min(240px,70%);margin:0 auto;height:280px;border:1px solid rgba(170,155,245,.3);border-radius:24px 24px 40px 40px;background:rgba(150,130,240,.04);overflow:hidden}
.q108-liquid{position:absolute;left:8px;right:8px;bottom:8px;height:66%;border-radius:16px 16px 30px 30px;background:linear-gradient(180deg,rgba(120,105,215,.34),rgba(90,80,180,.5));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.q108-liquid b{font-size:19px;font-weight:900;color:#ded8fb}
.q108-liquid span{font-size:11px;color:rgba(222,216,251,.8);font-style:italic}
@media(max-width:960px){.q108-grid{grid-template-columns:1fr}}

/* q109 moonlime archway stage */
.q109-archway{position:relative;overflow:hidden;padding:64px 0 74px}
.q109-arch{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:min(640px,86%);height:78%;border:1px solid rgba(205,230,175,.22);border-radius:999px 999px 0 0;border-bottom:none}
.q109-curtain{position:absolute;top:0;left:0;right:0;height:64px;display:flex;justify-content:center;gap:8px}
.q109-curtain i{width:64px;height:100%;background:linear-gradient(180deg,rgba(205,230,175,.1),transparent)}
.q109-stage{position:relative;text-align:center}
.q109-stage h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);font-weight:900;letter-spacing:2px;margin:8px 0 4px}
.q109-sub{font-size:13.5px;letter-spacing:5px;color:#c9dda5;margin-bottom:12px}
.q109-stage .lead{margin:0 auto}
.q109-stage .q-actions{justify-content:center}
.q109-plaque{display:inline-flex;margin-top:24px;border:1px solid rgba(205,230,175,.35);border-radius:12px;padding:12px 26px;background:rgba(205,230,175,.05)}
.q109-plaque b{font-size:19px;font-weight:900;color:#e4f0cd}

/* q110 crimsonpeat strata bands */
.q110-strata{position:relative;border-top:3px solid rgba(215,80,70,.4)}
.q110-bands b{position:absolute;left:0;writing-mode:vertical-rl;font-family:'Courier New',monospace;font-size:11px;letter-spacing:4px;color:rgba(224,138,118,.5);padding:12px 0}
.q110-bands .b1{left:10px;top:16%}
.q110-bands .b2{left:34px;top:44%;color:rgba(224,138,118,.35)}
.q110-bands .b3{left:58px;top:70%;color:rgba(224,138,118,.25)}
.q110-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;padding:58px 0;align-items:center}
.q110-marq{display:flex;gap:36px;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(215,80,70,.3);padding-bottom:10px;margin-bottom:18px;animation:q110slide 18s linear infinite}
.q110-marq span{font-size:11px;letter-spacing:4px;color:#e08a76;text-transform:uppercase}
@keyframes q110slide{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.q110-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;line-height:1.15;margin-bottom:12px}
.q110-core{border:1px solid rgba(215,120,100,.3);border-left:4px solid #d9503f;padding:22px 24px;background:rgba(215,80,70,.04)}
.q110-core b{display:block;font-family:'Courier New',monospace;font-size:20px;font-weight:900;color:#f0a491;margin-bottom:6px}
.q110-core span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
@media(max-width:960px){.q110-grid{grid-template-columns:1fr}.q110-bands{display:none}}
/* q111 washi paper deck */
.q111-washi{position:relative;overflow:hidden;padding:56px 0}
.q111-deck{position:relative}
.q111-sheet{position:absolute;left:0;right:0;top:0;border:1px solid rgba(232,214,178,.18);border-radius:8px;background:rgba(232,214,178,.03)}
.q111-sheet.s2{transform:rotate(1.1deg);height:100%;min-height:340px}
.q111-sheet.s3{transform:rotate(-.7deg);height:100%;min-height:340px;background:rgba(232,214,178,.02)}
.q111-top{position:relative;padding:44px 40px}
.q111-top h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q111-stamp{position:absolute;right:28px;bottom:-18px;transform:rotate(2deg);border:2px solid rgba(230,210,168,.45);border-radius:8px;padding:12px 20px;background:rgba(230,210,168,.06);display:flex;flex-direction:column;align-items:center}
.q111-stamp span{font-size:10px;letter-spacing:3px;color:#e6d2a8}
.q111-stamp b{font-size:19px;font-weight:900;color:#f0e2bc}
@media(max-width:860px){.q111-stamp{position:static;margin-top:16px;transform:none}}

/* q112 batik concentric disc */
.q112-batik{position:relative;overflow:hidden}
.q112-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:62px 0;align-items:center}
.q112-copy h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);font-weight:900;margin-bottom:12px}
.q112-disc{position:relative;width:min(300px,80%);aspect-ratio:1;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(110,140,205,.1),transparent 70%)}
.q112-disc .ring{position:absolute;border-radius:50%;border:1.5px dashed rgba(125,155,215,.4)}
.q112-disc .r1{inset:0}
.q112-disc .r2{inset:11%;border-style:solid;border-color:rgba(235,200,140,.35)}
.q112-disc .r3{inset:24%;border-color:rgba(125,155,215,.55)}
.q112-disc b{position:relative;font-family:Georgia,serif;font-size:16.5px;color:#c3d2f2;text-align:center;max-width:60%}
@media(max-width:960px){.q112-grid{grid-template-columns:1fr}}

/* q113 cloison enamel cells */
.q113-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:60px 0;align-items:center}
.q113-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q113-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:2px solid rgba(220,190,120,.4);border-radius:12px;padding:5px;background:rgba(150,200,220,.02)}
.q113-cells i{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1.5px solid rgba(220,190,120,.3);border-radius:10px;font-size:26px;font-style:normal;background:linear-gradient(160deg,rgba(150,200,220,.08),transparent)}
.q113-cells b{grid-column:1/-1;text-align:center;font-size:16px;color:#eadfc4;letter-spacing:2px;padding:10px 0;border:1.5px solid rgba(220,190,120,.35);border-radius:10px;background:rgba(220,190,120,.05)}
@media(max-width:960px){.q113-grid{grid-template-columns:1fr}.q113-cells{max-width:360px;margin:0 auto;width:100%}}

/* q114 marquet veneer strips */
.q114-marquet{position:relative;overflow:hidden}
.q114-strips i{position:absolute;left:-8%;right:-8%;height:64px;transform:rotate(-3.5deg)}
.q114-strips .v1{top:6%;background:rgba(200,160,110,.06)}
.q114-strips .v2{top:calc(6% + 76px);background:rgba(180,150,120,.045)}
.q114-strips .v3{bottom:4%;background:rgba(200,160,110,.05)}
.q114-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;padding:66px 0;align-items:center}
.q114-panel{border-left:5px solid rgba(200,160,110,.5);padding-left:26px}
.q114-panel h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q114-inlay{position:relative;text-align:center;border:1px solid rgba(200,160,110,.3);padding:26px 18px;background:repeating-linear-gradient(115deg,rgba(200,160,110,.05) 0 26px,rgba(180,150,120,.035) 26px 52px)}
.q114-inlay b{display:block;font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);font-weight:900;color:#e8cba4;line-height:1}
.q114-inlay span{font-size:12.5px;color:var(--muted)}
.q114-inlay .peg{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(232,203,164,.5)}
.q114-inlay .p1{top:-4px;left:-4px}.q114-inlay .p2{bottom:-4px;right:-4px}
@media(max-width:960px){.q114-grid{grid-template-columns:1fr}}

/* q115 kintsugi gold seams */
.q115-kintsugi{position:relative;overflow:hidden;padding:78px 0 66px;text-align:center}
.q115-crack{position:absolute;height:2.5px;background:linear-gradient(90deg,transparent,rgba(230,190,110,.55),rgba(255,235,180,.8),rgba(230,190,110,.55),transparent)}
.q115-crack.c1{left:-4%;right:36%;top:22%;transform:rotate(-7deg)}
.q115-crack.c2{left:30%;right:-4%;top:47%;transform:rotate(5deg)}
.q115-crack.c3{left:16%;right:56%;bottom:16%;transform:rotate(-4deg)}
.q115-center{position:relative}
.q115-center h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.16;margin:8px 0 12px}
.q115-center .lead{margin:0 auto}
.q115-center .q-actions{justify-content:center}
.q115-bowl{display:inline-flex;flex-direction:column;margin-top:22px;border:1px solid rgba(230,190,110,.35);border-bottom:3px solid rgba(230,190,110,.55);border-radius:0 0 40px 40px;padding:14px 34px 16px;background:rgba(230,190,110,.04)}
.q115-bowl span{font-size:10px;letter-spacing:4px;color:#e6c88a}
.q115-bowl b{font-family:Georgia,serif;font-size:21px;font-weight:900;color:#f2d9a0}

/* q116 stained glass window */
.q116-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding:60px 0;align-items:center}
.q116-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.24;margin-bottom:12px}
.q116-window{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;padding:10px;border:3px solid rgba(120,110,90,.45);border-radius:8px;background:rgba(0,0,0,.25);overflow:hidden}
.q116-window .pane{border:1.5px solid rgba(120,110,90,.5)}
.q116-window .pa{background:linear-gradient(160deg,rgba(170,150,240,.22),rgba(120,100,200,.08))}
.q116-window .pb{background:linear-gradient(200deg,rgba(150,200,230,.2),rgba(100,150,200,.08))}
.q116-window .pc{background:linear-gradient(140deg,rgba(235,205,150,.18),rgba(200,160,90,.08))}
.q116-window .pd{background:linear-gradient(180deg,rgba(235,170,200,.16),rgba(190,120,160,.07))}
.q116-window .pe{background:linear-gradient(120deg,rgba(160,230,200,.16),rgba(100,180,160,.07))}
.q116-window .pf{background:linear-gradient(220deg,rgba(180,180,250,.18),rgba(130,130,210,.08))}
.q116-rose{position:absolute;inset:auto 50% 50% auto;transform:translate(50%,50%);border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(235,215,160,.5);background:rgba(10,10,18,.75)}
.q116-rose b{font-size:10.5px;color:#eadfc4;letter-spacing:.5px;text-align:center;max-width:56px}
@media(max-width:960px){.q116-grid{grid-template-columns:1fr}.q116-window{max-width:420px;margin:0 auto;width:100%}}

/* q117 fresco framed panel */
.q117-fresco{padding:70px 0 78px}
.q117-frame{max-width:780px;margin:0 auto;text-align:center;border:1px solid rgba(235,200,170,.25);outline:1px solid rgba(235,200,170,.18);outline-offset:7px;padding:46px 40px;background:radial-gradient(ellipse at 50% 0%,rgba(235,210,185,.05),transparent 70%)}
.q117-frame h1{font-family:Georgia,serif;font-size:clamp(27px,3.8vw,46px);font-weight:900;letter-spacing:1px;margin:8px 0 10px}
.q117-frame .lead{margin:0 auto}
.q117-frame .q-actions{justify-content:center}
.q117-cartouche{display:inline-flex;align-items:center;gap:14px;margin-top:22px}
.q117-cartouche .fin{width:26px;height:2px;background:linear-gradient(90deg,transparent,rgba(232,200,168,.6))}
.q117-cartouche .f2{transform:scaleX(-1)}
.q117-cartouche b{font-family:Georgia,serif;font-size:18px;color:#f0d6b8;letter-spacing:1px}

/* q118 mosaic tesserae wall */
.q118-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:62px 0;align-items:center}
.q118-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q118-wall{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.q118-wall i{aspect-ratio:1;background:rgba(220,200,130,.06);border-radius:2px}
.q118-wall i:nth-child(3n){background:rgba(150,200,220,.06)}
.q118-wall i:nth-child(4n){background:rgba(235,205,150,.07)}
.q118-wall i:nth-child(7n){background:rgba(200,175,220,.05)}
.q118-inlay{grid-column:2/5;grid-row:2/4;align-self:center;justify-self:center;border:1px solid rgba(220,200,130,.35);background:rgba(20,18,12,.65);padding:12px 18px;border-radius:4px}
.q118-inlay b{font-size:16px;color:#ecdc9e;letter-spacing:1.5px}
@media(max-width:960px){.q118-grid{grid-template-columns:1fr}.q118-wall{max-width:380px;margin:0 auto;width:100%}}

/* q119 emboss tufted plate */
.q119-emboss{padding:72px 0 80px;text-align:center}
.q119-plate{max-width:820px;margin:0 auto;padding:46px 40px;border-radius:22px;border:1px solid rgba(210,170,120,.3);background:radial-gradient(circle,rgba(210,170,120,.05) 2px,transparent 2.5px) 0 0/28px 28px,linear-gradient(170deg,rgba(210,170,120,.07),rgba(0,0,0,.2));box-shadow:inset 0 2px 6px rgba(255,240,220,.07),inset 0 -4px 12px rgba(0,0,0,.45),0 18px 40px rgba(0,0,0,.4)}
.q119-plate h1{font-family:Georgia,serif;font-size:clamp(27px,3.8vw,46px);font-weight:900;margin:8px 0 12px;text-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,230,200,.12)}
.q119-plate .lead{margin:0 auto}
.q119-plate .q-actions{justify-content:center}
.q119-tag{display:inline-flex;align-items:baseline;gap:10px;margin-top:24px;border-radius:14px;border:1px solid rgba(220,174,126,.4);padding:12px 24px;background:rgba(220,174,126,.06)}
.q119-tag span{font-size:19px;font-weight:900;color:#eccb9e;letter-spacing:1.5px}
.q119-tag i{font-style:normal;font-size:9.5px;letter-spacing:3px;color:rgba(236,203,158,.6)}

/* q120 jade rings */
.q120-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:62px 0;align-items:center}
.q120-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;margin-bottom:12px}
.q120-rings{position:relative;width:min(290px,82%);aspect-ratio:1;margin:0 auto}
.q120-rings .ring{position:absolute;border-radius:50%;border:10px solid transparent}
.q120-rings .r1{inset:0;border-image:none;border-top-color:rgba(130,225,185,.5);border-right-color:rgba(130,225,185,.25);transform:rotate(20deg);border-style:solid;border-width:10px;border-color:rgba(130,225,185,.14);border-top-color:rgba(130,225,185,.55);border-right-color:rgba(130,225,185,.4)}
.q120-rings .r2{inset:12%;border:8px solid rgba(130,225,185,.12);border-bottom-color:rgba(160,240,200,.5);border-left-color:rgba(160,240,200,.3);transform:rotate(-30deg)}
.q120-rings .r3{inset:26%;border:6px solid rgba(235,205,150,.14);border-top-color:rgba(235,205,150,.5)}
.q120-rings b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;color:#c8f2dd;letter-spacing:1px;max-width:70%;margin:auto}
@media(max-width:960px){.q120-grid{grid-template-columns:1fr}}

/* q121 bamboo lattice */
.q121-bamboo{position:relative;overflow:hidden}
.q121-lattice{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0 22px,rgba(185,225,145,.04) 22px 24px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(185,225,145,.03) 34px 36px);mask-image:linear-gradient(90deg,#000,transparent 78%)}
.q121-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;padding:64px 0;align-items:center}
.q121-slat{border-left:6px solid rgba(185,225,145,.45);padding:6px 0 6px 24px}
.q121-slat h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q121-grove{position:relative;display:flex;gap:10px;justify-content:center;align-items:flex-end;height:300px}
.q121-grove i{width:16px;border-radius:8px;background:linear-gradient(180deg,rgba(185,225,145,.28),rgba(185,225,145,.08));height:70%}
.q121-grove i:nth-child(2n){height:92%}
.q121-grove i:nth-child(3n){height:56%}
.q121-grove i:nth-child(4n){height:82%}
.q121-lantern{position:absolute;left:50%;top:16%;transform:translateX(-50%);border-radius:14px;border:1px solid rgba(240,200,130,.4);background:rgba(240,200,130,.08);padding:10px 18px;text-align:center}
.q121-lantern b{font-size:16px;color:#efdba6}
@media(max-width:960px){.q121-grid{grid-template-columns:1fr}.q121-grove{height:220px}}

/* q122 lacquer specular sweep */
.q122-lacquer{position:relative;overflow:hidden;padding:78px 0 70px;text-align:center;background:radial-gradient(700px 320px at 50% 115%,rgba(200,60,50,.1),transparent 65%)}
.q122-spec{position:absolute;left:-30%;top:0;bottom:0;width:26%;background:linear-gradient(100deg,transparent,rgba(255,230,190,.05),transparent);animation:q122sweep 7s ease-in-out infinite}
@keyframes q122sweep{0%{transform:translateX(0)}55%,100%{transform:translateX(560%)}}
.q122-center{position:relative}
.q122-center h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.16;margin:8px 0 12px}
.q122-center .lead{margin:0 auto}
.q122-center .q-actions{justify-content:center}
.q122-box{display:inline-flex;flex-direction:column;margin-top:24px;border-radius:16px;border:1px solid rgba(240,200,130,.35);padding:14px 30px;background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(200,60,50,.07));box-shadow:inset 0 1px 0 rgba(255,220,180,.15),0 12px 30px rgba(0,0,0,.45)}
.q122-box span{font-size:10px;letter-spacing:4px;color:#f0c984}
.q122-box b{font-family:Georgia,serif;font-size:21px;font-weight:900;color:#f6dfa8}

/* q123 damask medallion crest */
.q123-damask{position:relative;padding:70px 0 78px}
.q123-corner{position:absolute;width:64px;height:64px;border:1px solid rgba(235,170,200,.3)}
.q123-corner.tl{top:18px;left:18px;border-right:none;border-bottom:none;border-radius:10px 0 0 0}
.q123-corner.tr{top:18px;right:18px;border-left:none;border-bottom:none;border-radius:0 10px 0 0}
.q123-corner.bl{bottom:18px;left:18px;border-right:none;border-top:none;border-radius:0 0 0 10px}
.q123-corner.br{bottom:18px;right:18px;border-left:none;border-top:none;border-radius:0 0 10px 0}
.q123-medal{max-width:760px;margin:0 auto;text-align:center}
.q123-medal h1{font-family:Georgia,serif;font-size:clamp(27px,3.8vw,46px);font-weight:900;letter-spacing:2px;margin:8px 0 10px}
.q123-medal .lead{margin:0 auto}
.q123-medal .q-actions{justify-content:center}
.q123-crest{display:inline-flex;margin-top:24px;border-radius:50%;width:190px;height:190px;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(235,170,200,.4);outline:1px dashed rgba(235,170,200,.3);outline-offset:8px;background:radial-gradient(circle,rgba(235,170,200,.08),transparent 72%)}
.q123-crest b{font-family:Georgia,serif;font-size:16.5px;color:#f6d2e2;max-width:70%}

/* q124 makie2: right gold-drip wall (was centered arcs) */
.q124-makie2{position:relative;padding:58px 0}
.q124-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:stretch}
.q124-copy h1{font-family:Georgia,serif;font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q124-drips{position:relative;border-left:3px solid rgba(224,181,110,.35);padding-left:26px}
.q124-drips .drop{position:absolute;display:block;width:10px;border-radius:0 0 50% 50%;background:linear-gradient(180deg,rgba(240,200,120,.5),rgba(240,200,120,.08));left:8px}
.q124-drips .d1{top:0;height:34%}
.q124-drips .d2{top:8%;height:52%;left:34px;opacity:.7}
.q124-drips .d3{top:4%;height:24%;left:58px;opacity:.5}
.q124-drips .d4{top:44%;height:30%;left:8px}
.q124-drips .d5{top:52%;height:44%;left:40px;opacity:.6}
.q124-drips .d6{top:40%;height:20%;left:64px;opacity:.4}
.q124-drips .q124-pan{position:absolute;bottom:4%;right:6%;width:84px;height:84px;border-radius:50%;border:2px solid rgba(224,181,110,.45);display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:3px;color:rgba(240,210,150,.85);background:radial-gradient(circle,rgba(240,200,120,.1),transparent 70%)}
.q124-ingot{display:inline-flex;margin-top:20px;border:1px solid rgba(224,181,110,.45);border-left:5px solid rgba(224,181,110,.6);padding:12px 22px;background:linear-gradient(120deg,rgba(240,200,120,.07),transparent)}
.q124-ingot b{font-family:Georgia,serif;letter-spacing:2px;color:#eed6a8}
@media(max-width:960px){.q124-grid{grid-template-columns:1fr}.q124-drips{min-height:150px}}

/* q125 encaustic wax stack */
.q125-encaustic{padding:56px 0}
.q125-stack{position:relative;max-width:860px;margin:0 auto}
.q125-stack .bar{display:block;border:1px solid rgba(235,205,140,.18)}
.q125-stack .b1{height:34px;background:linear-gradient(90deg,rgba(235,205,140,.1),rgba(235,205,140,.03));border-radius:6px 22px 6px 6px}
.q125-stack .b3{height:26px;margin-left:9%;background:linear-gradient(90deg,rgba(160,200,230,.09),transparent);border-radius:6px 6px 22px 6px}
.q125-stack .b2{padding:38px 36px;background:linear-gradient(175deg,rgba(255,250,235,.045),rgba(235,205,140,.03));border-radius:6px}
.q125-stack .b2 h1{font-size:clamp(25px,3.3vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q125-seal{position:absolute;right:22px;bottom:-20px;width:88px;height:88px;border-radius:50%;border:2px solid rgba(235,205,140,.4);background:radial-gradient(circle,rgba(235,205,140,.14),rgba(160,100,40,.1));display:flex;align-items:center;justify-content:center;transform:rotate(-8deg)}
.q125-seal b{font-size:10.5px;color:#efdba6;text-align:center;max-width:70px;line-height:1.35}
@media(max-width:860px){.q125-seal{position:static;margin:18px auto 0;transform:none}}

/* q126 forge twin plates */
.q126-forge{padding:60px 0 70px}
.q126-anvil{display:grid;grid-template-columns:1fr 1.25fr;gap:0;max-width:920px;margin:0 auto}
.q126-plate{position:relative;padding:36px 34px;border:1px solid rgba(180,200,235,.28);background:linear-gradient(180deg,rgba(180,200,235,.05),rgba(0,0,0,.22))}
.q126-plate::before,.q126-plate::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(220,230,250,.4);top:10px}
.q126-plate::before{left:10px}.q126-plate::after{right:10px}
.q126-plate.p1{border-right:none;border-radius:4px 0 0 4px}
.q126-plate.p1 h1{font-size:clamp(22px,2.8vw,34px);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1.25}
.q126-plate.p2{border-left:1px solid rgba(240,180,110,.35);border-radius:0 4px 4px 0;background:linear-gradient(180deg,rgba(240,180,110,.05),rgba(0,0,0,.22))}
.q126-brand{margin-top:18px;border:1px solid rgba(240,180,110,.4);border-left:5px solid #f0b46e;padding:12px 16px;display:inline-block;background:rgba(240,180,110,.05)}
.q126-brand b{display:block;font-family:'Courier New',monospace;font-size:19px;font-weight:900;color:#f4c890;letter-spacing:1.5px}
.q126-brand span{font-size:9.5px;letter-spacing:3px;color:var(--muted)}
@media(max-width:860px){.q126-anvil{grid-template-columns:1fr}.q126-plate.p1{border-right:1px solid rgba(180,200,235,.28);border-radius:4px 4px 0 0}.q126-plate.p2{border-left:1px solid rgba(240,180,110,.35);border-radius:0 0 4px 4px}}

/* q127 shibori tie knot */
.q127-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:62px 0;align-items:center}
.q127-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q127-knot{position:relative;width:min(280px,84%);margin:0 auto;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(140,180,225,.45);background:radial-gradient(circle,rgba(140,180,225,.1),transparent 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.q127-knot .tie{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(140,180,225,.22),transparent 66%)}
.q127-knot .t1{width:64%;height:64%;top:4%;left:6%}
.q127-knot .t2{width:44%;height:44%;bottom:6%;right:8%;background:radial-gradient(circle,rgba(235,180,205,.18),transparent 66%)}
.q127-knot b{position:relative;font-size:16.5px;color:#c8d9f4;text-align:center;max-width:70%}
.q127-knot span{position:relative;font-size:9.5px;letter-spacing:3px;color:rgba(200,217,244,.65)}
@media(max-width:960px){.q127-grid{grid-template-columns:1fr}}

/* q128 intarsia knit band */
.q128-intarsia{position:relative;overflow:hidden;padding:58px 0 68px}
.q128-knit{position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,transparent 0 14px,rgba(220,225,160,.045) 14px 17px),repeating-linear-gradient(45deg,transparent 0 14px,rgba(220,225,160,.045) 14px 17px);mask-image:radial-gradient(ellipse at 50% 50%,transparent 34%,#000 88%)}
.q128-band{position:relative;max-width:820px;margin:0 auto;text-align:center;border:2px solid rgba(220,225,160,.28);background:rgba(18,20,12,.62);padding:40px 36px}
.q128-band h1{font-size:clamp(26px,3.5vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q128-band .lead{margin:0 auto}
.q128-band .q-actions{justify-content:center}
.q128-yarn{display:inline-flex;align-items:center;gap:12px;margin-top:22px}
.q128-yarn::before{content:"";width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 36% 32%,rgba(220,225,160,.3),rgba(150,190,230,.12) 68%);box-shadow:inset 0 0 0 6px rgba(220,225,160,.08)}
.q128-yarn b{font-size:18px;color:#e2e8b2;letter-spacing:1px}

/* q129 origami peaks */
.q129-origami{position:relative;overflow:hidden}
.q129-peaks i{position:absolute;bottom:0;width:0;height:0;border-style:solid;border-width:0 30vw 16vh 30vw;border-color:transparent}
.q129-peaks .p1{left:-8vw;border-bottom-color:rgba(150,220,210,.05)}
.q129-peaks .p2{left:24vw;border-bottom-color:rgba(240,220,175,.04);border-width:0 26vw 11vh 26vw}
.q129-peaks .p3{right:-6vw;border-bottom-color:rgba(150,220,210,.035);border-width:0 34vw 14vh 34vw}
.q129-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:64px 0 20vh;align-items:center}
.q129-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.24;margin-bottom:12px}
.q129-crane{position:relative;height:220px}
.q129-crane .fold{position:absolute;background:linear-gradient(140deg,rgba(255,255,255,.07),rgba(150,220,210,.05));border:1px solid rgba(150,220,210,.22)}
.q129-crane .f1{left:8%;top:12%;width:58%;height:56%;clip-path:polygon(0 100%,50% 0,100% 100%,50% 62%)}
.q129-crane .f2{right:6%;bottom:6%;width:44%;height:44%;clip-path:polygon(0 0,100% 45%,40% 100%)}
.q129-crane .note{position:absolute;left:6%;bottom:4%;border:1px solid rgba(240,220,175,.4);background:rgba(20,26,24,.7);padding:12px 18px;transform:rotate(-2deg)}
.q129-crane .note b{font-size:14.5px;color:#c9f0ea;letter-spacing:1px}
@media(max-width:960px){.q129-grid{grid-template-columns:1fr;padding-bottom:14vh}}

/* q130 woodcut frame */
.q130-woodcut{position:relative;padding:64px 0 74px}
.q130-hatch{position:absolute;top:16%;bottom:16%;width:72px;background:repeating-linear-gradient(45deg,rgba(235,235,235,.05) 0 3px,transparent 3px 8px)}
.q130-hatch.left{left:12px;border-right:3px double rgba(235,235,235,.2)}
.q130-hatch.right{right:12px;border-left:3px double rgba(235,235,235,.2)}
.q130-frame{position:relative;max-width:800px;margin:0 auto;text-align:center;border:3px double rgba(235,235,235,.3);padding:6px}
.q130-frame>span,.q130-frame>h1,.q130-frame>p,.q130-frame>div{position:relative}
.q130-frame::before{content:"";position:absolute;inset:8px;border:1px solid rgba(235,235,235,.18)}
.q130-frame .inner{border:1px solid transparent;padding:36px 30px}
.q130-frame h1{font-family:Georgia,serif;font-size:clamp(26px,3.6vw,44px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;line-height:1.2;margin:8px 0 12px}
.q130-frame .lead{margin:0 auto}
.q130-frame .q-actions{justify-content:center}
.q130-plate{display:inline-flex;flex-direction:column;margin-top:20px;border:2px solid rgba(235,235,235,.3);background:rgba(255,255,255,.03);padding:12px 26px}
.q130-plate b{font-family:Georgia,serif;font-size:19px;letter-spacing:2px;color:#efe3c8}
.q130-plate span{font-size:9.5px;letter-spacing:4px;color:rgba(239,227,200,.65)}
/* q131 artdeco skyline: top stepped skyline band + lower split (was left-copy/right-fan) */
.q131-skyline{position:relative;overflow:hidden;padding:0 0 54px}
.q131-sky{position:relative;height:150px;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:0 8%}
.q131-sky .bldg{background:linear-gradient(180deg,rgba(220,190,120,.16),rgba(140,170,215,.05));border:1px solid rgba(220,190,120,.22)}
.q131-sky .b1{width:14%;height:52%;clip-path:polygon(0 100%,0 40%,30% 40%,30% 0,70% 0,70% 40%,100% 40%,100% 100%)}
.q131-sky .b2{width:12%;height:84%;clip-path:polygon(0 100%,0 26%,50% 0,100% 26%,100% 100%)}
.q131-sky .b3{width:16%;height:100%;clip-path:polygon(0 100%,0 34%,26% 34%,26% 8%,74% 8%,74% 34%,100% 34%,100% 100%)}
.q131-sky .b4{width:12%;height:70%;clip-path:polygon(0 100%,0 20%,100% 20%,100% 100%)}
.q131-sky .b5{width:14%;height:44%;clip-path:polygon(0 100%,0 50%,50% 22%,100% 50%,100% 100%)}
.q131-lower{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;margin-top:30px}
.q131-copy h1{font-family:Georgia,serif;font-size:clamp(25px,3.2vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;line-height:1.24;margin-bottom:12px}
.q131-tower{display:flex;flex-direction:column;align-items:center;border-top:4px solid rgba(220,190,120,.4);padding:16px 12px;background:linear-gradient(180deg,rgba(220,190,120,.05),transparent)}
.q131-tower b{font-family:Georgia,serif;letter-spacing:2px;color:#ead9ab;font-size:16px}
.q131-tower span{font-size:9px;letter-spacing:4px;color:rgba(216,189,126,.7);margin-top:6px}
@media(max-width:960px){.q131-lower{grid-template-columns:1fr}.q131-sky{height:100px}}

/* q132 gotharc triptych */
.q132-goth{padding:58px 0 70px}
.q132-triptych{display:grid;grid-template-columns:.5fr 2fr .5fr;gap:12px;align-items:stretch}
.q132-triptych .lancet{position:relative;border:1px solid rgba(160,140,215,.3);background:linear-gradient(180deg,rgba(160,140,215,.05),rgba(0,0,0,.16) 70%)}
.q132-triptych .lancet.side{clip-path:polygon(0 100%,0 22%,50% 0,100% 22%,100% 100%);min-height:300px}
.q132-triptych .lancet.main{clip-path:polygon(0 100%,0 14%,50% 0,100% 14%,100% 100%);padding:52px 36px 40px;text-align:center}
.q132-triptych .lancet.main h1{font-family:Georgia,serif;font-size:clamp(25px,3.3vw,40px);font-weight:900;letter-spacing:2px;margin:8px 0 10px}
.q132-triptych .lancet.main .lead{margin:0 auto}
.q132-triptych .lancet.main .q-actions{justify-content:center}
.q132-rose{display:flex;justify-content:center;margin-top:-8px;position:relative;z-index:2}
.q132-rose b{clip-path:polygon(50% 0,61% 12%,78% 6%,82% 23%,98% 28%,92% 44%,100% 57%,85% 64%,84% 82%,66% 82%,50% 94%,34% 82%,16% 82%,15% 64%,0% 57%,8% 44%,2% 28%,18% 23%,22% 6%,39% 12%);background:rgba(160,140,215,.1);border:1px solid rgba(183,166,224,.5);padding:20px 26px;font-family:Georgia,serif;font-size:15.5px;color:#d8ccf2;letter-spacing:1.5px;text-align:center}
@media(max-width:860px){.q132-triptych{grid-template-columns:1fr}.q132-triptych .lancet.side{display:none}}

/* q133 mediterr colonnade */
.q133-grid{position:relative;padding:62px 0}
.q133-colonnade{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-around;gap:0}
.q133-colonnade i{width:26px;height:120px;border:1px solid rgba(170,220,235,.28);border-radius:999px 999px 0 0;background:linear-gradient(180deg,rgba(170,220,235,.06),transparent);opacity:.6}
.q133-copy{position:relative;max-width:640px;margin:60px 0 0}
.q133-copy h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q133-terrace{position:absolute;right:0;bottom:0;border-radius:999px;border:1px solid rgba(170,220,235,.3);padding:16px 30px;background:rgba(170,220,235,.05);display:flex;flex-direction:column;align-items:center}
.q133-terrace b{font-family:Georgia,serif;font-size:18px;color:#d5f0f8}
.q133-terrace span{font-size:9.5px;letter-spacing:3px;color:rgba(169,220,238,.7)}
@media(max-width:960px){.q133-terrace{position:static;margin-top:18px}}

/* q134 shaker peg rail */
.q134-shaker{position:relative;padding:56px 0}
.q134-pegline{position:absolute;left:0;right:0;top:96px;height:8px;background:rgba(220,205,180,.14);border-radius:4px}
.q134-pegline::before{content:"";position:absolute;left:6%;right:6%;top:8px;height:4px;background:repeating-linear-gradient(90deg,rgba(220,205,180,.3) 0 6px,transparent 6px 26px)}
.q134-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;padding-top:36px;align-items:center}
.q134-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q134-pegboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid rgba(220,205,180,.2);padding:18px}
.q134-pegboard i{height:44px;border:1px solid rgba(220,205,180,.16);background:rgba(255,252,246,.03)}
.q134-pegboard b{grid-column:1/-1;text-align:center;font-size:17px;letter-spacing:2px;color:#eee2c8;padding:6px 0;border-top:1px solid rgba(220,205,180,.2)}
@media(max-width:960px){.q134-grid{grid-template-columns:1fr}}

/* q135 tatami room */
.q135-room{position:relative;padding:58px 0}
.q135-mats{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;gap:4px;opacity:.55}
.q135-mats i{flex:1;border:1px solid rgba(190,215,150,.2);background:linear-gradient(90deg,rgba(190,215,150,.04),transparent)}
.q135-mats .m2{background:linear-gradient(180deg,rgba(190,215,150,.04),transparent)}
.q135-toko{position:relative;max-width:680px;margin:0 auto;border:1px solid rgba(190,215,150,.25);padding:40px 38px;background:rgba(20,22,16,.6)}
.q135-toko h1{font-size:clamp(25px,3.3vw,40px);font-weight:900;line-height:1.24;margin-bottom:12px}
.q135-scroll{display:inline-flex;margin-top:20px;border:1px solid rgba(194,216,148,.35);border-left:5px solid rgba(194,216,148,.5);padding:12px 22px;background:rgba(194,216,148,.04)}
.q135-scroll b{font-size:17px;letter-spacing:2px;color:#dcecc0}

/* q136 zellige star field */
.q136-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:62px 0;align-items:center}
.q136-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q136-star{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.q136-star .octa{aspect-ratio:1;background:linear-gradient(135deg,rgba(130,165,215,.1),rgba(120,160,210,.03));clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.q136-star .octa:nth-child(2n){background:linear-gradient(135deg,rgba(235,190,110,.1),rgba(235,190,110,.02))}
.q136-star .octa:nth-child(4n){background:linear-gradient(135deg,rgba(180,150,220,.09),transparent)}
.q136-star b{grid-column:1/-1;text-align:center;font-size:16px;letter-spacing:2px;color:#c4d6f2;border:1px solid rgba(130,165,215,.3);padding:10px}
@media(max-width:960px){.q136-grid{grid-template-columns:1fr}.q136-star{max-width:360px;margin:0 auto;width:100%}}

/* q137 siheyuan gate */
.q137-courtyard{position:relative;padding:64px 0 74px;text-align:center}
.q137-gate{position:relative;width:min(560px,90%);height:76px;margin:0 auto}
.q137-gate .roof{position:absolute;left:-8%;right:-8%;top:0;height:30px;background:linear-gradient(180deg,rgba(220,120,95,.22),rgba(220,120,95,.06));clip-path:polygon(0 100%,6% 38%,50% 0,94% 38%,100% 100%)}
.q137-gate .pill-l,.q137-gate .pill-r{position:absolute;bottom:0;width:14px;height:46px;background:linear-gradient(180deg,rgba(220,120,95,.4),rgba(220,120,95,.12));border-radius:3px}
.q137-gate .pill-l{left:12%}.q137-gate .pill-r{right:12%}
.q137-frame{position:relative;max-width:640px;margin:6px auto 0;padding:36px 32px;border-left:1px solid rgba(220,120,95,.3);border-right:1px solid rgba(220,120,95,.3);border-bottom:1px solid rgba(220,120,95,.3)}
.q137-frame h1{font-family:Georgia,serif;font-size:clamp(26px,3.5vw,42px);font-weight:900;line-height:1.2;margin:8px 0 10px}
.q137-frame .lead{margin:0 auto}
.q137-frame .q-actions{justify-content:center}
.q137-couplet{display:inline-flex;align-items:center;gap:16px;margin-top:20px}
.q137-couplet i{writing-mode:vertical-rl;font-style:normal;font-size:12px;letter-spacing:6px;color:#e3987c;border:1px solid rgba(227,152,124,.4);padding:12px 6px}
.q137-couplet b{font-family:Georgia,serif;font-size:19px;color:#f2b8a0;letter-spacing:1.5px}

/* q138 lighthouse beam */
.q138-beacon{position:relative;overflow:hidden}
.q138-beam{position:absolute;top:-20%;bottom:-20%;left:0;width:46%;background:linear-gradient(103deg,transparent 40%,rgba(240,225,160,.09) 55%,rgba(240,225,160,.14) 72%,transparent 88%);animation:q138sweep 9s ease-in-out infinite alternate;transform-origin:left center}
@keyframes q138sweep{from{transform:rotate(-9deg)}to{transform:rotate(7deg)}}
.q138-grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;padding:60px 0;align-items:center}
.q138-tower{position:relative;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}
.q138-tower .band{width:64%;height:34px;background:linear-gradient(180deg,rgba(150,190,225,.16),rgba(150,190,225,.05));border:1px solid rgba(150,190,225,.22)}
.q138-tower .b1{width:52%}.q138-tower .b2{width:58%;background:linear-gradient(180deg,rgba(240,225,160,.14),transparent)}
.q138-tower .lamp{width:38%;height:30px;border-radius:8px;background:rgba(240,225,160,.22);border:1px solid rgba(240,225,160,.5);box-shadow:0 0 32px rgba(240,225,160,.3)}
.q138-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q138-log{display:inline-flex;margin-top:18px;border:1px solid rgba(156,192,226,.35);border-radius:10px;padding:12px 22px;background:rgba(150,190,225,.05)}
.q138-log b{font-size:17.5px;letter-spacing:2px;color:#f2e4b0}
@media(max-width:960px){.q138-grid{grid-template-columns:1fr;justify-items:center}.q138-tower{height:190px;flex-direction:row;align-items:flex-end;gap:4px}.q138-tower .band{height:90px;width:26px}.q138-tower .b1{height:66px}.q138-tower .b2{height:80px;width:28px}.q138-tower .lamp{width:32px;height:32px}}

/* q139 greenhouse ridge */
.q139-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:60px 0;align-items:center}
.q139-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q139-ridge{position:relative}
.q139-ridge .pane-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.q139-ridge .pane-row i{height:150px;border:1.5px solid rgba(180,225,170,.3);border-radius:9px 9px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(180,225,170,.05) 45%,transparent)}
.q139-ridge .pane-row i:nth-child(2n){background:linear-gradient(180deg,rgba(180,225,170,.08),rgba(190,220,240,.04) 55%,transparent)}
.q139-pot{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);border:1px solid rgba(180,225,170,.4);border-radius:14px;background:rgba(16,22,16,.8);padding:10px 20px}
.q139-pot b{font-size:16px;color:#ddf0cc;letter-spacing:1.5px}
@media(max-width:960px){.q139-grid{grid-template-columns:1fr}}

/* q140 atrium light well */
.q140-atrium{position:relative;overflow:hidden;padding:76px 0 70px;text-align:center}
.q140-light{position:absolute;left:50%;top:0;transform:translateX(-50%);width:110%;height:70%;background:conic-gradient(from 180deg at 50% 0%,transparent 0deg,rgba(245,225,170,.07) 26deg,transparent 52deg);pointer-events:none}
.q140-ring{position:relative;max-width:760px;margin:0 auto}
.q140-ring h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.15;margin:8px 0 10px}
.q140-ring .lead{margin:0 auto}
.q140-ring .q-actions{justify-content:center}
.q140-fountain{display:inline-flex;margin-top:24px;border-radius:999px;border:1px solid rgba(235,215,160,.35);padding:14px 32px;background:radial-gradient(ellipse at 50% 0%,rgba(245,225,170,.09),transparent 72%)}
.q140-fountain b{font-family:Georgia,serif;font-size:19px;color:#f2e2b4;letter-spacing:1.5px}

/* q141 louver slats */
.q141-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:44px;padding:58px 0;align-items:center}
.q141-slats{display:flex;flex-direction:column;gap:6px;align-self:stretch;justify-content:center}
.q141-slats i{height:20px;background:linear-gradient(100deg,rgba(225,200,160,.16),transparent 78%);border-radius:2px}
.q141-slats i:nth-child(2n){width:82%;background:linear-gradient(100deg,rgba(225,200,160,.1),transparent 70%)}
.q141-slats i:nth-child(3n){width:64%}
.q141-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1.2;margin-bottom:12px}
.q141-dial{display:inline-flex;margin-top:18px;border:1px solid rgba(220,194,140,.4);padding:12px 24px;background:repeating-linear-gradient(105deg,rgba(225,200,160,.05) 0 4px,transparent 4px 26px)}
.q141-dial b{font-size:17.5px;letter-spacing:2px;color:#eeddab}
@media(max-width:960px){.q141-grid{grid-template-columns:1fr}.q141-slats{flex-direction:row;height:auto}.q141-slats i{height:16px;flex:1}}

/* q142 mezzanine split level */
.q142-split{padding:56px 0}
.q142-levels{position:relative;max-width:880px;margin:0 auto}
.q142-upper{padding:38px 40px;border:1px solid rgba(210,185,150,.24);background:linear-gradient(180deg,rgba(255,250,240,.04),transparent)}
.q142-upper h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q142-lower{margin-left:14%;margin-top:-1px;border:1px solid rgba(210,185,150,.24);background:rgba(210,185,150,.05);padding:20px 26px;display:flex;align-items:center;gap:18px}
.q142-lower .rail{flex:0 0 46px;height:3px;background:repeating-linear-gradient(90deg,rgba(210,185,150,.5) 0 8px,transparent 8px 13px)}
.q142-lower b{font-size:19px;color:#ecd9ae;letter-spacing:1.5px}
.q142-lower span{font-size:9.5px;letter-spacing:3px;color:rgba(213,185,140,.7)}

/* q143 rotunda niche: half-dome alcove left + copy right (was centered oculus) */
.q143-niche{padding:56px 0}
.q143-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.q143-alcove{position:relative;height:290px;border-radius:230px 230px 8px 8px;border:1px solid rgba(240,220,160,.3);background:linear-gradient(180deg,rgba(240,220,160,.06),transparent 72%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px}
.q143-alcove .dome{position:absolute;top:26px;left:50%;transform:translateX(-50%);width:58%;height:44%;border-radius:50% 50% 0 0/100% 100% 0 0;border:1px solid rgba(240,220,160,.28);border-bottom:0}
.q143-alcove .dome::after{content:"";position:absolute;inset:16px 26% 0;border-radius:50% 50% 0 0/100% 100% 0 0;border:1px dashed rgba(240,220,160,.22)}
.q143-alcove .niche-line{position:absolute;top:16%;bottom:14%;width:1px;background:linear-gradient(180deg,transparent,rgba(240,220,160,.35),transparent)}
.q143-alcove .l1{left:18%}
.q143-alcove .l2{right:18%}
.q143-alcove b{font-family:Georgia,serif;font-size:16.5px;color:#f4e3ac;letter-spacing:1.5px;border-top:2px solid rgba(240,220,160,.4);padding-top:10px}
.q143-copy h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q143-grid{grid-template-columns:1fr}.q143-alcove{height:200px;border-radius:160px 160px 8px 8px}}

/* q144 pergola beams */
.q144-pergola{position:relative;overflow:hidden}
.q144-beams{position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(200,225,150,.07) 0 16px,transparent 16px 66px);mask-image:linear-gradient(180deg,#000,transparent 76%)}
.q144-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:46px;padding:66px 0;align-items:center}
.q144-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q144-vine{position:relative;height:250px}
.q144-vine .leaf{position:absolute;width:56px;height:56px;border-radius:0 60% 0 60%;background:linear-gradient(140deg,rgba(200,225,150,.22),rgba(200,225,150,.05));border:1px solid rgba(200,225,150,.2)}
.q144-vine .l1{left:6%;top:4%;transform:rotate(12deg)}
.q144-vine .l2{right:12%;top:26%;transform:rotate(-30deg);width:72px;height:72px}
.q144-vine .l3{left:30%;bottom:2%;transform:rotate(48deg);width:46px;height:46px}
.q144-vine b{position:absolute;right:4%;bottom:12%;border:1px solid rgba(184,216,148,.4);border-radius:10px;background:rgba(18,22,14,.78);padding:12px 18px;font-size:15.5px;color:#d8ecc0;letter-spacing:1.5px}
@media(max-width:960px){.q144-grid{grid-template-columns:1fr}}

/* q145 aqueduct arches */
.q145-arches{position:absolute;left:0;right:0;bottom:0;height:56%;display:flex;gap:8px;padding:0 4px}
.q145-arches i{flex:1;background:linear-gradient(180deg,rgba(215,195,160,.1),transparent 26%);clip-path:polygon(0 0,100% 0,100% 100%,74% 100%,74% 44%,70% 34%,63% 27%,55% 24%,45% 24%,37% 27%,30% 34%,26% 44%,26% 100%,0 100%);opacity:.65}
.q145-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:46px;padding:64px 0 30%;align-items:center}
.q145-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;text-transform:uppercase;letter-spacing:1px;line-height:1.2;margin-bottom:12px}
.q145-channel{position:relative;border:1px solid rgba(215,195,160,.3);background:rgba(16,16,14,.78);padding:16px 20px}
.q145-channel .water{display:block;height:4px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(160,195,230,.55),rgba(160,195,230,.2),transparent);margin-bottom:10px;animation:q145flow 3.2s linear infinite}
@keyframes q145flow{from{background-position:-80px 0}to{background-position:80px 0}}
.q145-channel b{font-family:Georgia,serif;font-size:17px;color:#eadfc0;letter-spacing:1.5px}
.q145-channel span{display:block;font-size:9.5px;letter-spacing:3px;color:rgba(212,189,144,.7);margin-top:4px}
@media(max-width:960px){.q145-grid{grid-template-columns:1fr;padding-bottom:36%}}

/* q146 ziggurat stairs */
.q146-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:60px 0;align-items:center}
.q146-stairs{position:relative;height:300px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.q146-stairs .t{background:linear-gradient(180deg,rgba(230,190,120,.14),rgba(230,190,120,.04));border:1px solid rgba(230,190,120,.22);height:44px}
.q146-stairs .t1{width:78%}
.q146-stairs .t2{width:58%}
.q146-stairs .t3{width:40%}
.q146-stairs .t4{width:24%}
.q146-stairs .apex{font-size:22px;color:#f5e0ae;text-shadow:0 0 24px rgba(240,200,130,.5);margin-bottom:6px}
.q146-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;line-height:1.24;margin-bottom:12px}
.q146-altar{display:inline-flex;margin-top:18px;border:1px solid rgba(224,189,128,.4);border-bottom:4px solid rgba(224,189,128,.5);padding:12px 24px;background:rgba(230,190,120,.05)}
.q146-altar b{font-family:Georgia,serif;font-size:18px;letter-spacing:3px;color:#f0d8a2}
@media(max-width:960px){.q146-grid{grid-template-columns:1fr}.q146-stairs{height:210px}}

/* q147 windmill sails */
.q147-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;padding:60px 0;align-items:center}
.q147-sails{position:relative;width:250px;height:250px;margin:0 auto}
.q147-sails .arm{position:absolute;left:50%;top:50%;width:16px;height:112px;margin:-112px 0 0 -8px;background:linear-gradient(180deg,rgba(150,180,225,.3),rgba(150,180,225,.08));border-radius:8px;transform-origin:center 112px}
.q147-sails .a1{transform:rotate(0deg)}
.q147-sails .a2{transform:rotate(90deg)}
.q147-sails .a3{transform:rotate(180deg)}
.q147-sails .a4{transform:rotate(270deg)}
.q147-sails .hub{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:rgba(240,220,170,.35);border:1px solid rgba(240,220,170,.6);box-shadow:0 0 24px rgba(240,220,170,.25)}
.q147-sails{animation:q147turn 22s linear infinite}
@keyframes q147turn{to{transform:rotate(360deg)}}
.q147-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q147-grain{display:inline-flex;margin-top:18px;border:1px solid rgba(159,188,230,.35);border-radius:12px;padding:12px 24px;background:rgba(150,180,225,.05)}
.q147-grain b{font-size:17.5px;letter-spacing:2px;color:#cbdcf4}
@media(max-width:960px){.q147-grid{grid-template-columns:1fr;justify-items:center}.q147-copy{text-align:center}}

/* q148 geodesic dome */
.q148-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;padding:62px 0;align-items:center}
.q148-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q148-dome{position:relative;width:min(300px,86%);aspect-ratio:1;margin:0 auto;border-radius:50% 50% 12px 12px/58% 58% 12px 12px;border:1px solid rgba(150,210,225,.3);background:radial-gradient(circle at 50% 26%,rgba(150,210,225,.07),transparent 62%);overflow:hidden}
.q148-dome .tri{position:absolute;width:52%;height:42%;border:1px solid rgba(150,210,225,.28);clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(160deg,rgba(255,255,255,.035),transparent)}
.q148-dome .t1{left:24%;top:6%}
.q148-dome .t2{left:2%;top:44%;transform:rotate(-28deg);background:linear-gradient(140deg,rgba(200,170,235,.05),transparent)}
.q148-dome .t3{right:2%;top:44%;transform:rotate(28deg)}
.q148-dome .t4{left:20%;bottom:8%;transform:rotate(180deg);width:36%;height:30%}
.q148-dome .t5{right:18%;bottom:4%;transform:rotate(180deg);width:30%;height:26%;background:linear-gradient(140deg,rgba(200,170,235,.05),transparent)}
.q148-core{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);border:1px solid rgba(190,240,250,.45);border-radius:12px;background:rgba(10,18,22,.82);padding:12px 18px;text-align:center}
.q148-core b{font-size:14.5px;color:#cfeef6;letter-spacing:1.5px}
@media(max-width:960px){.q148-grid{grid-template-columns:1fr}}

/* q149 lanternhouse2: slim top lantern strip + left-copy/right-brazier (was centered rows) */
.q149-row2{position:relative;padding:0 0 58px}
.q149-strip{display:flex;justify-content:space-between;gap:0;padding:18px 6% 0;height:64px;align-items:flex-start}
.q149-strip i{width:34px;height:44px;border-radius:8px;background:linear-gradient(180deg,rgba(245,160,90,.26),rgba(245,140,80,.06));border:1px solid rgba(245,170,105,.32);box-shadow:0 0 20px rgba(245,160,90,.12)}
.q149-strip i:nth-child(2n){height:30px;margin-top:10px}
.q149-strip i:nth-child(3n){height:52px}
.q149-split{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center;margin-top:26px}
.q149-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q149-brazier{display:flex;flex-direction:column;align-items:center;border:1px solid rgba(240,170,110,.4);border-radius:16px;padding:22px 18px;background:radial-gradient(circle at 50% 120%,rgba(245,160,90,.16),transparent 66%)}
.q149-brazier b{font-size:17.5px;font-weight:900;color:#ffc898;text-shadow:0 0 20px rgba(245,160,90,.35)}
.q149-brazier span{font-size:9px;letter-spacing:3px;color:rgba(240,170,110,.7);margin-top:8px}
@media(max-width:960px){.q149-split{grid-template-columns:1fr}}

/* q150 canyon gap */
.q150-canyon{position:relative;overflow:hidden;padding:66px 0}
.q150-wall{position:absolute;top:0;bottom:0;width:30%;background:repeating-linear-gradient(0deg,rgba(225,150,100,.06) 0 34px,rgba(215,135,90,.035) 34px 38px,transparent 38px 56px)}
.q150-wall.left{left:0;clip-path:polygon(0 0,100% 6%,86% 30%,100% 52%,82% 74%,94% 100%,0 100%)}
.q150-wall.right{right:0;clip-path:polygon(100% 0,0 8%,14% 34%,2% 56%,18% 78%,6% 100%,100% 100%)}
.q150-gap{position:relative;max-width:620px;margin:0 auto;text-align:center;padding:0 20px}
.q150-gap h1{font-family:Georgia,serif;font-size:clamp(27px,3.7vw,45px);font-weight:900;line-height:1.15;margin:8px 0 10px}
.q150-gap .lead{margin:0 auto}
.q150-gap .q-actions{justify-content:center}
.q150-sky{display:inline-flex;flex-direction:column;margin-top:22px;border-bottom:2px solid rgba(242,196,164,.4);padding:10px 26px 12px;background:linear-gradient(180deg,rgba(235,190,210,.04),transparent)}
.q150-sky b{font-family:Georgia,serif;font-size:19.5px;color:#f2c4a4;letter-spacing:1.5px}
.q150-sky span{font-size:9.5px;letter-spacing:3px;color:rgba(242,196,164,.65)}
/* q151 basalt column wall */
.q151-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:62px 0;align-items:center}
.q151-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q151-wall{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:10px;height:260px;border-bottom:2px solid rgba(200,180,165,.25)}
.q151-wall .col{width:38px;background:linear-gradient(180deg,rgba(200,180,165,.16),rgba(200,180,165,.04));border:1px solid rgba(200,180,165,.22);clip-path:polygon(22% 0,78% 0,100% 8%,100% 100%,0 100%,0 8%)}
.q151-wall .c1{height:72%}.q151-wall .c2{height:96%}.q151-wall .c3{height:84%}.q151-wall .c4{height:62%}
.q151-wall b{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(14,12,11,.82);border:1px solid rgba(207,157,125,.4);padding:10px 18px;font-size:15px;color:#e8c0a4;letter-spacing:1.5px}
@media(max-width:960px){.q151-grid{grid-template-columns:1fr}.q151-wall{height:180px}}

/* q152 dune ridges */
.q152-dunes{position:relative;overflow:hidden;padding:64px 0 84px}
.q152-ridge{position:absolute;bottom:0;height:150px;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,rgba(235,200,140,.08),transparent)}
.q152-ridge.r1{left:-10%;right:30%}
.q152-ridge.r2{left:36%;right:-12%;height:110px;background:linear-gradient(180deg,rgba(220,180,120,.06),transparent)}
.q152-sun{position:absolute;top:14%;right:12%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(255,235,190,.22),rgba(255,235,190,.05) 62%,transparent);box-shadow:0 0 44px rgba(255,225,170,.18)}
.q152-wrap{position:relative;max-width:640px}
.q152-wrap h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q152-oasisbadge{display:inline-flex;margin-top:20px;border-radius:999px;border:1px solid rgba(227,196,140,.4);padding:12px 26px;background:rgba(235,200,140,.05)}
.q152-oasisbadge b{font-family:Georgia,serif;color:#f0dcae;letter-spacing:1.5px}

/* q153 geyser vent */
.q153-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;padding:58px 0;align-items:center}
.q153-vent{position:relative;height:280px;display:flex;align-items:flex-end;justify-content:center}
.q153-vent .pool{width:120px;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(150,215,225,.28),rgba(150,215,225,.08) 66%,transparent);border:1px solid rgba(150,215,225,.4)}
.q153-vent .jet{position:absolute;bottom:26px;left:50%;width:14px;border-radius:8px;background:linear-gradient(180deg,transparent,rgba(150,215,225,.3));transform-origin:bottom}
.q153-vent .j1{height:82%;transform:translateX(-50%) rotate(-4deg)}
.q153-vent .j2{height:58%;transform:translateX(-50%) rotate(6deg);background:linear-gradient(180deg,transparent,rgba(255,200,140,.25));animation:q153spurt 3.6s ease-in-out infinite}
.q153-vent b{position:absolute;top:6%;left:50%;transform:translateX(-50%);background:rgba(10,16,18,.8);border:1px solid rgba(158,211,224,.4);border-radius:10px;padding:10px 16px;font-size:15px;color:#cfeef4}
@keyframes q153spurt{0%,100%{opacity:.35}50%{opacity:1}}
.q153-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q153-grid{grid-template-columns:1fr}.q153-vent{height:190px}}

/* q154 mangrove stilts */
.q154-water{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,transparent,rgba(120,170,200,.06));border-top:1px solid rgba(120,170,200,.14)}
.q154-stilts{position:relative;padding:58px 0 70px}
.q154-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:46px;align-items:center}
.q154-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q154-roots{position:relative;height:240px}
.q154-roots .root{position:absolute;bottom:26px;width:64px;height:150px;border-radius:40% 40% 0 0/60% 60% 0 0;background:linear-gradient(180deg,rgba(160,205,150,.14),transparent);border:1px solid rgba(160,205,150,.2)}
.q154-roots .root:nth-child(1){left:8%;transform:rotate(-8deg)}
.q154-roots .root:nth-child(2){left:38%;height:180px;transform:rotate(3deg)}
.q154-roots .root:nth-child(3){right:10%;transform:rotate(9deg);height:140px}
.q154-roots b{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:1px solid rgba(160,205,150,.4);border-radius:8px;background:rgba(12,18,14,.82);padding:10px 16px;font-size:14.5px;color:#cde8c2}
@media(max-width:960px){.q154-grid{grid-template-columns:1fr}}

/* q155 volcano cone */
.q155-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;padding:56px 0;align-items:center}
.q155-cone{position:relative;height:280px;display:flex;align-items:flex-end;justify-content:center}
.q155-cone .rim{width:72%;height:170px;background:linear-gradient(180deg,rgba(90,70,64,.5),rgba(40,26,22,.2));clip-path:polygon(18% 100%,50% 0,82% 100%);border:0}
.q155-cone .lavaglow{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);width:34%;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,140,60,.5),rgba(255,110,50,.15) 60%,transparent);filter:blur(3px)}
.q155-cone .ember{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,170,90,.8)}
.q155-cone .e1{bottom:120px;left:46%;animation:q155rise 3.4s linear infinite}
.q155-cone .e2{bottom:112px;left:53%;animation:q155rise 4.2s linear infinite .8s}
.q155-cone .e3{bottom:126px;left:49.5%;animation:q155rise 3.8s linear infinite 1.6s}
@keyframes q155rise{from{transform:translateY(0);opacity:1}to{transform:translateY(-90px);opacity:0}}
.q155-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q155-magma{display:inline-flex;margin-top:18px;border:1px solid rgba(255,140,70,.45);border-bottom:4px solid rgba(255,140,70,.5);padding:12px 22px;background:rgba(255,110,50,.05)}
.q155-magma b{letter-spacing:2px;color:#ffbe96}
@media(max-width:960px){.q155-grid{grid-template-columns:1fr}.q155-cone{height:200px}}

/* q156 atoll2: overhead lagoon band on top + low split (was centered ring) */
.q156-lagoon2{padding:0 0 54px}
.q156-band{position:relative;height:170px;margin:0 4%;border:1px solid rgba(140,220,230,.24);border-radius:0 0 46% 46%/0 0 100% 100%;overflow:hidden;background:linear-gradient(180deg,rgba(90,190,210,.05),rgba(140,220,230,.03) 58%,transparent)}
.q156-band .rim{position:absolute;inset:10px 12px 0;border-radius:0 0 46% 46%/0 0 100% 100%;border:2px solid rgba(240,245,235,.14);border-top:0}
.q156-band .lagoon{position:absolute;left:26%;right:26%;bottom:0;height:64%;border-radius:50% 50% 0 0/80% 80% 0 0;background:radial-gradient(ellipse at 50% 100%,rgba(140,220,230,.22),transparent 72%)}
.q156-band .islet{position:absolute;left:47%;bottom:0;width:6%;height:26%;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,rgba(240,245,235,.2),rgba(200,220,190,.1))}
.q156-low{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;margin-top:34px}
.q156-copy h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q156-gauge{display:flex;flex-direction:column;align-items:center;border-left:3px solid rgba(140,220,230,.4);padding:14px 16px;background:linear-gradient(90deg,rgba(140,220,230,.05),transparent)}
.q156-gauge b{font-family:Georgia,serif;color:#c8ecf2;letter-spacing:1.5px}
.q156-gauge span{font-size:9px;letter-spacing:3px;color:rgba(143,212,224,.7);margin-top:6px}
@media(max-width:960px){.q156-low{grid-template-columns:1fr}.q156-band{height:120px}}

/* q157 fjord walls */
.q157-walls{position:relative;overflow:hidden;padding:66px 0}
.q157-cliff{position:absolute;top:0;bottom:0;width:26%;background:linear-gradient(100deg,rgba(150,185,220,.09),transparent 80%)}
.q157-cliff.left{left:0;clip-path:polygon(0 0,100% 10%,88% 34%,100% 60%,84% 100%,0 100%)}
.q157-cliff.right{right:0;background:linear-gradient(260deg,rgba(150,185,220,.09),transparent 80%);clip-path:polygon(100% 0,0 12%,14% 38%,2% 64%,18% 100%,100% 100%)}
.q157-channel{position:relative;max-width:600px;margin:0 auto;text-align:center;padding:0 20px}
.q157-channel h1{font-size:clamp(27px,3.7vw,45px);font-weight:900;line-height:1.15;margin:8px 0 10px}
.q157-channel .lead{margin:0 auto}
.q157-channel .q-actions{justify-content:center}
.q157-mirror{display:inline-flex;margin-top:22px;border:1px solid rgba(163,195,228,.4);border-radius:10px;padding:12px 26px;background:linear-gradient(180deg,rgba(160,195,225,.05),transparent);box-shadow:0 12px 26px rgba(0,0,0,.3)}
.q157-mirror b{letter-spacing:2px;color:#cfdff2}

/* q158 mesa buttes */
.q158-terrace{position:relative;padding:56px 0}
.q158-skyband{position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,rgba(235,190,200,.05),transparent)}
.q158-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:46px;align-items:center}
.q158-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q158-buttes{position:relative;height:230px;display:flex;align-items:flex-end;gap:12px;justify-content:center}
.q158-buttes .b1{width:34%;height:60%;background:linear-gradient(180deg,rgba(225,160,110,.2),rgba(225,160,110,.05));clip-path:polygon(12% 100%,18% 22%,82% 22%,88% 100%)}
.q158-buttes .b2{width:40%;height:84%;background:linear-gradient(180deg,rgba(225,160,110,.26),rgba(225,160,110,.06));clip-path:polygon(8% 100%,14% 12%,86% 12%,92% 100%)}
.q158-buttes .b3{width:26%;height:48%;background:linear-gradient(180deg,rgba(225,160,110,.16),rgba(225,160,110,.04));clip-path:polygon(14% 100%,20% 28%,80% 28%,86% 100%)}
.q158-buttes b{position:absolute;top:6px;left:50%;transform:translateX(-50%);background:rgba(16,12,10,.82);border:1px solid rgba(223,160,116,.4);padding:10px 18px;font-size:15px;color:#eec4a0;letter-spacing:1.5px}
@media(max-width:960px){.q158-grid{grid-template-columns:1fr}}

/* q159 reef depth bands */
.q159-depths{position:relative;overflow:hidden}
.q159-bands{position:absolute;inset:0;display:flex;flex-direction:column}
.q159-bands i{flex:1}
.q159-bands .d1{background:linear-gradient(180deg,rgba(255,200,210,.05),transparent)}
.q159-bands .d2{background:linear-gradient(180deg,transparent,rgba(140,220,210,.045))}
.q159-bands .d3{background:linear-gradient(180deg,transparent,rgba(90,160,190,.06))}
.q159-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;padding:60px 0;align-items:center}
.q159-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q159-fish{position:relative;height:250px}
.q159-fish .f{position:absolute;width:46px;height:26px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:linear-gradient(120deg,rgba(255,170,190,.35),rgba(140,220,210,.2));border:1px solid rgba(255,190,205,.3)}
.q159-fish .f::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:rgba(255,190,205,.35)}
.q159-fish .a{top:18%;left:6%;transform:rotate(-8deg)}
.q159-fish .b{top:48%;right:8%;transform:rotate(6deg) scale(1.2)}
.q159-fish .c{bottom:8%;left:30%;transform:rotate(-4deg) scale(.8)}
.q159-fish b{position:absolute;bottom:0;right:0;border:1px solid rgba(240,164,182,.4);border-radius:12px;background:rgba(20,12,16,.82);padding:10px 16px;font-size:14.5px;color:#ffd0dc}
@media(max-width:960px){.q159-grid{grid-template-columns:1fr}}

/* q160 estuary braids */
.q160-rivers{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.q160-rivers path{stroke:rgba(205,185,145,.28);stroke-width:2;stroke-dasharray:240;stroke-dashoffset:240;animation:q160flow 5s ease forwards}
.q160-rivers path:nth-child(2){animation-delay:.5s;stroke:rgba(170,200,150,.24)}
.q160-rivers path:nth-child(3){animation-delay:1s;stroke:rgba(205,185,145,.2)}
@keyframes q160flow{to{stroke-dashoffset:0}}
.q160-braids{position:relative;padding:64px 0}
.q160-wrap{position:relative;max-width:640px}
.q160-wrap h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q160-silt{display:inline-flex;margin-top:20px;border:1px solid rgba(212,188,142,.4);padding:12px 24px;background:rgba(205,185,145,.05)}
.q160-silt b{letter-spacing:1.5px;color:#eadfc0}

/* q161 marsh mist */
.q161-mist{position:relative;overflow:hidden;padding:74px 0 70px;text-align:center}
.q161-fog{position:absolute;height:120px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(195,210,185,.07),transparent)}
.q161-fog.f1{width:70%;top:12%;left:-10%;animation:q161drift 12s ease-in-out infinite alternate}
.q161-fog.f2{width:56%;top:42%;right:-8%;animation:q161drift 9s ease-in-out infinite alternate-reverse}
.q161-fog.f3{width:64%;bottom:6%;left:6%;animation:q161drift 14s ease-in-out infinite alternate}
@keyframes q161drift{from{transform:translateX(-4%)}to{transform:translateX(4%)}}
.q161-center{position:relative;max-width:720px;margin:0 auto}
.q161-center h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q161-center .lead{margin:0 auto}
.q161-center .q-actions{justify-content:center}
.q161-lantern{display:inline-flex;margin-top:24px;border:1px solid rgba(188,206,176,.4);border-radius:12px;padding:13px 26px;background:rgba(195,210,185,.04);box-shadow:0 0 26px rgba(195,210,185,.08)}
.q161-lantern b{letter-spacing:1.5px;color:#dce8d2}

/* q162 butte monolith */
.q162-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:46px;padding:58px 0;align-items:center}
.q162-rock{position:relative;height:270px;display:flex;align-items:flex-end;justify-content:center}
.q162-rock::before{content:"";width:56%;height:88%;background:linear-gradient(180deg,rgba(240,170,120,.14),rgba(30,16,12,.3));clip-path:polygon(10% 100%,16% 30%,50% 8%,84% 30%,90% 100%);border:1px solid rgba(240,170,120,.2)}
.q162-rock::after{content:"";position:absolute;bottom:16%;left:38%;width:24%;height:10px;border-radius:50%;background:rgba(255,220,180,.12);filter:blur(4px)}
.q162-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q162-plate{display:inline-flex;margin-top:18px;border:1px solid rgba(229,170,125,.45);border-bottom-width:4px;padding:12px 24px;background:rgba(240,170,120,.04)}
.q162-plate b{letter-spacing:2px;color:#f2c8a4}
@media(max-width:960px){.q162-grid{grid-template-columns:1fr}.q162-rock{height:200px}}

/* q163 archrock span */
.q163-arch{position:relative;padding:64px 0 74px;text-align:center;overflow:hidden}
.q163-span{position:absolute;left:8%;right:8%;top:8%;height:210px;border:2px solid rgba(230,180,130,.22);border-top-left-radius:50% 100%;border-top-right-radius:50% 100%;border-bottom:0;background:radial-gradient(ellipse at 50% 100%,rgba(230,180,130,.06),transparent 60%)}
.q163-under{position:relative;max-width:620px;margin:96px auto 0;padding:0 20px}
.q163-under h1{font-family:Georgia,serif;font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.16;margin:8px 0 10px}
.q163-under .lead{margin:0 auto}
.q163-under .q-actions{justify-content:center}
.q163-keystone{display:inline-flex;margin-top:20px;border:1px solid rgba(224,181,126,.4);border-radius:999px 999px 8px 8px;padding:12px 26px;background:linear-gradient(180deg,rgba(230,180,130,.06),transparent)}
.q163-keystone b{letter-spacing:1.5px;color:#eed6ac}

/* q164 spire shard */
.q164-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;padding:60px 0;align-items:center}
.q164-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q164-peak{position:relative;height:270px;display:flex;align-items:flex-end;justify-content:center}
.q164-peak .shard{position:absolute;bottom:0;background:linear-gradient(180deg,rgba(190,165,235,.22),rgba(190,165,235,.04));clip-path:polygon(50% 0,100% 100%,0 100%);border:0}
.q164-peak .s1{width:44%;height:64%;transform:rotate(-14deg);transform-origin:bottom}
.q164-peak .s2{width:40%;height:96%}
.q164-peak .s3{width:44%;height:58%;transform:rotate(14deg);transform-origin:bottom}
.q164-peak .spark{position:absolute;top:2%;left:50%;transform:translateX(-50%);color:#e8dcff;font-size:20px;text-shadow:0 0 22px rgba(200,180,255,.7)}
.q164-peak b{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(14,12,22,.84);border:1px solid rgba(194,174,232,.4);padding:9px 16px;font-size:14.5px;color:#d8ccf4}
@media(max-width:960px){.q164-grid{grid-template-columns:1fr}.q164-peak{height:200px}}

/* q165 crater2: cross-section half bowl left + copy right (was top-bowl centered) */
.q165-halfrim{padding:56px 0}
.q165-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.q165-bowl2{position:relative;height:280px;overflow:hidden}
.q165-bowl2 .lip{position:absolute;top:14%;left:0;right:0;height:14px;border-radius:50%;background:linear-gradient(90deg,rgba(175,155,225,.3),rgba(120,100,170,.16) 60%,transparent)}
.q165-bowl2 .innerwall{position:absolute;top:14%;left:0;width:46%;height:74%;background:linear-gradient(180deg,rgba(175,155,225,.1),rgba(40,30,50,.42));clip-path:polygon(0 0,100% 0,62% 100%,0 100%)}
.q165-bowl2 .poolglow{position:absolute;bottom:10%;left:0;width:30%;height:56px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,150,110,.22),transparent 70%);filter:blur(2px)}
.q165-bowl2 b{position:absolute;top:6%;left:4%;font-family:Georgia,serif;color:#d4c6f0;font-size:15px;letter-spacing:1.5px}
.q165-copy h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q165-grid{grid-template-columns:1fr}.q165-bowl2{height:190px}}

/* q166 acacia silhouette */
.q166-acacia{position:relative;padding:56px 0;overflow:hidden}
.q166-sunball{position:absolute;bottom:8%;left:6%;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(240,200,120,.24),rgba(240,200,120,.06) 58%,transparent)}
.q166-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center}
.q166-tree{position:relative;height:250px}
.q166-tree .canopy{position:absolute;top:16%;left:50%;transform:translateX(-50%);width:180px;height:56px;border-radius:50%;background:linear-gradient(180deg,rgba(200,220,150,.28),rgba(200,220,150,.1));box-shadow:0 -8px 0 -6px rgba(200,220,150,.18)}
.q166-tree .trunk{position:absolute;top:calc(16% + 44px);left:50%;transform:translateX(-50%);width:12px;height:150px;background:linear-gradient(180deg,rgba(180,150,110,.4),rgba(180,150,110,.1));clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.q166-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q166-horde{display:inline-flex;margin-top:18px;border:1px solid rgba(228,195,124,.4);border-radius:8px;padding:12px 24px;background:rgba(240,200,120,.04)}
.q166-horde b{letter-spacing:1.5px;color:#f2dcac}
@media(max-width:960px){.q166-grid{grid-template-columns:1fr}}

/* q167 tundra cracks */
.q167-frost{position:relative;padding:60px 0}
.q167-cracks{position:absolute;inset:0;overflow:hidden}
.q167-cracks i{position:absolute;background:linear-gradient(90deg,transparent,rgba(185,215,230,.16),transparent);height:2px}
.q167-cracks i:nth-child(1){top:18%;left:-4%;width:52%;transform:rotate(-7deg)}
.q167-cracks i:nth-child(2){top:36%;right:-4%;width:44%;transform:rotate(5deg)}
.q167-cracks i:nth-child(3){top:58%;left:8%;width:60%;transform:rotate(-3deg)}
.q167-cracks i:nth-child(4){top:74%;right:6%;width:38%;transform:rotate(8deg)}
.q167-cracks i:nth-child(5){top:88%;left:-4%;width:48%;transform:rotate(-6deg)}
.q167-wrap{position:relative;max-width:640px}
.q167-wrap h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;letter-spacing:1px;line-height:1.2;margin-bottom:12px}
.q167-lichen{display:inline-flex;margin-top:20px;border:1px solid rgba(182,210,226,.4);padding:12px 24px;background:rgba(185,215,230,.04)}
.q167-lichen b{letter-spacing:2px;color:#d5e8f0}

/* q168 cay sandbar */
.q168-sandbar{position:relative;overflow:hidden;padding:74px 0 66px;text-align:center}
.q168-sea{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(120,220,215,.06))}
.q168-sea::before{content:"";position:absolute;left:10%;right:10%;bottom:34%;height:26px;border-radius:50%;background:linear-gradient(180deg,rgba(255,250,235,.2),rgba(255,250,235,.04))}
.q168-center{position:relative;max-width:720px;margin:0 auto}
.q168-center h1{font-family:Georgia,serif;font-size:clamp(27px,3.7vw,45px);font-weight:900;line-height:1.15;margin:8px 0 12px}
.q168-center .lead{margin:0 auto}
.q168-center .q-actions{justify-content:center}
.q168-bar{display:inline-flex;margin-top:24px;border-radius:999px;border:1px solid rgba(150,220,214,.45);padding:14px 34px;background:linear-gradient(180deg,rgba(255,252,240,.05),rgba(120,220,215,.04))}
.q168-bar b{font-family:Georgia,serif;color:#ccf2ee;letter-spacing:1.5px}

/* q169 rapids falls */
.q169-cascade{padding:56px 0}
.q169-steps{max-width:880px;margin:0 auto}
.q169-head h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q169-falls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.q169-falls .drop{position:relative;height:130px;border:1px solid rgba(195,230,245,.25);border-radius:10px 10px 0 0;background:repeating-linear-gradient(68deg,rgba(220,240,250,.07) 0 6px,transparent 6px 20px);overflow:hidden}
.q169-falls .drop::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:rgba(220,240,250,.12)}
.q169-falls .d2{transform:translateY(18px)}
.q169-falls .d3{transform:translateY(36px)}
.q169-falls b{grid-column:1/-1;justify-self:center;transform:translateY(30px);border:1px solid rgba(168,212,234,.4);border-radius:10px;background:rgba(10,18,24,.84);padding:11px 22px;font-size:16px;color:#d2ecfa;letter-spacing:1.5px}

/* q170 hotspring steam */
.q170-steam{position:relative;overflow:hidden;padding:56px 0}
.q170-plume{position:absolute;bottom:0;width:130px;height:70%;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,rgba(255,252,245,.08),transparent 70%);animation:q170rise 6s ease-in-out infinite}
.q170-plume.p1{left:16%;animation-delay:0s}
.q170-plume.p2{left:44%;height:84%;animation-delay:1.4s}
.q170-plume.p3{left:70%;animation-delay:2.6s}
@keyframes q170rise{0%,100%{transform:translateY(6%) scaleX(1);opacity:.5}50%{transform:translateY(-4%) scaleX(1.15);opacity:.9}}
.q170-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}
.q170-pool{position:relative;border-radius:999px 999px 20px 20px;border:1px solid rgba(150,225,200,.4);background:radial-gradient(circle at 50% 20%,rgba(130,220,190,.14),rgba(130,220,190,.04));padding:34px 26px;text-align:center}
.q170-pool b{display:block;font-size:17px;color:#c4efe0;letter-spacing:1.5px}
.q170-pool span{display:block;margin-top:8px;font-size:9.5px;letter-spacing:3px;color:rgba(143,216,188,.75)}
.q170-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q170-grid{grid-template-columns:1fr}}

/* q171 karst towers */
.q171-towers{position:relative;padding:60px 0}
.q171-peaks{position:absolute;inset:0;pointer-events:none}
.q171-peaks .k{position:absolute;bottom:0;background:linear-gradient(180deg,rgba(165,205,175,.14),transparent 86%);clip-path:polygon(20% 100%,50% 0,80% 100%)}
.q171-peaks .p1{left:-4%;width:26%;height:52%}
.q171-peaks .p2{left:16%;width:18%;height:70%}
.q171-peaks .p3{right:14%;width:24%;height:64%}
.q171-peaks .p4{right:-6%;width:30%;height:44%}
.q171-wrap{position:relative;max-width:620px;margin:0 auto;text-align:center}
.q171-wrap h1{font-size:clamp(26px,3.5vw,43px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q171-wrap .lead{margin:0 auto}
.q171-wrap .q-actions{justify-content:center}
.q171-raft{display:inline-flex;margin-top:22px;border:1px solid rgba(164,203,170,.45);border-radius:0 0 14px 14px;padding:12px 26px;background:linear-gradient(180deg,rgba(140,180,210,.05),transparent)}
.q171-raft b{letter-spacing:1.5px;color:#d2e8d6}

/* q172 delta fan */
.q172-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:46px;padding:60px 0;align-items:center}
.q172-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q172-channels{position:relative;height:260px;overflow:hidden;border-bottom:1px solid rgba(210,190,150,.2)}
.q172-channels .ch{position:absolute;top:0;width:3px;height:76%;background:linear-gradient(180deg,rgba(210,190,150,.5),transparent);transform-origin:top}
.q172-channels .a{left:30%;transform:rotate(10deg)}
.q172-channels .b{left:46%;transform:rotate(2deg);height:86%}
.q172-channels .c{left:58%;transform:rotate(-8deg)}
.q172-channels .d{left:70%;transform:rotate(-16deg);height:66%}
.q172-channels::after{content:"";position:absolute;left:12%;right:12%;top:34%;height:3px;background:linear-gradient(90deg,transparent,rgba(210,190,150,.4),transparent)}
.q172-channels b{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:rgba(14,14,10,.84);border:1px solid rgba(208,184,134,.4);padding:10px 16px;font-size:14.5px;color:#e8d8b0}
@media(max-width:960px){.q172-grid{grid-template-columns:1fr}}

/* q173 oasis crescent */
.q173-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;padding:60px 0;align-items:center}
.q173-crescent{position:relative;height:260px;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;border:1px solid rgba(150,225,200,.3);background:radial-gradient(circle at 50% 30%,rgba(120,215,190,.12),rgba(240,215,150,.05) 70%,transparent);display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px}
.q173-crescent .palm{width:54px;height:110px;background:linear-gradient(180deg,transparent 18%,rgba(120,215,190,.3) 18% 22%,transparent 22%);position:relative}
.q173-crescent .palm::before{content:"🌿";position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-size:30px;opacity:.75}
.q173-crescent .pl{transform:rotate(-6deg)}
.q173-crescent .pr{transform:rotate(6deg)}
.q173-crescent b{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);background:rgba(10,20,16,.82);border:1px solid rgba(146,214,187,.4);border-radius:12px;padding:10px 16px;font-size:14.5px;color:#c8f0e0}
.q173-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q173-grid{grid-template-columns:1fr}}

/* q174 avalanche powder */
.q174-powder{position:relative;overflow:hidden;padding:64px 0}
.q174-slide{position:absolute;top:-8%;bottom:-8%;width:44%;background:linear-gradient(168deg,transparent 30%,rgba(225,240,250,.09) 46%,rgba(200,220,240,.05) 62%,transparent 78%);transform:skewX(-8deg)}
.q174-slide.s1{left:4%}
.q174-slide.s2{right:10%;transform:skewX(-8deg) scaleX(.6)}
.q174-wrap{position:relative;max-width:640px;margin-left:auto;margin-right:8%}
.q174-wrap h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;letter-spacing:1px;line-height:1.2;margin-bottom:12px}
.q174-flake{display:inline-flex;margin-top:20px;border:1px solid rgba(201,226,240,.45);border-radius:999px;padding:12px 26px;background:linear-gradient(180deg,rgba(225,240,250,.06),transparent)}
.q174-flake b{letter-spacing:2.5px;color:#e4f1f9}

/* q175 sequoia2: single giant tree left + copy right (was centered grove) */
.q175-one{padding:56px 0}
.q175-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.q175-giant{position:relative;height:300px}
.q175-giant .trunk{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:56px;height:78%;background:linear-gradient(90deg,rgba(140,80,60,.5),rgba(200,110,90,.4) 40%,rgba(140,80,60,.5));clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);border-radius:6px 6px 0 0}
.q175-giant .crown{position:absolute;top:1%;left:50%;transform:translateX(-50%);width:230px;height:110px;border-radius:50%;background:radial-gradient(ellipse,rgba(200,220,150,.3),rgba(200,220,150,.08) 62%,transparent);box-shadow:0 -12px 0 -8px rgba(200,220,150,.2)}
.q175-giant b{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);background:rgba(20,12,10,.86);border:1px solid rgba(217,138,112,.45);border-radius:10px;padding:10px 16px;font-size:14px;color:#ecbca8;white-space:nowrap}
.q175-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q175-grid{grid-template-columns:1fr}.q175-giant{height:200px}}

/* q176 borealis curtains */
.q176-curtain{position:relative;overflow:hidden;padding:76px 0 70px;text-align:center}
.q176-rib{position:absolute;top:-10%;bottom:-10%;width:90px;background:linear-gradient(180deg,transparent,rgba(120,235,180,.09) 40%,rgba(160,140,240,.06) 68%,transparent);filter:blur(3px);transform:skewX(-7deg);animation:q176wave 8s ease-in-out infinite alternate}
.q176-rib.a{left:14%}
.q176-rib.b{left:44%;animation-delay:1.2s;background:linear-gradient(180deg,transparent,rgba(160,140,240,.08) 44%,rgba(120,235,180,.05) 70%,transparent)}
.q176-rib.c{left:72%;animation-delay:2.4s}
@keyframes q176wave{from{transform:skewX(-7deg) translateX(-12px);opacity:.7}to{transform:skewX(5deg) translateX(14px);opacity:1}}
.q176-center{position:relative;max-width:720px;margin:0 auto}
.q176-center h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q176-center .lead{margin:0 auto}
.q176-center .q-actions{justify-content:center}
.q176-glow{display:inline-flex;margin-top:24px;border-radius:14px;border:1px solid rgba(140,232,190,.45);padding:13px 28px;background:linear-gradient(90deg,rgba(120,235,180,.06),rgba(160,140,245,.06));box-shadow:0 0 30px rgba(120,235,180,.1)}
.q176-glow b{letter-spacing:2px;color:#c8f5e0;text-shadow:0 0 20px rgba(120,235,180,.3)}

/* q177 comet streak */
.q177-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;padding:58px 0;align-items:center}
.q177-nucleus{position:relative;height:270px;overflow:hidden;border-radius:16px}
.q177-nucleus .tail{position:absolute;top:22%;right:30%;left:-20%;height:16px;background:linear-gradient(90deg,transparent,rgba(150,185,235,.06) 60%,rgba(255,245,210,.28));border-radius:999px;transform:rotate(9deg)}
.q177-nucleus .coma{position:absolute;top:14%;right:8%;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(255,250,230,.3),rgba(150,185,235,.12) 56%,transparent 74%);box-shadow:0 0 40px rgba(190,215,250,.25)}
.q177-nucleus b{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);background:rgba(10,14,22,.84);border:1px solid rgba(164,198,236,.4);border-radius:999px;padding:10px 18px;font-size:14.5px;color:#d3e6f8;white-space:nowrap}
.q177-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q177-grid{grid-template-columns:1fr}}

/* q178 nebula wisps */
.q178-clouds{position:relative;overflow:hidden;padding:76px 0 70px;text-align:center}
.q178-wisp{position:absolute;width:60%;height:180px;border-radius:50%;filter:blur(30px)}
.q178-wisp.w1{top:4%;left:-14%;background:radial-gradient(ellipse,rgba(215,150,235,.12),transparent 70%)}
.q178-wisp.w2{top:36%;right:-16%;background:radial-gradient(ellipse,rgba(160,140,230,.1),transparent 70%);animation:q178drift 11s ease-in-out infinite alternate}
.q178-wisp.w3{bottom:2%;left:20%;width:44%;background:radial-gradient(ellipse,rgba(240,180,200,.08),transparent 70%)}
@keyframes q178drift{from{transform:translateX(-2%)}to{transform:translateX(3%)}}
.q178-center{position:relative;max-width:720px;margin:0 auto}
.q178-center h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q178-center .lead{margin:0 auto}
.q178-center .q-actions{justify-content:center}
.q178-cradle{display:inline-flex;margin-top:24px;border-radius:18px;border:1px solid rgba(220,162,236,.45);padding:13px 28px;background:linear-gradient(165deg,rgba(215,150,235,.06),rgba(160,140,230,.05))}
.q178-cradle b{letter-spacing:1.5px;color:#efd5f6}

/* q179 eclipse disc */
.q179-ring{padding:74px 0;text-align:center}
.q179-center{max-width:700px;margin:0 auto}
.q179-disc{position:relative;width:150px;height:150px;margin:0 auto 20px}
.q179-disc .moon{position:absolute;inset:14px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#26221c,#14110d 68%);box-shadow:0 0 0 3px rgba(255,205,130,.4),0 0 44px rgba(255,205,130,.3)}
.q179-disc b{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);background:rgba(16,14,10,.86);border:1px solid rgba(236,198,135,.5);border-radius:999px;padding:9px 18px;font-family:Georgia,serif;font-size:14.5px;color:#f5dfa8;white-space:nowrap}
.q179-center h1{font-family:Georgia,serif;font-size:clamp(27px,3.7vw,45px);font-weight:900;line-height:1.15;margin:14px 0 10px}
.q179-center .lead{margin:0 auto}
.q179-center .q-actions{justify-content:center}

/* q180 meteor shower */
.q180-shower{position:relative;overflow:hidden;padding:64px 0}
.q180-star{position:absolute;width:120px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,240,205,.5));transform:rotate(32deg);animation:q180fall 5s linear infinite}
.q180-star.s1{top:10%;left:8%}
.q180-star.s2{top:30%;left:38%;animation-delay:1.6s;width:90px}
.q180-star.s3{top:16%;left:62%;animation-delay:3s;width:140px}
.q180-star.s4{top:44%;left:70%;animation-delay:4.2s;width:76px}
@keyframes q180fall{from{transform:rotate(32deg) translateX(-40px);opacity:0}30%{opacity:1}to{transform:rotate(32deg) translateX(190px);opacity:0}}
.q180-wrap{position:relative;max-width:640px;margin:0 auto;text-align:center}
.q180-wrap h1{font-size:clamp(26px,3.5vw,43px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q180-wrap .lead{margin:0 auto}
.q180-wrap .q-actions{justify-content:center}
.q180-wish{display:inline-flex;margin-top:22px;border:1px solid rgba(174,207,242,.4);border-radius:12px;padding:12px 26px;background:rgba(185,215,250,.04)}
.q180-wish b{letter-spacing:2px;color:#d5e8fb}

/* q181 orbit2: two horizontal rails across hero + inner split (was right orbit system) */
.q181-rails{position:relative;overflow:hidden;padding:70px 0 60px}
.q181-rail{position:absolute;left:-4%;right:-4%;height:1px;background:linear-gradient(90deg,transparent,rgba(160,208,234,.28) 18%,rgba(160,208,234,.28) 82%,transparent)}
.q181-rail.r1{top:21%}
.q181-rail.r2{bottom:24%;background:linear-gradient(90deg,transparent,rgba(255,220,160,.22) 24%,rgba(255,220,160,.22) 76%,transparent)}
.q181-rail .sat{position:absolute;top:-6px;width:13px;height:13px;border-radius:50%;background:rgba(255,220,160,.55);box-shadow:0 0 14px rgba(255,220,160,.5)}
.q181-rail .s1{left:22%;background:rgba(200,230,255,.55);box-shadow:0 0 14px rgba(200,230,255,.5)}
.q181-rail .s2{right:18%}
.q181-mid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;padding:34px 0}
.q181-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;letter-spacing:.5px;line-height:1.2;margin-bottom:12px}
.q181-dock{display:flex;flex-direction:column;align-items:center;border:1px solid rgba(160,208,234,.35);border-radius:2px;padding:16px;background:repeating-linear-gradient(90deg,rgba(160,208,234,.05) 0 3px,transparent 3px 14px)}
.q181-dock b{color:#cde8f7;letter-spacing:1.5px}
.q181-dock span{font-size:9px;letter-spacing:3px;color:rgba(160,208,234,.7);margin-top:6px}
@media(max-width:960px){.q181-mid{grid-template-columns:1fr}}

/* q182 pulsar beacon */
.q182-beacon{position:relative;overflow:hidden}
.q182-beams{position:absolute;inset:0;pointer-events:none}
.q182-beams .beam{position:absolute;left:24%;top:26%;width:64%;height:120px;background:conic-gradient(from 96deg at 0% 50%,transparent 0deg,rgba(150,190,250,.1) 14deg,transparent 28deg);transform-origin:left center;animation:q182sweep 5.5s ease-in-out infinite alternate}
.q182-beams .r{transform:scaleX(-1);animation-delay:.9s;background:conic-gradient(from 96deg at 0% 50%,transparent 0deg,rgba(200,170,250,.09) 14deg,transparent 28deg)}
@keyframes q182sweep{from{transform:rotate(-8deg) scaleX(1)}to{transform:rotate(10deg) scaleX(1)}}
.q182-beams .r{transform:scaleX(-1)}
.q182-grid{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;padding:58px 0;align-items:center}
.q182-core{position:relative;width:150px;height:150px;margin:0 auto}
.q182-core .pulse{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(165,195,250,.4);animation:q182pulse 2.2s ease-out infinite}
.q182-core .pulse::after{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,rgba(230,240,255,.35),transparent 70%)}
@keyframes q182pulse{from{transform:scale(.6);opacity:1}to{transform:scale(1.3);opacity:0}}
.q182-core b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(10,12,22,.86);border:1px solid rgba(167,188,242,.5);border-radius:10px;padding:9px 14px;font-size:13.5px;color:#cfd9fb;white-space:nowrap}
.q182-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;letter-spacing:1px;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q182-grid{grid-template-columns:1fr}}

/* q183 quasar jets */
.q183-jets{position:relative;padding:64px 0;text-align:center;overflow:hidden}
.q183-engine{position:relative;width:190px;height:240px;margin:0 auto 20px}
.q183-engine .heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,rgba(255,150,140,.4),rgba(255,120,110,.1) 62%,transparent);box-shadow:0 0 40px rgba(255,120,110,.3)}
.q183-engine .jet{position:absolute;left:50%;width:14px;background:linear-gradient(180deg,rgba(190,160,250,.28),transparent);border-radius:999px;transform:translateX(-50%)}
.q183-engine .up{bottom:calc(50% + 28px);height:88px}
.q183-engine .down{top:calc(50% + 28px);height:88px;background:linear-gradient(0deg,rgba(190,160,250,.22),transparent)}
.q183-center{max-width:700px;margin:0 auto}
.q183-center h1{font-size:clamp(26px,3.5vw,43px);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;line-height:1.18;margin:8px 0 12px}
.q183-center .lead{margin:0 auto}
.q183-center .q-actions{justify-content:center}
.q183-redshift{display:inline-flex;margin-top:22px;border:1px solid rgba(242,144,132,.45);padding:12px 26px;background:rgba(255,120,110,.04)}
.q183-redshift b{letter-spacing:2.5px;color:#ffc0b5}

/* q184 supernova shock rings */
.q184-shock{position:relative;overflow:hidden;padding:78px 0 70px;text-align:center}
.q184-wave{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,200,140,.2);animation:q184expand 6s ease-out infinite}
.q184-wave.w1{width:150px;height:150px}
.q184-wave.w2{width:150px;height:150px;animation-delay:2s}
.q184-wave.w3{width:150px;height:150px;animation-delay:4s}
@keyframes q184expand{from{transform:translate(-50%,-50%) scale(.4);opacity:.9}to{transform:translate(-50%,-50%) scale(3.2);opacity:0}}
.q184-center{position:relative;max-width:720px;margin:0 auto}
.q184-center h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q184-center .lead{margin:0 auto}
.q184-center .q-actions{justify-content:center}
.q184-remnant{display:inline-flex;margin-top:24px;border-radius:20px;border:1px solid rgba(240,200,142,.5);padding:13px 30px;background:radial-gradient(ellipse at 50% 0%,rgba(255,200,140,.08),transparent 75%);box-shadow:0 0 34px rgba(255,200,140,.12)}
.q184-remnant b{letter-spacing:2px;color:#ffe2b0}

/* q185 constellation web */
.q185-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;padding:60px 0;align-items:center}
.q185-map{position:relative;height:280px;border:1px solid rgba(195,215,250,.14);border-radius:16px;background:radial-gradient(ellipse at 60% 30%,rgba(200,215,250,.05),transparent 60%);overflow:hidden}
.q185-map svg{position:absolute;inset:0;width:100%;height:100%}
.q185-map path{stroke:rgba(200,215,250,.35);stroke-width:1.5;stroke-dasharray:500;stroke-dashoffset:500;animation:q185draw 4s ease forwards}
@keyframes q185draw{to{stroke-dashoffset:0}}
.q185-map .node{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 0 12px rgba(200,220,255,.8)}
.q185-map .n1{left:9%;top:78%}.q185-map .n2{left:34%;top:20%}.q185-map .n3{left:64%;top:38%}.q185-map .n4{left:88%;top:10%}.q185-map .n5{left:54%;top:84%}
.q185-map b{position:absolute;right:12px;bottom:10px;background:rgba(10,14,24,.86);border:1px solid rgba(182,205,242,.4);border-radius:10px;padding:9px 14px;font-size:13.5px;color:#d6e4fb}
.q185-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q185-grid{grid-template-columns:1fr}}

/* q186 galaxy spiral */
.q186-spiral{position:relative;padding:72px 0;text-align:center;overflow:hidden}
.q186-whirl{position:absolute;right:-140px;top:-90px;width:420px;height:420px;animation:q186spin 40s linear infinite;opacity:.8}
.q186-whirl .arm{position:absolute;left:50%;top:50%;width:190px;height:70px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;border:1px solid rgba(200,175,245,.2);background:radial-gradient(ellipse,rgba(200,175,245,.07),transparent 70%)}
.q186-whirl .a1{transform:translate(-50%,-50%) rotate(0deg)}
.q186-whirl .a2{transform:translate(-50%,-50%) rotate(180deg)}
.q186-whirl .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(230,210,250,.18),transparent 66%)}
@keyframes q186spin{to{transform:rotate(360deg)}}
.q186-center{position:relative;max-width:700px;margin:0 auto}
.q186-center h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q186-center .lead{margin:0 auto}
.q186-center .q-actions{justify-content:center}
.q186-corebadge{display:inline-flex;margin-top:24px;border-radius:16px;border:1px solid rgba(196,166,238,.45);padding:13px 28px;background:linear-gradient(180deg,rgba(200,175,245,.05),transparent)}
.q186-corebadge b{letter-spacing:2px;color:#dcc9fa}

/* q187 zodiac wheel */
.q187-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;padding:58px 0;align-items:center}
.q187-horoscope{position:relative;width:250px;height:250px;margin:0 auto;border-radius:50%;border:1px solid rgba(240,210,150,.3);background:radial-gradient(circle,rgba(240,210,150,.05),transparent 70%)}
.q187-horoscope .seg{position:absolute;left:50%;top:50%;width:96px;height:2px;transform-origin:center;background:linear-gradient(90deg,rgba(236,200,138,.35),transparent)}
.q187-horoscope .seg:nth-child(1){transform:rotate(0deg) translateX(48px)}
.q187-horoscope .seg:nth-child(2){transform:rotate(30deg) translateX(48px)}
.q187-horoscope .seg:nth-child(3){transform:rotate(60deg) translateX(48px)}
.q187-horoscope .seg:nth-child(4){transform:rotate(90deg) translateX(48px)}
.q187-horoscope .seg:nth-child(5){transform:rotate(120deg) translateX(48px)}
.q187-horoscope .seg:nth-child(6){transform:rotate(150deg) translateX(48px)}
.q187-horoscope b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(14,12,8,.85);border:1px solid rgba(236,200,138,.5);border-radius:999px;padding:10px 16px;font-family:Georgia,serif;font-size:13.5px;color:#f7dfae;white-space:nowrap}
.q187-copy h1{font-family:Georgia,serif;font-size:clamp(25px,3.2vw,40px);font-weight:900;letter-spacing:1.5px;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q187-grid{grid-template-columns:1fr}}

/* q188 equinox balance */
.q188-scale{max-width:900px;margin:0 auto;padding:60px 0;display:grid;grid-template-columns:1.5fr 6px 1fr;gap:26px;align-items:center}
.q188-pan{border:1px solid rgba(185,225,195,.24);padding:30px 30px;background:linear-gradient(180deg,rgba(185,225,195,.04),transparent)}
.q188-pan.night{background:linear-gradient(180deg,rgba(255,220,170,.05),transparent);border-color:rgba(255,220,170,.26);text-align:center;padding:44px 22px}
.q188-pan h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q188-beam{height:100%;min-height:200px;background:linear-gradient(180deg,rgba(185,225,195,.5),rgba(255,235,190,.5));border-radius:4px}
.q188-pan.night b{font-size:17px;color:#f7dfae;letter-spacing:1.5px;border:1px solid rgba(255,235,190,.4);border-radius:12px;padding:12px 18px;display:inline-block;background:rgba(20,16,10,.5)}
@media(max-width:860px){.q188-scale{grid-template-columns:1fr}.q188-beam{display:none}}

/* q189 solstice window */
.q189-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:46px;padding:60px 0;align-items:center}
.q189-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q189-window{position:relative;height:270px;border:2px solid rgba(230,205,170,.3);border-radius:4px;background:linear-gradient(180deg,rgba(20,20,30,.5),rgba(30,24,20,.3));overflow:hidden}
.q189-window .dawn{position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(0deg,rgba(255,200,130,.28),transparent)}
.q189-window .dawn::after{content:"";position:absolute;left:50%;bottom:26%;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(255,225,170,.6),rgba(255,200,130,.2) 60%,transparent)}
.q189-window b{position:absolute;top:16px;left:16px;background:rgba(16,14,12,.88);border:1px solid rgba(226,189,131,.45);padding:10px 14px;font-size:13.5px;color:#f2d6a4}
.q189-window span{position:absolute;bottom:12px;right:14px;font-size:9.5px;letter-spacing:3px;color:rgba(242,214,164,.7)}
@media(max-width:960px){.q189-grid{grid-template-columns:1fr}}

/* q190 monsoon rain */
.q190-rainfall{position:relative;overflow:hidden;padding:64px 0}
.q190-curtain{position:absolute;top:-10%;bottom:-10%;width:34%;background:repeating-linear-gradient(102deg,transparent 0 12px,rgba(180,220,235,.05) 12px 14px,transparent 14px 34px);animation:q190shift 7s linear infinite}
.q190-curtain.c1{left:4%}
.q190-curtain.c2{right:8%;animation-direction:reverse;background:repeating-linear-gradient(98deg,transparent 0 12px,rgba(180,220,235,.04) 12px 14px,transparent 14px 40px)}
@keyframes q190shift{from{background-position:0 0}to{background-position:0 220px}}
.q190-wrap{position:relative;max-width:640px;margin:0 auto;text-align:center}
.q190-wrap h1{font-size:clamp(26px,3.5vw,43px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q190-wrap .lead{margin:0 auto}
.q190-wrap .q-actions{justify-content:center}
.q190-umbrella{display:inline-flex;margin-top:22px;border:1px solid rgba(162,207,224,.45);border-radius:999px 999px 12px 12px;padding:12px 26px;background:rgba(180,220,235,.04)}
.q190-umbrella b{letter-spacing:1.5px;color:#d0e9f2}

/* q191 typhoon2: half-spiral armature left of copy (was centered coil) */
.q191-wall{padding:56px 0}
.q191-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.q191-spiral2{position:relative;height:280px;border-left:1px solid rgba(160,205,235,.2)}
.q191-spiral2 .arm{position:absolute;left:-1px;width:56%;height:3px;background:linear-gradient(90deg,rgba(160,205,235,.5),transparent);border-radius:999px;transform-origin:left center}
.q191-spiral2 .a1{top:18%;transform:rotate(12deg)}
.q191-spiral2 .a2{top:47%;width:74%;transform:rotate(-4deg);background:linear-gradient(90deg,rgba(235,180,200,.4),transparent)}
.q191-spiral2 .a3{top:74%;width:48%;transform:rotate(20deg)}
.q191-spiral2 .eye2{position:absolute;top:38%;left:16%;width:88px;height:88px;border-radius:50%;border:1px solid rgba(160,205,235,.3);background:radial-gradient(circle,transparent 52%,rgba(160,205,235,.08) 54%,transparent 70%)}
.q191-spiral2 .eye2::after{content:"MẮT BÃO";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:2px;color:rgba(166,205,234,.75)}
.q191-spiral2 b{position:absolute;bottom:4%;left:10%;background:rgba(10,16,22,.86);border:1px solid rgba(166,205,234,.45);border-radius:10px;padding:10px 16px;font-size:14.5px;color:#cfe5f7;white-space:nowrap}
.q191-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q191-grid{grid-template-columns:1fr}.q191-spiral2{height:170px}}

/* q192 cyclone arcs */
.q192-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;padding:60px 0;align-items:center}
.q192-spiral{position:relative;width:240px;height:240px;margin:0 auto;animation:q192swirl 18s linear infinite}
.q192-spiral .arc{position:absolute;left:50%;top:50%;width:104px;height:104px;border:2px solid rgba(175,205,240,.3);border-radius:50%;border-bottom-color:transparent;border-left-color:transparent}
.q192-spiral .a1{transform:translate(-50%,-50%)}
.q192-spiral .a2{transform:translate(-50%,-50%) rotate(60deg) scale(.78)}
.q192-spiral .a3{transform:translate(-50%,-50%) rotate(120deg) scale(.56);border-color:rgba(190,220,180,.35);border-bottom-color:transparent;border-left-color:transparent}
@keyframes q192swirl{to{transform:rotate(360deg)}}
.q192-spiral b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(10,14,22,.86);border:1px solid rgba(170,200,230,.45);border-radius:12px;padding:10px 16px;font-size:14px;color:#d2e5f8;white-space:nowrap}
.q192-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q192-grid{grid-template-columns:1fr}}

/* q193 thunder2: right zigzag bolt wall (was centered flash) */
.q193-strike2{position:relative;overflow:hidden;padding:58px 0}
.q193-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.q193-copy h1{text-transform:uppercase;letter-spacing:1.5px;font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q193-boltwall{position:relative;height:280px;border-right:2px solid rgba(255,225,130,.25)}
.q193-boltwall .zag{position:absolute;top:0;bottom:0;width:26px;background:linear-gradient(180deg,transparent 4%,rgba(255,235,150,.34) 30%,transparent 58%,rgba(255,235,150,.2) 78%,transparent);clip-path:polygon(0 0,55% 16%,100% 0,100% 100%,45% 84%,0 100%)}
.q193-boltwall .z1{right:12%;opacity:.9}
.q193-boltwall .z2{right:44%;opacity:.5;width:18px}
.q193-boltwall .z3{right:70%;opacity:.3;width:12px}
.q193-boltwall .core{position:absolute;top:44%;right:4%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(255,245,210,.32),transparent 66%);box-shadow:0 0 34px rgba(255,225,130,.25)}
.q193-rod{display:inline-flex;margin-top:18px;border:1px solid rgba(238,213,135,.5);border-top:4px solid rgba(238,213,135,.6);padding:12px 24px;background:linear-gradient(115deg,rgba(255,225,130,.05),transparent 60%)}
.q193-rod b{letter-spacing:2px;color:#f7e5a5}
@media(max-width:960px){.q193-grid{grid-template-columns:1fr}.q193-boltwall{height:170px}}

/* q194 blizzard gusts */
.q194-gust{position:relative;padding:64px 0;overflow:hidden}
.q194-wind{position:absolute;inset:0;pointer-events:none}
.q194-wind i{position:absolute;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(230,242,250,.4),transparent);animation:q194blow 4.5s linear infinite}
.q194-wind i:nth-child(1){top:14%;left:-10%;width:32%}
.q194-wind i:nth-child(2){top:26%;left:20%;width:22%;animation-delay:.7s}
.q194-wind i:nth-child(3){top:40%;left:-6%;width:40%;animation-delay:1.4s}
.q194-wind i:nth-child(4){top:55%;left:30%;width:26%;animation-delay:2s}
.q194-wind i:nth-child(5){top:66%;left:-12%;width:36%;animation-delay:1s}
.q194-wind i:nth-child(6){top:78%;left:16%;width:20%;animation-delay:2.6s}
.q194-wind i:nth-child(7){top:88%;left:-8%;width:30%;animation-delay:1.9s}
@keyframes q194blow{from{transform:translateX(-60px);opacity:0}30%{opacity:1}to{transform:translateX(220px);opacity:0}}
.q194-wrap{position:relative;max-width:640px;margin:0 auto;text-align:center}
.q194-wrap h1{font-size:clamp(26px,3.5vw,43px);font-weight:900;letter-spacing:1.5px;line-height:1.18;margin:8px 0 12px}
.q194-wrap .lead{margin:0 auto}
.q194-wrap .q-actions{justify-content:center}
.q194-shelter{display:inline-flex;margin-top:22px;border:1px solid rgba(201,226,240,.45);border-radius:999px;padding:12px 28px;background:rgba(225,240,250,.04)}
.q194-shelter b{letter-spacing:2.5px;color:#e4f1f9}

/* q195 sirocco waves */
.q195-dust{position:relative;overflow:hidden;padding:70px 0;text-align:center}
.q195-wave{position:absolute;left:-10%;right:-10%;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(240,150,110,.08),transparent 70%)}
.q195-wave.w1{top:6%}
.q195-wave.w2{top:36%;left:-24%;width:80%;background:radial-gradient(ellipse,rgba(235,180,200,.06),transparent 70%)}
.q195-wave.w3{top:62%;left:18%;width:70%}
.q195-center{position:relative;max-width:660px;margin:0 auto}
.q195-center h1{font-family:Georgia,serif;font-size:clamp(27px,3.7vw,45px);font-weight:900;line-height:1.15;margin:8px 0 10px}
.q195-center .lead{margin:0 auto}
.q195-center .q-actions{justify-content:center}
.q195-caravan{display:inline-flex;margin-top:22px;border:1px solid rgba(229,154,118,.5);padding:12px 26px;background:rgba(240,150,110,.04)}
.q195-caravan b{letter-spacing:2.5px;color:#f4c4a6}

/* q196 chinook arch */
.q196-archwind{padding:56px 0}
.q196-archwrap{max-width:860px;margin:0 auto;border:1px solid rgba(250,210,160,.22);border-radius:24px;background:linear-gradient(180deg,rgba(255,205,150,.04),transparent 66%);overflow:hidden}
.q196-arch{position:relative;height:110px;border-bottom:1px solid rgba(250,210,160,.2)}
.q196-arch::before{content:"";position:absolute;left:10%;right:10%;top:26px;bottom:0;border:2px solid rgba(255,205,150,.3);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0}
.q196-arch .gust{position:absolute;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,225,180,.5),transparent);animation:q196wind 5s linear infinite}
.q196-arch .g1{top:38%;left:6%;width:34%}
.q196-arch .g2{top:64%;left:40%;width:26%;animation-delay:1.6s}
@keyframes q196wind{from{transform:translateX(-50px);opacity:0}40%{opacity:1}to{transform:translateX(160px);opacity:0}}
.q196-copy{padding:30px 36px 36px}
.q196-copy h1{font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q196-thaw{display:inline-flex;margin-top:18px;border:1px solid rgba(236,192,145,.45);border-radius:10px;padding:12px 24px;background:rgba(255,205,150,.04)}
.q196-thaw b{letter-spacing:2px;color:#f4d8b2}

/* q197 corona2: top prominence arc band + right tick pillar (was sun-disc left) */
.q197-eclipse2{position:relative;padding:0 0 56px}
.q197-arcband{position:relative;height:110px;overflow:hidden}
.q197-arcband::before{content:"";position:absolute;left:-6%;right:-6%;bottom:-96px;height:200px;border-radius:50%;border-top:3px solid rgba(255,225,150,.35);background:radial-gradient(ellipse at 50% 100%,rgba(255,235,180,.1),transparent 62%)}
.q197-arcband .prominence{position:absolute;bottom:12px;width:14px;height:34px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(255,235,180,.4),transparent)}
.q197-arcband .p1{left:28%}
.q197-arcband .p2{left:50%;height:48px;bottom:8px}
.q197-arcband .p3{left:68%;height:26px}
.q197-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:stretch;margin-top:26px}
.q197-copy h1{font-family:Georgia,serif;font-size:clamp(25px,3.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q197-pillar{position:relative;border-left:2px solid rgba(255,225,150,.3);border-right:2px solid rgba(255,225,150,.3);display:flex;flex-direction:column;justify-content:flex-end;padding:18px 16px;background:linear-gradient(180deg,transparent,rgba(255,225,150,.04))}
.q197-pillar .tick{position:absolute;left:0;width:18px;height:2px;background:rgba(255,235,180,.4)}
.q197-pillar .t1{top:22%;right:0;left:auto;width:12px}
.q197-pillar .t2{top:50%}
.q197-pillar .t3{bottom:40%;right:0;left:auto;width:8px}
.q197-pillar b{font-family:Georgia,serif;color:#f9e4ac;font-size:15px;letter-spacing:1.5px}
@media(max-width:960px){.q197-grid{grid-template-columns:1fr}}

/* q198 stardust field */
.q198-glitter{position:relative;padding:72px 0;text-align:center;overflow:hidden}
.q198-field{position:absolute;inset:0;pointer-events:none}
.q198-field i{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 0 8px rgba(220,230,255,.8);animation:q198tw 3.4s ease-in-out infinite}
.q198-field i:nth-child(odd){background:rgba(255,240,210,.75);width:3px;height:3px}
.q198-field i:nth-child(1){left:8%;top:18%}.q198-field i:nth-child(2){left:18%;top:64%;animation-delay:.5s}.q198-field i:nth-child(3){left:26%;top:32%;animation-delay:1s}
.q198-field i:nth-child(4){left:34%;top:80%;animation-delay:1.5s}.q198-field i:nth-child(5){left:44%;top:12%;animation-delay:2s}.q198-field i:nth-child(6){left:52%;top:52%;animation-delay:.8s}
.q198-field i:nth-child(7){left:60%;top:26%;animation-delay:1.3s}.q198-field i:nth-child(8){left:66%;top:74%;animation-delay:2.4s}.q198-field i:nth-child(9){left:74%;top:38%;animation-delay:.3s}
.q198-field i:nth-child(10){left:82%;top:16%;animation-delay:1.8s}.q198-field i:nth-child(11){left:88%;top:60%;animation-delay:2.8s}.q198-field i:nth-child(12){left:94%;top:34%;animation-delay:1.1s}
@keyframes q198tw{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
.q198-center{position:relative;max-width:720px;margin:0 auto}
.q198-center h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q198-center .lead{margin:0 auto}
.q198-center .q-actions{justify-content:center}
.q198-veil{display:inline-flex;margin-top:24px;border-radius:12px;border:1px solid rgba(199,184,240,.45);padding:13px 28px;background:linear-gradient(165deg,rgba(215,205,250,.05),transparent)}
.q198-veil b{letter-spacing:2px;color:#e0d8fa}

/* q199 moonrise2: moon pinned top-left + reflective waterline band (was left-copy/right-moon grid) */
.q199-corner{position:relative;overflow:hidden;padding:70px 0 60px}
.q199-cornermoon{position:absolute;top:-40px;left:-40px;width:220px;height:220px}
.q199-cornermoon .c-orb{position:absolute;inset:44px;border-radius:50%;background:radial-gradient(circle at 40% 34%,rgba(250,250,240,.5),rgba(230,232,225,.14) 60%,transparent 76%);box-shadow:0 0 46px rgba(240,240,220,.2)}
.q199-cornermoon .c-halo{position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(240,240,220,.2)}
.q199-waterline{position:absolute;left:0;right:0;top:52%;display:flex;flex-direction:column;gap:14px;opacity:.8}
.q199-waterline i{height:2px;background:linear-gradient(90deg,transparent 6%,rgba(240,240,220,.16) 30%,rgba(200,215,240,.14) 60%,transparent 92%)}
.q199-waterline i:nth-child(2){margin-left:12%}
.q199-waterline i:nth-child(3){margin-left:4%;margin-right:10%}
.q199-body{position:relative;max-width:640px;margin-left:auto;margin-right:4%;text-align:left}
.q199-body h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q199-pier{display:inline-flex;flex-direction:column;margin-top:20px;border-top:2px solid rgba(225,230,240,.35);border-bottom:1px solid rgba(225,230,240,.2);padding:10px 24px;background:linear-gradient(180deg,rgba(240,240,220,.04),transparent)}
.q199-pier b{font-family:Georgia,serif;color:#e3e9f5;letter-spacing:1.5px}
.q199-pier span{font-size:9.5px;letter-spacing:3px;color:rgba(204,213,232,.6);margin-top:4px}
@media(max-width:960px){.q199-body{margin:0 auto}}

/* q200 zenith3: noon arc crown + centered column + base shadowline */
.q200-arc{position:relative;overflow:hidden;padding:0 0 60px}
.q200-noonarc{position:relative;height:120px;overflow:hidden}
.q200-noonarc .halo{position:absolute;left:50%;bottom:-66px;transform:translateX(-50%);width:340px;height:130px;border-radius:50% 50% 0 0/100% 100% 0 0;border:2px solid rgba(255,235,190,.35);background:radial-gradient(ellipse at 50% 100%,rgba(255,235,190,.1),transparent 66%)}
.q200-noonarc .fl{position:absolute;bottom:8px;width:44px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,235,190,.5),transparent)}
.q200-noonarc .flare{left:26%}
.q200-noonarc .f2{right:26%;width:28px}
.q200-col{position:relative;max-width:680px;margin:0 auto;text-align:center}
.q200-col h1{text-transform:uppercase;letter-spacing:2px;font-size:clamp(26px,3.5vw,43px);font-weight:900;line-height:1.18;margin:10px 0 12px}
.q200-col .lead{margin:0 auto}
.q200-col .q-actions{justify-content:center}
.q200-shadowline{display:inline-flex;margin-top:22px;border-bottom:4px solid rgba(185,215,245,.35);padding:0 8px 10px;background:linear-gradient(180deg,transparent,rgba(185,215,245,.06))}
.q200-shadowline b{letter-spacing:2.5px;color:#d9ecfd}
@media(max-width:960px){.q200-noonarc{height:88px}}\n
/* ===== layout variants ===== */
/* ================= HERO v2 centered ================= */
.vh2-hero{position:relative;padding:110px 0 0;text-align:center;overflow:hidden}
.vh2-bg{position:absolute;inset:0}.vh2-bg img{width:100%;height:100%;object-fit:cover}
.vh2-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,24,.62),rgba(7,11,24,.9) 78%)}
.vh2-wrap{position:relative;z-index:1}
.vh2-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:800;color:var(--gold-2);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.18);margin-bottom:22px}
.vh2-hero h1{font-size:clamp(32px,4.6vw,54px);font-weight:900;line-height:1.18;margin-bottom:16px}
.vh2-lead{max-width:640px;margin:0 auto 30px;color:var(--muted);font-size:16.5px}
.vh2-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}
.btn-lg{padding:16px 38px;font-size:17px}
.vh2-statsbar{position:relative;z-index:1;background:var(--surface);border-top:1px solid var(--line);backdrop-filter:blur(10px)}
.vh2-srow{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}
.vh2-si{display:flex;flex-direction:column;align-items:center;gap:4px;border-left:1px solid var(--line)}
.vh2-si:first-child{border-left:0}
.vh2-si b{font-size:22px;color:var(--aur);font-variant-numeric:tabular-nums}
.vh2-si span{font-size:12.5px;color:var(--muted)}

/* ================= HERO v3 fullbleed ================= */
.vh3-hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden}
.vh3-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vh3-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,11,24,.94) 22%,rgba(7,11,24,.55) 58%,rgba(7,11,24,.82))}
.vh3-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:end;width:100%}
.vh3-kicker{display:inline-block;padding:7px 16px;border-radius:6px;background:var(--red);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:1px;margin-bottom:18px}
.vh3-copy h1{font-size:clamp(30px,4.2vw,50px);font-weight:900;margin-bottom:14px}
.vh3-copy>p{max-width:540px;color:var(--muted);margin-bottom:26px}
.vh3-actions{display:flex;gap:13px;flex-wrap:wrap}
.vh3-jcard{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:24px;backdrop-filter:blur(12px);box-shadow:var(--shadow-1)}
.vh3-jtag{display:inline-block;font-size:11px;letter-spacing:2px;font-weight:900;color:var(--red);margin-bottom:8px}
.vh3-jval{font-size:26px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:12px}
.vh3-jrow{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:14px;gap:8px}

/* ================= HERO v4 magazine ================= */
.vh4-hero{padding:88px 0 64px;border-bottom:1px solid var(--line)}
.vh4-wrap{display:grid;grid-template-columns:1fr 250px;gap:40px}
.vh4-main{display:flex;gap:28px}
.vh4-vkicker{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:900;letter-spacing:5px;color:var(--aur);border-left:2px solid var(--au2);padding-left:14px;opacity:.85}
.vh4-body h1{font-size:clamp(30px,3.8vw,46px);font-weight:900;margin-bottom:16px}
.vh4-lead{max-width:560px;color:var(--muted);margin-bottom:26px}
.vh4-actions{display:flex;gap:13px;flex-wrap:wrap}
.vh4-rail{display:flex;flex-direction:column;gap:10px}
.vh4-railitem{display:flex;flex-direction:column;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.vh4-railitem:first-child{background:linear-gradient(140deg,rgba(246,196,83,.14),var(--surface));border-color:rgba(246,196,83,.4)}
.vh4-rl{font-size:10.5px;letter-spacing:2px;color:var(--muted);font-weight:800}
.vh4-rv{font-size:17px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}

/* ================= HERO v5 scoreboard ================= */
.vh5-top{position:relative;height:300px;overflow:hidden;display:flex;align-items:flex-end}
.vh5-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vh5-topshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,24,.25),rgba(7,11,24,.96))}
.vh5-top h1{position:relative;z-index:1;font-size:clamp(28px,3.6vw,44px);font-weight:900;padding-bottom:20px}
.vh5-boards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-8px}
.vh5-board{padding:20px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:6px}
.vh5-board.vb-aur{border-color:rgba(34,230,195,.4);background:linear-gradient(150deg,rgba(34,230,195,.12),var(--surface))}
.vh5-board.vb-gold{border-color:rgba(246,196,83,.4);background:linear-gradient(150deg,rgba(246,196,83,.12),var(--surface))}
.vh5-bl{font-size:10.5px;letter-spacing:1.8px;color:var(--muted);font-weight:800}
.vh5-board b{font-size:19px;color:var(--gold);font-variant-numeric:tabular-nums}
.vh5-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4px;flex-wrap:wrap}
.vh5-cta p{max-width:600px;color:var(--muted)}

/* ================= GAMES v2 grid4 ================= */
.vg2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vg2-card{border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:12px;display:flex;flex-direction:column;gap:8px;transition:transform .3s,border-color .3s}
.vg2-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.vg2-pic{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden}
.vg2-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vg2-card:hover .vg2-pic img{transform:scale(1.1)}
.vg2-hot{position:absolute;top:8px;left:8px;font-size:10px;font-weight:900;padding:3px 9px;border-radius:999px;background:var(--red);color:#fff}
.vg2-card h3{font-size:14.5px;font-weight:800;line-height:1.35}
.vg2-rtp{font-size:11.5px;color:var(--aur);font-weight:800}
.vg2-card .btn{margin-top:auto}
@media(max-width:1080px){.vg2-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.vg2-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vg2-grid{grid-template-columns:1fr 1fr;gap:10px}}

/* ================= GAMES v3 zebra ================= */
.vg3-rows{display:flex;flex-direction:column;gap:16px}
.vg3-row{display:grid;grid-template-columns:300px 1fr;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface);transition:transform .3s,border-color .3s}
.vg3-row.alt{grid-template-columns:1fr 300px}
.vg3-row.alt .vg3-pic{order:2}
.vg3-row:hover{transform:translateX(6px);border-color:var(--aur)}
.vg3-pic{position:relative;min-height:190px;background:var(--bg-3)}
.vg3-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vg3-info{display:flex;align-items:center;gap:22px;padding:22px 26px}
.vg3-no{font-size:38px;font-weight:900;color:var(--line);-webkit-text-stroke:1px var(--muted);opacity:.5;line-height:1}
.vg3-info h3{font-size:19px;font-weight:800;margin-bottom:6px}
.vg3-info p{font-size:13.5px;color:var(--muted);max-width:440px}
.vg3-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
@media(max-width:860px){.vg3-row,.vg3-row.alt{grid-template-columns:1fr}.vg3-row.alt .vg3-pic{order:0}.vg3-side{margin-left:0;align-items:flex-start;flex-direction:row;align-items:center}}

/* ================= GAMES v4 carousel ================= */
.vg4-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,1fr);gap:18px;overflow-x:auto;padding:6px 4px 20px;scroll-snap-type:x mandatory}
.vg4-card{position:relative;scroll-snap-align:start;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--bg-3);transition:transform .3s,border-color .3s}
.vg4-card:hover{transform:translateY(-6px);border-color:var(--gold)}
.vg4-card>img{height:230px;width:100%;object-fit:cover}
.vg4-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:9px}
.vg4-body h3{font-size:17px;font-weight:800}
.vg4-flag{position:absolute;top:12px;right:12px;font-size:11px;font-weight:900;padding:5px 12px;border-radius:999px;background:var(--grad-gold);color:#2a1a02}
@media(max-width:600px){.vg4-track{grid-auto-columns:82%}}

/* ================= GAMES v5 mosaic ================= */
.vg5-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:14px}
.vg5-big{grid-column:span 2;grid-row:span 2;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.vg5-sm{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.vg5-mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vg5-big:hover img,.vg5-sm:hover img{transform:scale(1.07)}
.vg5-cap{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;background:linear-gradient(180deg,transparent,rgba(7,11,24,.95))}
.vg5-cap h3{font-size:21px;font-weight:900;margin-bottom:6px}
.vg5-cap span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:12px}
.vg5-tag{position:absolute;top:14px;left:14px;font-size:10.5px;font-weight:900;letter-spacing:1px;padding:5px 12px;border-radius:999px;background:var(--grad-gold);color:#2a1a02}
.vg5-capsm{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 10px;background:linear-gradient(180deg,transparent,rgba(7,11,24,.94));display:flex;align-items:center;justify-content:space-between;gap:8px}
.vg5-capsm h4{font-size:13.5px;font-weight:800}
@media(max-width:1080px){.vg5-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}}

/* ================= SLOTS v2 tickets ================= */
.vs2-tickets{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.vs2-ticket{display:grid;grid-template-columns:150px 1fr;border-radius:14px;border:1px dashed rgba(246,196,83,.55);background:var(--surface);overflow:hidden;position:relative}
.vs2-ticket::before,.vs2-ticket::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px dashed rgba(246,196,83,.55);right:calc(100% - 150px);transform:translateX(50%);z-index:2}
.vs2-ticket::before{top:-12px}
.vs2-ticket::after{bottom:-12px}
.vs2-left{background:var(--bg-3);position:relative}
.vs2-left img{width:100%;height:100%;object-fit:cover}
.vs2-right{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.vs2-no{font-size:10.5px;letter-spacing:2px;color:var(--muted);font-weight:800}
.vs2-right h3{font-size:16.5px;font-weight:800}
.vs2-right p{font-size:12.5px;color:var(--muted)}
.vs2-bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin:4px 0}
.vs2-bar span{display:block;height:100%;background:var(--grad-gold)}
.vs2-pot{font-size:13px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
.vs2-right .btn{align-self:flex-start;margin-top:4px}
@media(max-width:860px){.vs2-tickets{grid-template-columns:1fr}}

/* ================= SLOTS v3 spotlight ================= */
.vs3-stage{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
.vs3-big{position:relative;min-height:420px;border-radius:20px;overflow:hidden;border:1px solid rgba(246,196,83,.4)}
.vs3-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vs3-shine{position:absolute;inset:0;background:radial-gradient(560px 260px at 50% 0%,rgba(246,196,83,.28),transparent 70%),linear-gradient(0deg,rgba(7,11,24,.96) 12%,transparent 55%)}
.vs3-info{position:absolute;left:0;right:0;bottom:0;padding:28px}
.vs3-livetag{display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.5px;padding:5px 13px;border-radius:999px;background:var(--red);color:#fff;margin-bottom:12px;animation:glowPulseRed 1.8s infinite}
.vs3-info h3{font-size:clamp(20px,2.4vw,28px);font-weight:900;margin-bottom:8px}
.vs3-info p{font-size:14px;color:var(--muted);margin-bottom:16px;max-width:480px}
.vs3-list{display:flex;flex-direction:column;gap:10px}
.vs3-item{display:flex;align-items:center;gap:13px;padding:10px 14px;border-radius:13px;background:var(--surface);border:1px solid var(--line);transition:border-color .3s,transform .3s}
.vs3-item:hover{border-color:var(--aur);transform:translateX(5px)}
.vs3-item img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0}
.vs3-item h4{font-size:14.5px;font-weight:800}
.vs3-item span{font-size:12px;color:var(--muted)}
.vs3-item .btn{margin-left:auto}
@media(max-width:1080px){.vs3-stage{grid-template-columns:1fr}.vs3-big{min-height:320px}}

/* ================= SLOTS v4 board ================= */
.vs4-board{border-radius:16px;border:1px solid var(--line);overflow:hidden;background:var(--surface)}
.vs4-head,.vs4-row{display:grid;grid-template-columns:44px 2.2fr .6fr 1.2fr 1fr auto;align-items:center;gap:10px;padding:13px 18px}
.vs4-head{background:rgba(123,97,255,.14);font-size:11px;letter-spacing:1.5px;font-weight:900;color:var(--muted);text-transform:uppercase}
.vs4-row{border-top:1px solid var(--line);transition:background .25s}
.vs4-row:hover{background:var(--surface-2)}
.vs4-idx{font-weight:900;color:var(--muted)}
.vs4-name{display:flex;align-items:center;gap:11px;font-weight:700;font-size:14.5px}
.vs4-name img{width:42px;height:42px;border-radius:9px;object-fit:cover}
.vs4-pot{font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
.vs4-heat{font-size:12px;letter-spacing:2px}
@media(max-width:860px){.vs4-head{display:none}.vs4-row{grid-template-columns:44px 1fr auto;grid-template-rows:auto auto}.vs4-name{grid-column:2}.vs4-pot{grid-column:2}.vs4-heat{display:none}}

/* ================= SPORTS v2 match cards ================= */
.vp2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.vp2-card{border-radius:16px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.vp2-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.vp2-top{position:relative;height:92px}
.vp2-top img{width:100%;height:100%;object-fit:cover;opacity:.65}
.vp2-league{position:absolute;top:10px;left:12px;font-size:10.5px;font-weight:900;letter-spacing:1.2px;padding:4px 11px;border-radius:999px;background:rgba(7,11,24,.8);color:var(--gold-2)}
.vp2-time{position:absolute;bottom:10px;right:12px;font-size:11px;font-weight:800;color:#fff;background:var(--red);padding:4px 10px;border-radius:999px}
.vp2-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 20px 8px;gap:8px}
.vp2-t{font-size:16.5px;font-weight:900;text-align:center}
.vp2-vs{font-size:13px;font-weight:900;color:var(--red);letter-spacing:1px}
.vp2-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px 20px 18px}
.vp2-odds>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.vp2-odds span{font-size:10.5px;color:var(--muted)}
.vp2-odds b{font-size:16px;color:var(--gold);font-weight:900}
@media(max-width:860px){.vp2-grid{grid-template-columns:1fr}}

/* ================= SPORTS v3 banner+cats ================= */
.vp3-banner{position:relative;min-height:330px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.vp3-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vp3-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(7,11,24,.95) 25%,rgba(7,11,24,.35))}
.vp3-cap{position:relative;z-index:1;padding:40px;max-width:620px}
.vp3-cap h3{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin-bottom:10px;color:var(--gold-2)}
.vp3-cap p{font-size:14.5px;color:var(--muted);margin-bottom:22px}
.vp3-btns{display:flex;gap:12px;flex-wrap:wrap}
.vp3-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:18px}
.vp3-cat{padding:20px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);text-align:center;transition:transform .3s,border-color .3s}
.vp3-cat:hover{transform:translateY(-4px);border-color:var(--aur)}
.vp3-cat span{font-size:30px;display:block;margin-bottom:8px}
.vp3-cat h4{font-size:15px;font-weight:800;margin-bottom:3px}
.vp3-cat p{font-size:11.5px;color:var(--muted)}
@media(max-width:1080px){.vp3-cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.vp3-cats{grid-template-columns:repeat(2,1fr)}.vp3-cap{padding:24px}}

/* ================= SPORTS v4 feed ================= */
.vp4-feed{border-radius:16px;border:1px solid var(--line);overflow:hidden;background:var(--surface)}
.vp4-line{display:grid;grid-template-columns:70px 1.6fr 1fr 90px auto;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--line);transition:background .2s}
.vp4-line:first-child{border-top:0}
.vp4-line:hover{background:var(--surface-2)}
.vp4-ltag{font-size:10.5px;font-weight:900;text-align:center;padding:4px 0;border-radius:6px;letter-spacing:.5px}
.vp4-ltag.live{background:var(--red);color:#fff;animation:glowPulseRed 1.8s infinite}
.vp4-ltag.soon{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.vp4-match{font-weight:800;font-size:14.5px}
.vp4-match b{color:var(--gold)}
.vp4-market{font-size:12.5px;color:var(--muted)}
.vp4-odd{text-align:center;font-weight:900;color:var(--gold);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:7px 0;font-size:14px}
@media(max-width:860px){.vp4-line{grid-template-columns:64px 1fr auto}.vp4-market{display:none}.vp4-odd{display:none}}

/* ================= LIVE v2 quad ================= */
.vl2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vl2-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);min-height:300px;transition:transform .3s,border-color .3s}
.vl2-card:hover{transform:translateY(-6px);border-color:rgba(246,196,83,.5)}
.vl2-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vl2-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,24,.96) 18%,transparent 62%)}
.vl2-live{position:absolute;top:12px;left:12px;z-index:1;font-size:11px;font-weight:900;color:#fff;background:rgba(255,93,122,.92);padding:4px 11px;border-radius:999px;animation:glowPulseRed 1.8s infinite}
.vl2-cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:20px}
.vl2-cap h3{font-size:17.5px;font-weight:900;margin-bottom:7px}
.vl2-cap p{font-size:12.5px;color:var(--muted);margin-bottom:14px}
@media(max-width:1080px){.vl2-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vl2-grid{grid-template-columns:1fr}}

/* ================= LIVE v3 stage ================= */
.vl3-stage{position:relative;min-height:520px;overflow:hidden;border-radius:22px;border:1px solid var(--line)}
.vl3-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vl3-stage::after{content:"";position:absolute;inset:0;background:radial-gradient(720px 340px at 30% 60%,rgba(7,11,24,.55),rgba(7,11,24,.97))}
.vl3-inner{position:relative;z-index:1;padding:70px 24px;max-width:760px}
.vl3-badge{display:inline-block;font-size:12px;font-weight:900;letter-spacing:1.5px;padding:7px 16px;border-radius:999px;background:var(--red);color:#fff;margin-bottom:18px;animation:glowPulseRed 1.8s infinite}
.vl3-inner h2{font-size:clamp(24px,3.2vw,38px);font-weight:900;margin-bottom:14px}
.vl3-inner>p{color:var(--muted);font-size:15.5px;margin-bottom:26px;max-width:560px}
.vl3-acts{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:22px}
.vl3-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--gold-2);font-weight:700}
@media(max-width:600px){.vl3-stage{min-height:460px}.vl3-inner{padding:44px 20px}}

/* ================= LIVE v4 dealers ================= */
.vl4-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vl4-card{border-radius:18px;border:1px solid var(--line);background:var(--surface);padding:24px;text-align:center;transition:transform .3s,border-color .3s}
.vl4-card:hover{transform:translateY(-6px);border-color:var(--gold)}
.vl4-ava{position:relative;width:120px;height:120px;margin:0 auto 14px}
.vl4-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--line)}
.vl4-on{position:absolute;bottom:4px;right:4px;font-size:9.5px;font-weight:900;padding:3px 8px;border-radius:999px;background:#22c55e;color:#04250f;letter-spacing:.5px}
.vl4-card h3{font-size:17px;font-weight:900;margin-bottom:3px}
.vl4-game{display:block;font-size:12px;color:var(--gold);font-weight:800;margin-bottom:9px}
.vl4-card p{font-size:13px;color:var(--muted);margin-bottom:14px}
@media(max-width:860px){.vl4-row{grid-template-columns:1fr}}

/* ================= PROMO v2 timeline ================= */
.vm2-timeline{position:relative;max-width:860px;margin:0 auto;padding:10px 0}
.vm2-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line);transform:translateX(-50%)}
.vm2-step{position:relative;width:50%;padding:0 36px 30px 0}
.vm2-step.right{margin-left:50%;padding:0 0 30px 36px}
.vm2-dot{position:absolute;top:6px;right:-8px;width:16px;height:16px;border-radius:50%;background:var(--grad-aur);box-shadow:var(--shadow-aur);z-index:1}
.vm2-step.right .vm2-dot{right:auto;left:-8px}
.vm2-card{border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:20px 22px}
.vm2-stage{display:block;font-size:10.5px;letter-spacing:1.8px;font-weight:900;color:var(--aur);margin-bottom:8px}
.vm2-card h3{font-size:17px;font-weight:800;margin-bottom:6px}
.vm2-card p{font-size:13.5px;color:var(--muted);margin-bottom:14px}
@media(max-width:860px){.vm2-timeline::before{left:12px}.vm2-step,.vm2-step.right{width:100%;margin-left:0;padding:0 0 26px 40px}.vm2-dot,.vm2-step.right .vm2-dot{left:4px;right:auto}}

/* ================= PROMO v3 stamps ================= */
.vm3-stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vm3-stamp{position:relative;border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:26px 20px 20px;text-align:center;transition:transform .3s,border-color .3s}
.vm3-stamp:hover{transform:translateY(-6px) rotate(-1.2deg);border-color:var(--gold)}
.vm3-postmark{position:absolute;top:10px;left:50%;transform:translateX(-50%) rotate(-3deg);font-size:8.5px;letter-spacing:1.5px;color:var(--red);border:1.5px solid var(--red);border-radius:4px;padding:2px 7px;opacity:.75;font-weight:900;white-space:nowrap}
.vm3-val{font-size:40px;font-weight:900;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:14px 0 4px}
.vm3-stamp h3{font-size:15.5px;font-weight:800;margin-bottom:6px}
.vm3-stamp p{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.vm3-edge{display:block;border-top:2px dashed rgba(246,196,83,.5);margin:12px -20px 14px}
@media(max-width:1080px){.vm3-stamps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vm3-stamps{grid-template-columns:1fr}}

/* ================= PROMO v4 stack ================= */
.vm4-stack{display:flex;flex-direction:column;gap:14px}
.vm4-band{display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:16px;padding:22px 28px;border:1px solid var(--line);flex-wrap:wrap;transition:transform .3s}
.vm4-band:hover{transform:translateX(8px)}
.vm4-band.b1{background:linear-gradient(95deg,rgba(34,230,195,.14),var(--surface))}
.vm4-band.b2{background:linear-gradient(95deg,rgba(123,97,255,.16),var(--surface))}
.vm4-band.b3{background:linear-gradient(95deg,rgba(246,196,83,.14),var(--surface))}
.vm4-band.b4{background:linear-gradient(95deg,rgba(255,93,122,.14),var(--surface))}
.vm4-chip{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:1.5px;padding:4px 12px;border-radius:999px;background:var(--bg-3);color:var(--gold-2);border:1px solid var(--line);margin-bottom:8px}
.vm4-info h3{font-size:18px;font-weight:900;margin-bottom:4px}
.vm4-info p{font-size:13px;color:var(--muted)}

/* ================= NEWS v2 numbered ================= */
.vn2-list{display:flex;flex-direction:column;gap:14px;max-width:860px;margin:0 auto}
.vn2-item{display:grid;grid-template-columns:56px 190px 1fr;gap:18px;align-items:center;border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:14px 18px;transition:border-color .3s,transform .3s}
.vn2-item:hover{border-color:var(--aur);transform:translateX(6px)}
.vn2-no{font-size:30px;font-weight:900;color:var(--line);-webkit-text-stroke:1px var(--au2)}
.vn2-thumb{width:190px;height:110px;border-radius:12px;overflow:hidden}
.vn2-thumb img{width:100%;height:100%;object-fit:cover}
.vn2-body h3{font-size:16.5px;font-weight:800;margin-bottom:6px;line-height:1.4}
.vn2-body p{font-size:13px;color:var(--muted);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:700px){.vn2-item{grid-template-columns:44px 1fr}.vn2-thumb{display:none}}

/* ================= NEWS v3 magazine ================= */
.vn3-mag{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}
.vn3-lead{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);min-height:430px}
.vn3-pic{position:absolute;inset:0}
.vn3-pic img{width:100%;height:100%;object-fit:cover}
.vn3-lead::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,24,.97) 14%,transparent 58%)}
.vn3-cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:30px}
.vn3-flag{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:2px;padding:5px 13px;border-radius:999px;background:var(--grad-gold);color:#2a1a02;margin-bottom:12px}
.vn3-cap h2{font-size:clamp(20px,2.6vw,30px);font-weight:900;margin-bottom:10px;line-height:1.35}
.vn3-cap p{font-size:14px;color:var(--muted);margin-bottom:12px;max-width:520px}
.vn3-side{display:flex;flex-direction:column;gap:14px}
.vn3-mini{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:border-color .3s}
.vn3-mini:hover{border-color:var(--aur)}
.vn3-mpic{width:120px;height:86px;border-radius:10px;overflow:hidden}
.vn3-mpic img{width:100%;height:100%;object-fit:cover}
.vn3-mini h3{font-size:14.5px;font-weight:800;line-height:1.4;margin-bottom:5px}
.vn3-mini time{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.vn3-mag{grid-template-columns:1fr}.vn3-lead{min-height:320px}}

/* ================= NEWS v4 cards3 ================= */
.vn4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vn4-card{border-radius:16px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.vn4-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.vn4-pic{height:170px;overflow:hidden}
.vn4-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vn4-card:hover .vn4-pic img{transform:scale(1.07)}
.vn4-body{padding:18px 20px}
.vn4-cat{font-size:10.5px;font-weight:900;letter-spacing:1.5px;color:var(--aur)}
.vn4-body h3{font-size:16px;font-weight:800;line-height:1.45;margin:7px 0 8px}
.vn4-body p{font-size:13px;color:var(--muted);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1080px){.vn4-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.vn4-grid{grid-template-columns:1fr}}

/* ================= PARTNERS v2 marquee ================= */
.vt2-marquee{overflow:hidden;padding:8px 0;border-block:1px solid var(--line);background:var(--surface)}
.vt2-track{display:flex;gap:38px;width:max-content;animation:vt2roll 30s linear infinite;padding:14px 0}
.vt2-marquee:hover .vt2-track{animation-play-state:paused}
.vt2-track img{height:52px;width:auto;object-fit:contain;filter:grayscale(.55) brightness(1.5);opacity:.8;transition:all .3s;border-radius:10px}
.vt2-track img:hover{filter:none;opacity:1}
@keyframes vt2roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ================= PARTNERS v3 circles ================= */
.vt3-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}
.vt3-c{display:flex;flex-direction:column;align-items:center;gap:9px;width:120px;transition:transform .3s}
.vt3-c:hover{transform:translateY(-5px)}
.vt3-c img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid var(--line);padding:6px;background:var(--surface);transition:border-color .3s}
.vt3-c:hover img{border-color:var(--gold)}
.vt3-c span{font-size:12.5px;color:var(--muted);font-weight:700;text-align:center}

/* ================= FAQ v2 cards ================= */
.vf2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vf2-card{border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:22px;transition:transform .3s,border-color .3s}
.vf2-card:hover{transform:translateY(-4px);border-color:var(--aur)}
.vf2-q{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--grad-aur);color:#04101c;font-weight:900;font-size:14px;margin-bottom:12px}
.vf2-card h3{font-size:15.5px;font-weight:800;margin-bottom:7px}
.vf2-card p{font-size:13px;color:var(--muted)}
.vf2-cta{background:linear-gradient(150deg,rgba(34,230,195,.14),var(--surface));border-color:rgba(34,230,195,.4);display:flex;flex-direction:column}
.vf2-cta .btn{align-self:flex-start;margin-top:auto}
@media(max-width:1080px){.vf2-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.vf2-grid{grid-template-columns:1fr}}

/* ================= FAQ v3 numbered ================= */
.vf3-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.vf3-list li{display:grid;grid-template-columns:66px 1fr;gap:18px;padding:22px 8px;border-bottom:1px dashed var(--line)}
.vf3-list li:last-child{border-bottom:0}
.vf3-n{font-size:30px;font-weight:900;color:var(--au2);opacity:.85;line-height:1}
.vf3-list h3{font-size:16.5px;font-weight:800;margin-bottom:6px}
.vf3-list p{font-size:13.5px;color:var(--muted)}

/* ================= CTA v2 band ================= */
.vc2-band{background:linear-gradient(100deg,rgba(34,230,195,.16),rgba(123,97,255,.18));border-block:1px solid var(--line);padding:52px 0}
.vc2-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.vc2-copy h2{font-size:clamp(21px,2.6vw,30px);font-weight:900;margin-bottom:8px}
.vc2-copy p{color:var(--muted);font-size:14.5px}
.vc2-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ================= CTA v3 ticket ================= */
.vc3-ticket{display:grid;grid-template-columns:280px 1fr;border-radius:20px;overflow:hidden;border:1px dashed rgba(246,196,83,.6);background:var(--surface)}
.vc3-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(160deg,rgba(246,196,83,.18),var(--surface));border-right:2px dashed rgba(246,196,83,.6);padding:30px 20px;text-align:center}
.vc3-brand{font-size:34px}
.vc3-t{font-size:13px;font-weight:900;letter-spacing:3px;color:var(--gold-2)}
.vc3-code{font-size:17px;font-weight:900;padding:7px 16px;border-radius:9px;background:var(--grad-gold);color:#2a1a02;letter-spacing:1.5px}
.vc3-note{font-size:11px;color:var(--muted)}
.vc3-main{padding:34px 36px}
.vc3-main h2{font-size:clamp(21px,2.6vw,30px);font-weight:900;margin-bottom:10px}
.vc3-main p{color:var(--muted);font-size:14.5px;margin-bottom:20px;max-width:560px}
.vc3-acts{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.vc3-sub{font-size:13px;color:var(--muted)}
.vc3-sub b{color:var(--red);font-variant-numeric:tabular-nums}
@media(max-width:860px){.vc3-ticket{grid-template-columns:1fr}.vc3-stub{border-right:0;border-bottom:2px dashed rgba(246,196,83,.6)}}

/* ================= HEADER v2 topbar ================= */
.hd2{position:sticky;top:0;z-index:90}
.hd2-top{background:var(--bg-3);border-bottom:1px solid var(--line)}
.hd2-topin{display:flex;justify-content:space-between;align-items:center;height:36px;font-size:12.5px;color:var(--gold-2)}
.hd2-notice{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd2-short b{font-variant-numeric:tabular-nums;color:var(--gold)}
.hd2-nav{background:rgba(7,11,24,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd2-navin{display:flex;align-items:center;gap:20px;height:66px}
@media(max-width:700px){.hd2-short{display:none}.hd2-notice{font-size:11.5px}}

/* ================= HEADER v3 centered ================= */
.hd3{position:sticky;top:0;z-index:90;background:rgba(7,11,24,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd3-wrap{display:flex;flex-direction:column}
.hd3-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;gap:14px}
.hd3-side{display:flex;align-items:center;gap:18px}
.hd3-side.right{justify-content:flex-end}
.hd3-menu{display:flex;gap:4px}
.hd3-menu a{display:block;padding:8px 12px;font-size:14.5px;font-weight:700;color:var(--muted);border-radius:9px;transition:all .25s}
.hd3-menu a:hover{color:var(--text);background:var(--surface-2)}
.hd3-logo{display:flex;align-items:center;gap:10px}
.hd3-name{font-size:20px;font-weight:900;background:var(--grad-aur);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hd3-sub{border-top:1px solid var(--line)}
.hd3-cats{display:flex;justify-content:center;gap:6px;padding:9px 0;flex-wrap:wrap}
.hd3-cats a{font-size:12.5px;color:var(--muted);padding:5px 13px;border-radius:999px;border:1px solid transparent;transition:all .25s}
.hd3-cats a:hover{color:var(--aur);border-color:var(--line)}
@media(max-width:960px){.hd3-menu{display:none}.hd3-row{grid-template-columns:auto 1fr auto}}
@media(max-width:640px){.hd3-sub{display:none}}

/* ================= FOOTER v2 center ================= */
.ft2{border-top:1px solid var(--line);background:rgba(7,11,24,.85);margin-top:20px}
.ft2-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 0 26px;gap:18px}
.ft2-logo{display:flex;align-items:center;gap:10px}
.ft2-name{font-size:21px;font-weight:900;background:var(--grad-aur);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ft2-desc{max-width:620px;color:var(--muted);font-size:13.8px}
.ft2-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 4px}
.ft2-nav a{font-size:13.5px;color:var(--muted);padding:6px 13px;border-radius:999px;transition:all .25s}
.ft2-nav a:hover{color:var(--aur);background:var(--surface)}
.ft2-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.ft2-badges span{font-size:11.5px;padding:6px 13px;border-radius:8px;border:1px solid var(--line);color:var(--muted);background:var(--surface)}
.ft2-fl ul{justify-content:center}
.ft2-copy{font-size:12.5px;color:var(--muted)}

/* ================= FOOTER v3 mega ================= */
.ft3{border-top:2px solid var(--au2);background:var(--bg-2);margin-top:20px}
.ft3-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.1fr;gap:28px;padding:50px 0 34px}
.ft3-brand p{font-size:13.5px;color:var(--muted);margin:14px 0 18px;max-width:300px}
.ft3 h4{font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:15px}
.ft3 h4::after{content:"";display:block;width:26px;height:2.5px;border-radius:2px;background:var(--grad-aur);margin-top:8px}
.ft3-pays{display:flex;flex-wrap:wrap;gap:8px}
.ft3-pays span{font-size:11.5px;padding:7px 11px;border-radius:8px;border:1px solid var(--line);color:var(--muted);background:var(--surface)}
.ft3-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;border-top:1px solid var(--line);padding:17px 0;font-size:12px;color:var(--muted)}
@media(max-width:1080px){.ft3-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.ft3-grid{grid-template-columns:1fr 1fr}}

@media(max-width:860px){
  .vh2-srow{grid-template-columns:1fr 1fr}.vh2-si:nth-child(3){border-left:0}
  .vh3-wrap{grid-template-columns:1fr;align-items:start}.vh3-hero{min-height:auto;padding:70px 0}
  .vh4-wrap{grid-template-columns:1fr}.vh4-vkicker{display:none}
  .vh5-boards{grid-template-columns:1fr 1fr}
  .vg3-info h3{font-size:16px}
}
@media(max-width:600px){
  .vh5-boards{grid-template-columns:1fr 1fr}
}

/* list page: zebra cards (al2) */
.post-list.zebra .post-card:nth-child(even){grid-template-columns:1fr 240px}
.post-list.zebra .post-card:nth-child(even) .pic{order:2}
.post-list.zebra .post-card:nth-child(even) .pc-body{order:1}

/* list page: compact rows (al3) */
.post-list.al3{gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.al3-row{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:16px 20px;border-top:1px solid var(--line);transition:background .2s}
.al3-row:first-child{border-top:0}
.al3-row:hover{background:var(--surface-2)}
.al3-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line);padding-right:14px}
.al3-date time{font-size:17px;font-weight:900;color:var(--gold);line-height:1.1}
.al3-main h2{font-size:16.5px;font-weight:800;line-height:1.45;margin-bottom:5px}
.al3-main h2 a:hover{color:var(--aur)}
.al3-main p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.al3-side{display:flex;align-items:center;gap:14px;flex-shrink:0}
.al3-side .cat{font-size:11.5px;color:var(--aur);font-weight:800}
.al3-side>span:not(.cat){font-size:12px;color:var(--muted)}
@media(max-width:860px){.al3-row{grid-template-columns:56px 1fr}.al3-side{display:none}}

/* list page LA2: inline bar + left sidebar */
.la2-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 0 16px;border-bottom:2px solid var(--au2);margin-bottom:24px;flex-wrap:wrap}
.la2-bar h1{font-size:clamp(24px,3vw,34px);font-weight:900}
.layout-2col.rev{grid-template-columns:340px 1fr}
.layout-2col.rev>aside{order:1}
.layout-2col.rev>main{order:2}
@media(max-width:1080px){.layout-2col.rev{grid-template-columns:1fr}.layout-2col.rev>aside{order:2}}

/* detail DA2: reading layout */
.da2-head{max-width:860px;margin:0 auto;padding:36px 0 18px;text-align:center}
.da2-head h1{font-size:clamp(24px,3.2vw,36px);font-weight:900;line-height:1.3;margin-bottom:14px}
.da2-head .crumb{justify-content:center}
.da2-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}
.da2-meta .dt-tags{margin-left:0}
.reading{max-width:860px;margin:0 auto}
.da2-share{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0;padding:18px 22px;border-radius:14px;background:linear-gradient(95deg,rgba(34,230,195,.12),rgba(123,97,255,.12));border:1px solid var(--line);flex-wrap:wrap}
.da2-share span{font-size:14px;color:var(--muted)}
.da2-related{padding:44px 0 70px}
.da2-related .sec-head{margin-bottom:26px}
.da2-rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.da2-rcard{border-radius:14px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.da2-rcard:hover{transform:translateY(-5px);border-color:var(--aur)}
.da2-rpic{height:150px;background:var(--bg-3);overflow:hidden}
.da2-rpic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.da2-rcard:hover .da2-rpic img{transform:scale(1.07)}
.da2-rbody{padding:15px 17px}
.da2-rbody h3{font-size:15px;font-weight:800;line-height:1.45;margin-bottom:6px}
.da2-rbody time{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.da2-rgrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.da2-rgrid{grid-template-columns:1fr}.da2-share{flex-direction:column;text-align:center}}

/* partners t4 wall */
.vt4-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vt4-tile{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;transition:transform .3s,border-color .3s}
.vt4-tile img{width:72%;max-height:66%;object-fit:contain;filter:grayscale(.4);transition:filter .3s,transform .3s}
.vt4-tile:hover{transform:translateY(-5px);border-color:var(--aur)}
.vt4-tile:hover img{filter:grayscale(0);transform:scale(1.08)}
@media(max-width:960px){.vt4-wall{grid-template-columns:repeat(2,1fr)}}

/* faq f4 two-col details */
.vf4-wrap{columns:2;column-gap:16px}
.vf4-item{break-inside:avoid;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:16px;overflow:hidden}
.vf4-item summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.vf4-item summary::-webkit-details-marker{display:none}
.vf4-item summary::after{content:"+";font-size:20px;color:var(--aur);flex-shrink:0;transition:transform .25s}
.vf4-item[open] summary::after{transform:rotate(45deg)}
.vf4-item[open] summary{border-bottom:1px dashed var(--line)}
.vf4-body{padding:14px 18px 16px}
.vf4-body p{font-size:13.5px;color:var(--muted);line-height:1.7}
@media(max-width:860px){.vf4-wrap{columns:1}}

/* cta c4 curtain */
.vc4-curtain{position:relative;background:linear-gradient(100deg,var(--bg-3),var(--bg-2) 55%,var(--bg-3));border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.vc4-curtain::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 12% 50%,rgba(227,179,65,.12),transparent 60%),radial-gradient(700px 300px at 88% 50%,rgba(120,90,255,.1),transparent 60%)}
.vc4-inner{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;padding:52px 0}
.vc4-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2.5px;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:14px;background:var(--surface)}
.vc4-copy h2{font-size:clamp(24px,3vw,34px);font-weight:900;margin-bottom:10px}
.vc4-copy p{color:var(--muted);font-size:14.5px}
.vc4-side{text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px 24px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.vc4-jp{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.vc4-jl{font-size:11px;letter-spacing:2px;color:var(--muted)}
.vc4-jp .jackpot-val{font-size:clamp(22px,2.6vw,30px)}
.vc4-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media(max-width:900px){.vc4-inner{grid-template-columns:1fr;padding:40px 0}}

/* list card al4 vertical cover */
.post-list.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.al4-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.al4-card:hover{transform:translateY(-6px);border-color:var(--aur)}
.al4-pic{aspect-ratio:16/9;background:var(--bg-3);overflow:hidden}
.al4-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al4-card:hover .al4-pic img{transform:scale(1.06)}
.al4-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.al4-body .cat{font-size:11px;font-weight:800;color:var(--aur);letter-spacing:.5px}
.al4-body h2{font-size:17px;font-weight:800;line-height:1.45}
.al4-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al4-meta{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted);margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}
.al4-meta a{color:var(--aur);font-weight:700;margin-left:auto}
@media(max-width:860px){.post-list.vgrid{grid-template-columns:1fr}}

/* list page la3 full width */
.la3-wrap{padding-bottom:50px}
.la3-explore{margin-top:44px}
.la3-erow{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;align-items:stretch}
.la3-erow img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.la3-erow .btn{white-space:nowrap}
@media(max-width:960px){.la3-erow{grid-template-columns:repeat(2,1fr)}.la3-erow .btn{grid-column:1/-1}}

/* detail da3 cover + sticky side */
.da3-cover{position:relative;min-height:380px;display:flex;align-items:flex-end;overflow:hidden;background:var(--bg-3)}
.da3-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.da3-cover-veil{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 8%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.28))}
.da3-cover-txt{position:relative;padding-bottom:34px}
.da3-cover-txt h1{font-size:clamp(24px,3.4vw,40px);font-weight:900;line-height:1.28;margin:10px 0 12px;max-width:900px}
.da3-cover-txt .crumb a,.da3-cover-txt .crumb .cur{color:rgba(255,255,255,.85)}
.da3-cover-txt .crumb .cur{color:var(--gold)}
.da3-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:rgba(255,255,255,.8)}
.da3-grid{display:grid;grid-template-columns:1fr 330px;gap:26px;padding:30px 0 10px}
.da3-sticky{position:sticky;top:88px;display:flex;flex-direction:column;gap:20px}
@media(max-width:1080px){.da3-grid{grid-template-columns:1fr}.da3-sticky{position:static}}

/* ===== inner40 ===== */
/* la4 magazine + sticky toc */
.la4-bar{background:var(--bg-2);border-bottom:2px solid var(--au2)}
.u-lh-slim .la4-bar{padding-top:0!important;padding-bottom:0!important}
.u-lh-tall .la4-bar{padding-top:26px!important}
.la4-head{padding:30px 0 22px}
.la4-head h1{font-size:clamp(24px,3vw,36px);font-weight:900}
.la4-grid{display:grid;grid-template-columns:270px 1fr;gap:30px;padding:30px 0 50px}
.la4-tocin{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.la4-toc h3{font-size:13px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}
.la4-toc ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.la4-toc ul a{display:block;padding:9px 13px;border-radius:10px;font-size:14px;color:var(--muted);transition:all .2s}
.la4-toc ul a:hover{background:var(--surface);color:var(--aur)}
@media(max-width:1080px){.la4-grid{grid-template-columns:1fr}.la4-tocin{position:static}}

/* la5 ribbon + chips + masonry */
.la5-ribbon{background:linear-gradient(120deg,var(--bg-3),var(--bg-2));border-bottom:1px solid var(--line);padding:34px 0 22px}
.la5-ribbon h1{font-size:clamp(24px,3vw,36px);font-weight:900;margin-bottom:16px}
.la5-chips{display:flex;gap:8px;flex-wrap:wrap}
.la5-chip{font-size:13px;padding:8px 18px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--surface);transition:all .2s}
.la5-chip.on,.la5-chip:hover{border-color:var(--aur);color:var(--aur)}
.la5-wrap{padding:30px 0 50px}
.la5-explore{margin-top:40px}
.la5-erow{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;align-items:stretch}
.la5-erow img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.la5-erow .btn{white-space:nowrap}
@media(max-width:960px){.la5-erow{grid-template-columns:repeat(2,1fr)}.la5-erow .btn{grid-column:1/-1}}

/* da4 doc toc */
.u-dw-narrow .da4-grid{grid-template-columns:220px 720px;justify-content:center}
.u-dw-wide .da4-grid{grid-template-columns:270px 1fr}
.u-dp-slim .da4-grid{gap:20px}
.u-dp-airy .da4-grid{gap:44px}
.da4-grid{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:34px 0 50px}
.da4-tocin{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.da4-back a{font-size:13px;color:var(--muted)}
.da4-back a:hover{color:var(--aur)}
.da4-toc h3{font-size:13px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin:14px 0 10px}
.da4-toc ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.da4-toc ul a{display:block;padding:8px 12px;border-left:2px solid var(--line);font-size:13.5px;color:var(--muted)}
.da4-toc ul a:hover{border-color:var(--aur);color:var(--aur)}
.da4-meta{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.da4-main h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 14px}
@media(max-width:1080px){.da4-grid{grid-template-columns:1fr}.da4-tocin{position:static}}

/* da5 split cover */
.da5-split{display:grid;grid-template-columns:38% 1fr;min-height:620px}
.da5-cover{position:relative;overflow:hidden;background:var(--bg-3)}
.da5-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.da5-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.15) 55%)}
.da5-covercap{position:absolute;left:0;right:0;bottom:0;padding:30px;display:flex;flex-direction:column;gap:12px;z-index:2}
.da5-tag{font-size:10.5px;letter-spacing:3px;color:rgba(255,255,255,.75)}
.da5-jp b{display:block;font-size:22px;font-weight:900;color:var(--gold)}
.da5-jp span{font-size:12px;color:rgba(255,255,255,.7)}
.da5-main{padding:34px 0 50px}
.da5-main h1{font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.3;margin:10px 0 14px}
@media(max-width:960px){.da5-split{grid-template-columns:1fr}.da5-cover{min-height:300px}}

/* al5 rail card */
.u-cr-43 .al5-pic{aspect-ratio:4/3}
.u-cr-169 .al5-pic{aspect-ratio:16/9}
.u-ch-zoom .al5-card:hover{transform:scale(1.02)}
.u-ch-tilt .al5-card:hover{transform:rotate(-.6deg) translateY(-4px)}
.post-list.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:16px;overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x mandatory}
.al5-card{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.al5-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.al5-pic{position:relative;aspect-ratio:16/9;background:var(--bg-3);overflow:hidden}
.al5-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al5-card:hover .al5-pic img{transform:scale(1.06)}
.al5-pic .cat{position:absolute;top:12px;left:12px;font-size:11px;font-weight:800;background:var(--bg-2);border:1px solid var(--line);color:var(--aur);border-radius:999px;padding:5px 12px}
.al5-body{padding:15px 17px 17px;display:flex;flex-direction:column;gap:7px}
.al5-body time{font-size:11.5px;color:var(--gold);font-weight:800;letter-spacing:1px}
.al5-body h2{font-size:16px;font-weight:800;line-height:1.45}
.al5-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al5-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:auto;padding-top:9px;border-top:1px dashed var(--line)}
.al5-meta a{color:var(--aur);font-weight:700}

/* ===== inner60 ===== */
/* la6 kanban strip + board */
.la6-strip{background:var(--bg-3);border-bottom:1px solid var(--line)}
.la6-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px 0 22px;flex-wrap:wrap}
.la6-top h1{font-size:clamp(24px,3vw,36px);font-weight:900}
.u-lh-slim .la6-strip{padding-top:0!important}
.u-lh-tall .la6-strip{padding-top:24px!important}
.la6-board{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:30px 0 50px}
.u-dw-narrow .la6-board{grid-template-columns:230px 720px;justify-content:center}
.u-dw-wide .la6-board{grid-template-columns:260px 1fr}
.u-dp-slim .la6-board{gap:18px}
.u-dp-airy .la6-board{gap:44px}
.la6-cats{display:flex;flex-direction:column;gap:6px;position:sticky;top:90px;align-self:start}
.la6-cats h3{font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}
.la6-cats a{display:block;padding:10px 14px;border-left:3px solid var(--line);border-radius:0 10px 10px 0;font-size:14px;color:var(--muted);background:var(--surface);transition:all .2s}
.la6-cats a:hover{border-color:var(--aur);color:var(--aur)}
@media(max-width:1080px){.la6-board{grid-template-columns:1fr}.la6-cats{position:static;flex-direction:row;flex-wrap:wrap}.la6-cats h3{width:100%}}

/* la7 editorial flow */
.la7-hero{text-align:center;padding:56px 0 34px;border-bottom:1px solid var(--line);position:relative}
.u-lh-slim .la7-hero{padding-top:30px!important}
.u-lh-tall .la7-hero{padding-top:84px!important}
.la7-rule{display:block;width:64px;height:3px;background:var(--grad-gold);margin:0 auto 18px}
.la7-hero h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.15}
.u-lc-line .la7-hero h1{text-decoration:underline;text-decoration-color:var(--au2);text-underline-offset:12px}
.u-lc-pill .la7-hero h1{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 34px}
.la7-hero p{max-width:560px;margin:14px auto 0;color:var(--muted);font-size:15px}
.la7-flow{padding:34px 0 50px}
.post-list.lead{display:flex;flex-direction:column;gap:14px}
.post-list.lead .al6-item:first-child{flex-direction:row;border-width:2px}
.post-list.lead .al6-item:first-child .al6-pic{width:46%;aspect-ratio:auto}
.post-list.lead .al6-item:first-child h2{font-size:24px}

/* da6 drop-cap reading */
.da6-grid{display:grid;grid-template-columns:1fr 300px;gap:34px;padding:34px 0 50px}
.u-dw-narrow .da6-grid{grid-template-columns:720px 280px;justify-content:center}
.u-dw-wide .da6-grid{grid-template-columns:1fr 340px}
.u-dp-slim .da6-grid{gap:20px}
.u-dp-airy .da6-grid{gap:46px}
.da6-main h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 14px}
.da6-article .detail-body>p:first-of-type::first-letter{float:left;font-size:64px;line-height:.9;font-weight:900;color:var(--aur);padding:6px 12px 0 0;font-family:Georgia,serif}
.da6-sidein{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.da6-jp{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface);text-align:center}
.da6-jp span{font-size:10.5px;letter-spacing:3px;color:var(--muted)}
.da6-jp b{display:block;font-size:21px;font-weight:900;color:var(--gold);margin-top:4px}
@media(max-width:1080px){.da6-grid{grid-template-columns:1fr}.da6-sidein{position:static}}

/* da7 gallery head + rail */
.da7-head{background:linear-gradient(180deg,var(--bg-3),var(--bg));border-bottom:1px solid var(--line);padding:34px 0 26px}
.u-lh-slim .da7-head{padding-top:14px!important}
.u-lh-tall .da7-head{padding-top:56px!important}
.u-lc-line .da7-head{border-bottom:3px double var(--au2)}
.u-lc-pill .da7-head h1{display:inline-block;background:var(--surface);border-radius:999px;padding:8px 30px;border:1px solid var(--line)}
.da7-head h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 12px}
.da7-wrap .container{padding-top:30px;padding-bottom:50px}
.da7-rail{margin-top:28px}
.da7-railin{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:stretch}
.da7-railin img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.da7-jp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--au2);border-radius:14px;padding:16px 22px;text-align:center}
.da7-jp b{font-size:19px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.da7-railin{grid-template-columns:1fr 1fr}.da7-jp{grid-column:1/-1}}

/* al6 item (lead+mini handled by container) */
.u-cr-43 .al6-pic{aspect-ratio:4/3}
.u-cr-169 .al6-pic{aspect-ratio:16/9}
.al6-item{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.u-bb-solid .al6-item{border-width:2px}
.u-bb-dash .al6-item{border-style:dashed}
.al6-item:hover{transform:translateY(-4px);border-color:var(--aur)}
.u-ch-zoom .al6-item:hover{transform:scale(1.015)}
.u-ch-tilt .al6-item:hover{transform:rotate(-.6deg) translateY(-4px)}
.al6-pic{aspect-ratio:16/10;background:var(--bg-3);overflow:hidden}
.al6-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al6-item:hover .al6-pic img{transform:scale(1.06)}
.al6-body{padding:16px 18px 14px;display:flex;flex-direction:column;gap:8px}
.al6-cat{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--aur);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.al6-body h2{font-size:17px;font-weight:800;line-height:1.45}
.al6-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al6-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}
.al6-meta a{margin-left:auto;color:var(--aur);font-weight:700}

/* ===== inner80 ===== */
/* la8 timetable */
.la8-band{background:var(--bg-3);border-bottom:1px solid var(--line)}
.la8-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px 0 20px;flex-wrap:wrap}
.la8-head h1{font-size:clamp(24px,3vw,36px);font-weight:900}
.u-lh-slim .la8-band{padding-top:0!important}
.u-lh-tall .la8-band{padding-top:22px!important}
.la8-wrap{padding:30px 0 50px}
.u-dw-narrow .la8-wrap{max-width:860px}
.u-dw-wide .la8-wrap{max-width:1200px}
.u-dp-slim .post-list.tl{gap:10px}
.u-dp-airy .post-list.tl{gap:22px}
.post-list.tl{display:flex;flex-direction:column;gap:14px}
.post-list.tl .al7-item{border-left:4px solid var(--line);border-radius:8px;padding-left:16px;background:var(--surface)}
.post-list.tl .al7-item:hover{border-left-color:var(--aur)}

/* la9 drawer */
.la9-grid{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:32px 0 50px}
.u-dw-narrow .la9-grid{grid-template-columns:250px 720px;justify-content:center}
.u-dw-wide .la9-grid{grid-template-columns:300px 1fr}
.u-dp-slim .la9-grid{gap:20px}
.u-dp-airy .la9-grid{gap:46px}
.la9-din{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px;box-shadow:6px 6px 0 rgba(0,0,0,.25)}
.la9-title{display:flex;align-items:center;gap:12px}
.la9-knob{width:30px;height:30px;border-radius:50%;background:var(--grad-gold);box-shadow:inset 0 0 0 3px var(--bg-2)}
.la9-title b{display:block;font-size:17px;font-weight:900}
.la9-title i{font-size:11.5px;color:var(--muted);font-style:normal}
.u-lc-line .la9-title{border-bottom:1px solid var(--line);padding-bottom:12px}
.u-lc-pill .la9-title b{background:var(--surface-2);border-radius:999px;padding:2px 12px}
.la9-drawer ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.la9-drawer ul a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;color:var(--muted)}
.la9-drawer ul a:hover{background:var(--surface-2);color:var(--aur)}
@media(max-width:1080px){.la9-grid{grid-template-columns:1fr}.la9-din{position:static}}

/* da8 margin notes */
.da8-grid{display:grid;grid-template-columns:1fr 250px;gap:38px;padding:34px 0 50px}
.u-dw-narrow .da8-grid{grid-template-columns:720px 230px;justify-content:center}
.u-dw-wide .da8-grid{grid-template-columns:1fr 300px}
.u-dp-slim .da8-grid{gap:22px}
.u-dp-airy .da8-grid{gap:52px}
.da8-main h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 14px}
.da8-margin{position:relative}
.da8-min{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.da8-note{border-left:3px solid var(--au2);background:var(--surface);border-radius:0 12px 12px 0;padding:16px 18px}
.u-ds-overline .da8-note{border-left:none;border-top:3px solid var(--au2);border-radius:12px 12px 0 0}
.u-ds-inline .da8-note{border-left-style:dashed}
.da8-note span{font-size:10px;letter-spacing:3px;color:var(--muted)}
.da8-note p{font-size:13px;color:var(--muted);margin-top:6px;font-style:italic}
.da8-note.jp{border-left-color:var(--gold);display:flex;flex-direction:column;gap:8px}
.da8-note.jp b{font-size:19px;font-weight:900;color:var(--gold)}
.da8-note.jp span{font-size:12px;letter-spacing:0}
@media(max-width:1080px){.da8-grid{grid-template-columns:1fr}.da8-min{position:static}}

/* da9 film strip */
.da9-strip{background:var(--bg-3);border-bottom:1px solid var(--line)}
.da9-strip .container{padding-top:26px}
.u-lh-slim .da9-strip .container{padding-top:8px}
.u-lh-tall .da9-strip .container{padding-top:52px}
.da9-strip h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 18px}
.u-lc-pill .da9-strip h1{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 26px}
.da9-metabar{background:var(--bg-2);border-top:1px dashed var(--line)}
.da9-mrow{display:flex;align-items:center;gap:22px;padding:11px 0;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.da9-holes{letter-spacing:6px;color:var(--line)}
.da9-jp{margin-left:auto;letter-spacing:1px}
.da9-jp b{color:var(--gold);margin-left:6px}
.da9-body{padding:32px 0 50px}
.u-dw-narrow .da9-body{max-width:820px}
.u-dw-wide .da9-body{max-width:1200px}

/* al7 media object */
.post-list.mo{display:flex;flex-direction:column;gap:14px}
.u-cr-43 .al7-pic{width:150px}
.u-cr-169 .al7-pic{width:200px}
.al7-item{display:flex;gap:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px;transition:transform .3s,border-color .3s}
.u-bb-solid .al7-item{border-width:2px}
.u-bb-dash .al7-item{border-style:dashed}
.al7-item:hover{transform:translateX(6px);border-color:var(--aur)}
.u-ch-zoom .al7-item:hover{transform:scale(1.01)}
.u-ch-tilt .al7-item:hover{transform:rotate(-.4deg)}
.al7-pic{width:170px;flex:none;aspect-ratio:4/3;background:var(--bg-3);border-radius:10px;overflow:hidden}
.al7-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al7-item:hover .al7-pic img{transform:scale(1.07)}
.al7-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.al7-body h2{font-size:16.5px;font-weight:800;line-height:1.45}
.al7-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al7-meta{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.al7-cat{border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--aur);font-weight:700}
@media(max-width:700px){.al7-pic{width:110px}.al7-body h2{font-size:15px}}

/* ===== inner100 ===== */
/* la10 divider list */
.la10-hero{text-align:center;padding:52px 0 30px;border-bottom:1px solid var(--line)}
.u-lh-slim .la10-hero{padding-top:26px!important}
.u-lh-tall .la10-hero{padding-top:80px!important}
.la10-hero h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;letter-spacing:1px}
.la10-rule{display:block;width:90px;height:3px;background:var(--grad-gold);margin:14px auto 16px}
.u-lc-line .la10-rule{width:44%;height:1px}
.u-lc-pill .la10-hero h1{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 34px}
.la10-wrap{padding:34px 0 50px}
.u-dw-narrow .la10-wrap{max-width:840px}
.u-dw-wide .la10-wrap{max-width:1220px}
.post-list.idx{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.u-dp-slim .post-list.idx{gap:10px}
.u-dp-airy .post-list.idx{gap:24px}
@media(max-width:960px){.post-list.idx{grid-template-columns:1fr}}

/* la11 index rows */
.la11-grid{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:34px 0 50px}
.u-dw-narrow .la11-grid{grid-template-columns:230px 720px;justify-content:center}
.u-dw-wide .la11-grid{grid-template-columns:280px 1fr}
.u-dp-slim .la11-grid{gap:20px}
.u-dp-airy .la11-grid{gap:48px}
.la11-in{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.la11-in h3{font-size:12px;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
.la11-in ol{list-style:none;counter-reset:la11;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}
.la11-in ol li{counter-increment:la11}
.la11-in ol li a{display:flex;gap:10px;font-size:13px;color:var(--muted);padding:7px 10px;border-radius:8px}
.la11-in ol li a:hover{background:var(--surface);color:var(--aur)}
.la11-in ol li a::before{content:counter(la11,decimal-leading-zero);color:var(--au2);font-weight:800}
.la11-cat{display:inline-block;font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--muted);margin:2px 4px 2px 0}
.la11-title{font-size:clamp(24px,3.2vw,38px);font-weight:900;margin-bottom:18px}
@media(max-width:1080px){.la11-grid{grid-template-columns:1fr}.la11-in{position:static}}

/* da10 chapter */
.da10-grid{display:grid;grid-template-columns:1fr 270px;gap:36px;padding:34px 0 50px}
.u-dw-narrow .da10-grid{grid-template-columns:720px 240px;justify-content:center}
.u-dw-wide .da10-grid{grid-template-columns:1fr 310px}
.u-dp-slim .da10-grid{gap:22px}
.u-dp-airy .da10-grid{gap:50px}
.da10-chap{border-left:4px solid var(--au2);padding-left:18px;margin:8px 0 14px}
.u-lc-line .da10-chap{border-left-style:dashed}
.u-lc-pill .da10-chap{border-left:none;background:var(--surface);border-radius:14px;padding:14px 22px}
.da10-no{font-size:10px;letter-spacing:4px;color:var(--muted)}
.da10-main h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.28;margin-top:4px}
.da10-sin{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.da10-jp{border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;background:var(--surface)}
.da10-jp span{display:block;font-size:19px;font-weight:900;color:var(--gold)}
.da10-jp i{font-size:11.5px;color:var(--muted);font-style:normal}
@media(max-width:1080px){.da10-grid{grid-template-columns:1fr}.da10-sin{position:static}}

/* da11 dossier */
.da11-head{background:var(--bg-3);border-bottom:1px solid var(--line);padding:32px 0 24px}
.u-lh-slim .da11-head{padding-top:12px!important}
.u-lh-tall .da11-head{padding-top:52px!important}
.u-lc-line .da11-head{border-bottom:1px double var(--au2)}
.u-lc-pill .da11-head h1{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 28px}
.da11-head h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 12px}
.da11-grid{display:grid;grid-template-columns:240px 1fr;gap:34px;padding:32px 0 50px}
.u-dw-narrow .da11-grid{grid-template-columns:220px 720px;justify-content:center}
.u-dw-wide .da11-grid{grid-template-columns:280px 1fr}
.u-dp-slim .da11-grid{gap:20px}
.u-dp-airy .da11-grid{gap:48px}
.da11-tin{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.da11-tin h4{font-size:11px;letter-spacing:3px;color:var(--muted)}
.da11-tin ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.da11-tin ul a{display:block;padding:8px 12px;border-left:2px solid var(--line);font-size:13.5px;color:var(--muted)}
.da11-tin ul a:hover{border-color:var(--aur);color:var(--aur)}
.da11-jp{border:1px dashed var(--au2);border-radius:12px;padding:14px;text-align:center}
.da11-jp b{display:block;font-size:18px;font-weight:900;color:var(--gold)}
.da11-jp span{font-size:11px;letter-spacing:2px;color:var(--muted)}
@media(max-width:1080px){.da11-grid{grid-template-columns:1fr}.da11-tin{position:static}}

/* al8 index card */
.post-list.al8{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:960px){.post-list.al8{grid-template-columns:1fr}}
.u-cr-43 .al8-pic{aspect-ratio:4/3}
.u-cr-169 .al8-pic{aspect-ratio:16/9}
.al8-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.u-bb-solid .al8-card{border-width:2px}
.u-bb-dash .al8-card{border-style:dashed}
.al8-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.u-ch-zoom .al8-card:hover{transform:scale(1.015)}
.u-ch-tilt .al8-card:hover{transform:rotate(-.5deg) translateY(-4px)}
.al8-num{position:absolute;top:0;left:0;z-index:3;font-size:13px;font-weight:900;background:var(--bg-3);border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--au2);padding:6px 12px;border-radius:0 0 10px 0}
.al8-pic{aspect-ratio:16/10;background:var(--bg-3);overflow:hidden}
.al8-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al8-card:hover .al8-pic img{transform:scale(1.06)}
.al8-body{padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.al8-body time{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:800}
.al8-body h2{font-size:16.5px;font-weight:800;line-height:1.45}
.al8-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al8-more{font-size:12.5px;color:var(--aur);font-weight:700;margin-top:auto}

/* ===== chrome40 ===== */
/* hd4 floating dock */
.hd4{padding:14px 0;position:sticky;top:0;z-index:90}
.hd4-pill{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:999px;background:rgba(10,14,24,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:10px 14px 10px 20px;box-shadow:0 16px 44px rgba(0,0,0,.4)}
.hd4-pill{flex-wrap:wrap;row-gap:8px}
.hd4-pill .aur-nav{flex-wrap:wrap;justify-content:center;gap:2px 4px}
.hd4-pill .burger{flex:0 0 auto}
@media(max-width:1300px){.hd4-pill .aur-nav li a{padding:8px 10px;font-size:12.5px}}
.hd4-nav .aur-nav{display:flex;gap:2px;list-style:none}
.hd4-nav .aur-nav li a{display:block;padding:8px 12px;font-size:13.5px;color:var(--muted);border-radius:999px;transition:all .2s}
.hd4-nav .aur-nav li.active a,.hd4-nav .aur-nav li a:hover{color:var(--text);background:var(--surface-2)}
.hd4-cta{display:flex;gap:8px;margin-left:auto}
.hd4 .burger{display:none}
@media(max-width:1080px){.hd4-nav{display:none}.hd4 .burger{display:flex}}

/* hd5 banner + navline */
.hd5-hero{background:linear-gradient(120deg,var(--bg-3),var(--bg-2));border-bottom:1px solid var(--line)}
.hd5-brandrow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;flex-wrap:wrap}
.hd5-brand .txt{font-size:26px}
.hd5-jp{font-size:12px;letter-spacing:2px;color:var(--muted)}
.hd5-jp b{display:block;font-size:21px;color:var(--gold);letter-spacing:0}
.hd5-navline{position:sticky;top:0;z-index:90;background:rgba(10,14,24,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd5-navin{display:flex;align-items:center;justify-content:center}
.hd5-navin .aur-nav{display:flex;gap:4px;list-style:none;padding:8px 0}
.hd5-navin .aur-nav li a{display:block;padding:9px 14px;font-size:13.5px;color:var(--muted);border-radius:8px;transition:all .2s}
.hd5-navin .aur-nav li.active a,.hd5-navin .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd5-navin .burger{display:none;margin-left:auto}
@media(max-width:1080px){.hd5-navin .aur-nav{display:none}.hd5-navin .burger{display:flex}}

/* ft4 compact */
.ft4{border-top:1px solid var(--line);background:var(--bg-2);margin-top:26px}
.ft4-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0 8px;flex-wrap:wrap}
.ft4-nav{display:flex;gap:18px;flex-wrap:wrap}
.ft4-nav a{font-size:13.5px;color:var(--muted)}
.ft4-nav a:hover{color:var(--aur)}
.ft4-badges{display:flex;gap:8px}
.ft4-badges span{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--muted)}
.ft4-copy{font-size:12px;color:var(--muted);padding:10px 0 22px;border-top:1px dashed var(--line);margin-top:12px}

/* ft5 columns + orbit */
.ft5{border-top:2px solid var(--au2);background:var(--bg-2);margin-top:26px}
.ft5-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:28px;padding:46px 0 30px}
.ft5-brand p{font-size:13.5px;color:var(--muted);margin:14px 0 16px;max-width:320px}
.ft5-pay{display:flex;gap:8px;flex-wrap:wrap}
.ft5-pay span{font-size:11.5px;border:1px solid var(--line);border-radius:8px;padding:6px 11px;color:var(--muted);background:var(--surface)}
.ft5-col h4{font-size:13.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.ft5-col h4::after{content:"";display:block;width:22px;height:2px;background:var(--grad-gold);margin-top:7px;border-radius:2px}
.ft5-col a{display:block;font-size:13.5px;color:var(--muted);padding:5px 0}
.ft5-col a:hover{color:var(--aur)}
.ft5-logos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ft5-logos img{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px}
.ft5-orbit{border-top:1px solid var(--line);background:var(--bg-3)}
.ft5-orow{display:flex;justify-content:center;gap:10px 24px;flex-wrap:wrap;padding:15px 0;font-size:12px;color:var(--muted)}
@media(max-width:1080px){.ft5-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ft5-grid{grid-template-columns:1fr}}

/* ===== chrome60 ===== */
/* hd6 slab + ticker */
.hd6-row{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:14px 0}
.hd6-logo{display:flex;align-items:center;gap:0;background:var(--bg-3);border:1px solid var(--line);border-radius:14px 0 0 14px;overflow:hidden}
.hd6-logo .mark{padding:12px 14px;background:linear-gradient(135deg,var(--aur),transparent);font-size:22px}
.hd6-logo .txt{padding:12px 18px 12px 12px;font-weight:900;font-size:19px}
.hd6-nav .aur-nav{display:flex;gap:2px;list-style:none;justify-content:center;flex-wrap:wrap}
.hd6-nav .aur-nav li a{display:block;padding:8px 12px;font-size:13.5px;color:var(--muted);border-radius:8px;transition:all .2s}
.hd6-nav .aur-nav li.active a,.hd6-nav .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd6-cta{display:flex;gap:8px}
.hd6-ticker{background:var(--bg-3);border-top:1px solid var(--line);text-align:center;font-size:12px;letter-spacing:1px;color:var(--muted);padding:7px 0}
.hd6-ticker b{color:var(--gold)}
.hd6 .burger{display:none}
@media(max-width:1080px){.hd6-row{grid-template-columns:auto auto}.hd6-nav{display:none;grid-column:1/-1}.hd6 .burger{display:flex}}

/* hd7 capsule */
.hd7{position:sticky;top:0;z-index:90;padding:14px 0 18px}
.hd7-wrap{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:999px;background:rgba(10,14,24,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:9px 12px 9px 18px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.hd7-nav .aur-nav{display:flex;gap:2px;list-style:none;margin:0 auto}
.hd7-nav .aur-nav li a{display:block;padding:8px 11px;font-size:13px;color:var(--muted);border-radius:999px;transition:all .2s}
.hd7-nav .aur-nav li.active a,.hd7-nav .aur-nav li a:hover{color:var(--text);background:var(--surface-2)}
.hd7-cta{display:flex;gap:8px;margin-left:auto}
.hd7 .burger{display:none}
@media(max-width:1080px){.hd7-nav{display:none}.hd7 .burger{display:flex}}

/* ft6 big cta footer */
.ft6{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px}
.ft6-cta{background:linear-gradient(120deg,var(--bg-3),var(--bg-2));border-bottom:1px solid var(--line)}
.ft6-ctain{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:40px 0;flex-wrap:wrap}
.ft6-left h3{font-size:clamp(22px,2.8vw,32px);font-weight:900;line-height:1.25}
.ft6-left h3 span{color:var(--gold)}
.ft6-left p{color:var(--muted);margin-top:8px;font-size:14px}
.ft6-actions{display:flex;gap:12px;flex-wrap:wrap}
.ft6-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;flex-wrap:wrap}
.ft6-nav{display:flex;gap:18px;flex-wrap:wrap}
.ft6-nav a{font-size:13.5px;color:var(--muted)}
.ft6-nav a:hover{color:var(--aur)}
.ft6-copy{width:100%;font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px;margin-top:4px}

/* ft7 status footer */
.ft7{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px}
.ft7-status{background:var(--bg-3);border-bottom:1px solid var(--line)}
.ft7-strow{display:flex;gap:14px;align-items:center;padding:10px 0;font-size:12px;color:var(--muted);letter-spacing:1px;flex-wrap:wrap}
.ft7-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:ft7pulse 2s infinite}
@keyframes ft7pulse{0%,100%{opacity:1}50%{opacity:.35}}
.ft7-strow b{color:var(--gold)}
.ft7-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:26px;padding:38px 0 26px}
.ft7-brand p{font-size:13.5px;color:var(--muted);margin-top:12px;max-width:330px}
.ft7-col h4{font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.ft7-col a{display:block;font-size:13.5px;color:var(--muted);padding:4px 0}
.ft7-col a:hover{color:var(--aur)}
.ft7-payrow{display:flex;gap:8px;flex-wrap:wrap}
.ft7-payrow span{font-size:11.5px;border:1px solid var(--line);border-radius:8px;padding:6px 11px;color:var(--muted);background:var(--surface)}
.ft7-legal{text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:14px 0 20px}
@media(max-width:1080px){.ft7-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ft7-grid{grid-template-columns:1fr}}

/* ===== chrome80 ===== */
/* hd8 mega two-deck */
.hd8-top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;flex-wrap:wrap;row-gap:10px}
.hd8-brand .txt{font-size:25px}
.hd8-jp{text-align:right}
.hd8-jp span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.hd8-jp b{display:block;font-size:21px;color:var(--gold)}
.hd8-cta{display:flex;gap:8px}
.hd8-sub{position:sticky;top:0;z-index:90;background:var(--bg-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hd8-subin{display:flex;align-items:center}
.hd8-nav .aur-nav{display:flex;gap:2px;list-style:none;padding:7px 0}
.hd8-nav .aur-nav li a{display:block;padding:9px 13px;font-size:13.5px;color:var(--muted);border-radius:6px;transition:all .2s}
.hd8-nav .aur-nav li.active a,.hd8-nav .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd8 .burger{display:none;margin-left:auto}
@media(max-width:1080px){.hd8-nav{display:none}.hd8 .burger{display:flex}}

/* hd9 ticker first */
.hd9-news{background:var(--bg-3);border-bottom:1px solid var(--line);overflow:hidden}
.hd9-nrow{display:flex;align-items:center;gap:16px;padding:7px 0}
.hd9-live{color:#4ade80;font-size:11px;letter-spacing:2px;animation:hd9blink 1.8s infinite}
@keyframes hd9blink{0%,100%{opacity:1}50%{opacity:.3}}
.hd9-track{display:flex;gap:44px;font-size:12px;color:var(--muted);white-space:nowrap;animation:hd9slide 22s linear infinite}
.hd9-track b{color:var(--gold)}
@keyframes hd9slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hd9-bar{display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:90;background:rgba(10,14,24,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:10px 0}
.hd9-nav .aur-nav{display:flex;gap:2px;list-style:none;margin:0 auto}
.hd9-nav .aur-nav li a{display:block;padding:8px 11px;font-size:13px;color:var(--muted);border-radius:8px;transition:all .2s}
.hd9-nav .aur-nav li.active a,.hd9-nav .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd9-cta{display:flex;gap:8px;margin-left:auto}
.hd9 .burger{display:none}
@media(max-width:1080px){.hd9-nav{display:none}.hd9 .burger{display:flex}}

/* ft8 ladder */
.ft8{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px}
.ft8-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px;padding:40px 0 24px}
.ft8-col.c1{padding-top:0}
.ft8-col.c2{padding-top:22px}
.ft8-col.c3{padding-top:44px}
.ft8-col.c4{padding-top:66px}
.ft8-brand p{font-size:13.5px;color:var(--muted);margin:12px 0 14px;max-width:320px}
.ft8-badges{display:flex;gap:8px}
.ft8-badges span{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--muted)}
.ft8-col h4{font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.ft8-col a{display:block;font-size:13.5px;color:var(--muted);padding:4px 0}
.ft8-col a:hover{color:var(--aur)}
.ft8-col.c4 span{display:block;font-size:13px;color:var(--muted);padding:4px 0}
.ft8-copy{text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:14px 0 20px}
@media(max-width:1080px){.ft8-grid{grid-template-columns:1fr 1fr}.ft8-col{padding-top:0!important}}

/* ft9 tabs */
.ft9{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px}
.ft9-tabs{display:flex;gap:6px;padding-top:22px;flex-wrap:wrap}
.ft9-tab{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--muted);border:1px solid var(--line);border-bottom:none;border-radius:10px 10px 0 0;padding:10px 18px;background:var(--bg-3)}
.ft9-tab.on{color:var(--gold);background:var(--surface)}
a.ft9-tab:hover{color:var(--aur)}
.ft9-panel{display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid var(--line);background:var(--surface);padding:30px 32px;border-radius:0 0 16px 16px;flex-wrap:wrap}
.ft9-brand p{font-size:13.5px;color:var(--muted);margin-top:12px;max-width:420px}
.ft9-side{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.ft9-jp{text-align:right}
.ft9-jp span{font-size:10px;letter-spacing:2px;color:var(--muted)}
.ft9-jp b{display:block;font-size:20px;color:var(--gold)}
.ft9-pay{display:flex;gap:8px}
.ft9-pay span{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--muted)}
.ft9-copy{text-align:center;font-size:12px;color:var(--muted);padding:14px 0 20px}

/* ===== chrome100 ===== */
/* hd10 split rail */
.hd10{position:sticky;top:0;z-index:90;background:rgba(10,14,22,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd10-row{display:flex;align-items:center;gap:20px;padding:12px 0;flex-wrap:wrap;row-gap:10px}
.hd10-logo{display:flex;align-items:center;gap:12px}
.hd10-logo .txt{font-weight:900;font-size:20px}
.hd10-raildiv{width:1px;height:34px;background:var(--line)}
.hd10-nav .aur-nav{display:flex;gap:2px;list-style:none;flex-wrap:wrap}
.hd10-nav .aur-nav li a{display:block;padding:8px 11px;font-size:13px;color:var(--muted);border-radius:6px;transition:all .2s}
.hd10-nav .aur-nav li.active a,.hd10-nav .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd10-jp{margin-left:auto}
.hd10-jp b{font-size:16px;color:var(--gold);font-weight:900}
.hd10-cta{display:flex;gap:8px}
.hd10 .burger{display:none}
@media(max-width:1180px){.hd10-jp{display:none}}
@media(max-width:1080px){.hd10-nav{display:none;order:3;width:100%}.hd10 .burger{display:flex;margin-left:auto}}

/* hd11 full-bleed band */
.hd11{position:sticky;top:0;z-index:90}
.hd11-band{background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 15%,transparent 85%,rgba(255,255,255,.02));border-bottom:2px solid var(--au2)}
.hd11-row{display:flex;align-items:center;gap:18px;padding:12px 0;flex-wrap:wrap;row-gap:10px}
.hd11-nav .aur-nav{display:flex;gap:2px;list-style:none;margin:0 auto;flex-wrap:wrap}
.hd11-nav .aur-nav li a{display:block;padding:8px 12px;font-size:13px;color:var(--muted);border-radius:0;transition:color .2s}
.hd11-nav .aur-nav li.active a,.hd11-nav .aur-nav li a:hover{color:var(--text);box-shadow:inset 0 -2px 0 var(--au2)}
.hd11-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:5px 14px}
.hd11-chip span{font-size:9.5px;letter-spacing:2px;color:#4ade80}
.hd11-chip b{font-size:13.5px;color:var(--gold)}
.hd11 .burger{display:none}
@media(max-width:1080px){.hd11-nav{display:none}.hd11 .burger{display:flex;margin-left:auto}}

/* ft10 receipt */
.ft10{background:var(--bg-2);border-top:1px dashed var(--line);margin-top:26px}
.ft10-paper{font-family:'Courier New',monospace;padding:26px 0 24px}
.ft10-head{text-align:center;font-size:13px;letter-spacing:3px;color:var(--gold);padding-bottom:14px;border-bottom:1px dashed var(--line)}
.ft10-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:26px;padding:22px 0;border-bottom:1px dashed var(--line)}
.ft10-col h4{font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}
.ft10-col a{display:block;font-size:13px;color:var(--muted);padding:3px 0}
.ft10-col a:hover{color:var(--au2)}
.ft10-col span{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:3px 0}
.ft10-col span b{color:var(--gold)}
.ft10-bar{height:38px;margin:16px 0 10px;background:repeating-linear-gradient(90deg,var(--muted) 0 2px,transparent 2px 5px,var(--muted) 5px 6px,transparent 6px 11px);opacity:.5}
.ft10-copy{text-align:center;font-size:11.5px;color:var(--muted);letter-spacing:1px}
@media(max-width:860px){.ft10-row{grid-template-columns:1fr}}

/* ft11 colophon */
.ft11{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px;text-align:center;padding:44px 0 30px}
.ft11-mark{font-size:30px;margin-bottom:10px}
.ft11-brand{font-family:Georgia,serif;font-size:24px;font-weight:900;letter-spacing:2px}
.ft11-desc{max-width:520px;margin:12px auto 18px;font-size:13.5px;color:var(--muted)}
.ft11-nav{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
.ft11-nav a{color:var(--muted)}
.ft11-nav a:hover{color:var(--au2)}
.ft11-nav span{color:var(--line)}
.ft11-jp{margin-top:16px;font-family:Georgia,serif;font-size:13px;color:var(--muted)}
.ft11-jp b{font-size:19px;color:var(--gold);letter-spacing:1px}
.ft11-copy{margin-top:18px;font-size:11.5px;color:var(--muted);letter-spacing:1.5px}

/* ===== module dna ===== */
/* ================= MODULE DNA UTILITIES (per-template structural params) ================= */
/* head alignment */
.dna.u-head-l .sec-head{text-align:left}
.dna.u-head-l .sec-head .divider{margin:18px 0 0}
.dna.u-head-c .sec-head{text-align:center}
.dna.u-head-c .sec-head .divider{margin-left:auto;margin-right:auto}
.dna.u-head-r .sec-head{text-align:right}
.dna.u-head-r .sec-head .divider{margin:18px 0 0 auto}
/* density */
.dna.u-slim{padding-top:34px!important;padding-bottom:34px!important}
.dna.u-airy{padding-top:92px!important;padding-bottom:92px!important}
/* grid gaps */
.dna.u-gap-s [class*="grid"],.dna.u-gap-s [class*="rows"],.dna.u-gap-s [class*="feed"],.dna.u-gap-s [class*="wall"]{gap:10px!important}
.dna.u-gap-l [class*="grid"],.dna.u-gap-l [class*="rows"],.dna.u-gap-l [class*="feed"],.dna.u-gap-l [class*="wall"]{gap:26px!important}
/* accent bar on cards (selectors auto-collected, EACH scoped) */
.dna.u-acc-top .dna.u-acc-top .faq-item, .dna.u-acc-top .game-card, .dna.u-acc-top .news-card, .dna.u-acc-top .odds-row, .dna.u-acc-top .partner-item, .dna.u-acc-top .promo-card, .dna.u-acc-top .slot-card, .dna.u-acc-top .vf2-card, .dna.u-acc-top .vf4-item, .dna.u-acc-top .vg2-card, .dna.u-acc-top .vg3-row, .dna.u-acc-top .vg4-card, .dna.u-acc-top .vl2-card, .dna.u-acc-top .vl4-card, .dna.u-acc-top .vl4-row, .dna.u-acc-top .vm2-card, .dna.u-acc-top .vm2-timeline, .dna.u-acc-top .vm3-stamp, .dna.u-acc-top .vn2-item, .dna.u-acc-top .vn3-mag, .dna.u-acc-top .vn4-card, .dna.u-acc-top .vp2-card, .dna.u-acc-top .vp4-feed, .dna.u-acc-top .vp4-line, .dna.u-acc-top .vs2-ticket, .dna.u-acc-top .vs3-item, .dna.u-acc-top .vs4-board, .dna.u-acc-top .vs4-row, .dna.u-acc-top .vt4-tile{border-top:3px solid var(--aur)}
.dna.u-acc-left .dna.u-acc-left .faq-item, .dna.u-acc-left .game-card, .dna.u-acc-left .news-card, .dna.u-acc-left .odds-row, .dna.u-acc-left .partner-item, .dna.u-acc-left .promo-card, .dna.u-acc-left .slot-card, .dna.u-acc-left .vf2-card, .dna.u-acc-left .vf4-item, .dna.u-acc-left .vg2-card, .dna.u-acc-left .vg3-row, .dna.u-acc-left .vg4-card, .dna.u-acc-left .vl2-card, .dna.u-acc-left .vl4-card, .dna.u-acc-left .vl4-row, .dna.u-acc-left .vm2-card, .dna.u-acc-left .vm2-timeline, .dna.u-acc-left .vm3-stamp, .dna.u-acc-left .vn2-item, .dna.u-acc-left .vn3-mag, .dna.u-acc-left .vn4-card, .dna.u-acc-left .vp2-card, .dna.u-acc-left .vp4-feed, .dna.u-acc-left .vp4-line, .dna.u-acc-left .vs2-ticket, .dna.u-acc-left .vs3-item, .dna.u-acc-left .vs4-board, .dna.u-acc-left .vs4-row, .dna.u-acc-left .vt4-tile{border-left:3px solid var(--aur)}
/* column overrides (grid variants) */
.dna.u-c3 .grid-3,.dna.u-c3 .vg2-grid,.dna.u-c3 .grid-2,.dna.u-c3 .vn4-grid{grid-template-columns:repeat(3,1fr)!important}
.dna.u-c5 .grid-3,.dna.u-c5 .vg2-grid{grid-template-columns:repeat(5,1fr)!important}
.dna.u-c6 .vg2-grid{grid-template-columns:repeat(6,1fr)!important}
@media(max-width:960px){.dna.u-c5 .grid-3,.dna.u-c5 .vg2-grid,.dna.u-c6 .vg2-grid{grid-template-columns:repeat(2,1fr)!important}}

/* header nav dna */
.dna.u-hn-line .aur-nav a:hover,.dna.u-hn-line .hd2-nav a:hover,.dna.u-hn-line .hd3-menu a:hover{text-decoration:underline;text-underline-offset:7px;background:transparent}
.dna.u-hn-caps .aur-nav a,.dna.u-hn-caps .hd2-nav a,.dna.u-hn-caps .hd3-menu a{text-transform:uppercase;letter-spacing:1.2px;font-size:12.5px}
.dna.u-hs-big .brand .txt{font-size:25px}
.dna.u-hs-big .brand .mark{width:44px;height:44px;font-size:21px}
.dna.u-hs-sml .brand .txt{font-size:16.5px}
.dna.u-hs-sml .brand .mark{width:29px;height:29px;font-size:14px}
/* footer dna */
.dna.u-fd-slim .footer-grid,.dna.u-fd-slim .ft2-wrap,.dna.u-fd-slim .ft3-grid{padding-top:26px!important;padding-bottom:14px!important}
.dna.u-fd-airy .footer-grid,.dna.u-fd-airy .ft2-wrap,.dna.u-fd-airy .ft3-grid{padding-top:64px!important;padding-bottom:44px!important}
.dna.u-fc-line .footer-grid,.dna.u-fc-line .ft2-wrap,.dna.u-fc-line .ft3-grid{border-top:2px solid var(--au2)}
.dna.u-fc-dash .footer-grid,.dna.u-fc-dash .ft2-wrap,.dna.u-fc-dash .ft3-grid{border-top:2px dashed var(--line)}

/* inner: detail width/padding */
.u-dw-narrow .reading{max-width:720px}
.u-dw-wide .reading{max-width:1000px}
.u-dw-narrow .da3-grid{grid-template-columns:1fr 300px}
.u-dw-wide .da3-grid{grid-template-columns:1fr 372px}
.u-dp-slim .layout-2col{gap:16px}
.u-dp-airy .layout-2col{gap:38px}
.u-dp-slim .da3-grid{gap:16px}
.u-dp-airy .da3-grid{gap:38px}
/* inner: list hero height + crumb style */
.u-lh-slim .page-hero{padding-top:28px!important;padding-bottom:28px!important}
.u-lh-tall .page-hero{padding-top:84px!important;padding-bottom:84px!important}
.u-lh-slim .la2-bar{padding-top:8px!important;padding-bottom:10px!important}
.u-lh-tall .la2-bar{padding-top:32px!important;padding-bottom:26px!important}
.u-lc-line .crumb{border-bottom:1px solid var(--line);padding-bottom:10px}
.u-lc-pill .crumb .cur{background:var(--surface-2);border-radius:999px;padding:4px 14px}
/* inner: card ratio + hover */
.u-cr-43 .post-card .pic img{aspect-ratio:4/3;object-fit:cover;height:auto}
.u-cr-169 .post-card .pic img{aspect-ratio:16/9;object-fit:cover;height:auto}
.u-cr-43 .al4-pic{aspect-ratio:4/3}
.u-cr-169 .al4-pic{aspect-ratio:16/9}
.u-ch-zoom .post-card:hover{transform:scale(1.015)}
.u-ch-zoom .al4-card:hover{transform:scale(1.02)}
.u-ch-tilt .post-card:hover,.u-ch-tilt .al4-card:hover{transform:rotate(-.6deg) translateY(-4px)}
/* third axes (batch-3) */
.u-ds-overline h1{text-decoration:none;border-top:2px solid var(--aur);padding-top:14px}
.u-ds-inline h1{display:inline;border-bottom:3px solid var(--au2);padding-bottom:4px}
.u-lg-wide .post-list{grid-template-columns:1fr 380px!important}
.u-lg-wide .layout-2col{grid-template-columns:1fr 380px!important}
.u-lg-tight .layout-2col{grid-template-columns:1fr 300px!important}
.u-bb-solid .post-card,.u-bb-solid .al3-row,.u-bb-solid .al4-card,.u-bb-solid .al5-card{border-width:2px;border-style:solid}
.u-bb-dash .post-card,.u-bb-dash .al3-row,.u-bb-dash .al4-card,.u-bb-dash .al5-card{border-style:dashed}
.dna.u-hb-solid{background:var(--bg-3)!important;backdrop-filter:none!important}
.dna.u-hb-glass{background:rgba(10,14,24,.55)!important;backdrop-filter:blur(22px)!important}
.dna.u-fb-rev .footer-grid,.dna.u-fb-rev .ft2-wrap,.dna.u-fb-rev .ft3-grid,.dna.u-fb-rev .ft4-row,.dna.u-fb-rev .ft5-grid{direction:rtl}
.dna.u-fb-rev .footer-grid>*,.dna.u-fb-rev .ft2-wrap>*,.dna.u-fb-rev .ft3-grid>*,.dna.u-fb-rev .ft4-row>*,.dna.u-fb-rev .ft5-grid>*{direction:ltr}
.dna.u-fb-stack .footer-grid,.dna.u-fb-stack .ft3-grid,.dna.u-fb-stack .ft5-grid{grid-template-columns:1fr!important;text-align:center}
.dna.u-fb-stack .ft3-brand,.dna.u-fb-stack .ft5-brand{display:flex;flex-direction:column;align-items:center}
/* grid-blowout guards (rail/carousel content must not stretch page) */
main{min-width:0}
.post-list.rail{min-width:0}
.la11-grid>main,.da4-grid>main,.la2-wrap>main{min-width:0}

/* ===== welcome popup (every visit) ===== */
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn-ghost:hover{border-color:var(--au2);color:var(--au2)}
.ace-pop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}
.ace-pop .ap-mask{position:absolute;inset:0;background:rgba(5,8,14,.72);backdrop-filter:blur(4px)}
.ace-pop .ap-card{position:relative;max-width:430px;width:100%;background:var(--bg-2);border:1px dashed rgba(185,215,230,.45);border-radius:6px;padding:28px 26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:apIn .38s cubic-bezier(.2,.9,.3,1.2) both;overflow:hidden}
.ace-pop .ap-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,transparent 92%,rgba(185,215,230,.06) 92%);pointer-events:none}
.ace-pop.sk-top{align-items:flex-start;padding-top:6vh}
.ace-pop.sk-bottom{align-items:flex-end;padding-bottom:4vh}
.ace-pop.sk-corner{justify-content:flex-end;align-items:flex-end;padding:0}
.ace-pop.sk-corner .ap-mask{background:rgba(5,8,14,.35)}
.ace-pop.sk-corner .ap-card{max-width:360px;margin:0 18px 18px 0;animation:apSlide .38s ease both}
.ace-pop.sk-full .ap-card{max-width:560px;text-align:center;padding:44px 34px 30px}
.ace-pop.sk-top .ap-card{animation:apDrop .38s cubic-bezier(.2,.9,.3,1.1) both}
.ace-pop.sk-bottom .ap-card{animation:apRise .38s cubic-bezier(.2,.9,.3,1.1) both}
.ace-pop.sk-full .ap-card{animation:apZoom .42s cubic-bezier(.2,.9,.3,1.15) both}
@keyframes apIn{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}
@keyframes apDrop{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}
@keyframes apRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes apSlide{from{opacity:0;transform:translate(30px,30px)}to{opacity:1;transform:none}}
@keyframes apZoom{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
.ace-pop .ap-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted);font-size:15px;line-height:1;cursor:pointer;z-index:3}
.ace-pop .ap-x:hover{color:var(--text);border-color:var(--au2)}
.ace-pop .ap-badge{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:14px;background:var(--surface);border:1px solid var(--line)}
.ace-pop .ap-badge.shape-circle{border-radius:50%}
.ace-pop .ap-badge.shape-pill{border-radius:999px;width:84px;height:44px}
.ace-pop .ap-badge.shape-square{border-radius:6px}
.ace-pop .ap-badge.shape-hex{border-radius:12px;transform:rotate(45deg)}
.ace-pop .ap-badge.shape-hex>*{transform:rotate(-45deg)}
.ace-pop .ap-title{font-size:20px;font-weight:900;line-height:1.3;letter-spacing:0.3px;inherit;margin-bottom:8px}
.ace-pop .ap-desc{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.ace-pop .ap-perks{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0 0 18px;padding:0}
.ace-pop .ap-perks li{display:flex;gap:9px;font-size:13px;color:var(--text);align-items:flex-start}
.ace-pop .ap-perks li::before{content:"◆";color:var(--gold);font-size:10px;margin-top:3px}
.ace-pop .ap-actions{display:flex;gap:10px;flex-wrap:wrap}
.ace-pop .ap-go{flex:1;min-width:170px;padding:13px 18px;font-size:15px;font-weight:900;justify-content:center}
.ace-pop .ap-hint{display:block;margin-top:12px;font-size:11px;color:var(--muted);text-align:center;letter-spacing:.5px}
.ace-pop .ap-close2{flex:0 0 auto;padding:13px 16px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}
.ace-pop .ap-close2:hover{color:var(--text);border-color:var(--au2)}
.ace-pop .deco-glow .ap-card{box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 46px rgba(255,255,255,.12)}
.ace-pop .deco-stripes .ap-card::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,var(--au2) 0 14px,transparent 14px 24px)}
.ace-pop .deco-dots .ap-card::after{content:"";position:absolute;right:14px;bottom:14px;width:64px;height:44px;background-image:radial-gradient(var(--au2) 1.6px,transparent 1.6px);background-size:12px 12px;opacity:.5}
.ace-pop .deco-rings .ap-card::after{content:"";position:absolute;right:-44px;top:-44px;width:150px;height:150px;border-radius:50%;border:22px solid rgba(255,255,255,.05);pointer-events:none}
.ace-pop .deco-grid .ap-card::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}
.ace-pop .deco-lines .ap-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:repeating-linear-gradient(0deg,var(--gold) 0 12px,transparent 12px 20px)}
@media(max-width:520px){.ace-pop .ap-card{padding:22px 18px 18px}.ace-pop .ap-go{min-width:100%}.ace-pop .ap-close2{min-width:100%;order:2}}

.ace-pop .ap-badge.shape-square{border-radius:6px}

.ace-pop{--ap-deco:1}