/* Kinoteka — yangi dizayn. Bosh sahifa va tomosha sahifasi uchun umumiy uslub.
   Fikr: kinoteatr zali. Qora baxmal fon, krem rangli matn, bitta iliq "marquee" sariq rangi
   (faqat play, reyting va faol holatlar uchun). Esda qoladigan joy — hero'dagi plyonka lentasi. */

:root{
  --ink:#0d0b0f;--velvet:#17121a;--velvet2:#241c29;--line:rgba(255,236,214,.1);
  --cream:#f4ecdf;--muted:#a79eac;--bulb:#ffbf3c;--bulb-ink:#2a1a00;--rose:#ff5d73;
  /* eski nomlar (boshqa sahifalar index.css dan foydalansa buzilmasligi uchun) */
  --bg:var(--ink);--surface:var(--velvet);--surface2:var(--velvet2);--text:var(--cream);
  --anor:var(--rose);--firuza:var(--bulb);--zarg:var(--bulb);
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --body:"Onest","Segoe UI",system-ui,sans-serif;
  --pad:clamp(16px,4vw,56px);--r:10px;
  --i-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7v9a1 1 0 01-1 1h-4v-6h-6v6H5a1 1 0 01-1-1z'/%3E%3C/svg%3E");
  --i-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.6 6.1.7-4.5 4.2 1.2 6L12 16.5l-5.4 3 1.2-6L3.3 9.3l6.1-.7z'/%3E%3C/svg%3E");
  --i-layers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5zM3 12l9 4.5 9-4.5M3 16.5L12 21l9-4.5'/%3E%3C/svg%3E");
  --i-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E");
  --i-film:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 4v16M17 4v16M3 9h4M3 15h4M17 9h4M17 15h4'/%3E%3C/svg%3E");
  --i-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.500-4.600-7.500-10.200A4.300 4.300 0 0112 7.300a4.300 4.300 0 017.500 2.500C19.500 15.400 12 20 12 20z'/%3E%3C/svg%3E");
  --i-heartf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7.500-4.600-7.500-10.200A4.300 4.300 0 0112 7.300a4.300 4.300 0 017.500 2.500C19.500 15.400 12 20 12 20z'/%3E%3C/svg%3E");
  --i-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.600' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");
  --i-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.600' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V6M6 11l6-6 6 6'/%3E%3C/svg%3E");
  --i-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.500v13l11-6.500z'/%3E%3C/svg%3E");
  --i-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a79eac' stroke-width='2.400' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.500-3.500'/%3E%3C/svg%3E");
  --i-shuffle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.200' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h4l10 10h4M3 17h4l2.500-2.500M14.500 9.500L17 7h4M18 4l3 3-3 3M18 14l3 3-3 3'/%3E%3C/svg%3E");
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-tap-highlight-color:transparent}
body{background:var(--ink);color:var(--cream);font:400 16px/1.55 var(--body);min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,select,input{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block}
:focus-visible{outline:2px solid var(--bulb);outline-offset:3px}
h1,h2,h3{font-family:var(--display)}
::selection{background:var(--bulb);color:var(--bulb-ink)}
html,*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none}
a,img{-webkit-user-drag:none}

/* qo'shimcha: eski "ikat" tasmasi endi ingichka chiziq */
.ikat{display:none}

/* ---------- sarlavha ---------- */
.top{position:sticky;top:0;z-index:20;display:flex;gap:28px;align-items:center;padding:14px var(--pad);background:rgba(13,11,15,.82);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.top.scrolled{border-color:var(--line);background:rgba(13,11,15,.94)}
.logo{display:flex;align-items:center;gap:10px;font:800 1.35rem/1 var(--display);letter-spacing:-.04em;color:var(--cream)}
.logo::before{content:"";width:28px;height:28px;border-radius:8px;background:var(--bulb) var(--i-play) center/18px no-repeat;-webkit-mask:none}
.logo::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.500 6v12l10-6z' fill='%232a1a00'/%3E%3C/svg%3E")}
.nav{display:flex;gap:6px;margin-right:auto}
.nav a{position:relative;padding:8px 12px;border-radius:8px;font-weight:600;font-size:.92rem;color:var(--muted);transition:color .2s,background .2s}
.nav a:hover{color:var(--cream);background:rgba(255,236,214,.06)}
.nav a.on{color:var(--cream)}
.nav a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--bulb)}
.search{width:min(250px,34vw);padding:10px 16px 10px 42px;border-radius:var(--r);border:1px solid var(--line);background:var(--velvet) var(--i-search) 14px center/18px no-repeat;transition:width .3s,border-color .2s}
.search::placeholder{color:var(--muted)}
.search:focus{width:min(340px,50vw);border-color:var(--bulb);outline:0}
.state{padding:56px var(--pad);color:var(--muted);text-align:center}

/* ---------- hero ---------- */
.hero{position:relative;min-height:min(80vh,700px);display:flex;align-items:flex-end;overflow:hidden;background:var(--velvet)}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center 18%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0,rgba(13,11,15,.78) 36%,rgba(13,11,15,.1) 78%),linear-gradient(0deg,var(--ink) 0,transparent 36%)}
.hero .txt{position:relative;z-index:1;max-width:660px;padding:0 var(--pad) clamp(30px,6vw,76px)}
.hero h1{font-size:clamp(2.3rem,5.6vw,4.4rem);font-weight:800;line-height:1.02;letter-spacing:-.04em;text-wrap:balance;margin-bottom:16px}
.hero p{color:#e4dbd0;max-width:54ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:16px 0 24px}
.acts{display:flex;gap:12px;flex-wrap:wrap}
.hero.swap h1,.hero.swap .meta,.hero.swap p,.hero.swap .acts{animation:in .55s cubic-bezier(.2,.8,.2,1) both}
.hero.swap .meta{animation-delay:.06s}.hero.swap p{animation-delay:.12s}.hero.swap .acts{animation-delay:.18s}
@keyframes in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* plyonka lentasi: hero kadrlarini tanlash */
.dots{position:absolute;right:var(--pad);bottom:clamp(26px,5vw,60px);z-index:2;display:flex;flex-direction:column;gap:8px;padding:10px 18px;background:#08060a;border-radius:6px;box-shadow:0 20px 50px -20px #000}
.dots::before,.dots::after{content:"";position:absolute;top:8px;bottom:8px;width:6px;background:repeating-linear-gradient(180deg,rgba(244,236,223,.55) 0 7px,transparent 7px 15px);border-radius:2px}
.dots::before{left:6px}.dots::after{right:6px}
.dots button{position:relative;width:62px;aspect-ratio:2/3;padding:0;border:0;border-radius:3px;background:var(--velvet2) center/cover;opacity:.5;overflow:hidden;transition:opacity .2s}
.dots button:hover{opacity:.85}
.dots button[aria-current=true]{opacity:1;outline:2px solid var(--bulb);outline-offset:1px}
.dots button[aria-current=true]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--bulb);transform-origin:left;animation:fill 7s linear}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero:hover .dots button[aria-current=true]::after{animation-play-state:paused}

/* ---------- tugmalar ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border:0;border-radius:var(--r);background:var(--bulb);color:var(--bulb-ink);font-weight:700;transition:transform .2s,filter .2s}
.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn.play::before,.btn.shuffle::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--i-play) center/contain no-repeat;mask:var(--i-play) center/contain no-repeat}
.btn.shuffle::before{-webkit-mask-image:var(--i-shuffle);mask-image:var(--i-shuffle)}
.btn.ghost{background:rgba(244,236,223,.1);color:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(244,236,223,.35);backdrop-filter:blur(6px)}
.btn.ghost:hover{background:var(--cream);color:var(--ink)}

.meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:.9rem}
.hero .meta{color:#efe6da}
.tag{padding:3px 10px;border-radius:6px;background:rgba(244,236,223,.12);color:var(--cream);font-size:.8rem;font-weight:500}
.rate{color:var(--bulb);font-weight:700}

/* ---------- bo'limlar ---------- */
.block{padding:clamp(30px,5vw,54px) var(--pad) 0}
.bh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.block h2{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.2}
.bh .all{border:0;background:none;color:var(--muted);font-weight:600;font-size:.9rem;padding:4px 0}
.bh .all:hover{color:var(--bulb)}
.row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(128px,15vw,176px);gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:0 var(--pad);padding:6px var(--pad) 12px;margin:0}
.row>*{scroll-snap-align:start}
.row.wide{grid-auto-columns:clamp(240px,30vw,340px)}
.row.wide .poster{aspect-ratio:16/10}
.rw{position:relative;margin:0 calc(var(--pad) * -1)}
.rw .row{cursor:grab}
.rw .row.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.row:has(.rank){grid-auto-columns:clamp(196px,22vw,250px)}
.rank{position:relative;padding-left:clamp(46px,5vw,66px)}
.rank b{position:absolute;left:0;bottom:36px;font:800 clamp(5.2rem,9vw,7.8rem)/.8 var(--display);color:transparent;-webkit-text-stroke:2px rgba(244,236,223,.5);letter-spacing:-.06em;pointer-events:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:24px 14px}
#serialsBlock{margin-top:12px}

/* kartalar */
.card{display:block;width:100%;text-align:left;background:none;border:0;padding:0}
.poster{position:relative;aspect-ratio:2/3;border-radius:var(--r);overflow:hidden;background:linear-gradient(110deg,var(--velvet2) 30%,#33273a 50%,var(--velvet2) 70%) 0 0/200% 100%;display:flex;align-items:flex-end;padding:10px;font:600 .8rem var(--display);color:var(--muted);animation:sh 1.6s linear infinite}
.poster:has(img){animation:none}
@keyframes sh{to{background-position:-200% 0}}
.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}
.poster::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,11,15,.78),transparent 55%);opacity:0;transition:opacity .25s;pointer-events:none}
.card:not(.soon) .poster:before{content:"";position:absolute;z-index:2;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:var(--bulb);box-shadow:0 10px 30px -6px rgba(0,0,0,.6);transform:scale(.6);opacity:0;transition:.25s cubic-bezier(.2,.8,.2,1);-webkit-mask:none}
.card:not(.soon) .poster:before{background:var(--bulb) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.500v11l9-5.500z' fill='%232a1a00'/%3E%3C/svg%3E") center/28px no-repeat}
.card:hover .poster img{transform:scale(1.05)}
.card:hover .poster::after{opacity:1}
.card:hover .poster:before{transform:none;opacity:1}
.card:hover .poster{box-shadow:0 0 0 2px var(--bulb)}
.badge{position:absolute;z-index:1;top:8px;left:8px;padding:2px 8px;border-radius:6px;background:rgba(13,11,15,.82);backdrop-filter:blur(6px);font:600 .74rem var(--body);color:var(--cream)}
.badge.r{left:auto;right:8px;color:var(--bulb)}
.card h3{font:600 .93rem/1.3 var(--body);margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.card:hover h3{color:var(--bulb)}
.card small{color:var(--muted);font-size:.82rem}
.card.soon{cursor:default;opacity:.55}
.prog{position:absolute;z-index:2;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.25)}
.prog b{display:block;height:100%;background:var(--bulb)}
.heart{position:absolute;z-index:3;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(13,11,15,.85);color:#fff;font-size:0;display:grid;place-items:center;opacity:0;transform:scale(.85);transition:.2s}
.heart::before,.arr::before,.toTop::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.heart{--m:var(--i-heart)}.heart.on{--m:var(--i-heartf);color:var(--rose)}
.card:hover .heart,.heart:focus-visible,.heart.on{opacity:1;transform:none}
.heart:hover{background:var(--rose);color:#fff}
@media (hover:none){.heart{opacity:1;transform:none}}

/* strelkalar va "tepaga" */
.arr{position:absolute;top:calc(50% - 40px);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(13,11,15,.94);color:var(--cream);display:grid;place-items:center;font-size:0;box-shadow:0 6px 20px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s,background .2s;--m:var(--i-left)}
.arr.l{left:calc(var(--pad) - 6px)}.arr.r{right:calc(var(--pad) - 6px)}.arr.r::before{transform:scaleX(-1)}
.rw:hover .arr:not(:disabled){opacity:1;pointer-events:auto}
.arr:hover{background:var(--bulb);color:var(--bulb-ink)}
@media (hover:none){.arr{display:none}}
.toTop{position:fixed;right:16px;bottom:16px;z-index:25;width:46px;height:46px;border-radius:50%;border:0;background:var(--bulb);color:var(--bulb-ink);display:grid;place-items:center;font-size:0;box-shadow:0 8px 24px rgba(0,0,0,.5);--m:var(--i-up)}
.toTop[hidden]{display:none}

/* janr plitkalari: har birining orqasida shu janrdan bitta poster */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}
.tiles button{position:relative;isolation:isolate;height:100px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--velvet) center 22%/cover;overflow:hidden;text-align:left;color:var(--cream);font:700 1.02rem/1.2 var(--display);display:flex;flex-direction:column;justify-content:flex-end;transition:border-color .2s,transform .2s}
.tiles button::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(13,11,15,.94),rgba(13,11,15,.5))}
.tiles button:hover{border-color:var(--bulb);transform:translateY(-3px)}
.tiles small{font:500 .8rem var(--body);color:var(--muted)}

/* tasodifiy tanlov */
.pick{display:flex;gap:16px 28px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:26px 0;margin-top:clamp(28px,5vw,48px);border-block:1px solid var(--line)}
.pick h2{margin-bottom:4px}
.pick p{color:var(--muted)}

/* katalog */
.tools{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:22px}
.chips{display:flex;gap:8px;flex-wrap:wrap;max-width:100%}
.chips button{padding:7px 16px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted);font-weight:500;transition:.2s}
.chips button:hover{color:var(--cream);border-color:rgba(255,236,214,.3)}
.chips button[aria-pressed=true]{background:var(--bulb);border-color:var(--bulb);color:var(--bulb-ink);font-weight:700}
select{padding:9px 14px;border-radius:var(--r);background:var(--velvet);border:1px solid var(--line)}
.more{display:block;margin:34px auto 56px;padding:13px 34px;border-radius:var(--r);border:1.5px solid var(--bulb);background:none;color:var(--bulb);font-weight:700;transition:.2s}
.more:hover{background:var(--bulb);color:var(--bulb-ink)}

/* reklama */
.slot:not(:empty){padding:28px var(--pad) 0}
.ad{position:relative;display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:120px;padding:26px 28px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--velvet) center/cover}
.ad.img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,11,15,.9),rgba(13,11,15,.25))}
.ad>*{position:relative}
.ad .lab{position:absolute;top:10px;left:14px;font-size:.72rem;font-weight:600;color:var(--muted)}
.ad h3{font:700 clamp(1.1rem,2.2vw,1.5rem)/1.2 var(--display);margin-top:10px;letter-spacing:-.02em}
.ad p{color:#d8cfc3;max-width:52ch;margin-top:6px}
.ad .btn{white-space:nowrap}
.ad.tile{grid-column:span 2;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(160deg,var(--velvet2),var(--velvet))}

/* pastki qism */
.foot{margin-top:clamp(48px,8vw,88px);border-top:1px solid var(--line);padding-bottom:44px}
.fgrid{display:flex;flex-wrap:wrap;gap:28px 64px;justify-content:space-between;padding:36px var(--pad) 0}
.fgrid p{color:var(--muted);margin-top:12px;max-width:34ch}
.flinks{display:flex;flex-wrap:wrap;gap:8px 24px;font-weight:600;color:var(--muted);align-content:flex-start}
.flinks a:hover{color:var(--bulb)}
.copy{padding:28px var(--pad) 0;color:var(--muted);font-size:.85rem}

/* tavsif va qismlar (tomosha sahifasida ham) */
.desc{margin-top:14px;color:#e4dbd0;max-width:70ch;white-space:pre-line}
.eps{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.eps button{min-width:76px;padding:9px 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--velvet);font-weight:600;transition:.2s}
.eps button:hover{border-color:var(--bulb)}
.eps button[aria-current=true]{background:var(--bulb);border-color:var(--bulb);color:var(--bulb-ink);font-weight:700}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- telefon ---------- */
@media (max-width:900px){.dots{display:none}}
@media (max-width:760px){
  .top{justify-content:space-between;gap:12px}
  .search{width:58vw}.search:focus{width:62vw}
  .nav{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;gap:0;justify-content:space-around;padding:4px 6px calc(4px + env(safe-area-inset-bottom));background:rgba(13,11,15,.97);border-top:1px solid var(--line)}
  .nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:.7rem;border-radius:10px}
  .nav a::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
  .nav a:nth-child(1){--i:var(--i-home)}.nav a:nth-child(2){--i:var(--i-star)}.nav a:nth-child(3){--i:var(--i-layers)}.nav a:nth-child(4){--i:var(--i-grid)}.nav a:nth-child(5){--i:var(--i-film)}
  .nav a.on{background:rgba(255,191,60,.14);color:var(--bulb)}.nav a.on::after{display:none}
  body{padding-bottom:74px}
  .toTop{bottom:86px}
  .hero{min-height:480px}
  .hero::after{background:linear-gradient(0deg,var(--ink) 6%,rgba(13,11,15,.45) 100%)}
  .ad{flex-direction:column;align-items:flex-start}
  .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chips button{white-space:nowrap}
  .tools{flex-direction:column;align-items:stretch}
  .ad.tile{grid-column:span 2}
}