/* MOMENTUS · Archive (B147) — Figma "Frame 2087329409": a light list on the left, the 3D card on the right.
   One unit = 1 px of the 1920 px design frame, scaled to the window (--u). */
@font-face{font-family:"MOMENTUS Wraith";src:url('/sandbox/geng/brand/assets/WraithMono.woff') format('woff');font-display:swap}
:root{--u:calc(min(100vw,2400px)/1920);--ink:#111;--ink-2:#8b8b8b;--line:#cfcfcf;--paper:#f0f0f0;--navy:#0e1018;--white:#f4f4f4;
 --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"MOMENTUS Wraith",ui-monospace,"SF Mono",Menlo,monospace;--mono-list:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
 --mono-s:max(10px,calc(13*var(--u)));--list-s:max(10px,calc(12.5*var(--u)));color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body.ar{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}
button,input,a{font:inherit;color:inherit}
a{text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}

/* ---------- the glass nav across both halves (x 31, y 32, 1858 x 68) ---------- */
.ar-nav{position:fixed;z-index:20;left:calc(31*var(--u));right:calc(31*var(--u));top:calc(32*var(--u));height:max(48px,calc(68*var(--u)));
 display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 calc(16*var(--u)) 0 calc(14*var(--u));border-radius:max(8px,calc(10*var(--u)));
 background:linear-gradient(90deg,rgba(214,214,214,.72) 0%,rgba(205,205,205,.62) 36%,rgba(150,152,160,.5) 47%,rgba(44,46,56,.55) 53%,rgba(34,36,46,.6) 100%);
 border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);color:#fff;font-size:max(12px,calc(17*var(--u)))}
.ar-mark{display:block;width:max(34px,calc(47*var(--u)));color:#1b1b1d}
.ar-mark svg{display:block;width:100%;height:auto;fill:currentColor}
.ar-ticker{display:flex;gap:calc(20*var(--u));align-items:center;white-space:nowrap;font-weight:500;letter-spacing:-.005em}
#ar-ticker{color:rgba(255,255,255,.92)}
.ar-sep{opacity:.9}
#ar-clock{font-variant-numeric:tabular-nums;font-weight:600}
.ar-links{justify-self:end;display:flex;gap:calc(21*var(--u));align-items:center}
.ar-links a,.ar-links button{background:none;border:0;cursor:pointer;color:#fff;font-weight:500;position:relative;padding:4px 0}
.ar-links a i{display:inline-block;width:max(9px,calc(14*var(--u)));height:max(9px,calc(14*var(--u)));border-radius:50%;background:#d6ff3a;margin-left:5px;vertical-align:middle;transform:translateY(-1px)}
.ar-links a:hover,.ar-links button:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- layout: left list 974 / right showcase 946 ---------- */
.ar-main{display:grid;grid-template-columns:calc(974/1920*100%) 1fr;height:100dvh}
.ar-left{position:relative;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);padding:calc(162*var(--u)) calc(44*var(--u)) calc(80*var(--u)) calc(47*var(--u));scrollbar-width:thin}
.ar-intro{padding-left:calc(6*var(--u));margin-bottom:calc(83*var(--u))}
.ar-intro h1{font-family:var(--sans);font-weight:700;font-size:max(40px,calc(68*var(--u)));line-height:.97;letter-spacing:-.045em;color:#141414;margin-bottom:calc(24*var(--u))}
.ar-pill{display:inline-flex;align-items:center;justify-content:center;height:max(30px,calc(39*var(--u)));padding:0 calc(30*var(--u));border-radius:max(7px,calc(9*var(--u)));border:0;cursor:pointer;
 background:#dcdcdc;color:#111;font-family:var(--mono);font-size:var(--mono-s);letter-spacing:.06em;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.ar-pill:hover{background:#d2d2d2}
.ar-search{display:flex;align-items:center;gap:12px;margin:0 0 calc(12*var(--u));padding:0 calc(12*var(--u))}
.ar-search[hidden]{display:none}
.ar-search input{flex:1;height:36px;border:0;border-bottom:1px solid #bdbdbd;background:transparent;font-family:var(--mono-list);font-size:var(--mono-s);outline:none;padding:0 2px}
.ar-search input:focus{border-bottom-color:#111}
#ar-count{font-family:var(--mono-list);font-size:var(--mono-s);color:var(--ink-2)}
.ar-empty{font-family:var(--mono);font-size:var(--mono-s);color:var(--ink-2);padding:24px 12px}

/* a row: 883 x 163, thumb 107 x 143 at 12,12, info at 131 */
.ar-list{list-style:none}
.ar-row{position:relative;display:grid;grid-template-columns:calc(107*var(--u)) 1fr;column-gap:calc(12*var(--u));padding:calc(12*var(--u));min-height:calc(163*var(--u));cursor:pointer;
 border-bottom:1px solid var(--line);transition:background-color .12s;outline:none}
.ar-row:last-child{border-bottom:0}
.ar-row:hover{background:rgba(0,0,0,.025)}
.ar-row[aria-selected=true]{background:rgba(0,0,0,.05)}
.ar-row[aria-selected=true]::before{content:'';position:absolute;left:0;top:calc(12*var(--u));bottom:calc(12*var(--u));width:2px;background:#111}
.ar-row:focus-visible{box-shadow:inset 0 0 0 2px #3b82f6}
.ar-thumb{width:calc(107*var(--u));min-width:64px;aspect-ratio:107/143;object-fit:cover;background:#dedede;display:block}
.ar-info{display:grid;grid-template-columns:calc(154*var(--u)) calc(125*var(--u)) calc(129*var(--u)) calc(147*var(--u)) 1fr auto;align-content:space-between;font-family:var(--mono-list);font-size:var(--mono-s);line-height:1.32;min-width:0}
.ar-f{min-width:0;padding-right:8px;font-size:var(--list-s)}
.ar-f dt{color:var(--ink-2);white-space:nowrap}
.ar-f dd{color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-f.low{padding-top:calc(4*var(--u))}
.ar-f.price{text-align:right;padding-right:0}
.ar-f dd.none{color:#b6b6b6}
.ar-name{grid-column:1/-1;align-self:end;display:flex;gap:10px;align-items:baseline;color:#111;font-family:var(--mono-list);font-size:var(--mono-s);padding-top:10px}
.ar-name b{font-weight:600;letter-spacing:.01em}
.ar-name span{color:var(--ink-2)}
.ar-group{font-family:var(--mono-list);font-size:var(--mono-s);color:var(--ink-2);padding:calc(28*var(--u)) calc(12*var(--u)) calc(8*var(--u));border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em}

/* ---------- right: the 3D card in the room ---------- */
.ar-right{position:relative;overflow:hidden;background:var(--navy);color:var(--white);isolation:isolate}
.ar-stage{position:absolute;inset:0;z-index:1;cursor:grab;touch-action:none;outline:none}
.ar-stage:active{cursor:grabbing}
.ar-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.ar-fallback{position:absolute;left:50%;top:53%;width:46%;max-width:420px;transform:translate(-50%,-50%);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ar-show-head{position:absolute;z-index:2;left:0;right:0;top:calc(172/1080*100%);text-align:center;font-family:var(--sans);font-weight:700;font-size:max(20px,calc(30*var(--u)));line-height:1.02;letter-spacing:-.035em;color:#fff;pointer-events:none;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.ar-show-foot{position:absolute;z-index:2;left:0;right:0;top:calc(907/1080*100%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.ar-card-name{font-family:var(--mono);font-size:var(--mono-s);letter-spacing:.06em;color:rgba(255,255,255,.62);text-transform:uppercase;min-height:1.2em;order:2;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.ar-glass{pointer-events:auto;background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);padding:0 calc(32*var(--u));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ar-glass:hover{background:rgba(255,255,255,.14)}
.ar-glass[hidden]{display:none}
.ar-glass.is-off{opacity:.62;cursor:default;pointer-events:none}
.ar-meta{position:absolute;z-index:2;left:calc(693/946*100%);bottom:calc(28/1080*100%);display:grid;grid-template-columns:auto auto;column-gap:calc(50*var(--u));font-family:var(--mono);font-size:max(10px,calc(12*var(--u)));line-height:1.25;color:#fff;pointer-events:none;text-transform:uppercase;white-space:nowrap}
.ar-meta dd{margin:0}
.ar-drawer-handle{display:none}

/* the drop pages' ambient room (card-case.css), in the archive's navy */
.ar-room{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--navy);--ax:0px;--ay:0px}
.ar-plane{position:absolute;inset:-4%}
.ar-far{transform:translate3d(calc(var(--ax)*-.35),calc(var(--ay)*-.35),0)}
.ar-near{transform:translate3d(var(--ax),var(--ay),0)}
.ar-light{position:absolute;inset:0;animation:ar-far-drift 38s ease-in-out infinite;transform-origin:50% 50%;background-color:#3c3f5a;filter:brightness(1.75) saturate(1.18)}
.ar-far .ar-light{-webkit-mask-image:radial-gradient(ellipse 70% 62% at 50% 50%,#000b 0%,transparent 100%);mask-image:radial-gradient(ellipse 70% 62% at 50% 50%,#000b 0%,transparent 100%)}
.ar-near .ar-light{background-color:#2a2d44;animation-name:ar-near-drift;animation-duration:29s;animation-delay:-11s;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 52% 58%,#000a 0%,transparent 100%);mask-image:radial-gradient(ellipse 60% 70% at 52% 58%,#000a 0%,transparent 100%)}
.ar-room:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 78% 74% at 50% 52%,transparent 12%,rgba(10,12,19,.92) 100%)}
.ar-room:before{content:'';position:absolute;inset:0;z-index:2;background:url('/sandbox/geng/brand/assets/ambient-dither.png') repeat;background-size:128px 128px;mix-blend-mode:soft-light;opacity:.015}
.ar-room[data-paused=true] .ar-light{animation-play-state:paused}
@keyframes ar-far-drift{0%,100%{transform:translate3d(-1.8%,-1%,0) scale(1.03)}50%{transform:translate3d(1.8%,1.4%,0) scale(1.06)}}
@keyframes ar-near-drift{0%,100%{transform:translate3d(1.4%,1.5%,0) scale(1.04)}50%{transform:translate3d(-1.6%,-1.2%,0) scale(1.02)}}
@media(prefers-reduced-motion:reduce){.ar-light{animation:none}.ar-plane{transform:none}}

/* ---------- narrower desktops ---------- */
@media(max-width:1180px) and (min-width:821px){
 .ar-info{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:6px;align-content:start}
 .ar-f.low{padding-top:0}.ar-f.price{text-align:left}
 :root{--mono-s:11px}
}

/* ---------- phones and narrow tablets: the card on top, the list as a drawer over it ---------- */
@media(max-width:820px){
 :root{--u:calc(100vw/430);--mono-s:11px}
 html,body{height:auto}
 body.ar{overflow:visible}
 .ar-nav{left:10px;right:10px;top:max(10px,env(safe-area-inset-top));height:48px;padding:0 12px 0 10px;font-size:13px;grid-template-columns:auto 1fr auto;
  background:linear-gradient(90deg,rgba(214,214,214,.78),rgba(150,152,160,.55) 45%,rgba(34,36,46,.62) 60%)}
 .ar-mark{width:32px}
 .ar-ticker{justify-self:center;font-size:12px;gap:8px}
 #ar-ticker{display:none}.ar-sep{display:none}
 .ar-links{gap:12px}.ar-links a[href="/"]{display:none}
 .ar-main{display:flex;flex-direction:column;height:auto}
 .ar-right{order:-1;flex:none;position:sticky;top:0;height:min(56svh,560px);z-index:3;box-shadow:0 8px 24px rgba(0,0,0,.18)}
 .ar-show-head{top:72px;font-size:18px}
 .ar-show-foot{top:auto;bottom:12px;gap:6px}
 .ar-meta{display:none}
 .ar-left{position:relative;z-index:1;overflow:visible;padding:20px 12px 48px;min-height:50svh}
 .ar-intro{margin-bottom:18px;padding-left:4px}
 .ar-intro h1{font-size:40px;margin-bottom:14px}
 .ar-row{grid-template-columns:76px 1fr;min-height:0;padding:10px 6px;column-gap:12px}
 .ar-thumb{width:76px;min-width:0}
 .ar-info{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:6px;align-content:start}
 .ar-f.low{padding-top:0}.ar-f.price{text-align:left}
 .ar-name{padding-top:6px}
}
/* ---------- B152: collections fold away ---------- */
.ar-gh{padding:0!important}
.ar-gbtn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:calc(14*var(--u)) calc(12*var(--u)) calc(10*var(--u));cursor:pointer;font:inherit;color:inherit;text-transform:uppercase;letter-spacing:.06em;-webkit-tap-highlight-color:transparent}
.ar-gbtn:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}
.ar-gname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-gcount{flex:none;color:var(--ink-2);font-weight:400;letter-spacing:.04em;text-transform:none;white-space:nowrap}
.ar-gchev{flex:none;width:14px;height:14px;color:#1b1b1d;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.ar-gbtn[aria-expanded=true] .ar-gchev{transform:rotate(180deg)}
.ar-gfan{display:none;position:relative;flex:none;width:44px;height:34px}
.ar-gfan img{position:absolute;bottom:0;left:calc(var(--i)*8px);height:32px;width:auto;aspect-ratio:63.5/88.9;object-fit:cover;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.22);transform:rotate(calc((var(--i) - 1)*7deg));transform-origin:50% 100%}
.ar-gbody{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s cubic-bezier(.22,.61,.36,1),opacity .3s ease-out}
.ar-gbody.open{grid-template-rows:1fr;opacity:1}
.ar-gin{overflow:hidden;min-height:0}
.ar-glist{list-style:none}
@media(max-width:768px){.ar-gfan{display:block}.ar-gbtn{padding:12px 6px 10px}}
@media(prefers-reduced-motion:reduce){.ar-gbody,.ar-gchev{transition:none}}
/* ---------- B151: list thumbnails: just the card, no backdrop ---------- */
.ar-thumb{background:transparent;object-fit:cover}
/* ---------- B149: columns, separators, showcase ---------- */
.ar-info{grid-template-columns:calc(190*var(--u)) calc(108*var(--u)) calc(128*var(--u)) minmax(0,1fr) auto}
.ar-f.end{text-align:right;padding-right:0}
.ar-row{border-bottom:1px solid rgba(0,0,0,.07)}
.ar-group{border-bottom:0;border-top:1px solid #1b1b1d;margin-top:calc(44*var(--u));padding:calc(14*var(--u)) calc(12*var(--u)) calc(10*var(--u));color:#1b1b1d;font-weight:600}
.ar-group:first-child{margin-top:0}
.ar-intro{margin-bottom:calc(36*var(--u))}
.ar-intro h1{margin-bottom:0}
.ar-show-head{transition:opacity .2s ease}.ar-show-head.swap{opacity:0}
@media(max-width:1180px) and (min-width:821px){.ar-info{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-f.end{text-align:left}}
@media(max-width:820px){.ar-info{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-f.end{text-align:left}.ar-right{height:min(64svh,640px)}.ar-intro{margin-bottom:10px}.ar-group{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.ar-show-head{transition:none}}
/* ---------- B152b: the phone archive: a shorter showcase that scrolls away, readable rows ---------- */
.ar-m,.ar-mhead{display:none}
@media(min-width:821px){.ar-intro h1{font-size:max(28px,calc(41*var(--u)))}}   /* desktop: the headline at 60%, the card has the room */
@media(max-width:820px){
 .ar-main{display:block;height:auto}
 .ar-left{padding:calc(max(10px,env(safe-area-inset-top)) + 60px) 14px calc(env(safe-area-inset-bottom) + 56px);overflow:visible;min-height:100svh}
 .ar-intro{margin:0;padding:0}
 .ar-intro h1{display:none}
 .ar-mhead{display:flex;justify-content:space-between;align-items:center;height:28px;margin:0 2px 4px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#1b1b1d}
 .ar-mhead span+span{color:var(--ink-2);letter-spacing:.08em}
 .ar-group{margin-top:18px}
 .ar-group:first-child{margin-top:0}
 .ar-gname{white-space:normal;overflow:visible;line-height:1.3}
 .ar-glist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding:20px 8px 16px}
 .ar-row{display:flex;flex-direction:column;gap:13px;min-height:0;padding:0;border:0;background:none;-webkit-tap-highlight-color:transparent}
 .ar-row::before{display:none}
 .ar-row:hover,.ar-row[aria-selected=true]{background:none}
 .ar-row:focus-visible{box-shadow:none}
 .ar-row:focus-visible .ar-thumb{outline:none}
 .ar-thumb{width:100%;min-width:0;height:auto;aspect-ratio:63.5/88.9;object-fit:contain;background:transparent;padding:0;border-radius:0!important;box-shadow:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));transition:transform .2s ease,filter .2s ease}
 .ar-row:active .ar-thumb{transform:scale(.97)}
 .ar-row[aria-selected=true] .ar-thumb{transform:translateY(-3px);filter:drop-shadow(0 10px 16px rgba(0,0,0,.18))}
 .ar-row[aria-selected=true] .ar-m-name::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#111;margin-right:7px;vertical-align:2px}
 .ar-info{display:none}
 .ar-m{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 2px}
 .ar-m p{overflow-wrap:anywhere}
 .ar-m-name{font-family:var(--mono);font-weight:400;font-size:11.5px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:#111}
 .ar-m-tile{display:none}
 .ar-gfan img{border-radius:0}
 .ar-m-var,.ar-m-meta,.ar-m-x{display:none}
 /* the viewer: a full-screen sheet over the grid */
 html.ar-vlock,html.ar-vlock body{overflow:hidden}
 .ar-right.ar-viewer{position:fixed;inset:0;z-index:60;height:auto;min-height:0;display:none;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .3s ease,transform .3s cubic-bezier(.22,.61,.36,1);box-shadow:none;touch-action:none;overscroll-behavior:contain}
 .ar-right.ar-viewer.on{display:block}
 .ar-right.ar-viewer.open{opacity:1;transform:none}
 .ar-stage{touch-action:none;transition:opacity .1s ease}
 .ar-right.ar-viewer.warm{visibility:hidden;pointer-events:none}
 .ar-right.ar-viewer .ar-stage{top:calc(max(10px,env(safe-area-inset-top)) + 80px);bottom:calc(env(safe-area-inset-bottom) + 118px)}
 .ar-stage.vwait{opacity:0}
 .ar-show-head{top:calc(max(10px,env(safe-area-inset-top)) + 20px);left:64px;right:64px;font-size:18px;line-height:1.15}
 .ar-show-foot,.ar-meta,.ar-drawer-handle{display:none}
 .ar-fallback{top:47%;width:72%}
 .ar-vghost{position:absolute;z-index:1;left:0;top:0;width:0;height:0;pointer-events:none;object-fit:cover;opacity:0;box-shadow:0 24px 60px rgba(0,0,0,.4);will-change:transform,opacity}
 .ar-vclose{position:absolute;z-index:4;top:calc(max(10px,env(safe-area-inset-top)) + 8px);right:10px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .ar-vclose svg{width:15px;height:15px}
 .ar-right.ar-viewer:focus{outline:none}
 .ar-vclose:focus-visible,.ar-vnav:focus-visible{outline:1.5px solid rgba(255,255,255,.7);outline-offset:2px}
 .ar-vcount{position:absolute;z-index:3;left:0;right:0;top:calc(max(10px,env(safe-area-inset-top)) + 52px);text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:rgba(255,255,255,.6);pointer-events:none;line-height:24px;min-height:24px}
 .ar-vnav{position:absolute;z-index:4;top:calc(max(10px,env(safe-area-inset-top)) + 48px);width:32px;height:32px;border:0;border-radius:50%;background:none;color:rgba(255,255,255,.75);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .ar-vnav svg{width:14px;height:14px}
 .ar-vnav:disabled{opacity:.25;cursor:default}
 .ar-vprev{left:calc(50% - 82px)}.ar-vnext{right:calc(50% - 82px)}
 .ar-vinfo{position:absolute;z-index:3;left:20px;right:20px;bottom:calc(env(safe-area-inset-bottom) + 22px);color:#fff;pointer-events:none}
 .ar-vcoll{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.92);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}
 .ar-vinfo dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}
 .ar-vinfo dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:3px}
 .ar-vinfo dd{margin:0;font-family:var(--sans);font-size:13px;line-height:1.25;color:#fff;overflow-wrap:anywhere}
 .ar-light{animation:none}
 .ar-room:before{display:none}
}
@media(max-width:820px) and (min-width:430px){.ar-glist{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}}
@media(max-width:820px){   /* phones: the archive on black */
 :root{--paper:#0a0a0a;--ink-2:#8a8a8a;color-scheme:dark}
 body.ar{background:#0a0a0a;color:#ededed}
 .ar-mhead{color:#f2f2f2}
 .ar-group{border-top-color:rgba(255,255,255,.16);color:#ededed}
 .ar-gchev{color:#e6e6e6}
 .ar-gfan img{box-shadow:none}
 .ar-m-name{color:#ededed}
 .ar-thumb,.ar-row[aria-selected=true] .ar-thumb{filter:none}
 .ar-row[aria-selected=true] .ar-m-name::before{background:#fff}
 .ar-gbtn:focus-visible{outline-color:rgba(255,255,255,.6)}
}
@media(max-width:820px) and (prefers-reduced-motion:reduce){.ar-right.ar-viewer,.ar-stage,.ar-thumb{transition:none}}
/* ---------- B152c: one family (WraithMono), two sizes: display for names and the headline, 11.5px for the rest ---------- */
.ar-intro h1,.ar-show-head{font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:max(22px,calc(32*var(--u)));line-height:1.08;text-shadow:none}
.ar-info,.ar-f,.ar-f dt,.ar-f dd,.ar-name,.ar-name b,.ar-name span,.ar-group,.ar-gbtn,.ar-gname,.ar-gcount,.ar-card-name,.ar-meta,.ar-mhead,.ar-search input,#ar-count,.ar-empty{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:400}
.ar-f dt,.ar-name span,.ar-gcount{color:var(--ink-2)}
.ar-f dd{color:#111}
.ar-card-name{color:rgba(255,255,255,.62)}
@media(min-width:1181px){.ar-info{grid-template-columns:calc(176*var(--u)) calc(104*var(--u)) calc(146*var(--u)) minmax(0,1fr) auto}}   /* the wider uppercase labels: Release Date gets room */
@media(max-width:820px){
 .ar-show-head{font-size:18px;letter-spacing:.06em;line-height:1.15}
 .ar-vcount,.ar-vcoll,.ar-vinfo dt,.ar-vinfo dd,.ar-m-name,.ar-mhead,.ar-mhead span,.ar-gbtn,.ar-gname,.ar-gcount{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:400}
 .ar-vinfo dt{color:rgba(255,255,255,.45);margin-bottom:4px}
 .ar-vinfo dd{color:#fff;line-height:1.35}
 .ar-vcount{color:rgba(255,255,255,.6)}
 .ar-gcount,.ar-mhead span+span{color:var(--ink-2)}
}
/* ---------- B155: small type in SF Mono (headlines stay WraithMono); the showcase: collection above, name + date · artist below ---------- */
:root{--sfmono:"SF Mono",SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}
.ar-info,.ar-f,.ar-f dt,.ar-f dd,.ar-name,.ar-name b,.ar-name span,.ar-group,.ar-gbtn,.ar-gname,.ar-gcount,.ar-card-name,.ar-meta,.ar-mhead,.ar-mhead span,.ar-search input,#ar-count,.ar-empty,.ar-vcount,.ar-vcoll,.ar-vinfo dt,.ar-vinfo dd,.ar-m-name,.ar-vhint{font-family:var(--sfmono);font-weight:400;letter-spacing:.05em}
@media(min-width:821px){.ar-show-head{top:calc(24% - 34px - max(22px,calc(32*var(--u))))}.ar-show-foot{top:calc(81% + 20px);gap:8px;left:24px;right:24px}}
.ar-foot-name{order:1;margin:0;font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:max(16px,calc(22*var(--u)));line-height:1.15;color:#fff;text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.ar-card-name{order:2;text-align:center;color:rgba(255,255,255,.62)}
.ar-meta{display:none!important}
@media(min-width:1181px){.ar-info{grid-template-columns:calc(210*var(--u)) calc(150*var(--u)) minmax(0,1fr) auto}}   /* no Rarity: Collection, Release date, Artist, Created by */
.ar-f.low{padding-top:0}
@media(max-width:820px){
 .ar-show-foot{display:flex;top:var(--vfoot,auto);bottom:auto;left:24px;right:24px;gap:6px}
 .ar-foot-name{font-size:16px}
 .ar-vinfo{display:none}
 .ar-vflat{position:absolute;z-index:1;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;overflow:hidden;background:#111;box-shadow:0 26px 60px rgba(0,0,0,.5);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .28s cubic-bezier(.22,.61,.36,1);will-change:transform,opacity}
 .ar-vflat .ar-vghost{position:static;display:block;width:100%;height:100%;object-fit:cover;opacity:1;box-shadow:none;border-radius:0!important}
 .ar-vflat::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.2) 46%,rgba(255,255,255,.04) 56%,transparent 70%);background-size:260% 100%;mix-blend-mode:screen;animation:ar-sheen 5.5s ease-in-out infinite}
 .ar-vhint{position:absolute;z-index:5;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 30px);margin:0;text-align:center;font-size:11px;text-transform:uppercase;color:rgba(255,255,255,.75);opacity:0;transition:opacity .45s ease;pointer-events:none}
 .ar-vhint.on{opacity:1}
}
@keyframes ar-sheen{0%,100%{background-position:115% 0}50%{background-position:-15% 0}}
@media(prefers-reduced-motion:reduce){.ar-vflat::after{animation:none}.ar-vflat{transition:none}}
/* ---------- B157: the desktop list fits its column (container widths): thumbnail never under the text; 4 / 2 / 1 meta columns ---------- */
.ar-left{container-type:inline-size;container-name:arlist}
@media(min-width:821px){
 .ar-row{grid-template-columns:clamp(64px,calc(107*var(--u)),118px) minmax(0,1fr);column-gap:16px}
 .ar-thumb{width:100%;min-width:0}
 @container arlist (min-width:860px){.ar-info{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.3fr) auto}.ar-f.end{text-align:right}}
 @container arlist (max-width:859px){.ar-info{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px;align-content:start}.ar-f.end{text-align:left}.ar-f dd{white-space:normal;overflow-wrap:anywhere}}
 @container arlist (max-width:560px){.ar-info{grid-template-columns:minmax(0,1fr);row-gap:4px}.ar-f{display:grid;grid-template-columns:minmax(92px,auto) minmax(0,1fr);column-gap:10px}.ar-name{flex-wrap:wrap}}
}
.ar-noscript{position:fixed;inset:auto 0 0;padding:16px;background:#111;color:#fff;font-family:var(--mono);font-size:12px;text-align:center}