/* GAMBIT // ARCADE ARCHIVE V2 — interior editorial system */
/* Colours come from themes.css (styles); the short names below are aliases for those theme tokens. */
:root{color-scheme:dark;--bg:var(--bg-main);--panel:var(--bg-raised);--ink:var(--text-primary);--muted:var(--text-small);--orange:var(--accent-primary);--cyan:var(--accent-secondary-text);--link:var(--accent-primary);--head:var(--accent-primary);--grid:var(--text-muted);--line:var(--ui-border);--border:var(--ui-border);--mono:'Courier New',monospace;--display:'Anton',Impact,'Arial Black',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{font:inherit}::selection{background:var(--cyan);color:var(--bg)}
.skip{position:absolute;left:12px;top:-80px;background:var(--cyan);color:var(--bg);padding:12px;z-index:5}.skip:focus{top:12px}
.site-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px clamp(20px,5vw,84px);background:color-mix(in srgb,var(--bg-main) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.logo{font:32px/.9 var(--display)}.logo small{display:block;margin-top:7px;font:9px/1.4 var(--mono);letter-spacing:.14em;color:var(--muted)}.nav-links{display:flex;gap:clamp(12px,2vw,30px);flex-wrap:wrap;font-size:11px;letter-spacing:.07em}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--orange)}
main{max-width:1600px;margin:auto;padding:0 clamp(20px,5vw,84px) 110px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--cyan)}.intro{padding:clamp(60px,9vw,140px) 0 54px;border-bottom:1px solid var(--line)}.intro h1{font:clamp(68px,13vw,210px)/.82 var(--display);letter-spacing:-.035em;margin:22px 0 30px}.intro p{max-width:700px;color:var(--muted);font-size:clamp(13px,1.6vw,17px);line-height:1.8}.intro .count{color:var(--orange)}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:52px 0 20px;font-size:11px;letter-spacing:.08em;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.work-card{grid-column:span 4;display:block;min-width:0;border:1px solid var(--line);background:var(--panel);transition:border-color .2s,transform .2s}.work-card:hover{border-color:var(--orange);transform:translateY(-3px)}.work-card.featured{grid-column:span 8}.work-card .art{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:20px;background:radial-gradient(circle at 60% 40%,var(--bg-raised),var(--bg-main) 70%)}.work-card.featured .art{aspect-ratio:16/9}.art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:35px 35px}.art-word{position:relative;max-width:100%;font:clamp(42px,6vw,115px)/.9 var(--display);letter-spacing:-.03em;text-align:center;overflow-wrap:anywhere}.art-word.orange{color:var(--orange)}.art-word.cyan{color:var(--cyan)}.art-word.outline{-webkit-text-stroke:1px var(--ink);color:transparent}.art-mark{position:absolute;top:16px;left:18px;font-size:10px;color:var(--muted)}.work-meta{display:flex;justify-content:space-between;gap:20px;padding:19px}.work-meta strong{font:clamp(22px,3vw,35px)/1 var(--display)}.work-meta span{font-size:10px;color:var(--muted);text-align:right}.note{margin:36px 0;color:var(--muted);font-size:12px;line-height:1.8;border-left:2px solid var(--orange);padding-left:18px}.footer{border-top:1px solid var(--line);padding:28px clamp(20px,5vw,84px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.footer a{color:var(--link)}.footer a:hover{color:var(--cyan)}
.case-hero{padding:70px 0 35px}.case-hero h1{font:clamp(70px,14vw,190px)/.85 var(--display);margin:24px 0}.case-hero p{max-width:700px;line-height:1.8;color:var(--muted)}.case-grid{display:grid;grid-template-columns:2fr 1fr;gap:35px;margin:38px 0 70px}.case-panel{border-top:1px solid var(--line);padding-top:20px}.case-panel h2{font:40px var(--display);margin:0 0 16px}.case-panel p,.case-panel li{font-size:13px;line-height:1.9;color:var(--muted)}.case-panel ul{padding-left:20px}.hero-art{height:clamp(320px,55vw,720px);display:grid;place-items:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent-secondary) 22%,var(--bg-main)),var(--bg-deep) 65%);border:1px solid var(--line);position:relative;overflow:hidden}.hero-art:after{content:'DEMONSTRATION LAYOUT // ARTWORK NOT YET ADDED';position:absolute;bottom:20px;left:20px;font-size:10px;color:var(--muted)}.hero-art strong{font:clamp(70px,17vw,230px)/.85 var(--display);color:var(--orange);text-align:center;max-width:90%}
@media(max-width:900px){.work-card,.work-card.featured{grid-column:span 6}.case-grid{grid-template-columns:1fr}}@media(max-width:560px){.site-nav{padding:18px 20px}.nav-links{width:100%;justify-content:space-between;gap:10px;font-size:10px}.work-card,.work-card.featured{grid-column:span 12}.work-card .art,.work-card.featured .art{aspect-ratio:4/3}.intro{padding-top:60px}.intro h1{font-size:clamp(62px,20vw,110px)}.section-head{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card{transition:none}.work-card:hover{transform:none}}
/* ===== ARTWORK SLOTS — an <img> sits over a labelled placeholder; if the file is missing the image removes itself ===== */
.slot{position:relative;margin:0;overflow:hidden;background:radial-gradient(circle at 60% 40%,var(--bg-raised),var(--bg-main) 70%);aspect-ratio:4/5}.slot.wide{aspect-ratio:16/9}.slot.square{aspect-ratio:1}
.slot:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:35px 35px}
.slot-label{position:absolute;inset:auto 18px 16px 18px;font-size:10px;letter-spacing:.1em;color:var(--muted)}.slot-label b{display:block;font:clamp(28px,4vw,60px)/.9 var(--display);letter-spacing:-.02em;color:var(--grid);margin-bottom:10px;font-weight:normal}
.slot img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;background:var(--panel)}
.work-card .slot{border-bottom:1px solid var(--line)}.work-card.featured .slot{aspect-ratio:16/9}
.work-meta p{margin:8px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}.archive-grid figure{margin:0;border:1px solid var(--line);background:var(--panel)}.archive-grid figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font-size:10px;letter-spacing:.06em;color:var(--muted)}.archive-grid figcaption strong{color:var(--ink);font-weight:normal}
.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin:0 0 38px;padding:20px 0;border-block:1px solid var(--line);font-size:11px;letter-spacing:.06em}.case-meta dt{color:var(--cyan);margin-bottom:6px}.case-meta dd{margin:0;color:var(--ink);line-height:1.6}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 60px}.case-gallery .slot.wide{grid-column:1/-1}
.next-project{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:.08em}.next-project a{color:var(--link)}.next-project a:hover{color:var(--cyan)}
.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:clamp(30px,5vw,80px);margin:50px 0 80px}.about-grid h2{font:clamp(30px,3vw,44px)/1 var(--display);margin:0 0 18px}.about-grid p{color:var(--muted);line-height:1.9;font-size:14px;max-width:680px}.about-grid section+section{margin-top:44px}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.tag-list li{border:1px solid var(--line);padding:8px 11px;font-size:11px;letter-spacing:.06em}
.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--muted)}.timeline li span{color:var(--orange)}
.contact-panel{border:1px solid var(--line);background:var(--panel);padding:26px}.contact-panel a.big{display:block;font:clamp(28px,3vw,42px)/1 var(--display);color:var(--link);margin:6px 0 22px;overflow-wrap:anywhere}.contact-panel a.big:hover{color:var(--cyan)}.profile-links{list-style:none;padding:0;margin:0}.profile-links li{border-top:1px solid var(--line)}.profile-links a{display:flex;justify-content:space-between;padding:15px 0;font-size:12px;letter-spacing:.08em}.profile-links a:hover{color:var(--orange)}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:900px){.about-grid{grid-template-columns:1fr}.case-gallery{grid-template-columns:1fr}}
/* Theme roles: headings in the primary accent with glow; structural borders use the UI border tone */
h1,h2,h3,.logo{color:var(--head)}
.work-card,.archive-grid figure,.contact-panel,.hero-art,.tag-list li{border-color:var(--border)}
.work-card:hover{border-color:var(--cyan);box-shadow:0 0 18px var(--glow-color)}
main p a:not([style]):not(.big){color:var(--link)}main p a:not(.big):hover{color:var(--cyan)!important}
h1,.logo{text-shadow:0 0 14px var(--glow-color)}
.site-nav .theme-switch{order:3}@media(max-width:560px){.site-nav .theme-switch{width:100%}}
/* ===== LIVE FEED (posts from /system-control) ===== */
.work-card,.archive-grid figure{transition:transform .05s steps(2),box-shadow .05s steps(2),border-color .05s steps(2)}
.work-card:hover{transform:translate(-2px,-2px);border-color:var(--accent-primary);box-shadow:4px 4px 0 var(--accent-secondary),0 0 15px var(--glow-color)}.work-card:active{transform:translate(2px,2px);box-shadow:none}
.feed{margin:0 0 20px}.feed[hidden]{display:none}.feed .section-head b{color:var(--orange);font-weight:normal}
.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.feed-card{position:relative;display:block;background:var(--panel)}
.feed-card .feed-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:radial-gradient(circle at 60% 40%,var(--bg-raised),var(--bg-main) 70%);border-bottom:1px solid var(--line)}
.feed-card img,.feed-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.feed-card .feed-empty{position:absolute;inset:auto 16px 14px;font-size:10px;color:var(--muted)}
.feed-card .feed-meta{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font-size:10px;letter-spacing:.06em;color:var(--muted)}
.feed-card .feed-meta strong{color:var(--ink);font-weight:normal;overflow-wrap:anywhere}
.feed-kind{position:absolute;z-index:2;top:10px;left:10px;padding:4px 7px;background:var(--orange);color:var(--bg);font-size:9px;letter-spacing:.08em}
/* ===== LOG VIEWER ===== */
.log-status{padding:70px 0;color:var(--muted);font-size:12px;letter-spacing:.08em}
.log-body{max-width:760px;margin:0 0 50px}.log-body p{color:var(--muted);line-height:1.9;font-size:14px;white-space:pre-line}
.log-gallery{display:grid;gap:18px;margin:0 0 50px}
.log-gallery .inspect{position:relative;margin:0;border:1px solid var(--line);background:var(--panel)}
.log-gallery img,.log-gallery video{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain;background:var(--bg-deep)}
.log-gallery .data-block{bottom:auto;top:10px}
.log-gallery .inspect:has(video) .data-block{top:10px}
/* ===== ALIGNMENT PASS ===== */
.site-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:clamp(18px,3vw,40px);row-gap:12px}
.site-nav .nav-links{justify-self:end}.site-nav .theme-switch{order:0}
.node .site-nav{grid-template-columns:auto 1fr auto}.node .node-session{justify-self:end}
h1{overflow-wrap:break-word;text-wrap:balance}
.case-hero h1{font-size:clamp(48px,11vw,180px);line-height:.88}
.intro h1{line-height:.86}
@media(max-width:1100px){.site-nav{grid-template-columns:auto 1fr}.site-nav .theme-switch{grid-column:1/-1}}
@media(max-width:560px){.site-nav{grid-template-columns:1fr}.site-nav .nav-links{justify-self:stretch}.site-nav .theme-switch{grid-column:auto}.case-hero h1{font-size:clamp(44px,15vw,90px)}}
.feed-card.is-featured{grid-column:span 2}.feed-card.is-featured .feed-media{aspect-ratio:16/10}
.feed-star{position:absolute;z-index:2;top:10px;right:10px;padding:4px 7px;border:1px solid var(--accent-primary);background:var(--bg);color:var(--accent-primary);font-size:9px;letter-spacing:.1em;box-shadow:0 0 10px var(--glow-color)}
@media(max-width:700px){.feed-card.is-featured{grid-column:auto}.feed-card.is-featured .feed-media{aspect-ratio:4/5}}
/* Footer + contact link alignment */
.footer{align-items:center}.footer-links{gap:0}.footer-links a{padding:0 14px;border-left:1px solid var(--line);line-height:1}.footer-links a:first-child{border-left:0;padding-left:0}.footer-links a:last-child{padding-right:0}
.profile-links a{align-items:center}.profile-links a span:last-child{flex:none;width:1.5em;text-align:right}
@media(max-width:560px){.footer{flex-direction:column;align-items:flex-start}}
/* ===== CLIENTS TICKER ===== */
.ticker{display:grid;grid-template-columns:auto 1fr;align-items:center;margin:0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.16em;overflow:hidden}.ticker[hidden]{display:none}
.ticker-label{padding:14px 18px 14px 0;color:var(--cyan);border-right:1px solid var(--line);white-space:nowrap}
.ticker-track{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker-run{display:flex;width:max-content;animation:ticker 40s linear infinite}.ticker:hover .ticker-run{animation-play-state:paused}
.ticker-run span{padding:14px 22px;white-space:nowrap;color:var(--ink)}.ticker-run span::after{content:'◆';margin-left:44px;color:var(--orange);font-size:8px;vertical-align:2px}
@keyframes ticker{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-run{animation:none;flex-wrap:wrap;width:auto}}
/* ===== COMMISSION FORM ===== */
.commission{margin:0 0 90px;scroll-margin-top:120px}.commission h2{font:clamp(40px,6vw,84px)/.9 var(--display);margin:0 0 28px}
.commission-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;max-width:980px}
.cf-field{display:grid;gap:8px;font-size:10px;letter-spacing:.14em;color:var(--muted)}.cf-field small{color:var(--grid);letter-spacing:.1em}
.cf-field input,.cf-field select,.cf-field textarea{width:100%;padding:12px 13px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:13px/1.5 var(--mono);border-radius:0}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 0 14px var(--glow-color)}
.cf-field input[type=file]{padding:9px}.cf-wide{grid-column:1/-1}.hp{position:absolute;left:-9999px}
.cf-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cf-submit{padding:14px 22px;border:1px solid var(--orange);background:var(--orange);color:var(--bg);font-size:11px;letter-spacing:.2em;cursor:pointer}.cf-submit:disabled{opacity:.5;cursor:wait}
.cf-msg{margin:0;font-size:11px;letter-spacing:.1em;color:var(--orange)}.cf-msg.is-error{color:var(--cyan)}
@media(max-width:700px){.commission-form{grid-template-columns:1fr}}
/* ===== CASE STUDY ===== */
.case-compare,.case-process,.case-tools{margin:0 0 54px}.case-compare .eyebrow,.case-process .eyebrow,.case-tools .eyebrow{margin-bottom:14px}
.ba{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--bg-deep);user-select:none;touch-action:pan-y}
.ba>img{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain}
.ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba-before img{width:100%;height:100%;object-fit:contain;display:block}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;background:var(--accent-primary);box-shadow:0 0 10px var(--glow-color);pointer-events:none}
.ba-handle::after{content:'◀ ▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:7px 9px;border:1px solid var(--accent-primary);background:var(--bg);color:var(--accent-primary);font-size:9px;letter-spacing:.1em;white-space:nowrap}
.ba input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ba input:focus-visible~.ba-handle,.ba:has(input:focus-visible) .ba-handle{outline:2px solid var(--cyan)}
.ba-tag{position:absolute;top:10px;padding:4px 7px;background:var(--bg);border:1px solid var(--line);font-size:9px;letter-spacing:.14em;pointer-events:none}.ba-tag-l{left:10px}.ba-tag-r{right:10px;color:var(--orange)}
.process-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px;margin:0;padding:0;list-style:none}
.process-grid figure{position:relative;margin:0;border:1px solid var(--line);background:var(--panel)}.process-grid img,.process-grid video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg-deep)}
.process-grid figcaption{padding:10px 12px;font-size:10px;letter-spacing:.14em;color:var(--muted)}
/* ===== DROPS ===== */
.drops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;margin:44px 0 70px}
.drops-empty{grid-column:1/-1;padding:50px 0;color:var(--muted);font-size:12px;letter-spacing:.1em;line-height:1.8}
.drop-card{display:flex;flex-direction:column;background:var(--panel)}
.drop-art{position:relative;aspect-ratio:4/5;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 60% 40%,var(--bg-raised),var(--bg-main) 70%)}
.drop-art img,.drop-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.drop-ph{position:absolute;inset:auto 18px 16px;font:clamp(40px,6vw,70px)/.9 var(--display);color:var(--grid)}
.drop-kind{position:absolute;z-index:2;top:10px;left:10px;padding:4px 7px;background:var(--orange);color:var(--bg);font-size:9px;letter-spacing:.1em}
.drop-body{display:grid;gap:14px;padding:18px}.drop-body h3{margin:0;font:clamp(26px,3vw,38px)/1 var(--display)}.drop-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.drop-meta{display:grid;gap:6px;margin:0;font-size:10px;letter-spacing:.1em}.drop-meta div{display:flex;justify-content:space-between;gap:12px}.drop-meta dt{color:var(--muted)}.drop-meta dd{margin:0;text-align:right}.drop-meta a{color:var(--link)}
.countdown{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.countdown span{font:34px/1 var(--display);color:var(--accent-primary);text-shadow:0 0 12px var(--glow-color)}.countdown i{font-style:normal;font-size:9px;color:var(--muted);margin-right:10px;letter-spacing:.14em}
.countdown[hidden],.drop-live[hidden],.notify-form[hidden]{display:none}
.drop-buy{display:inline-block;padding:12px 16px;border:1px solid var(--orange);background:var(--orange);color:var(--bg);font-size:11px;letter-spacing:.18em}.drop-buy.is-static{background:none;color:var(--orange)}
.notify-form{display:flex;flex-wrap:wrap;gap:8px}.notify-form input[type=email]{flex:1;min-width:160px;padding:11px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:12px var(--mono)}
.notify-form input[type=email]:focus{outline:none;border-color:var(--orange)}.notify-form button{padding:11px 14px;border:1px solid var(--orange);background:none;color:var(--orange);font-size:10px;letter-spacing:.16em;cursor:pointer}.notify-form button:hover{background:var(--orange);color:var(--bg)}
.notify-form .hp{position:absolute;left:-9999px;width:1px}.notify-msg{width:100%;margin:0;min-height:1.4em;font-size:10px;letter-spacing:.12em;color:var(--orange)}.notify-msg.is-error{color:var(--cyan)}
.drop-alerts{margin:0 0 80px;max-width:640px}
/* Admin-managed galleries (gallery.js) */
.archive-grid,.case-gallery{align-items:start}
.slot.is-filled{aspect-ratio:auto;border-bottom:0}.slot.is-filled:before{display:none}
.slot.is-filled .gx-zoom{display:block;cursor:zoom-in}
.slot.is-filled img{position:static;width:100%;height:auto;object-fit:contain;background:var(--bg-raised)}
.slot.has-image .slot-label{display:none}
.slot.has-image img{z-index:1}
.archive-grid>figure.is-lead{grid-column:span 2}@media(max-width:700px){.archive-grid>figure.is-lead{grid-column:auto}}
.slot-cap{padding:10px 14px;font-size:10px;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--line)}
.gx-zoom:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}
/* Hidden admin entry glyph */
.node-glyph{opacity:.35;font-size:12px;text-decoration:none;transition:opacity .2s}.node-glyph:hover,.node-glyph:focus-visible{opacity:1}
/* Gallery filters, process strip, related projects */
.gx-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.gx-filters button{padding:8px 11px;border:1px solid var(--line);background:none;color:var(--muted);font:10px/1 var(--mono);letter-spacing:.12em;cursor:pointer;min-height:34px}
.gx-filters button small{opacity:.6;margin-left:4px}
.gx-filters button:hover{color:var(--ink);border-color:var(--cyan)}
.gx-filters button[aria-pressed="true"]{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 10px var(--glow-color)}
.archive-grid>figure[hidden],.case-gallery>figure[hidden]{display:none}
.gx-process{margin:10px 0 50px}
.gx-process-row{display:grid;grid-auto-flow:column;grid-auto-columns:min(320px,70vw);gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.gx-process-row>figure{scroll-snap-align:start;border:1px solid var(--line)}
[data-related]{margin:20px 0 60px}
.gx-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}
.gx-related .work-card{grid-column:auto}
.grid>.work-card[hidden],.section-head[hidden]{display:none}