/* Bio pages: shared layout + 18 looks (body class d-<id>). --p/--a from the palette, html[data-mode] light|dark. */
html{--bg:#fff;--ink:#14161c;--mut:#5b6170;--card:#fff;--line:#e5e7eb;color-scheme:light}
html[data-mode="dark"]{--bg:#0d0f14;--ink:#eef0f4;--mut:#a6adbb;--card:#171a21;--line:#2a2f3a;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:16px/1.55 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.ic{width:1.2em;height:1.2em;flex:none}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.smp{background:#111827;color:#f3f4f6;font:13px/1.4 system-ui,sans-serif;text-align:center;padding:7px 12px}.smp a{color:#fcd34d;font-weight:700}
html.framed .smp{display:none}
#bp{max-width:540px;margin:0 auto;padding:32px 18px 36px;text-align:center;position:relative}
.top{position:relative}.cover{display:none}
.av{width:116px;height:116px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--p),var(--a));color:#fff;
  font:700 40px/1 var(--fh);position:relative;z-index:1}
.av img{width:100%;height:100%;object-fit:cover}
h1{font:700 clamp(24px,6vw,30px)/1.15 var(--fh);margin:0 0 4px;overflow-wrap:anywhere}
.handle{margin:0;color:var(--mut);font-weight:500}
.bio{margin:12px auto 0;max-width:40ch;color:var(--mut);overflow-wrap:anywhere}
.soc{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.soc a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--ink);background:color-mix(in srgb,var(--p) 12%,var(--card));text-decoration:none;transition:transform .15s}
.soc a:hover{transform:translateY(-2px)}
.lnk{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.lnk a,.nolink{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 18px;border-radius:16px;text-decoration:none;color:var(--ink);
  font:600 16px/1.3 var(--fb);background:var(--card);border:1px solid var(--line);transition:transform .15s,box-shadow .15s,background .2s;overflow-wrap:anywhere}
.lnk a span{flex:1}.lnk a .ic{opacity:.6}.lnk a:hover{transform:translateY(-2px)}
.nolink{opacity:.6;border-style:dashed}
.lnk a:focus-visible,.soc a:focus-visible,.feat:focus-visible{outline:3px solid var(--a);outline-offset:3px}
.feat{display:flex;gap:14px;align-items:center;text-align:left;margin:20px 0 0;padding:12px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.feat .vt{display:flex;flex-direction:column;gap:2px;min-width:0}.feat small{display:flex;gap:6px;align-items:center;color:var(--mut);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.feat b{font:700 17px/1.3 var(--fb);overflow-wrap:anywhere}
.fv{flex-direction:column;align-items:stretch;padding:0;overflow:hidden}.fv .vt{padding:12px 16px 16px}
.vthumb{display:grid;place-items:center;aspect-ratio:16/9;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--p) 70%,#fff),transparent 60%),linear-gradient(135deg,#1f2937,#0b0f19)}
.vthumb i{display:grid;place-items:center;width:64px;height:46px;border-radius:14px;background:var(--p);color:#fff}.vthumb .ic{fill:currentColor}
.fr .cov{display:grid;place-items:center;width:74px;height:74px;flex:none;border-radius:14px;background:linear-gradient(135deg,var(--p),var(--a));color:#fff}.fr .cov .ic{width:34px;height:34px}
.wave{display:flex;gap:3px;align-items:flex-end;height:22px;margin-top:6px}
.wave i{width:4px;border-radius:2px;background:var(--p);height:30%;animation:wv 1.1s ease-in-out infinite}
.wave i:nth-child(3n){animation-delay:-.3s}.wave i:nth-child(3n+1){animation-delay:-.6s}.wave i:nth-child(4n){animation-delay:-.9s}
@keyframes wv{50%{height:100%}}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;position:relative}
.tiles i{aspect-ratio:1;border-radius:10px;display:block}
.tiles i:nth-child(1){background:linear-gradient(135deg,var(--p),var(--a))}.tiles i:nth-child(2){background:radial-gradient(circle at 70% 30%,var(--a),color-mix(in srgb,var(--p) 30%,#fde68a))}
.tiles i:nth-child(3){background:linear-gradient(200deg,color-mix(in srgb,var(--a) 60%,#fff),var(--p))}.tiles i:nth-child(4){background:conic-gradient(from 30deg,var(--p),#fbbf24,var(--a),var(--p))}
.tiles i:nth-child(5){background:linear-gradient(0deg,var(--p) 40%,color-mix(in srgb,var(--a) 40%,#fff) 40%)}.tiles i:nth-child(6){background:radial-gradient(circle,#fff 18%,var(--a) 20%,var(--p) 70%)}
.tiles p{grid-column:1/-1;margin:4px 0 2px;text-align:center;font-size:13px;color:var(--mut)}
.bf{margin-top:34px;font-size:13px;color:var(--mut)}.bf p{margin:4px 0}.bf a{color:inherit}
.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,150%);visibility:hidden;background:#111827;color:#fff;padding:12px 16px;border-radius:14px;font:14px/1.4 system-ui,sans-serif;
  max-width:min(92vw,420px);z-index:50;transition:transform .3s,visibility .3s}.toast.on{transform:translate(-50%,0);visibility:visible}.toast a{color:#fcd34d;font-weight:700}
@media (prefers-reduced-motion:reduce){.wave i{animation:none;height:60%}*{transition:none!important}}

/* Glow */
.d-glow{background:radial-gradient(60% 40% at 15% 0%,color-mix(in srgb,var(--p) 30%,transparent),transparent),radial-gradient(50% 40% at 100% 30%,color-mix(in srgb,var(--a) 26%,transparent),transparent),#faf7ff}
html[data-mode="dark"] .d-glow{background:radial-gradient(60% 40% at 15% 0%,color-mix(in srgb,var(--p) 40%,transparent),transparent),radial-gradient(50% 40% at 100% 30%,color-mix(in srgb,var(--a) 30%,transparent),transparent),#0b0a16}
.d-glow .av{box-shadow:0 0 0 4px var(--bg),0 0 0 7px var(--p),0 0 40px 6px color-mix(in srgb,var(--p) 55%,transparent)}
.d-glow .lnk a,.d-glow .feat,.d-glow .soc a{background:color-mix(in srgb,#fff 55%,transparent);border-color:color-mix(in srgb,#fff 70%,transparent);backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px var(--p)}
html[data-mode="dark"] .d-glow .lnk a,html[data-mode="dark"] .d-glow .feat,html[data-mode="dark"] .d-glow .soc a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.d-glow .lnk a.first{background:linear-gradient(90deg,var(--p),var(--a));color:#fff;border:0}
.d-glow h1{letter-spacing:-.02em}

/* Paper */
.d-paper{background:#f7f3ea}html[data-mode="dark"] .d-paper{background:#191712}
.d-paper #bp{text-align:left}.d-paper .top{display:flex;gap:16px;align-items:center}
.d-paper .av{width:88px;height:88px;margin:0;border-radius:14px;font-size:30px;background:var(--p);color:var(--bg)}
.d-paper h1{font-size:32px}.d-paper .bio{margin-left:0;font-size:17px;font-style:italic}.d-paper .soc{justify-content:flex-start}
.d-paper .soc a{background:transparent;border:1px solid var(--line)}
.d-paper .lnk{gap:0;border-top:1px solid var(--line)}
.d-paper .lnk a{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;justify-content:space-between;padding:16px 4px;font:500 19px/1.3 var(--fh)}
.d-paper .lnk a span{text-decoration:underline;text-decoration-color:var(--a);text-decoration-thickness:2px;text-underline-offset:5px}
.d-paper .lnk a:hover{transform:translateX(4px)}

/* Pop */
.d-pop{background:color-mix(in srgb,var(--p) 26%,#fff)}html[data-mode="dark"] .d-pop{background:#18181b}
.d-pop .av{border:4px solid #111;box-shadow:6px 6px 0 #111;border-radius:28px;transform:rotate(-3deg)}
html[data-mode="dark"] .d-pop .av{border-color:#fff;box-shadow:6px 6px 0 var(--p)}
.d-pop h1{font-size:clamp(28px,7vw,38px);text-transform:uppercase;letter-spacing:-.01em}
.d-pop .lnk a,.d-pop .feat,.d-pop .soc a{background:#fff;color:#111;border:3px solid #111;box-shadow:5px 5px 0 #111;border-radius:14px;font-weight:800}
.d-pop .lnk li:nth-child(odd) a{transform:rotate(-1deg)}.d-pop .lnk li:nth-child(even) a{transform:rotate(1deg)}
.d-pop .lnk a:hover{transform:translate(-2px,-2px) rotate(0)!important;box-shadow:7px 7px 0 #111}
.d-pop .lnk a.first{background:var(--a);color:#fff}
html[data-mode="dark"] .d-pop .lnk a,html[data-mode="dark"] .d-pop .soc a{box-shadow:5px 5px 0 var(--p)}

/* Studio */
.d-studio{background:#eef1f5}html[data-mode="dark"] .d-studio{background:#07090d}
.d-studio #bp{padding-top:0}.d-studio .cover{display:block;height:170px;margin:0 -18px;border-radius:0 0 28px 28px;
  background:radial-gradient(circle at 20% 80%,var(--a),transparent 55%),radial-gradient(circle at 80% 20%,var(--p),transparent 55%),#0b0f19}
.d-studio .av{margin-top:-58px;border:5px solid var(--bg);border-radius:24px}
.d-studio h1{font-size:clamp(28px,7vw,36px);text-transform:uppercase;letter-spacing:.02em}
.d-studio .lnk a{background:transparent;border:1.5px solid color-mix(in srgb,var(--p) 60%,var(--line));border-radius:12px}
.d-studio .lnk a:hover{background:var(--p);color:#07090d}
.d-studio .fr{background:#0b0f19;color:#fff;border:0}.d-studio .fr small{color:#9aa4b6}

/* Fit */
.d-fit{background:#f4f4f0}html[data-mode="dark"] .d-fit{background:#0e0e0e}
.d-fit .cover{display:block;position:absolute;left:-18px;right:-18px;top:-10px;height:150px;background:var(--p);transform:skewY(-6deg);transform-origin:left}
.d-fit .av{border:5px solid var(--bg);border-radius:20px;margin-top:20px;background:var(--a);color:var(--bg)}
.d-fit h1{font-size:clamp(32px,8vw,44px);text-transform:uppercase;letter-spacing:.01em}
.d-fit .lnk a{background:var(--a);color:var(--bg);border:0;border-radius:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.d-fit .lnk a.first{background:var(--p);color:#fff}
html[data-mode="dark"] .d-fit .lnk a.first{color:#0e0e0e}

/* Gallery */
.d-gallery{background:#fff}html[data-mode="dark"] .d-gallery{background:#111}
.d-gallery .av{width:96px;height:96px;font-size:34px}
.d-gallery h1{font-weight:400;font-size:clamp(30px,7vw,38px)}
.d-gallery .tiles{background:transparent;border:0;padding:0}
.d-gallery .lnk{gap:0}.d-gallery .lnk a{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;font-weight:500;letter-spacing:.02em}
.d-gallery .lnk li:last-child a{border-bottom:1px solid var(--line)}.d-gallery .lnk a:hover{color:var(--p);transform:none}
.d-gallery .soc a{background:transparent;border:1px solid var(--line)}

/* Pastel */
.d-pastel{background:linear-gradient(165deg,color-mix(in srgb,var(--p) 18%,#fff),color-mix(in srgb,var(--a) 20%,#fff))}
html[data-mode="dark"] .d-pastel{background:linear-gradient(165deg,color-mix(in srgb,var(--p) 22%,#120d16),color-mix(in srgb,var(--a) 18%,#0d0b14))}
.d-pastel .av{box-shadow:0 0 0 6px color-mix(in srgb,#fff 70%,transparent)}
.d-pastel .lnk a,.d-pastel .soc a{border-radius:99px;background:color-mix(in srgb,#fff 72%,transparent);border-color:transparent;box-shadow:0 10px 24px -16px var(--p)}
html[data-mode="dark"] .d-pastel .lnk a,html[data-mode="dark"] .d-pastel .soc a{background:rgba(255,255,255,.08)}
.d-pastel .lnk a.first{background:var(--p);color:#fff}html[data-mode="dark"] .d-pastel .lnk a.first{color:#1a1020}

/* Channel */
.d-channel{background:#fff}html[data-mode="dark"] .d-channel{background:#0f0f0f}
.d-channel #bp{text-align:left}.d-channel .top{display:flex;gap:14px;align-items:center}
.d-channel .av{width:76px;height:76px;margin:0;font-size:28px;background:var(--p)}
.d-channel h1{font-size:clamp(22px,6vw,28px)}.d-channel .bio{margin-left:0}.d-channel .soc{justify-content:flex-start}
.d-channel .lnk a{border-radius:10px;justify-content:flex-start;font-weight:600}
.d-channel .lnk a.first{background:var(--p);color:#fff;border:0}
html[data-mode="dark"] .d-channel .lnk a.first{color:#0f0f0f}
.d-channel .fv{border-radius:14px}

/* ---- added 2026-11-05: list features (shows, products) and 10 more looks ---- */
.shows,.prods{display:block;padding:14px}
.shows small,.prods small{margin:0 0 8px 4px}
.shows ul,.prods ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.shows a,.shows .nolink{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--p) 10%,var(--card));color:var(--ink);text-decoration:none;min-height:52px;border:0}
.shows .sd{font-weight:800;color:var(--p);min-width:86px;font-size:14px;text-transform:uppercase;letter-spacing:.03em}
.shows .sv{flex:1;font-size:15px;overflow-wrap:anywhere}.shows a .ic{opacity:.6}
.prods ul{grid-template-columns:1fr 1fr}
.prods a,.prods .nolink{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--p) 8%,var(--card));color:var(--ink);text-decoration:none;height:100%;border:0}
.prods .pp{display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,var(--p),var(--a));color:#fff;margin-bottom:4px}
.prods .pp .ic{width:30%;height:30%}.prods b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}.prods .pr{font-weight:800;color:var(--p)}
@media (max-width:300px){.prods ul{grid-template-columns:1fr}}

/* always-dark looks: the stage, the screen, the board and the night sky stay dark in light mode too */
.d-spotlight,.d-arcade,.d-chalk,.d-cosmos{--bg:#101014;--ink:#f3f1ec;--mut:#b6b3ad;--card:#1b1b22;--line:#33333d;color-scheme:dark}

/* Spotlight */
.d-spotlight{background:radial-gradient(60% 45% at 50% 0%,color-mix(in srgb,var(--p) 38%,transparent),transparent 70%),
  repeating-linear-gradient(0deg,#16120f 0 26px,#1d1814 26px 28px),#16120f}
.d-spotlight .av{box-shadow:0 0 0 4px #16120f,0 0 0 6px var(--p),0 0 60px 10px color-mix(in srgb,var(--p) 45%,transparent)}
.d-spotlight h1{font-weight:400;letter-spacing:.02em;color:var(--p)}
.d-spotlight .lnk a{background:#0f0d0b;border:2px solid color-mix(in srgb,var(--p) 50%,#333);border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-size:15px}
.d-spotlight .lnk a.first{background:var(--p);color:#16120f;border-color:var(--p)}
.d-spotlight .shows{background:#0f0d0b;border-color:#3a3029}

/* Groove */
.d-groove{background:repeating-linear-gradient(-55deg,color-mix(in srgb,var(--p) 14%,#fff) 0 40px,color-mix(in srgb,var(--a) 12%,#fff) 40px 80px)}
html[data-mode="dark"] .d-groove{background:repeating-linear-gradient(-55deg,color-mix(in srgb,var(--p) 22%,#0d0b14) 0 40px,color-mix(in srgb,var(--a) 16%,#0d0b14) 40px 80px)}
.d-groove .av{border-radius:26px;transform:rotate(-6deg);border:5px solid var(--card);box-shadow:10px 10px 0 var(--a)}
.d-groove h1{font-weight:400;font-size:clamp(28px,7vw,40px);transform:rotate(-2deg)}
.d-groove .lnk a{border-radius:99px;border:0;background:var(--card);box-shadow:0 8px 0 -2px color-mix(in srgb,var(--p) 60%,transparent)}
.d-groove .lnk a.first{background:var(--p);color:#fff}
.d-groove .fv{transform:rotate(1deg);border:0;box-shadow:0 18px 40px -20px var(--p)}

/* Arcade */
.d-arcade{background:linear-gradient(transparent 0 calc(100% - 1px),color-mix(in srgb,var(--p) 25%,transparent) 0) 0 0/100% 32px,
  linear-gradient(90deg,transparent 0 calc(100% - 1px),color-mix(in srgb,var(--p) 25%,transparent) 0) 0 0/32px 100%,#07060f}
.d-arcade h1{font-size:clamp(15px,4.6vw,20px);line-height:1.5;color:var(--p);text-shadow:0 0 12px var(--p)}
.d-arcade .av{border-radius:6px;border:3px solid var(--p);box-shadow:0 0 20px var(--p);image-rendering:pixelated}
.d-arcade .lnk a{border-radius:4px;background:#0d0b1c;border:2px solid var(--a);box-shadow:4px 4px 0 var(--a)}
.d-arcade .lnk a.first{border-color:var(--p);box-shadow:4px 4px 0 var(--p);color:var(--p)}
.d-arcade .fv{border:2px solid var(--p);box-shadow:0 0 24px -4px var(--p)}.d-arcade .fv small{color:var(--p)}
.d-arcade .soc a{border-radius:6px;background:#0d0b1c;border:1px solid var(--a)}

/* Chalkboard */
.d-chalk{background:radial-gradient(80% 60% at 30% 20%,#2e5143,transparent),#203b31}
.d-chalk #bp{background:transparent}
.d-chalk h1{font-size:clamp(30px,8vw,42px);color:var(--p)}
.d-chalk .av{background:#fff3;color:#fff;border:3px dashed var(--p)}
.d-chalk .bio{color:#e3ece6}
.d-chalk .lnk a{background:transparent;border:2px solid rgba(255,255,255,.55);border-radius:6px 14px 8px 16px;color:#fff}
.d-chalk .lnk a.first{border-color:var(--p);color:var(--p)}
.d-chalk .soc a{background:transparent;border:2px solid rgba(255,255,255,.4)}
.d-chalk .bf{color:#b9cbbf}

/* Passport */
.d-passport{background:linear-gradient(color-mix(in srgb,var(--p) 8%,transparent) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,color-mix(in srgb,var(--p) 8%,transparent) 1px,transparent 1px) 0 0/22px 22px,#f6f0e3}
html[data-mode="dark"] .d-passport{background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/22px 22px,#15130f}
.d-passport h1{font-size:clamp(34px,9vw,46px)}
.d-passport .av{border-radius:12px;border:6px solid var(--card);box-shadow:0 10px 24px -10px rgba(0,0,0,.4);transform:rotate(3deg)}
.d-passport .lnk a{background:var(--card);border:2px dashed color-mix(in srgb,var(--p) 55%,transparent);border-radius:10px}
.d-passport .lnk a.first{border-style:solid;border-color:var(--a);color:var(--a)}
.d-passport .fv{border:2px dashed var(--p)}

/* Film */
.d-film{background:#f5f5f4}html[data-mode="dark"] .d-film{background:#0c0c0c}
.d-film #bp{border-left:14px solid #111;border-right:14px solid #111;background:var(--bg);min-height:100vh;
  -webkit-mask:none;box-shadow:inset 0 0 0 1px var(--line)}
.d-film #bp::before,.d-film #bp::after{content:'';position:absolute;top:0;bottom:0;width:14px;background:repeating-linear-gradient(#111 0 6px,#f5f5f4 6px 14px,#111 14px 22px)}
.d-film #bp::before{left:-14px}.d-film #bp::after{right:-14px}
.d-film h1{font-weight:700;font-size:clamp(30px,8vw,40px);letter-spacing:-.01em}
.d-film .av{border-radius:4px;filter:grayscale(.2)}
.d-film .tiles{gap:3px;padding:3px;background:#111;border:0;border-radius:4px}.d-film .tiles i{border-radius:0}.d-film .tiles p{color:#ccc}
.d-film .lnk a{border-radius:0;background:transparent;border:1px solid var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:14px}
.d-film .lnk a.first{background:var(--ink);color:var(--bg)}

/* Care */
.d-care{background:linear-gradient(180deg,color-mix(in srgb,var(--p) 10%,#fff),#fff 40%)}
html[data-mode="dark"] .d-care{background:linear-gradient(180deg,color-mix(in srgb,var(--p) 18%,#0d0f14),#0d0f14 40%)}
.d-care .av{background:var(--p);box-shadow:0 0 0 6px color-mix(in srgb,var(--p) 18%,transparent)}
.d-care .bio{font-size:17px}
.d-care .lnk a{border-radius:14px;justify-content:flex-start;border-left:4px solid var(--p)}
.d-care .lnk a.first{background:var(--p);color:#fff;border-color:var(--p)}
html[data-mode="dark"] .d-care .lnk a.first{color:#0d0f14}

/* Cosmos */
.d-cosmos{background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent),
  radial-gradient(1px 1px at 85% 60%,#fff,transparent),radial-gradient(1px 1px at 10% 85%,#fff,transparent),radial-gradient(1.2px 1.2px at 60% 90%,#fff,transparent),
  radial-gradient(60% 40% at 50% 0%,color-mix(in srgb,var(--a) 35%,transparent),transparent),#0b0b1e}
.d-cosmos .av{box-shadow:0 0 0 3px #0b0b1e,0 0 0 5px var(--p),0 0 50px 8px color-mix(in srgb,var(--p) 40%,transparent)}
.d-cosmos h1{color:var(--p);letter-spacing:.04em}
.d-cosmos .lnk a{background:rgba(255,255,255,.05);border:1px solid color-mix(in srgb,var(--p) 50%,transparent);border-radius:99px}
.d-cosmos .lnk a.first{background:var(--p);color:#0b0b1e}
.d-cosmos .soc a{background:rgba(255,255,255,.06);border:1px solid color-mix(in srgb,var(--p) 40%,transparent)}

/* Shopfront */
.d-shopfront{background:color-mix(in srgb,var(--p) 8%,#fff)}html[data-mode="dark"] .d-shopfront{background:#131017}
.d-shopfront .cover{display:block;height:46px;margin:-32px -18px 18px;background:repeating-linear-gradient(90deg,var(--p) 0 36px,#fff 36px 72px);border-radius:0 0 18px 18px}
html[data-mode="dark"] .d-shopfront .cover{background:repeating-linear-gradient(90deg,var(--p) 0 36px,#1f1a24 36px 72px)}
.d-shopfront .av{border-radius:24px}
.d-shopfront .lnk a{border-radius:16px;border:2px solid color-mix(in srgb,var(--p) 30%,var(--line))}
.d-shopfront .lnk a.first{background:#25D366;border-color:#25D366;color:#073d1f}
.d-shopfront .prods{border:0;background:transparent;padding:0}

/* Duo */
.d-duo{background:radial-gradient(40% 30% at 30% 12%,color-mix(in srgb,var(--p) 30%,transparent),transparent),radial-gradient(40% 30% at 72% 14%,color-mix(in srgb,var(--a) 28%,transparent),transparent),#fffaf5}
html[data-mode="dark"] .d-duo{background:radial-gradient(40% 30% at 30% 12%,color-mix(in srgb,var(--p) 30%,transparent),transparent),radial-gradient(40% 30% at 72% 14%,color-mix(in srgb,var(--a) 26%,transparent),transparent),#120f0e}
.d-duo .av{width:128px;height:128px;box-shadow:-14px 0 0 0 color-mix(in srgb,var(--p) 70%,transparent),14px 0 0 0 color-mix(in srgb,var(--a) 70%,transparent)}
.d-duo h1{font-weight:400;font-size:clamp(28px,8vw,38px)}
.d-duo .lnk a{border-radius:99px;border:0;box-shadow:0 10px 26px -18px var(--p)}
.d-duo .lnk li:nth-child(odd) a.first,.d-duo .lnk a.first{background:linear-gradient(90deg,var(--p),var(--a));color:#fff}