@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#101110;--ink:#f4f4ee;--muted:#a0a29b;--line:#30312d;--lime:#dcff84}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Satoshi',Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:700;letter-spacing:-1px;display:flex;gap:5px;align-items:center}.brand-light{font-weight:400;color:#acaea6}.mark{color:var(--lime);font-size:38px;margin-right:9px}nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-button{background:none;color:var(--ink);border:1px solid #575952;border-radius:30px;padding:12px 18px}.hero,.collections,.details{max-width:1440px;margin:auto;padding:65px 5%}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--lime)}h1,h2,h3,p{margin:0}h1{font-family:'Satoshi',Arial,sans-serif;font-size:clamp(64px,8.1vw,116px);font-weight:500;line-height:1.05;letter-spacing:-6px;margin-top:30px}h1 em{font-style:normal;color:var(--lime)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin:27px 0 40px}.hero-bottom p,.section-top p{line-height:1.6;color:#b9bbb3}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;border:0;border-radius:30px;font-weight:600;font-size:14px}.light{background:var(--lime);color:#171b11}.light:hover{background:#c7ee65}.hero-art{height:360px;border-radius:12px;overflow:hidden;position:relative}.artwork{width:100%;height:100%;object-fit:cover;display:block}.art-caption{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px;text-shadow:0 1px 6px #000}.collections{padding-top:35px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px}.muted{color:var(--muted)}h2{font-family:'Satoshi',Arial,sans-serif;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin-top:18px}.filter-row{margin:40px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:14px}.filter-row>span{font-size:14px;color:var(--muted)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);padding:10px 17px;background:none;color:#bbbbb4;border-radius:30px;font-size:14px}.filters button.active{background:var(--ink);color:#151713;border-color:var(--ink)}small{margin-left:7px;opacity:.65}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px}.card{border:0;background:none;text-align:left;padding:0;color:var(--ink);width:100%}.card-art{position:relative;height:245px;overflow:hidden;border-radius:9px}.card-art .artwork{transition:transform .4s}.card:hover .artwork{transform:scale(1.04)}.tag{position:absolute;left:13px;top:13px;background:#121311aa;padding:7px 10px;border-radius:30px;font-size:12px;backdrop-filter:blur(12px)}.card-info{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.card h3{font-size:19px;font-weight:500}.card p{color:var(--muted);font-size:14px;margin-top:6px}.card-arrow{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.details{border-top:1px solid var(--line);margin-top:35px;display:grid;grid-template-columns:1fr 1.3fr;gap:55px}.benefits{display:grid;gap:25px}.benefits article{position:relative;padding-left:44px}.benefits article>span{position:absolute;left:0;top:3px;color:var(--muted);font-size:12px}.benefits h3{font-size:18px;font-weight:500;margin-bottom:7px}.benefits p{color:var(--muted);line-height:1.6;max-width:450px}.closing{padding:65px 20px 80px;text-align:center;border-top:1px solid var(--line)}.closing h2{margin:12px 0 27px}.closing .mark{font-size:52px}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}footer .brand{font-size:22px;color:var(--ink)}dialog{padding:0;background:#181a16;color:var(--ink);border:1px solid #43463c;border-radius:18px;width:min(820px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog>.artwork{height:260px}.close{position:absolute;top:12px;right:12px;background:#141514c9;border:1px solid #777;color:white;border-radius:50%;width:38px;height:38px;font-size:25px}.modal-body{padding:30px}.modal-body>p{color:#b9bbb3;line-height:1.6;margin:16px 0}.modal-body h2{margin-top:12px}.specs{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;color:#b9bbb3;margin:24px 0}.outline{border:1px solid #62665a;background:transparent;color:var(--ink);margin:10px 0 0 8px}.modal-body .fine{font-size:12px;max-width:570px}#purchase-note{border:1px solid #4c5936;border-radius:10px;padding:18px;margin-top:18px;background:#242c1a}#purchase-note p{margin-top:8px;line-height:1.5;color:#bbc6aa}#download-status{font-size:14px;color:var(--lime)}@media(max-width:760px){header{padding:20px 5%}.brand{font-size:21px}nav{gap:12px}nav>a{display:none}.nav-button{font-size:12px;padding:10px}.hero{padding-top:42px}h1{letter-spacing:-3px}.hero-bottom{display:block}.hero-bottom .button{margin-top:22px}.hero-art{height:260px}.art-caption{font-size:9px;left:15px;right:15px}.art-caption span:last-child{display:none}.section-top{display:block}.section-top>p{margin-top:18px}.grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}.card-art{height:210px}.card h3{font-size:17px}.card-arrow{display:none}.card p{font-size:12px}.filter-row>span{display:none}.filters button{font-size:12px;padding:10px 13px}.details{grid-template-columns:1fr;gap:35px;padding-top:45px}.collections{padding-bottom:35px}.closing{padding:45px 20px}footer{flex-wrap:wrap;line-height:1.5}.outline{margin-left:0}.modal-body{padding:22px}.eyebrow{font-size:10px}}@media(max-width:390px){.grid{grid-template-columns:1fr}.card-art{height:250px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-art .artwork{transition:none}}

.phone-card .card-art{height:360px;background:#1b1d19;padding:18px;display:flex;justify-content:center}.phone-card .card-art .artwork{height:100%;width:auto;aspect-ratio:6/13;border:3px solid #383b32;border-radius:24px;object-fit:contain}.phone-card .tag{left:12px;top:12px}.phone-product>.artwork{height:390px;width:auto;max-width:100%;aspect-ratio:6/13;margin:24px auto 0;border-radius:22px;border:3px solid #383b32}.phone-product .close{position:sticky;float:right;z-index:1}.phone-product .modal-body{clear:both}@media(max-width:760px){.phone-card .card-art{height:290px;padding:24px 8px 12px}.phone-card .tag{font-size:10px;padding:5px 8px;top:5px;left:5px}.phone-card .card-art .artwork{border-radius:18px}.phone-product>.artwork{height:320px}}
/* Overhue Supply v3: collection-led editorial storefront. */
:root{--bg:#101110;--ink:#f4f4ee;--muted:#a6a99f;--lime:#dcff84}
.skip{position:absolute;left:20px;top:-100px;z-index:20;background:var(--lime);color:#141714;padding:14px}.skip:focus{top:12px}.brand-mark{width:25px;height:25px;display:inline-block;margin-right:7px;border:6px solid var(--lime);border-radius:50%;position:relative}.brand-mark:after{content:'';position:absolute;width:10px;height:10px;background:var(--bg);right:-7px;bottom:-7px}nav{font-size:14px;gap:25px}header{padding-top:25px;padding-bottom:25px}.brand-hero{display:grid;grid-template-columns:1fr 1.13fr;gap:5%;align-items:center;padding-top:60px;padding-bottom:65px}.brand-hero h1{font-size:clamp(48px,5.1vw,74px);letter-spacing:-3.9px;line-height:1.09;margin:26px 0}.brand-hero h1 em{display:inline-block;white-space:nowrap}.hero-description{max-width:420px;line-height:1.7;color:#b9bcb2;font-size:17px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-button{color:var(--ink);font-size:14px;background:none;padding:5px 0;border:0;border-bottom:1px solid #74776e;text-align:left}.hero-footnote{margin-top:25px;font-size:12px;color:var(--muted);line-height:1.6}.hero-showcase{display:block;min-width:0}.showcase-large{height:355px;position:relative;border-radius:10px;overflow:hidden}.cover-type{position:absolute;inset:27px;display:flex;flex-direction:column;justify-content:space-between}.cover-type>span{font-size:11px;letter-spacing:1.3px}.cover-type strong{font:500 clamp(60px,6.5vw,92px)/.97 'Satoshi',Arial,sans-serif;letter-spacing:-4px}.showcase-small{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;height:110px}.showcase-small .artwork{border-radius:6px;min-width:0}.showcase-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-top:14px}.brand-strip{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:23px 5%;font-size:14px;color:#c5c8bf}.brand-strip span:first-child{color:var(--muted)}.pack-section,.application-section,.faq-section{max-width:1440px;margin:auto;padding:75px 5%}.pack-section h2{font-size:54px;letter-spacing:-2.5px}.pack-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:45px;margin-top:35px}.pack-gallery{min-width:0}.pack-toolbar{display:flex;justify-content:space-between;font-size:12px;color:#b9beb1;margin-bottom:12px}.pack-toolbar span:last-child{font-size:10px;letter-spacing:1px}#stage{height:350px;background:#1a1c18;display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:hidden}#stage .artwork{width:100%;height:100%;object-fit:contain}#stage[data-format=square] .artwork{width:auto;aspect-ratio:1}#stage[data-format=phone] .artwork{width:auto;aspect-ratio:6/13;border-radius:18px;height:94%;border:3px solid #55584e}.format-row{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:15px 0 25px;flex-wrap:wrap}.format-row .filters button{font-size:12px;padding:8px 12px}#format-spec{font-size:12px;color:var(--muted)}.pack-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 10px}.thumb{border:0;background:none;padding:0;color:#aeb3a5;text-align:left;min-width:0}.thumb .artwork{width:100%;height:auto;aspect-ratio:11/7;border-radius:5px;border:2px solid transparent}.thumb span{display:block;font-size:11px;margin:7px 2px 0;line-height:1.4}.thumb.selected .artwork{border-color:var(--lime)}.thumb.selected span{color:var(--lime)}.pack-offer{border-top:1px solid var(--line);padding-top:23px}.pack-offer h3{font:500 31px/1.2 'Satoshi',Arial,sans-serif;letter-spacing:-1px;margin:18px 0}.pack-offer>p{font-size:16px;line-height:1.7;color:#afb4a6;max-width:350px}dl{margin:26px 0}dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:13px 0;font-size:14px}dt{color:var(--muted)}dd{margin:0;text-align:right}.offer-action{padding:20px;background:#20241b;border:1px solid #3d4730;border-radius:8px}.release-label{font-size:11px;letter-spacing:1.1px;color:var(--lime)}.offer-action p{font-size:14px;line-height:1.6;margin:12px 0 18px;color:#c4cbb9}.offer-action .button{width:100%;gap:15px}.small-note{display:block;font-size:12px;line-height:1.6;color:#a6b099;margin-top:13px}.plain-link{display:flex;justify-content:space-between;font-size:14px;padding:23px 0}.application-section{border-top:1px solid var(--line);padding-top:65px}.applications{display:grid;grid-template-columns:1.4fr 1.1fr .8fr;gap:20px;margin-top:35px}.applications article{min-width:0}.website-example,.slide-example,.social-example{height:275px;position:relative;border-radius:7px;overflow:hidden}.example-content{position:absolute;inset:22px;display:flex;flex-direction:column;justify-content:space-between}.example-nav{display:flex;justify-content:space-between;gap:8px;font-size:10px}.example-nav strong{font-size:13px}.example-content h3{font:500 clamp(24px,2.5vw,36px)/1.1 'Satoshi',Arial,sans-serif;letter-spacing:-1px}.example-content>span{font-size:10px}.example-pill{padding:8px 12px;border:1px solid #ffffff66;border-radius:25px;align-self:flex-start}.example-caption{display:flex;flex-direction:column;gap:7px;margin-top:16px;font-size:14px;line-height:1.4}.example-caption strong{font-weight:500}.example-caption span{font-size:12px;color:var(--muted)}.collections{border-top:1px solid var(--line);padding-top:65px}.collections h2{font-size:39px}.collections .card-art{height:195px}.collections .phone-card .card-art{height:320px}.collections .card h3{font-size:17px}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line);padding:20px 0}.faq-items details:first-child{padding-top:0}.faq-items summary{cursor:pointer;font-size:16px;line-height:1.5;padding-right:10px}.faq-items details p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:16px;max-width:570px}.closing .eyebrow{justify-content:center}.closing h2{margin:18px 0}.closing p{color:var(--muted);margin-bottom:27px}.starter-dialog{max-width:630px}.starter-dialog>.artwork{height:200px}.starter-dialog label{display:block;font-size:14px;margin:23px 0 9px}.starter-dialog select{width:100%;font:inherit;border:1px solid #585e50;background:#24291e;color:var(--ink);padding:13px;border-radius:7px;margin-bottom:17px}.starter-dialog #starter-download{width:100%}.starter-dialog button:disabled{opacity:.6;cursor:wait}#starter-status{color:var(--lime);font-size:14px}#starter-result{padding:20px;border:1px solid #586747;border-radius:8px;margin-top:20px}#starter-result h3{font-size:18px}#starter-result p{line-height:1.6;color:var(--muted);font-size:14px;margin:10px 0 15px}button,select{max-width:100%}summary:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
@media(min-width:1440px){.brand-strip{padding-inline:max(5%,calc((100vw - 1296px)/2))}}
@media(max-width:1000px){.brand-hero{gap:4%}.brand-hero h1{font-size:53px;letter-spacing:-2.8px}.hero-showcase .showcase-large{height:330px}.hero-actions{gap:18px}.pack-layout{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.applications{grid-template-columns:1fr 1fr}.applications article:last-child{grid-column:1/-1;max-width:50%}.brand-strip{font-size:12px}nav{gap:16px}.pack-offer h3{font-size:28px}.pack-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.brand-hero{grid-template-columns:1fr;padding-top:40px;gap:36px}.brand-hero h1{font-size:clamp(43px,9.5vw,64px);letter-spacing:-2.6px}.hero-description{max-width:460px}.hero-showcase .showcase-large{height:330px}.cover-type strong{font-size:80px}.showcase-small{height:95px}.showcase-label{font-size:10px}.brand-strip{flex-wrap:wrap;justify-content:flex-start;gap:13px 24px}.brand-strip span:first-child{width:100%}.pack-section,.application-section,.faq-section{padding:45px 5%}.pack-section h2{font-size:43px}.pack-layout{grid-template-columns:1fr;gap:35px}#stage{height:270px}.pack-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 8px}.thumb span{font-size:10px}.pack-offer{padding-top:26px}.pack-offer>p{max-width:none}.pack-offer h3 br{display:none}.pack-offer h3{font-size:30px}.applications{grid-template-columns:1fr}.applications article:last-child{grid-column:auto;max-width:none}.website-example,.slide-example,.social-example{height:265px}.example-content{inset:25px}.example-content h3{font-size:40px}.collections h2{font-size:33px}.collections .card-art{height:175px}.collections .phone-card .card-art{height:275px}.faq-section{grid-template-columns:1fr;gap:30px}.closing{padding:45px 5%}.closing h2{font-size:33px}.hero-footnote{font-size:11px}header nav>a{display:none}nav .nav-button{padding:10px 13px;font-size:12px}.brand{font-size:20px}.brand-mark{width:21px;height:21px;border-width:5px;margin-right:4px}.hero-actions .button{font-size:14px}.modal-body{padding:22px}.filter-row{margin-top:25px}.pack-toolbar{font-size:12px}}
@media(max-width:380px){.pack-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{font-size:18px}.brand-mark{display:none}.brand-hero h1{font-size:41px;letter-spacing:-2.6px}.showcase-label{flex-direction:column}.collections .grid{grid-template-columns:1fr}}

/* Shared iridescent foil finish for conversion buttons and the existing mark. */
:root {
  --holo-foil: linear-gradient(112deg,
    #b9dce9 0%, #e6d1f1 16%, #f5dce5 27%,
    #d7edc6 39%, #f8f9eb 47%, #c5f1eb 55%,
    #b9d7f3 67%, #e2c7ed 80%, #f5e2cf 92%, #c6e8de 100%);
  --holo-sheen: linear-gradient(125deg,
    transparent 26%, #ffffff22 37%, #ffffffb3 46%,
    #ffffff15 51%, transparent 63%);
}
.button.light,
.nav-button {
  color: #171923;
  background-color: #d7e4ed;
  background-image: var(--holo-sheen), var(--holo-foil);
  background-size: 240% 100%, 160% 100%;
  background-position: 70% 50%, 35% 50%;
  box-shadow: inset 0 1px 0 #ffffffbd, inset 0 -1px 0 #7880a05c, 0 2px 10px #bfc5f00d;
  transition: background-position .65s ease, box-shadow .3s ease;
}
.nav-button { border-color: #e6e4f296; font-weight: 600; }
.button.light:hover,
.nav-button:hover,
.button.light:focus-visible,
.nav-button:focus-visible {
  color: #171923;
  background-color: #d7e4ed;
  background-image: var(--holo-sheen), var(--holo-foil);
  background-position: 15% 50%, 80% 50%;
  box-shadow: inset 0 1px 0 #ffffffdd, inset 0 -1px 0 #7880a05c, 0 3px 16px #c5b9ed24;
}
.brand-mark {
  border-color: transparent;
  background: linear-gradient(var(--bg),var(--bg)) padding-box,
    var(--holo-foil) border-box;
  background-size: 100% 100%, 180% 180%;
  background-position: center, 30% 50%;
  transition: background-position .65s ease;
  flex-shrink: 0;
}
.brand:hover .brand-mark {
  background-position: center, 85% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .button.light, .nav-button, .brand-mark { transition: none; }
}

/* A continuous holofoil O for Overhue Supply. */
.brand { white-space: nowrap; }
.brand-mark::after { content: none; }
.brand-hero h1 em { white-space: normal; }
@media (max-width: 380px) {
  header { gap: 12px; flex-wrap: wrap; }
  .brand-mark { display: inline-block; }
}

/* Monospaced supporting details: collection labels, counts and specifications. */
:root { --font-mono: 'DM Mono', monospace; }
.eyebrow,
.hero-footnote,
.cover-type > span,
.showcase-label,
.pack-toolbar,
#format-spec,
.thumb span,
.pack-offer dl,
.release-label,
#count,
.filters small,
.specs,
.tag,
.card-info p,
.example-caption > span {
  font-family: var(--font-mono);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.eyebrow,
.release-label { font-weight: 500; }
.pack-offer dl > div { flex-wrap: wrap; }
.pack-offer dd { margin-left: auto; }
.pack-toolbar { flex-wrap: wrap; gap: 8px; }

/* Full-resolution artwork stays visible beneath optional motion. */
.artwork { background: #100d24; }
#stage .artwork { object-fit: contain; }
#starter > .artwork[data-format="phone"] { object-fit: contain; }
[data-motion] { isolation: isolate; }
.motion-layer { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.cover-type, .example-content { z-index: 2; }
.example-content { text-shadow: 0 1px 18px #07082080; }
.motion-toggle { display: inline-block; margin-top: 14px; padding: 8px 0; border: 0; border-bottom: 1px solid #55564f; background: none; color: #b5b8af; font: 400 12px var(--font-mono); }
.motion-toggle[hidden], .motion-layer[hidden] { display: none; }
.thumb .artwork { object-fit: cover; }
.showcase-large::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient(90deg,#0909193b,transparent 60%); }
@media (prefers-reduced-motion: reduce) {
  .motion-layer { display: none; }
}

/* Kyoto Studies collection. */
.collection-index { max-width: 1440px; margin: auto; padding: 24px 5% 0; display: flex; flex-wrap: wrap; gap: 12px 32px; }
.collection-index a { display: inline-flex; align-items: center; gap: 12px; padding: 10px 0; font-size: 14px; border-bottom: 1px solid var(--line); }
.collection-index a:hover { border-color: var(--ink); }
.collection-index span { font: 400 12px var(--font-mono); color: var(--muted); }
.kyoto-section { border-top: 1px solid var(--line); }
.kyoto-stage { height: 350px; background: #211e22; display: flex; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; }
.kyoto-stage .artwork { object-fit: contain; }
.kyoto-stage[data-kyoto-view="square"] .artwork { width: auto; aspect-ratio: 1; }
.kyoto-stage[data-kyoto-view="phone"] .artwork { width: auto; height: 94%; aspect-ratio: 6/13; border: 3px solid #55584e; border-radius: 18px; }
.format-spec { font: 400 12px var(--font-mono); color: var(--muted); }
.kyoto-thumbs { grid-template-columns: repeat(3,minmax(0,1fr)); }
.collection-description { margin-top: 22px; max-width: 560px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.kyoto-sample label { display: block; margin-bottom: 8px; font-size: 14px; }
.kyoto-sample select { width: 100%; font: inherit; color: var(--ink); background: #20241b; border: 1px solid #626c55; border-radius: 7px; padding: 12px; margin-bottom: 16px; }
.kyoto-sample select:focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; }
#kyoto-download-status:empty { display: none; }
#kyoto-download-status { margin-bottom: 0; }
button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 760px) { .kyoto-stage { height: 270px; } .collection-index { gap: 12px 24px; } }

/* Satoshi trial: warm grotesk text, with existing mono labels preserved. */
body { font-weight: 400; font-kerning: normal; }
body h1, body h2, body h3 { font-weight: 500; }
body h1 { letter-spacing: -.045em; }
body h2 { letter-spacing: -.03em; }
body h3 { letter-spacing: -.025em; }

/* Stronger Satoshi display treatment; body copy and mono details stay light. */
:root body h1 { font-weight: 700; }
:root body :is(h2, h3),
:root .set-card-copy strong {
  font-weight: 500;
}
:root body h1 { letter-spacing: -.05em; }
:root body h2 { letter-spacing: -.035em; }
:root body h3,
:root .set-card-copy strong { letter-spacing: -.03em; }

/* A continuous domain-style wordmark and moving foil inside the O ring. */
.brand-wordmark { display: inline-block; white-space: nowrap; }
.brand .brand-mark {
  background-size: 100% 100%, 300% 300%;
  background-position: center, 30% 50%;
}
@keyframes overhue-logo-foil {
  0% { background-position: center, 30% 50%; }
  50% { background-position: center, 100% 15%; }
  100% { background-position: center, 30% 50%; }
}
@media (prefers-reduced-motion: no-preference) {
  .brand:focus-visible .brand-mark {
    animation: overhue-logo-foil 1800ms cubic-bezier(.65,0,.35,1) infinite;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .brand:hover .brand-mark {
    animation: overhue-logo-foil 1800ms cubic-bezier(.65,0,.35,1) infinite;
  }
}
@media (prefers-reduced-motion: reduce) {
  .brand .brand-mark { animation: none; transition: none; background-position: center, 30% 50%; }
}

/* Shared product designation on collection cards and checkout. */
.product-badge {
 display: inline-flex; align-items: center; flex-shrink: 0;
 width: fit-content; padding: 4px 8px; border: 1px solid #dfff8b55;
 border-radius: 999px; background: #dfff8b; color: #15180e;
 font: 10px/1.4 var(--font-mono, 'DM Mono', monospace);
 letter-spacing: .06em; white-space: nowrap; text-transform: uppercase;
}
.product-badge[hidden] { display: none !important; }
.set-card-meta-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.product-choice .product-badge { margin-top: 7px; }