:root{
  --bg:#0a0908;--bg2:#100f0d;--ink:#ecebe6;--muted:#8d8b83;--dim:#57554f;
  --line:rgba(236,235,230,.1);--line2:rgba(236,235,230,.18);
  --acc:#ff5a1f;--acc-d:rgba(255,90,31,.14);
  --sans:'Inter Tight',Inter,system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);--pad:clamp(20px,4.2vw,64px);--gut:max(var(--pad),calc((100vw - 1560px) / 2));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
::selection{background:var(--acc);color:#0a0908}
.mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.acc{color:var(--acc)}
.mut{color:var(--muted)}
.px{padding-inline:var(--gut)!important}
.skip{position:absolute;left:-999px;top:8px;background:var(--acc);color:#000;padding:8px 12px;z-index:999}
.skip:focus{left:8px}

/* paper grid background */
.paper{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:120px 120px;opacity:.35;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%)}
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:1;touch-action:pan-y}
main,header,footer{position:relative;z-index:2}
body.paused *{animation-play-state:paused!important}

/* loader */
#ld{position:fixed;inset:0;z-index:500;background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;padding:var(--pad) var(--gut);transition:clip-path 1.1s var(--ease);clip-path:inset(0 0 0 0)}
#ld.done{clip-path:inset(0 0 100% 0)}
#ld .top,#ld .bot{display:flex;justify-content:space-between;color:var(--muted)}
#ld .big{font:300 clamp(80px,18vw,260px)/.8 var(--sans);letter-spacing:-.06em}
#ld .barw{height:1px;background:var(--line2);margin-top:20px;position:relative}
#ld .barw i{position:absolute;left:0;top:0;height:1px;background:var(--acc);width:0}

/* header */
header{position:fixed;top:0;left:0;right:0;z-index:60;mix-blend-mode:normal}
.hb{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;border-bottom:1px solid var(--line);background:rgba(10,9,8,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.logo{display:flex;align-items:center;gap:10px;font:500 17px var(--sans);letter-spacing:-.02em}
.logo svg{width:22px;height:22px}
.nav{display:flex;gap:28px}
.nav a{display:flex;gap:6px;align-items:baseline;color:var(--muted);transition:color .2s;font:500 14px var(--sans)}
.nav a sup{font:500 10px var(--mono);color:var(--dim)}
.nav a:hover{color:var(--ink)}
.nav a:hover sup{color:var(--acc)}
.hr{display:flex;justify-content:flex-end;align-items:center;gap:22px}
.clock{color:var(--muted)}
.cta-s{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 16px;border:1px solid var(--line2);border-radius:999px;font:500 13.5px var(--sans);transition:background .25s,color .25s,border-color .25s}
.cta-s:hover{background:var(--acc);color:#0a0908;border-color:var(--acc)}
.cta-s i{width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)}
.cta-s:hover i{background:#0a0908;box-shadow:none}

/* hero */
.hero{position:relative;height:100svh;min-height:680px;display:grid;grid-template-rows:1fr auto;padding-top:64px;pointer-events:none}
.hero a,.hero button{pointer-events:auto}
.corner{position:absolute;color:var(--muted);display:grid;gap:4px}
.corner.tl{top:88px;left:var(--gut)}
.corner.tr{top:88px;right:var(--gut);text-align:right}
.cross{position:absolute;width:14px;height:14px}
.cross::before,.cross::after{content:"";position:absolute;background:var(--line2)}
.cross::before{left:6px;top:0;width:1px;height:14px}.cross::after{top:6px;left:0;height:1px;width:14px}
.hero-b{align-self:end;display:grid;grid-template-columns:1fr minmax(300px,380px);gap:40px;align-items:end;padding-bottom:30px}
h1{font:400 clamp(42px,6.3vw,112px)/.92 var(--sans);letter-spacing:-.055em}
@media (min-width:821px){h1 .l{white-space:nowrap}}
h1 .l{display:block;overflow:hidden;padding:.08em 0 .24em;margin:-.08em 0 -.2em}
h1 .l>span{display:inline-block;transform:translateY(105%);transition:transform 1.3s var(--ease)}
body.ready h1 .l>span{transform:none}
body.ready h1 .l:nth-child(2)>span{transition-delay:.08s}
body.ready h1 .l:nth-child(3)>span{transition-delay:.16s}
h1 em{font-style:normal;color:var(--acc)}
.hero-r{display:grid;gap:26px;justify-items:start}
.hero-r p{color:#b5b3ab;font-size:16.5px;max-width:380px;text-shadow:0 0 20px #0a0908,0 0 6px #0a0908}
.fade{opacity:0;transform:translateY(14px);transition:opacity 1s var(--ease) .5s,transform 1s var(--ease) .5s}
body.ready .fade{opacity:1;transform:none}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 22px;border-radius:999px;font:500 15px var(--sans);border:1px solid var(--line2);background:transparent;color:var(--ink);cursor:pointer;transition:background .3s,color .3s,border-color .3s;position:relative;overflow:hidden;will-change:transform}
.btn .ar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#0a0908;transition:transform .4s var(--ease),background .3s}
.btn .ar svg{width:13px;height:13px}
.btn:hover .ar{transform:rotate(-45deg)}
.btn.pri{background:var(--acc);color:#0a0908;border-color:var(--acc)}
.btn.pri .ar{background:#0a0908;color:var(--acc)}
.btn.pri:hover{background:var(--ink);border-color:var(--ink)}
.btn:not(.pri):hover{border-color:var(--ink)}
.hero-f{display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;border-top:1px solid var(--line);background:rgba(10,9,8,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}
.hs{padding:18px 24px 20px;border-right:1px solid var(--line)}
.hs:first-child{padding-left:var(--gut)}
.hs b{display:block;font:400 30px/1.1 var(--sans);letter-spacing:-.04em;margin-top:6px}
.hs b small{font-size:15px;color:var(--muted);margin-left:4px}
.scenes{display:flex;align-items:stretch}
.scenes button{flex:1;background:none;border:0;border-right:1px solid var(--line);color:var(--muted);text-align:left;padding:18px 18px 20px;cursor:pointer;position:relative;font:inherit;transition:color .25s,background .25s}
.scenes button:last-child{border-right:0}
.scenes button b{display:block;font:500 15px var(--sans);color:var(--ink);margin-top:6px;letter-spacing:-.01em}
.scenes button:hover{background:rgba(236,235,230,.03)}
.scenes button .pg{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acc)}
.scenes button.on{color:var(--acc)}
.scenes button.on .pg{animation:pg 5.5s linear forwards}
body.paused .scenes button.on .pg,body.manual .scenes button.on .pg{animation:none;width:100%}
@keyframes pg{to{width:100%}}

/* sections common */
section{position:relative;padding-block:150px;background:var(--bg)}
.sh{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-bottom:70px}
.fig{color:var(--muted);display:flex;gap:12px;align-items:center}
.fig b{color:var(--acc);font-weight:500}
h2{font:400 clamp(36px,5vw,76px)/.98 var(--sans);letter-spacing:-.05em;max-width:900px}
h2 .mut{color:var(--dim)}
.rv{opacity:0;transform:translateY(36px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.sheet{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:var(--dim);margin-bottom:60px}

/* manifesto */
.mani{padding-block:200px 180px;background:transparent}
.mani .lbl{color:var(--muted);margin-bottom:40px;display:flex;gap:18px}
.mani p{font:400 clamp(30px,4.4vw,68px)/1.08 var(--sans);letter-spacing:-.045em;max-width:1300px}
.mani .w{opacity:.14;transition:opacity .4s}
.mani .w.on{opacity:1}
.mani .w.a.on{color:var(--acc)}

/* services */
.svc{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.sv{border-right:1px solid var(--line);padding:28px 26px 34px;display:flex;flex-direction:column;min-height:540px;position:relative;transition:background .4s}
.sv:last-child{border-right:0}
.sv:hover{background:var(--bg2)}
.sv .n{display:flex;justify-content:space-between;color:var(--muted)}
.sv .vis{height:170px;margin:34px 0 36px;position:relative}
.sv .vis svg{width:100%;height:100%;overflow:visible}
.sv .vis .st{stroke:var(--line2);fill:none;stroke-width:1}
.sv .vis .sa{stroke:var(--acc);fill:none;stroke-width:1.2;stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);transition:stroke-dashoffset 1.6s var(--ease)}
.sv:hover .vis .sa,.sv.in .vis .sa{stroke-dashoffset:0}
.sv .vis .dt{fill:var(--acc)}
.sv h3{font:400 30px/1.05 var(--sans);letter-spacing:-.04em;margin-bottom:14px}
.sv>p{color:var(--muted);font-size:15px;margin-bottom:26px}
.spec{margin-top:auto;border-top:1px solid var(--line)}
.spec div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font:400 12px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.spec div span:last-child{color:var(--ink)}

/* coverage */
.cov{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ch{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 18px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:background .35s,color .35s}
.ch .mono{color:var(--dim);transition:color .35s}
.ch b{font:400 24px/1 var(--sans);letter-spacing:-.04em}
.ch::after{content:"";position:absolute;inset:0;background:var(--acc);transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.ch{z-index:0}
.ch:hover{color:#0a0908}
.ch:hover .mono{color:rgba(10,9,8,.6)}
.ch:hover::after{transform:none}

/* process */
.proc{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:120px 1.2fr 2fr 140px;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .5s var(--ease)}
.row::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--acc);transition:width .8s var(--ease)}
.row:hover::before{width:100%}
.row:hover{padding-left:14px}
.row .k{font:400 13px var(--mono);color:var(--acc)}
.row h3{font:400 clamp(26px,2.8vw,42px)/1 var(--sans);letter-spacing:-.045em}
.row p{color:var(--muted)}
.row .t{text-align:right;color:var(--muted)}

/* marquee */
.mq{border-block:1px solid var(--line);overflow:hidden;padding:26px 0;background:var(--bg)}
.mq .tr{display:flex;width:max-content;animation:mq 50s linear infinite}
.mq span{font:300 clamp(48px,7vw,104px)/1 var(--sans);letter-spacing:-.05em;white-space:nowrap;padding-right:.5em;display:flex;align-items:center;gap:.5em}
.mq span::after{content:"";width:.28em;height:.28em;border-radius:50%;background:var(--acc)}
.mq span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--muted)}
@keyframes mq{to{transform:translateX(-50%)}}

/* brief (drawing sheet) */
.dwg{border:1px solid var(--line2);display:grid;grid-template-columns:1fr 1.25fr;position:relative}
.dwg .tick{position:absolute;width:10px;height:10px;border-color:var(--acc);border-style:solid}
.dwg .t1{top:-1px;left:-1px;border-width:2px 0 0 2px}.dwg .t2{top:-1px;right:-1px;border-width:2px 2px 0 0}
.dwg .t3{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.dwg .t4{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.dwg-l{padding:44px;border-right:1px solid var(--line2);display:flex;flex-direction:column}
.dwg-l h2{font-size:clamp(34px,4vw,60px)}
.dwg-l .perks{margin-top:40px;display:grid}
.dwg-l .perks div{display:grid;grid-template-columns:40px 1fr;padding:16px 0;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.dwg-l .perks b{display:block;color:var(--ink);font-weight:500}
.tblock{margin-top:auto;padding-top:40px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line2)}
.tblock div{padding:12px 12px 0 0;color:var(--dim)}
.tblock div b{display:block;color:var(--ink);font:400 13px var(--mono);margin-top:4px;text-transform:none}
.dwg-r{padding:44px}
form{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.full{grid-column:1/-1}
.fld{position:relative;padding-top:22px;margin-bottom:22px}
.fld label{position:absolute;top:0;left:0;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fld label i{color:var(--acc);font-style:normal;margin-right:6px}
input,select,textarea{width:100%;height:50px;background:transparent;border:0;border-bottom:1px solid var(--line2);border-radius:0;color:var(--ink);font:400 18px/1.3 var(--sans);letter-spacing:-.01em;padding:0;transition:border-color .3s}
textarea{height:110px;padding-top:12px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--dim)}
input:hover,select:hover,textarea:hover{border-color:var(--muted)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc)}
.fld .ln{position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--acc);transition:width .5s var(--ease)}
.fld:focus-within .ln{width:100%}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238d8b83' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 4px center;background-size:12px 8px}
select option{background:#151412;color:var(--ink)}
.sub{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;flex-wrap:wrap}
.sub .mono{color:var(--dim)}

/* domain sale */
.sale{display:grid;grid-template-columns:1.5fr 1fr;border:1px solid var(--line2)}
.sale-l{padding:50px 44px;border-right:1px solid var(--line2);position:relative;overflow:hidden}
.sale-l .dn{font:400 clamp(52px,9vw,150px)/.9 var(--sans);letter-spacing:-.07em;margin:26px 0 30px}
.sale-l .dn span{color:var(--acc)}
.sale-l p{color:var(--muted);max-width:520px;font-size:17px}
.sale-r{display:grid;grid-template-rows:repeat(4,auto) 1fr}
.sale-r div{padding:18px 30px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;color:var(--muted)}
.sale-r div b{color:var(--ink);font-weight:500;font-family:var(--mono);font-size:12px}
.sale-r .go{display:flex;align-items:flex-end;padding:30px;border-bottom:0}
.sale-r .go .btn{width:100%;justify-content:space-between}
.live{display:inline-flex;align-items:center;gap:8px;color:var(--acc)!important}
.live i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:bl 1.4s infinite}
@keyframes bl{50%{opacity:.2}}

/* faq */
.faq{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px 1fr 40px;gap:30px;align-items:center;padding:28px 0;font:400 clamp(20px,2vw,28px)/1.2 var(--sans);letter-spacing:-.03em;transition:color .25s}
summary::-webkit-details-marker{display:none}
summary .mono{color:var(--dim)}
summary:hover{color:var(--acc)}
summary .pm{width:28px;height:28px;border:1px solid var(--line2);border-radius:50%;position:relative;justify-self:end}
summary .pm::before,summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .4s var(--ease)}
summary .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] summary .pm::after{transform:translate(-50%,-50%) rotate(0)}
details p{padding:0 0 30px 150px;color:var(--muted);max-width:820px;font-size:17px}

/* footer */
footer{background:var(--bg);border-top:1px solid var(--line);padding-top:70px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:30px;padding-bottom:70px}
.fg h4{color:var(--dim);margin-bottom:16px;font-weight:400}
.fg a{display:block;color:var(--muted);padding:3px 0;transition:color .2s}
.fg a:hover{color:var(--acc)}
.fg .lead{font:400 28px/1.1 var(--sans);letter-spacing:-.04em;max-width:360px}
.status div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.status b{color:var(--ink);font-weight:400}
.pause{margin-top:14px;background:none;border:1px solid var(--line2);color:var(--muted);height:34px;padding:0 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.pause:hover{color:var(--ink);border-color:var(--ink)}
.wm{font:400 clamp(56px,16.5vw,300px)/.78 var(--sans);letter-spacing:-.075em;white-space:nowrap;color:var(--ink);overflow:hidden;padding:.1em 0 .26em;margin-top:-.1em}
.wm span{color:var(--acc)}
.fb{display:flex;justify-content:space-between;padding:18px 0 22px;border-top:1px solid var(--line);color:var(--dim)}

/* cursor */
.cur{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--acc);pointer-events:none;z-index:400;transform:translate(-50%,-50%);transition:width .3s var(--ease),height .3s var(--ease),opacity .3s;mix-blend-mode:difference;display:none}
.cur.big{width:56px;height:56px}
@media (pointer:fine){.cur{display:block}}

@media (max-width:1100px){
  .nav{display:none}
  .hb{grid-template-columns:1fr auto}
  .svc{grid-template-columns:1fr 1fr}
  .sv:nth-child(2){border-right:0}
  .sv:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .cov{grid-template-columns:repeat(3,1fr)}
  .hero-f{grid-template-columns:repeat(3,1fr)}
  .scenes{grid-column:1/-1;border-top:1px solid var(--line)}
  .scenes button:first-child{padding-left:var(--gut)}
  .scenes button:last-child{padding-right:var(--gut)}
  .hs:last-child{padding-right:var(--gut)}
  .fg{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .clock{display:none}
  .hero-b{grid-template-columns:1fr;gap:24px}
  .sh{grid-template-columns:1fr;gap:18px;padding-bottom:44px}
  .row{grid-template-columns:60px 1fr;gap:10px 20px}
  .row p{grid-column:2}
  .row .t{display:none}
  .dwg,.sale{grid-template-columns:1fr}
  .dwg-l,.sale-l{border-right:0;border-bottom:1px solid var(--line2)}
  summary{grid-template-columns:50px 1fr 30px;gap:14px}
  details p{padding-left:64px}
  section{padding-block:100px}
  .corner.tr{display:none}
}
@media (max-width:560px){
  .svc{grid-template-columns:1fr}
  .sv{border-right:0;border-bottom:1px solid var(--line);min-height:0}
  .cov{grid-template-columns:1fr 1fr}
  .hero-f{grid-template-columns:repeat(3,1fr)}
  .hs{padding:14px 12px 16px}
  .hs b{font-size:22px}
  .scenes button{padding:14px 10px 16px}
  .scenes button b{font-size:13px}
  .dwg-l,.dwg-r,.sale-l{padding:28px 20px}
  form{grid-template-columns:1fr}
  .tblock{grid-template-columns:1fr 1fr}
  .sale-r div,.sale-r .go{padding:16px 20px}
  .fg{grid-template-columns:1fr}
  .btns .btn{flex:1;justify-content:space-between;padding:0 8px 0 14px;gap:8px;font-size:14px;white-space:nowrap}
  .cta-s .tx{display:none}
  .corner.tl{display:none}
  .hero{min-height:620px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv,.fade,h1 .l>span{opacity:1!important;transform:none!important}}

/* ---- v4: chain deck, ticker, logos ---- */
.tk{position:relative;z-index:2;border-block:1px solid var(--line);background:var(--bg);overflow:hidden;height:46px;display:flex;align-items:center}
.tk .tr{display:flex;width:max-content;animation:mq 60s linear infinite}
.tk .it{display:flex;align-items:center;gap:10px;padding:0 28px;border-right:1px solid var(--line);white-space:nowrap;height:46px}
.tk .it svg{width:18px;height:18px;flex:none}
.tk .it b{font:500 13px var(--sans);letter-spacing:-.01em}
.tk .it .pr{color:var(--ink)}
.up{color:#3ddc97}.dn{color:#ff6b5e}
.deck{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);position:relative;margin-bottom:72px}
#coins{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.dk{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 20px 22px;display:flex;flex-direction:column;position:relative;min-width:0;transition:background .4s}
.dk:hover{background:radial-gradient(120% 70% at 50% 35%,color-mix(in srgb,var(--c) 14%,transparent),transparent 70%)}
.dk .dt{display:flex;justify-content:space-between;color:var(--dim);gap:8px}
.dk .dt span:last-child{color:var(--c)}
.dk .cv{height:clamp(190px,19vw,280px);position:relative}
.dk .cv::after{content:"";position:absolute;left:50%;bottom:6%;width:46%;height:10px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);filter:blur(2px)}
.dk h3{font:400 clamp(24px,2.3vw,34px)/1 var(--sans);letter-spacing:-.045em;margin-bottom:10px}
.dk .pp{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.dk .pp .pr{font:400 clamp(18px,1.6vw,22px)/1 var(--mono);letter-spacing:-.02em;text-transform:none}
.dk .kv{border-top:1px solid var(--line)}
.dk .kv div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font:400 13px var(--sans);color:var(--muted)}
.dk .kv div span:last-child{color:var(--ink);text-align:right}
.dk .hx{margin-top:14px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;font-size:10.5px}
.ch .lg{position:absolute;top:18px;right:18px;width:34px;height:34px;transition:transform .5s var(--ease)}
.ch:hover .lg{transform:scale(1.12) rotate(-6deg)}
.ch .lg svg{width:100%;height:100%;display:block}
.ch.big b{color:var(--ink)}
@media (max-width:1100px){.deck{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
  .dk{padding:14px 12px 16px}
  .dk .cv{height:150px}
  .dk h3{font-size:21px}
  .dk .pp .pr{font-size:15px}
  .dk .kv div{font-size:11.5px;padding:6px 0}
  .dk .hx{display:none}
  .tk .it{padding:0 18px}
  .ch .lg{width:26px;height:26px;top:14px;right:14px}
}