:root{color-scheme:dark;--ob-void:#0a0f14;--ob-slab:#111923;--ob-slab-2:#17222f;--ob-text:#e8f2f9;--ob-faint:#8ea4b6;--ob-key:#2fd4ff;--ob-key-ink:#05171f;--ob-key-2:#7fe6ff;--ob-edge:#1f2d3b;--ob-wrap:78rem;--ob-pad:clamp(1rem,4vw,2.4rem);--ob-round:14px;--ob-round-sm:9px;--ob-card:13rem;--ob-gap:.85rem;--ob-row:5rem;--ob-chip:#f7f5f0;--ob-aura:color-mix(in srgb,#2fd4ff 45%,transparent);--ob-veil:color-mix(in srgb,#0a0f14 86%,transparent);--ob-hit:2.6rem}
*,*::before,*::after{box-sizing:border-box}
.ob-root{-webkit-text-size-adjust:100%}
.ob-body{margin:0;background:var(--ob-void);color:var(--ob-text);font:400 1rem/1.62 "Trebuchet MS","Segoe UI",system-ui,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:var(--ob-key-2)}
h1,h2,h3{margin:0;font-family:"Segoe UI Semibold","Trebuchet MS",system-ui,sans-serif;line-height:1.16;letter-spacing:-.005em}
p{margin:0 0 .85em}
p:last-child{margin-bottom:0}
:focus-visible{outline:3px solid var(--ob-key-2);outline-offset:3px}
.ob-skip{position:absolute;left:-200vw;top:0;min-height:var(--ob-hit);line-height:2.6rem}
.ob-skip:focus{display:inline-flex;align-items:center;min-height:var(--ob-hit);left:.75rem;top:.75rem;z-index:30;background:var(--ob-key);color:var(--ob-key-ink);padding:.65rem 1.2rem;border-radius:var(--ob-round-sm);font-weight:700;text-decoration:none}
.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--ob-hit);padding:.6rem 1.15rem;border:2px solid transparent;border-radius:999px;font:700 .86rem/1.05 "Segoe UI",system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.ob-btn--solid{background:var(--ob-key);color:var(--ob-key-ink);font-weight:800}
.ob-btn--solid:hover{background:var(--ob-key-2);box-shadow:0 8px 26px var(--ob-aura);transform:translateY(-1px)}
.ob-btn--play{background:color-mix(in srgb,var(--ob-key) 18%,var(--ob-slab));color:var(--ob-key-2);border-color:color-mix(in srgb,var(--ob-key) 45%,transparent);font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.78rem}
.ob-btn--play:hover{background:var(--ob-key);color:var(--ob-key-ink);border-color:var(--ob-key)}
.ob-btn--wire{border-color:var(--ob-edge);color:var(--ob-key-2);background:transparent}
.ob-btn--wire:hover{border-color:var(--ob-key);color:var(--ob-key)}
.ob-btn--big{min-height:3rem;padding:.82rem 1.6rem;font-size:.98rem}
.ob-btn--top{order:3;flex:0 0 auto;min-height:2.15rem;padding:.35rem .9rem;font-size:.86rem}
.ob-top{position:sticky;top:0;z-index:12;background:var(--ob-slab);border-bottom:1px solid var(--ob-edge)}
.ob-top__in{display:flex;align-items:center;gap:.8rem;width:min(100% - 1.6rem,var(--ob-wrap));margin-inline:auto;padding:.4rem 0}
.ob-mark{order:1;flex:0 0 auto;display:flex;align-items:center;min-height:2.2rem;gap:.5rem;text-decoration:none;color:inherit}
.ob-mark img{width:5.8rem}
.ob-mark__tag{font:700 .76rem/1.2 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--ob-faint);border:1px solid var(--ob-edge);border-radius:999px;padding:.28rem .5rem}
.ob-pills{order:2;flex:1 1 auto;min-width:0;overflow:hidden}
.ob-pills__list{display:flex;gap:.2rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.ob-pills__list::-webkit-scrollbar{display:none}
.ob-pills__link{display:inline-flex;align-items:center;min-height:2.15rem;padding:.3rem .52rem;border:1px solid var(--ob-edge);border-radius:999px;font:600 .83rem/1.2 "Segoe UI",system-ui,sans-serif;color:var(--ob-text);text-decoration:none;white-space:nowrap;background:color-mix(in srgb,var(--ob-slab-2) 70%,transparent)}
.ob-pills__link:hover{border-color:var(--ob-key);color:var(--ob-key)}
.ob-pills__link--on{border-color:var(--ob-key);color:var(--ob-key-ink);background:var(--ob-key)}
.ob-wire{border-top:1px solid var(--ob-edge);background:linear-gradient(90deg,color-mix(in srgb,var(--ob-key) 16%,var(--ob-slab)),var(--ob-slab) 65%)}
.ob-wire__in{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .7rem;width:min(100% - 1.6rem,var(--ob-wrap));margin-inline:auto;padding:.2rem 0;font-size:.84rem;color:var(--ob-faint)}
.ob-wire__sum{font-size:.98rem;color:var(--ob-key);letter-spacing:-.01em}
.ob-wire__text{min-width:0}
.ob-wire__go{display:inline-flex;align-items:center;min-height:2.05rem;padding:.2rem .9rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ob-key) 55%,transparent);color:var(--ob-key-2);font:700 .84rem/1.2 "Segoe UI",system-ui,sans-serif;text-decoration:none}
.ob-wire__go:hover{background:var(--ob-key);color:var(--ob-key-ink);border-color:var(--ob-key)}
.ob-main{display:block;padding-bottom:2.4rem}
.ob-trail{width:min(100% - 1.6rem,var(--ob-wrap));margin:.9rem auto 0;font-size:.86rem;color:var(--ob-faint)}
.ob-trail__list{display:flex;flex-wrap:wrap;gap:.3rem .55rem;margin:0;padding:0;list-style:none}
.ob-trail__item + .ob-trail__item::before{content:"»";margin-right:.5rem;opacity:.55}
.ob-trail a{display:inline-block;padding-block:.5rem;color:var(--ob-faint)}
.ob-hero{position:relative;overflow:hidden;width:min(100% - 1.6rem,var(--ob-wrap));margin:1.3rem auto 0;border:1px solid color-mix(in srgb,var(--ob-key) 28%,var(--ob-edge));border-radius:calc(var(--ob-round) + 6px);background:linear-gradient(165deg,#13263a,#0a0f14 72%)}
.ob-hero__art{position:absolute;inset:0;display:block}
.ob-hero__art img{width:100%;height:100%;object-fit:cover;object-position:28% 50%}
.ob-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--ob-void) 0 26%,color-mix(in srgb,var(--ob-void) 68%,transparent) 56%,color-mix(in srgb,var(--ob-void) 8%,transparent))}
.ob-hero__in{position:relative;z-index:1;padding:clamp(1.3rem,4vw,2.6rem)}
.ob-hero--lobby .ob-hero__in{padding-block:clamp(1.6rem,4vw,2.8rem)}
.ob-hero__kick{font:700 .8rem/1.2 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:var(--ob-key);margin-bottom:.9rem}
.ob-hero__title{font-size:clamp(1.9rem,1.15rem + 2.7vw,3rem);font-weight:800;max-width:22ch}
.ob-hero__lede{margin-top:.8rem;font-size:1.06rem;color:var(--ob-text);opacity:.88;max-width:52ch}
.ob-hero__offer{display:inline-grid;justify-items:start;gap:.1rem;margin-top:1.1rem;padding:1rem 1.3rem 1.15rem;border-radius:var(--ob-round);border:1px solid color-mix(in srgb,var(--ob-key) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--ob-key) 15%,var(--ob-veil)),var(--ob-veil))}
.ob-hero__kind{margin:0;font:700 .8rem/1.2 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--ob-faint)}
.ob-hero__sum{display:flex;align-items:baseline;flex-wrap:wrap;gap:.45rem;margin:.25rem 0 0}
.ob-hero__sum b{font-weight:800;font-size:clamp(2.2rem,1.4rem + 3.4vw,4rem);line-height:.96;letter-spacing:-.035em;color:var(--ob-key);text-shadow:0 0 32px var(--ob-aura)}
.ob-hero__sum span{font-size:2rem;font-weight:300;color:var(--ob-key-2);opacity:.6}
.ob-hero__fine{margin:.3rem 0 0;font-size:.9rem;color:var(--ob-faint)}
.ob-hero__acts{display:flex;flex-wrap:wrap;gap:.6rem;margin:.95rem 0 0}
.ob-hero__facts{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:1.2rem 0 0;padding:0;list-style:none}
.ob-hero__facts li{display:grid;gap:.1rem;padding:.65rem .85rem;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:color-mix(in srgb,var(--ob-slab) 82%,transparent)}
.ob-hero__facts b{font-size:1.6rem;font-weight:800;line-height:1.1;color:var(--ob-key);font-variant-numeric:tabular-nums}
.ob-hero__facts span{font-size:.82rem;color:var(--ob-faint)}
.ob-hero__marks{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}
.ob-hero__marks li{padding:.36rem .8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ob-key) 40%,var(--ob-edge));background:var(--ob-veil);font:700 .8rem/1.4 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--ob-key-2)}
.ob-hero__stamp{margin:1.1rem 0 0;font-size:.84rem;color:var(--ob-faint)}
.ob-till{width:min(100% - 1.6rem,var(--ob-wrap));margin:.7rem auto 0}
.ob-till__in{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .9rem;padding:.6rem .9rem;border:1px solid var(--ob-edge);border-radius:var(--ob-round);background:color-mix(in srgb,var(--ob-slab) 70%,var(--ob-void))}
.ob-till__label{margin:0;font:700 .78rem/1.2 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--ob-faint)}
.ob-till__row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none}
.ob-till__logo{display:flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border-radius:999px;background:var(--ob-chip)}
.ob-till__logo img{height:1.15rem;width:auto;max-width:3.2rem;object-fit:contain}
.ob-till__logo span{font:700 .78rem/1.2 "Segoe UI",system-ui,sans-serif;color:#262626}
.ob-till__chip{padding:.4rem .8rem;border-radius:999px;border:1px dashed color-mix(in srgb,var(--ob-key) 50%,var(--ob-edge));font:700 .8rem/1.2 "Segoe UI",system-ui,sans-serif;color:var(--ob-key-2)}
.ob-plate{width:min(100% - 1.6rem,var(--ob-wrap));margin:1.1rem auto 0}
.ob-plate__in{border:1px solid var(--ob-edge);border-radius:var(--ob-round);background:var(--ob-slab);padding:clamp(1.05rem,2.6vw,1.9rem)}
.ob-plate--answer .ob-plate__in{background:linear-gradient(135deg,var(--ob-slab-2),var(--ob-slab));border-color:color-mix(in srgb,var(--ob-key) 40%,var(--ob-edge))}
.ob-plate--bare .ob-plate__in{background:transparent;border-style:dashed}
.ob-plate--open .ob-plate__in{border-width:1px 1px 1px 4px;border-left-color:var(--ob-key)}
/* плиты со сплошным текстом уже прочих: колонка в 80 знаков не висит у левого края */
.ob-plate--text,.ob-plate--open,.ob-plate--answer{width:min(100% - 1.6rem,52rem)}
.ob-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.ob-head__title{font-size:clamp(1.3rem,1.05rem + 1vw,1.85rem);font-weight:700}
.ob-head__lede{margin:.45rem 0 0;color:var(--ob-faint);max-width:74ch}
.ob-head__count{margin:0;font:700 .8rem/1.2 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--ob-key);border:1px dashed color-mix(in srgb,var(--ob-key) 55%,transparent);border-radius:999px;padding:.35rem .7rem;white-space:nowrap}
.ob-copy{max-width:82ch}
.ob-copy p{margin-bottom:.95em}
.ob-copy--lead p:first-child{font-size:1.05rem;color:var(--ob-text)}
.ob-ticks{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.4rem}
.ob-ticks li{position:relative;padding-left:1.5rem;color:var(--ob-faint);max-width:74ch}
.ob-ticks li::before{content:"";position:absolute;left:.1rem;top:.55em;width:.75rem;height:.2rem;border-radius:2px;background:var(--ob-key)}
.ob-answer{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;max-width:80ch}
.ob-answer li{padding-left:.95rem;border-left:2px solid color-mix(in srgb,var(--ob-key) 60%,transparent)}
.ob-answer b{color:var(--ob-key)}
.ob-rail{width:min(100% - 1.6rem,var(--ob-wrap));margin:1.1rem auto 0}
.ob-rail__in{container-type:inline-size;container-name:obrail;timeline-scope:--obtrack;border:1px solid var(--ob-edge);border-radius:var(--ob-round);background:color-mix(in srgb,var(--ob-slab) 60%,var(--ob-void));padding:clamp(1.05rem,2.6vw,1.7rem) 0 clamp(1.05rem,2.6vw,1.7rem) clamp(1.05rem,2.6vw,1.7rem)}
.ob-rail .ob-head{padding-right:clamp(1.05rem,2.6vw,1.7rem)}
.ob-rail__track{display:flex;gap:var(--ob-gap);overflow-x:auto;overflow-y:hidden;scroll-timeline:--obtrack x;scroll-snap-type:x mandatory;scroll-padding-inline-start:.2rem;padding:.2rem .2rem 1rem;margin:0;scrollbar-color:var(--ob-key) var(--ob-slab-2)}
.ob-card{flex:0 0 var(--ob-card);scroll-snap-align:start;margin:0;display:flex;flex-direction:column;border:1px solid var(--ob-edge);border-radius:var(--ob-round);background:var(--ob-slab-2);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.ob-card:hover{transform:translateY(-6px);border-color:var(--ob-key);box-shadow:0 16px 32px rgba(0,0,0,.45),0 0 0 1px var(--ob-aura)}
.ob-card__art{position:relative;display:block;overflow:hidden}
.ob-card img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s}
.ob-card:hover img{transform:scale(1.06)}
.ob-card__rank{position:absolute;left:.45rem;top:.45rem;min-width:1.7rem;text-align:center;padding:.16rem .45rem;border-radius:999px;background:var(--ob-key);color:var(--ob-key-ink);font:800 .8rem/1.3 "Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums}
.ob-card__cap{display:flex;flex-direction:column;gap:.32rem;padding:.75rem .8rem .9rem;flex:1}
.ob-card__name{font-size:1rem;line-height:1.25}
.ob-card__meta{font-size:.82rem;color:var(--ob-faint)}
.ob-card__text{font-size:.88rem;color:var(--ob-faint);max-width:70ch}
.ob-card .ob-btn{margin-top:auto;align-self:stretch;min-height:var(--ob-hit);padding:.35rem .7rem;font-size:.82rem}
.ob-card--lead{flex-basis:calc(var(--ob-card) * 1.6);border-color:color-mix(in srgb,var(--ob-key) 45%,var(--ob-edge))}
.ob-card--lead img{aspect-ratio:1.6}
.ob-card--lead .ob-card__name{font-size:1.2rem}
.ob-card--lead .ob-card__rank{font-size:.82rem}
.ob-card--lead .ob-btn--play{background:var(--ob-key);color:var(--ob-key-ink);border-color:var(--ob-key)}
.ob-card--lead .ob-btn--play:hover{background:var(--ob-key-2);border-color:var(--ob-key-2)}
.ob-rail--roomy .ob-card--lead img{aspect-ratio:2.56}
.ob-rail__gauge{display:none;position:relative;height:5px;margin:.6rem clamp(1.05rem,2.6vw,1.7rem) 0 0;border-radius:999px;background:color-mix(in srgb,var(--ob-edge) 85%,transparent);overflow:hidden}
.ob-rail__gauge i{display:block;width:30%;height:100%;border-radius:999px;background:var(--ob-key);animation:ob-run linear both;animation-timeline:--obtrack}
@keyframes ob-run{to{transform:translateX(233%)}}
@supports (animation-timeline:scroll()){
.ob-rail__gauge{display:block}
.ob-rail__track{scrollbar-width:none}
.ob-rail__track::-webkit-scrollbar{display:none}
}
.ob-rail__hint{display:flex;align-items:center;gap:.45rem;margin:.1rem 0 0;padding-right:clamp(1.05rem,2.6vw,1.7rem);font-size:.84rem;color:var(--ob-faint)}
.ob-rail__arrow{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;padding:.1rem .35rem;border-radius:999px;border:1px solid var(--ob-edge);color:var(--ob-key);letter-spacing:.05em}
.ob-rail--snug{--ob-card:10.5rem}
.ob-rail--roomy{--ob-card:17rem}
.ob-rail--roomy .ob-card img{aspect-ratio:16 / 10}
.ob-call--last{margin-top:1.4rem}
.ob-dock{display:none}
.ob-mosaic{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(18.5rem,1fr));grid-auto-rows:var(--ob-row)}
.ob-brick{grid-row:span 2;display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2);padding:.95rem 1rem;overflow:hidden}
.ob-brick--tall{grid-row:span 3}
.ob-brick--flat{grid-row:span 2;background:color-mix(in srgb,var(--ob-key) 10%,var(--ob-slab-2))}
.ob-brick__title{font-size:1rem}
.ob-brick__title a{display:inline-flex;align-items:center;min-height:var(--ob-hit);text-decoration:none}
.ob-brick__title a:hover{text-decoration:underline}
.ob-brick__text{margin:0;font-size:.92rem;color:var(--ob-faint);max-width:68ch}
.ob-brick__meta{margin:auto 0 0;font:700 .8rem/1.2 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--ob-key)}
.ob-mosaic--promo{grid-template-columns:repeat(auto-fill,minmax(18.5rem,1fr))}
.ob-brick--promo img{width:3.4rem;height:3.4rem;object-fit:contain;margin-bottom:.2rem}
.ob-flow{list-style:none;counter-reset:ob;margin:0;padding:0;display:grid;gap:.65rem}
.ob-flow__step{counter-increment:ob;position:relative;padding:.85rem 1rem .85rem 3.1rem;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2)}
.ob-flow__step::before{content:counter(ob,decimal-leading-zero);position:absolute;left:.9rem;top:.85rem;font:800 .85rem/1 "Segoe UI",system-ui,sans-serif;color:var(--ob-key)}
.ob-flow__title{font-size:.97rem;max-width:76ch}
.ob-flow__text{margin:.25rem 0 0;font-size:.92rem;color:var(--ob-faint);max-width:76ch}
.ob-flow--tight .ob-flow__step{padding-block:.6rem}
.ob-scroll{overflow-x:auto;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2)}
.ob-sheet{width:100%;border-collapse:collapse;font-size:.91rem}
.ob-sheet th,.ob-sheet td{padding:.68rem .9rem;text-align:left;border-bottom:1px solid var(--ob-edge);vertical-align:middle}
.ob-sheet td{font-size:.97rem;font-variant-numeric:tabular-nums;color:var(--ob-key-2)}
.ob-sheet tbody tr:hover td,.ob-sheet tbody tr:hover th{background:color-mix(in srgb,var(--ob-key) 10%,transparent)}
.ob-sheet thead th{position:sticky;top:0;background:var(--ob-key);font:800 .82rem/1.3 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--ob-key-ink);white-space:nowrap;border-bottom-color:color-mix(in srgb,var(--ob-key-ink) 30%,var(--ob-key))}
.ob-sheet tbody tr:last-child th,.ob-sheet tbody tr:last-child td{border-bottom:0}
.ob-sheet tbody th{font-weight:700;white-space:nowrap}
.ob-sheet tbody tr:nth-child(even){background:color-mix(in srgb,var(--ob-key) 6%,transparent)}
.ob-sheet__cap{caption-side:top;text-align:left;padding:.7rem .85rem;font:600 .86rem/1.4 "Segoe UI",system-ui,sans-serif;color:var(--ob-faint);background:var(--ob-slab);border-bottom:1px solid var(--ob-edge)}
.ob-specs{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));margin:0;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);overflow:hidden;background:var(--ob-edge)}
.ob-specs__row{background:var(--ob-slab-2);padding:.7rem .85rem}
.ob-specs dt{font:700 .8rem/1.3 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--ob-faint)}
.ob-specs dd{margin:.25rem 0 0;font-weight:700;max-width:74ch}
.ob-specs--wide{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.ob-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.ob-tag{padding:.42rem .8rem;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2);font-size:.88rem}
.ob-offers{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));margin-bottom:1.1rem}
.ob-offer{display:grid;gap:.3rem;align-content:start;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2);padding:1rem 1.1rem}
.ob-offer--alt{background:color-mix(in srgb,var(--ob-key) 8%,var(--ob-slab-2))}
.ob-offer__kind{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ob-faint)}
.ob-offer__value{font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);color:var(--ob-key);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ob-offer__text{margin:0;font-size:.9rem;color:var(--ob-faint);max-width:70ch}
.ob-offer .ob-btn{justify-self:start;margin-top:.45rem}
.ob-ladder{list-style:none;counter-reset:lvl;margin:0;padding:0;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}
.ob-ladder__step{counter-increment:lvl;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2);padding:.5rem .7rem;font-size:.88rem}
.ob-ladder__step::before{content:counter(lvl) ".";color:var(--ob-faint);font-size:.82rem;margin-right:.3rem}
.ob-ladder__step--vip{border-color:var(--ob-key);background:color-mix(in srgb,var(--ob-key) 12%,var(--ob-slab-2))}
.ob-ladder__points{color:var(--ob-faint);font-weight:600;font-size:.82rem}
.ob-pays{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}
.ob-pay{display:grid;gap:.3rem;align-content:start;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2);padding:.85rem .9rem;min-height:6.5rem}
.ob-pay:hover{border-color:color-mix(in srgb,var(--ob-key) 55%,var(--ob-edge))}
.ob-pay img{height:1.9rem;width:auto;max-width:5.5rem;object-fit:contain;margin-bottom:.3rem;padding:.15rem .3rem;border-radius:5px;background:var(--ob-chip);box-sizing:content-box}
.ob-pay__mark{display:block;width:1.9rem;height:.5rem;border-radius:3px;background:var(--ob-key);margin-bottom:.5rem}
.ob-pay__name{font-size:.98rem}
.ob-pay__span{font-size:1rem;font-weight:700;color:var(--ob-key-2);font-variant-numeric:tabular-nums}
.ob-routes{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}
.ob-route{border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2);padding:.95rem 1rem}
.ob-route__title{font-size:.98rem;margin-bottom:.45rem}
.ob-route__steps{margin:0;padding-left:1.15rem;display:grid;gap:.3rem;font-size:.89rem;color:var(--ob-faint);max-width:74ch}
.ob-auth{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start}
.ob-shot{margin:0;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2);padding:.5rem}
.ob-shot img{border-radius:6px;width:100%}
.ob-shot figcaption{padding:.5rem .25rem 0;font-size:.8rem;color:var(--ob-faint)}
.ob-prof{display:grid;gap:1.3rem;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);align-items:start}
.ob-prof__art{margin:0;border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);overflow:hidden;background:var(--ob-slab-2)}
.ob-prof__art img{width:100%;aspect-ratio:1;object-fit:cover}
.ob-prof__art figcaption{padding:.5rem .7rem;font-size:.78rem;color:var(--ob-faint);text-align:center}
.ob-prof__body{display:grid;gap:1rem}
.ob-prof__body .ob-head{margin-bottom:0}
.ob-jump{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.ob-jump__row{display:grid;grid-template-columns:minmax(9rem,14rem) 1fr;gap:1rem;align-items:baseline;padding:.6rem .2rem;border-bottom:1px dotted var(--ob-edge)}
.ob-jump__row:last-child{border-bottom:0}
.ob-jump__link{display:inline-flex;align-items:center;min-height:var(--ob-hit);font-weight:700;text-decoration:none}
.ob-jump__link:hover{text-decoration:underline}
.ob-jump__note{font-size:.9rem;color:var(--ob-faint);max-width:74ch}
.ob-call{width:min(100% - 1.6rem,var(--ob-wrap));margin:1.1rem auto 0}
.ob-call__in{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;border:2px solid var(--ob-key);border-radius:var(--ob-round);background:color-mix(in srgb,var(--ob-key) 10%,var(--ob-slab));padding:clamp(1rem,2.6vw,1.7rem)}
.ob-call__title{font-size:clamp(1.25rem,1.05rem + .9vw,1.7rem)}
.ob-call__lede{margin:.4rem 0 0;color:var(--ob-faint);max-width:52ch}
.ob-remark{margin:1rem 0 0;font-size:.86rem;color:var(--ob-faint);max-width:84ch}
.ob-remark--loud{margin:0;font-size:.95rem;color:var(--ob-text);padding-left:.9rem;border-left:3px solid var(--ob-key)}
.ob-quote{margin:0;display:grid;gap:.5rem}
.ob-quote__body{margin:0;font-size:1.06rem;line-height:1.5;padding-left:1.1rem;border-left:4px solid var(--ob-key);max-width:66ch}
.ob-quote__by{font-size:.82rem;color:var(--ob-faint);padding-left:1.1rem}
.ob-act{margin:1.15rem 0 0}
.ob-ask{margin:0;display:grid;gap:.55rem}
.ob-ask__pair{border:1px solid var(--ob-edge);border-radius:var(--ob-round-sm);background:var(--ob-slab-2);padding:.85rem 1rem}
.ob-ask__q{font-weight:700;color:var(--ob-text)}
.ob-ask__a{margin:.35rem 0 0;color:var(--ob-faint);font-size:.93rem;max-width:74ch}
.ob-foot{margin-top:2rem;border-top:1px solid var(--ob-edge);background:var(--ob-slab);font-size:.85rem;color:var(--ob-faint)}
.ob-foot__in{width:min(100% - 1.6rem,var(--ob-wrap));margin-inline:auto;padding:2rem 0 2.4rem;display:grid;gap:1.4rem;grid-template-columns:repeat(4,minmax(0,1fr))}
.ob-foot__col--brand{grid-column:span 1}
.ob-foot__claim{color:var(--ob-text);font-weight:700;font-size:.97rem}
.ob-foot__h{font:700 .82rem/1.2 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--ob-key);margin-bottom:.7rem}
.ob-foot__line{margin:0 0 .6rem}
.ob-foot__list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.ob-foot__list a{display:inline-flex;align-items:center;min-height:var(--ob-hit);padding-inline:.35rem;margin-inline:-.35rem;color:var(--ob-faint);text-decoration:none}
.ob-foot__list a:hover{color:var(--ob-key);text-decoration:underline}
.ob-foot__links{margin:.3rem 0 0}
.ob-foot__out{display:inline-block;padding-block:.5rem;color:var(--ob-key-2)}
@container obrail (min-width:58rem){
.ob-rail{--ob-card:14rem}
.ob-rail--snug{--ob-card:11.5rem}
.ob-rail--roomy{--ob-card:19rem}
}
@media (max-width:60rem){
.ob-auth,.ob-prof{grid-template-columns:1fr}
.ob-foot__in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:47.98rem){
.ob-body{padding-bottom:4.4rem}
.ob-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .9rem;background:color-mix(in srgb,var(--ob-slab) 96%,#000);border-top:2px solid var(--ob-key);box-shadow:0 -10px 26px rgba(0,0,0,.5)}
.ob-dock__sum{margin:0;font:800 1.05rem/1.2 "Segoe UI",system-ui,sans-serif;color:var(--ob-key)}
.ob-top{position:static}
.ob-wire__text{display:none}
.ob-sheet{min-width:50rem}
}
@media (max-width:40rem){
.ob-top__in{flex-wrap:wrap}
.ob-mark__tag{display:none}
.ob-pills{order:3;flex:1 0 100%}
.ob-btn--top{grid-column:2}
.ob-foot__in{grid-template-columns:1fr}
.ob-jump__row{grid-template-columns:1fr;gap:.2rem}
.ob-mosaic{grid-auto-rows:auto}
.ob-brick,.ob-brick--tall,.ob-brick--flat{grid-row:auto}
}
@media (prefers-reduced-motion:reduce){
.ob-rail__track,.ob-scroll{scroll-behavior:auto}
}