@font-face{font-family:"Oxanium";src:url(/fonts/oxanium-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Oxanium";src:url(/fonts/oxanium-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Onest";src:url(/fonts/onest-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Onest";src:url(/fonts/onest-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"JBM";src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-display:swap}
:root{--pet:#0e4a57;--pet2:#0a3843;--deep:#0a242b;--con:#dbd6ca;--con2:#c9c3b4;--cop:#c8693b;--steel:#8fb0b6;--b:3px solid var(--deep);--e:cubic-bezier(.3,.7,.2,1)}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--pet);color:var(--deep);font:400 16.5px/1.62 "Onest",system-ui,sans-serif}
a{color:inherit}img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--cop);outline-offset:2px}
.skip{position:absolute;left:-999px;background:var(--cop);color:var(--deep);padding:10px 14px;z-index:99}.skip:focus{left:8px;top:8px}
.grid-lines{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(143,176,182,.12) 1px,transparent 1px);background-size:calc((100% - 40px)/12) 100%;background-position:20px 0}
h1,h2,h3{font-family:"Oxanium",sans-serif;font-weight:700;line-height:1.05;margin:0;letter-spacing:-.01em}
/* header */
.hdr{position:sticky;top:0;z-index:40;background:var(--con);border-bottom:var(--b)}
.hdr-in{max-width:1360px;margin:0 auto;display:flex;align-items:stretch;gap:0;height:64px}
.logo{display:flex;align-items:center;gap:12px;padding:0 22px;text-decoration:none;border-right:var(--b)}
.logo-m{display:grid;gap:3px;width:30px}.logo-m i{display:block;height:6px;background:var(--deep)}.logo-m i:nth-child(1){width:50%;margin:0 auto}.logo-m i:nth-child(2){width:76%;margin:0 auto}.logo-m i:nth-child(3){background:var(--cop)}
.logo:hover .logo-m i{animation:stack .5s var(--e) both}.logo:hover .logo-m i:nth-child(2){animation-delay:.06s}.logo:hover .logo-m i:nth-child(1){animation-delay:.12s}
@keyframes stack{from{transform:translateY(-8px);opacity:0}}
.logo-t{font:700 22px/1 "Oxanium";letter-spacing:.02em}.logo-t b{color:var(--cop)}
.inl{flex:1;display:flex}.inl ul{display:flex;list-style:none;margin:0;padding:0}
.inl a{display:flex;align-items:center;height:100%;padding:0 18px;text-decoration:none;font:600 14.5px "Onest";border-right:1px solid var(--con2);position:relative}
.inl a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--cop);transition:height .25s var(--e)}
.inl a:hover::after{height:6px}.inl a[aria-current]::after{height:6px;background:var(--deep)}
.plan-btn{display:flex;align-items:center;gap:10px;padding:0 20px;border:0;border-left:var(--b);background:var(--con);font:700 14px "Oxanium";letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--deep)}
.plan-ico{display:grid;gap:3px;width:18px}.plan-ico i{height:3px;background:currentColor;transition:transform .3s var(--e)}
.plan-btn[aria-expanded=true]{background:var(--deep);color:var(--con)}.plan-btn[aria-expanded=true] .plan-ico i:nth-child(1){transform:translateX(4px)}.plan-btn[aria-expanded=true] .plan-ico i:nth-child(3){transform:translateX(-4px)}
.hdr-cta{display:flex;align-items:center;padding:0 26px;background:var(--cop);text-decoration:none;font:700 14px "Oxanium";letter-spacing:.06em;text-transform:uppercase;border-left:var(--b)}
.hdr-cta:hover{background:var(--deep);color:var(--con)}
.plan{position:absolute;right:0;top:100%;width:min(560px,100%);background:var(--con);border:var(--b);border-top:0;box-shadow:12px 12px 0 var(--deep);transform-origin:top;animation:planin .35s var(--e)}
@keyframes planin{from{transform:scaleY(.6);opacity:0}}
.plan-in{padding:18px 20px 20px;max-height:calc(100dvh - 80px);overflow-y:auto}
.plan-h{font:400 12px "JBM";text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}
.floor{display:grid;grid-template-columns:150px minmax(0,1fr);border:2px solid var(--deep);margin-top:-2px;animation:planin .4s var(--e) both}
.floor:nth-child(3){animation-delay:.04s}.floor:nth-child(4){animation-delay:.08s}.floor:nth-child(5){animation-delay:.12s}
.floor:last-of-type{border-bottom-width:8px}
.floor-n{padding:12px;font:400 11.5px "JBM";text-transform:uppercase;background:var(--con2);border-right:2px solid var(--deep)}
.floor ul{list-style:none;margin:0;padding:6px;display:flex;flex-wrap:wrap;gap:4px}
.floor a{display:block;padding:7px 12px;text-decoration:none;font-weight:600;border:2px solid transparent}
.floor a:hover{border-color:var(--deep)}.floor a[aria-current]{background:var(--deep);color:var(--con)}
.plan-x{margin-top:14px;font:700 13px "Oxanium";text-transform:uppercase;padding:10px 16px;background:none;border:2px solid var(--deep);cursor:pointer}
/* page head */
main{position:relative;z-index:1}
.ph{max-width:1360px;margin:0 auto;padding:70px 22px 50px;color:var(--con)}
.lvl{display:inline-flex;gap:14px;font:400 12.5px "JBM";text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--steel);padding:6px 12px;margin:0 0 26px}.lvl span{color:var(--steel)}
.ph h1{font-size:clamp(44px,7.4vw,118px);max-width:14ch;animation:lift .9s var(--e) both}
.ph .lede{font-size:clamp(18px,1.6vw,21px);max-width:640px;color:#cfdcdc;margin:26px 0 0;animation:lift .9s .1s var(--e) both}
@keyframes lift{from{opacity:0;transform:translateY(30px)}}
.home .ph{text-align:center}.home .ph h1{margin:0 auto}.home .ph .lede{margin:26px auto 0}.home .lvl{margin-left:auto;margin-right:auto}
.hero-stack{max-width:900px;margin:0 auto 60px;display:grid;gap:6px;padding:0 22px}
.hs-row{display:flex;gap:6px;justify-content:center}
.hs-row span{flex:1;padding:16px 10px;text-align:center;background:var(--con);border:var(--b);font:700 clamp(13px,1.4vw,17px) "Oxanium";text-transform:uppercase;letter-spacing:.06em;animation:drop .7s var(--e) both;transition:transform .3s var(--e),background .3s}
.hs-row span:hover{transform:translateY(-6px);background:#fff8ea}
.r1 span{background:var(--cop)}.r4{max-width:40%;margin:0 auto;width:100%}.r3{max-width:60%;margin:0 auto;width:100%}.r2{max-width:80%;margin:0 auto;width:100%}
.r4 span{animation-delay:.75s}.r3 span{animation-delay:.5s}.r2 span{animation-delay:.25s}
@keyframes drop{from{opacity:0;transform:translateY(-60px)}}
.body-w{max-width:1360px;margin:0 auto;padding:0 22px 80px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.body-w.notoc{grid-template-columns:minmax(0,1fr)}
.toc{position:sticky;top:90px;background:var(--pet2);color:var(--con);border:2px solid var(--steel);padding:16px}
.toc p{font:400 11.5px "JBM";text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;color:var(--steel)}
.toc ol{list-style:none;margin:0;padding:0}.toc a{display:block;padding:8px 0;border-top:1px solid rgba(143,176,182,.3);text-decoration:none;font-weight:600;font-size:14.5px;transition:padding .25s var(--e),color .25s}
.toc a span{display:block;font:400 10.5px "JBM";color:var(--steel);text-transform:uppercase}.toc a:hover,.toc a.on{color:var(--cop);padding-left:8px}
.content{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0}
.content>*,.pair>*,.sb>*,.contact>*,.courses>*{min-width:0}.slab{overflow-wrap:break-word}.spec{table-layout:fixed}.spec td,.spec th{overflow-wrap:anywhere}
/* slabs */
.slab{position:relative;background:var(--con);border:var(--b);padding:clamp(22px,3.4vw,44px);box-shadow:10px 10px 0 var(--deep);scroll-margin-top:90px}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s var(--e),transform .7s var(--e)}.reveal.in{opacity:1;transform:none}
.bolts i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--con2);border:2px solid var(--deep)}
.bolts i:nth-child(1){left:10px;top:10px}.bolts i:nth-child(2){right:10px;top:10px}.bolts i:nth-child(3){left:10px;bottom:10px}.bolts i:nth-child(4){right:10px;bottom:10px}
.slab-l{font:400 12px "JBM";text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;color:#5b6a69}
.slab h2{font-size:clamp(28px,3.4vw,46px);margin-bottom:20px;max-width:22ch}
.slab p{max-width:72ch}
.intro{margin-top:-8px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;background:var(--deep);color:var(--con);border:var(--b);font:700 14px "Oxanium";letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:5px 5px 0 var(--cop);transition:transform .2s var(--e),box-shadow .2s var(--e)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--cop)}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--cop)}
.btn.ghost{background:var(--con);color:var(--deep)}
.courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--b);border-left:var(--b)}
.wide .courses{grid-template-columns:repeat(3,minmax(0,1fr))}
.course{padding:20px;border-right:var(--b);border-bottom:var(--b);position:relative;transition:background .3s}
.course::before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:var(--cop);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--e)}
.course:hover{background:#e7e2d6}.course:hover::before{transform:scaleX(1)}
.course h3{font-size:21px;margin-bottom:8px}.course p{margin:0;font-size:15.5px}.course a{font-weight:600;color:#8a3f1a}
.spec{width:100%;border-collapse:collapse;border:var(--b)}
.spec th,.spec td{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid var(--con2)}
.spec th{width:30%;font:400 13px "JBM";text-transform:uppercase;background:var(--con2);border-right:var(--b)}
.spec tr:hover td{background:#e7e2d6}
.spec td a{overflow-wrap:anywhere}
.pair{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:stretch}
.fig{margin:0;background:var(--deep);border:var(--b);box-shadow:10px 10px 0 var(--cop);display:flex;flex-direction:column;width:100%;max-width:100%}
.fig-f{flex:1;min-height:280px;overflow:hidden}.fig img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.05);transition:transform 1.2s var(--e)}
.fig:hover img{transform:scale(1.05)}
.fig figcaption{padding:10px 14px;color:var(--con);font-size:13px}.fig figcaption span{font:400 11px "JBM";text-transform:uppercase;color:var(--cop);display:block}
.acc details{border:var(--b);margin-top:-3px}
.acc summary{cursor:pointer;list-style:none;padding:16px 56px 16px 18px;font:700 19px "Oxanium";position:relative}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";position:absolute;right:16px;top:50%;width:22px;height:22px;margin-top:-11px;background:linear-gradient(var(--deep),var(--deep)) center/100% 4px no-repeat,linear-gradient(var(--deep),var(--deep)) center/4px 100% no-repeat;transition:transform .3s var(--e)}
.acc details[open] summary{background:var(--deep);color:var(--con)}.acc details[open] summary::after{transform:rotate(45deg);background:linear-gradient(var(--con),var(--con)) center/100% 4px no-repeat,linear-gradient(var(--con),var(--con)) center/4px 100% no-repeat}
.acc p{margin:0;padding:16px 18px}
.tl{display:flex;border:var(--b);border-bottom:0;width:max-content;max-width:100%;flex-wrap:wrap}
.tl button{font:700 14px "Oxanium";text-transform:uppercase;letter-spacing:.05em;padding:12px 20px;background:var(--con2);border:0;border-right:var(--b);cursor:pointer;color:var(--deep)}
.tl button:last-child{border-right:0}.tl [aria-selected=true]{background:var(--deep);color:var(--con)}
.tp{animation:lift .4s var(--e)}
/* builder */
.builder{background:#e4dfd3}
.sb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.sb-opts{display:grid;gap:6px}
.sb-opt{display:flex;gap:12px;align-items:flex-start;padding:12px;border:2px solid var(--deep);background:var(--con);cursor:pointer;transition:transform .2s var(--e),box-shadow .2s var(--e)}
.sb-opt:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--deep)}
.sb-opt input{width:20px;height:20px;flex:none;margin:2px 0 0;accent-color:var(--cop)}
.sb-opt b{display:block;font-family:"Oxanium"}.sb-opt small{font-size:13.5px;color:#4b5a59}
.sb-draw{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(var(--steel) 1px,transparent 1px) 0 0/100% 32px,var(--pet2);border:var(--b);padding:20px;min-height:420px}
.sb-col{display:flex;flex-direction:column-reverse;gap:5px}
.sb-blk{padding:12px 14px;background:var(--con);border:2px solid var(--deep);font:700 14px "Oxanium";text-transform:uppercase;animation:drop .5s var(--e) both;display:flex;justify-content:space-between}
.sb-blk:nth-child(1){background:var(--cop)}
.sb-blk small{font:400 11px "JBM"}
.sb-ground{margin-top:6px;border-top:8px solid var(--con);color:var(--steel);font:400 11px "JBM";text-transform:uppercase;padding-top:6px}
.sb-sum{color:var(--con);margin:12px 0 0;font-size:14.5px}
.scale label{font:400 13px "JBM";display:block;margin:14px 0 6px}.scale input{width:100%;max-width:420px;accent-color:var(--cop)}
.scale-demo{display:flex;flex-wrap:wrap;max-width:100%;align-items:flex-end;margin-top:18px;--u:8px;gap:var(--u)}
.scale-demo div{background:var(--deep);border:2px solid var(--deep);transition:all .3s var(--e)}
.scale-demo div:nth-child(1){width:calc(var(--u)*2);height:calc(var(--u)*2)}.scale-demo div:nth-child(2){width:calc(var(--u)*3);height:calc(var(--u)*3)}.scale-demo div:nth-child(3){width:calc(var(--u)*5);height:calc(var(--u)*5);background:var(--cop)}.scale-demo div:nth-child(4){width:calc(var(--u)*8);height:calc(var(--u)*8)}.scale-demo div:nth-child(5){width:calc(var(--u)*13);height:calc(var(--u)*13);background:var(--con2)}
/* refs */
.rf{display:flex;flex-wrap:wrap;gap:0;border:var(--b);width:max-content;max-width:100%;margin-bottom:18px}
.rf button{font:700 13px "Oxanium";text-transform:uppercase;padding:10px 16px;border:0;border-right:2px solid var(--deep);background:var(--con2);cursor:pointer;color:var(--deep)}
.rf button:last-child{border-right:0}.rf [aria-pressed=true]{background:var(--cop)}
.tbl-w{overflow-x:auto;border:var(--b)}
.reft{width:100%;border-collapse:collapse;min-width:560px}
.reft th,.reft td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--con2);vertical-align:top}
.reft thead th{background:var(--deep);color:var(--con);font:400 12px "JBM";text-transform:uppercase}
.reft tbody th a{font-family:"Oxanium";font-size:17px}
.tag{font:400 11px "JBM";text-transform:uppercase;padding:3px 7px;border:1px solid var(--deep)}
.rf-n{font:400 12.5px "JBM";margin:12px 0 0}
/* contact */
.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}
.mapbox{position:relative;margin-top:20px;border:var(--b);padding:22px;background:var(--pet2);color:var(--con);overflow:hidden}
.map-grid{position:absolute;inset:0;background:linear-gradient(rgba(143,176,182,.2) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(143,176,182,.2) 1px,transparent 1px) 0 0/28px 28px}
.mapbox p,.mapbox a{position:relative}
.kform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.full,.fld.full{grid-column:1/-1}
.seg{grid-column:1/-1;display:flex;border:var(--b);width:max-content;max-width:100%}
.seg label{position:relative;cursor:pointer}.seg input{position:absolute;opacity:0;width:16px;height:16px;margin:0;left:8px;top:8px}
.seg span{display:block;padding:11px 18px;font:700 14px "Oxanium";text-transform:uppercase}.seg label+label span{border-left:var(--b)}
.seg input:checked+span{background:var(--deep);color:var(--con)}.seg input:focus-visible+span{outline:3px solid var(--cop);outline-offset:-5px}
.fld{display:grid;gap:5px}.fld label{font:400 12.5px "JBM";text-transform:uppercase}
.fld input,.fld textarea{width:100%;font:inherit;padding:12px 14px;border:var(--b);background:#f1ede4;color:var(--deep);border-radius:0}
.fld input:focus,.fld textarea:focus{outline:none;box-shadow:5px 5px 0 var(--cop)}
.fld [aria-invalid=true]{border-color:#a8361a;background:#f6e2d8}
.fe{color:#9b2f12;font-weight:600;font-size:14px}
.hpot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cons{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:15px}.kform .cons input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--cop)}
.kform .btn{justify-self:start}
.fstat{margin:0;padding:14px;border:var(--b);font-weight:600}.fstat.ok{background:#cfe0d6}.fstat.bad{background:#f2d3c3}
/* footer */
.ft{position:relative;z-index:1;background:var(--deep);color:var(--con);border-top:var(--b)}
.ft-in{max-width:1360px;margin:0 auto;padding:44px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-size:15px}
.ft a{overflow-wrap:anywhere}.ft p{margin:10px 0 0}
.ft-l{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ft-l button{background:none;border:0;padding:0;color:var(--cop);font:inherit;text-decoration:underline;cursor:pointer}
.ft-base{height:18px;background:repeating-linear-gradient(90deg,var(--con) 0 60px,var(--con2) 60px 62px)}
/* cookie */
.ck{position:fixed;z-index:70;left:50%;bottom:18px;transform:translateX(-50%);width:min(680px,calc(100% - 24px));background:var(--con);border:var(--b);box-shadow:10px 10px 0 var(--cop);padding:20px 22px;animation:lift .5s var(--e)}
.ck-h{font:700 18px "Oxanium";text-transform:uppercase;margin:0 0 4px}.ck p{margin:0 0 12px;font-size:15px}
.ck-b{display:flex;gap:12px;flex-wrap:wrap}.ck-b .btn{flex:1 1 180px;justify-content:center}
@media (max-width:1080px){.inl{display:none}.logo{margin-right:auto}.body-w{grid-template-columns:minmax(0,1fr)}.toc{position:static}}
@media (max-width:760px){.hdr-in{height:58px}.hdr-cta{display:none}.logo{padding:0 14px}.plan-btn{padding:0 14px}
.courses,.wide .courses,.pair,.sb,.contact,.kform,.ft-in{grid-template-columns:minmax(0,1fr)}
.floor{grid-template-columns:minmax(0,1fr)}.floor-n{border-right:0;border-bottom:2px solid var(--deep)}
.plan{box-shadow:none;width:100%}.spec th{width:38%}
.r4,.r3,.r2{max-width:100%}.hs-row span{padding:12px 4px;font-size:11.5px}
.slab{box-shadow:6px 6px 0 var(--deep)}.sb-draw{min-height:300px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* v2 home */
.home .ph{padding-bottom:40px}
.hero-band{position:relative;margin:0 0 30px}
.hb-ph{margin:0;border:var(--b);box-shadow:10px 10px 0 var(--cop);overflow:hidden;position:relative}
.hb-ph img{width:100%;aspect-ratio:21/8;object-fit:cover;filter:saturate(.75) contrast(1.05)}
.hb-ph figcaption{position:absolute;right:10px;top:10px;font:400 11px "JBM";background:var(--deep);color:var(--con);padding:4px 8px}
.hb-plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:-60px 30px 0;position:relative}
.hb-plates div{background:var(--con);border:var(--b);margin-left:-3px;padding:18px 20px;min-width:0;animation:lift .8s var(--e) both}
.hb-plates div:nth-child(2){animation-delay:.1s;transform:translateY(16px)}.hb-plates div:nth-child(3){animation-delay:.2s}
.hb-plates dt{font:400 11.5px "JBM";text-transform:uppercase;letter-spacing:.12em;color:#8a3f1a}.hb-plates dd{margin:6px 0 0;font-weight:600}
.sv{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.sv-q{border:2px solid var(--deep);margin:0 0 -2px;padding:14px 16px;background:var(--con);min-width:0}
.sv-q legend{float:left;width:100%;padding:0;margin-bottom:10px}.sv-q legend b{font-family:"Oxanium";display:block}
.sv-q label{position:relative;display:inline-block;margin:0 6px 0 0;cursor:pointer}
.sv-q input{position:absolute;left:8px;top:8px;width:16px;height:16px;margin:0;opacity:0}
.sv-q span{display:block;padding:7px 14px;border:2px solid var(--deep);font:700 13px "Oxanium";text-transform:uppercase;transition:background .2s}
.sv-q input:checked+span{background:var(--deep);color:var(--con)}.sv-q input[value=n]:checked+span{background:var(--cop);border-color:var(--cop);color:var(--deep)}
.sv-q input:focus-visible+span{outline:3px solid var(--cop);outline-offset:2px}
.sv-fix{clear:both;margin:12px 0 0;padding:10px 12px;background:#e7e2d6;border-left:4px solid var(--cop);font-size:15px;animation:lift .4s var(--e)}
.sv-out{position:sticky;top:90px;background:var(--pet2);color:var(--con);border:var(--b);padding:22px}
.sv-k{font:400 12px "JBM";text-transform:uppercase;letter-spacing:.12em;color:var(--steel);margin:0 0 14px}
.sv-bars{display:flex;flex-direction:column-reverse;gap:5px;margin-bottom:16px}
.sv-bars i{height:22px;border:2px solid var(--steel);background:transparent;transform-origin:left;transition:background .3s,transform .4s var(--e)}
.sv-bars i.b-y{background:var(--con);border-color:var(--con)}.sv-bars i.b-u{background:repeating-linear-gradient(-45deg,var(--steel) 0 5px,transparent 5px 10px)}.sv-bars i.b-n{background:var(--cop);border-color:var(--cop);transform:scaleX(.6)}
.sv-v{margin:0;font-weight:600}
.pair.rev{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.shelf{list-style:none;margin:0 0 20px;padding:0}.shelf li{padding:12px 0;border-top:1px solid var(--con2)}.shelf a{font:700 18px "Oxanium";display:block;overflow-wrap:anywhere}.shelf span{font-size:15px}
.endc{background:var(--cop)}.endc h2{max-width:none}.endc-a{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}
@media (max-width:760px){.sv{grid-template-columns:minmax(0,1fr)}.sv-out{position:static}.hb-plates{grid-template-columns:minmax(0,1fr);margin:-30px 12px 0}.hb-plates div{margin:0 0 -3px}.hb-plates div:nth-child(2){transform:none}.hb-ph img{aspect-ratio:4/3}.pair.rev{grid-template-columns:minmax(0,1fr)}}