/* Second set of temporary themes, numbered 16-30. */
:root[data-theme="signal"]{--paper:#fff9d8;--ink:#191919;--muted:#62604d;--yellow:#f3df3a;--line:#191919;--blue:#f3df3a;--surface:#fffdf0;--accent:#191919;--button-ink:#191919;--contact-bg:#f3df3a;--art-bg:#f3df3a;--radius:0px;--control-radius:0px;--theme-shadow:5px 5px 0 #191919}
:root[data-theme="ink"]{--paper:#f7f4ed;--ink:#292d59;--muted:#62657e;--yellow:#292d59;--line:#c9cad5;--blue:#e7e7ee;--surface:#fffdf8;--accent:#292d59;--button-ink:#fffdf8;--contact-bg:#292d59;--contact-ink:#f7f4ed;--art-bg:#d5d9ee;--art-line:#a5aac8;--display:Georgia,'Times New Roman',serif;--radius:0px;--control-radius:50px}
:root[data-theme="frost"]{--paper:#edf2f6;--ink:#263c51;--muted:#596c7b;--yellow:#344f65;--line:#c4d2de;--blue:#e0eaf2;--surface:#f9fcff;--accent:#344f65;--button-ink:#fff;--contact-bg:#e0eaf2;--art-bg:#cbdde9;--art-line:#adbfcc;--radius:22px;--control-radius:10px;--theme-shadow:0 18px 45px #263c5110}
:root[data-theme="espresso"]{color-scheme:dark;--paper:#2c211d;--ink:#f6e6d5;--muted:#c9b3a2;--yellow:#d6af85;--line:#725a4c;--blue:#48362b;--surface:#3b2c25;--accent:#d6af85;--button-ink:#2c211d;--contact-bg:#d6af85;--contact-ink:#2c211d;--art-bg:#684d38;--art-line:#9e7b5a;--display:Georgia,'Times New Roman',serif;--radius:5px;--control-radius:3px}
:root[data-theme="gallery"]{--paper:#fcfcfa;--ink:#252525;--muted:#656565;--yellow:#b72e35;--line:#d4d4cf;--blue:#efefeb;--surface:#fff;--accent:#b72e35;--button-ink:#fff;--contact-bg:#efefeb;--art-bg:#ededE8;--radius:0px;--control-radius:0px}
:root[data-theme="orbit"]{color-scheme:dark;--paper:#161326;--ink:#f3efff;--muted:#bcb2d5;--yellow:#c3a5ff;--line:#55416e;--blue:#29213e;--surface:#231c35;--accent:#c3a5ff;--button-ink:#261837;--contact-bg:#29213e;--contact-ink:#f3efff;--art-bg:#3d295e;--art-line:#9470bf;--radius:24px;--control-radius:50px;--theme-shadow:0 16px 55px #0002}
:root[data-theme="mint"]{--paper:#effaf4;--ink:#164b40;--muted:#52776b;--yellow:#a6dfc5;--line:#afccbd;--blue:#d5eddf;--surface:#fffefa;--accent:#276957;--button-ink:#164b40;--contact-bg:#164b40;--contact-ink:#effaf4;--art-bg:#a6dfc5;--art-line:#74b89a;--radius:18px;--control-radius:6px}
:root[data-theme="cobalt"]{color-scheme:dark;--paper:#163cbd;--ink:#fff;--muted:#d1dbff;--yellow:#d6f46a;--line:#7995ed;--blue:#2046c3;--surface:#1b3fae;--accent:#d6f46a;--button-ink:#1a3296;--contact-bg:#d6f46a;--contact-ink:#172d8b;--art-bg:#4564d2;--art-line:#a8bcff;--radius:0px;--control-radius:50px}
:root[data-theme="clay"]{--paper:#f6eee3;--ink:#5c3428;--muted:#876451;--yellow:#a0442c;--line:#d5bba4;--blue:#e9d7c5;--surface:#fff8ef;--accent:#a0442c;--button-ink:#fff8ef;--contact-bg:#a0442c;--contact-ink:#fff8ef;--art-bg:#d4a181;--art-line:#b57959;--display:Georgia,'Times New Roman',serif;--radius:50px 50px 10px 10px;--control-radius:50px}
:root[data-theme="citrus"]{--paper:#fbfbe9;--ink:#414b23;--muted:#6d744c;--yellow:#e8ed6a;--line:#c8cea1;--blue:#eef0c9;--surface:#fffff5;--accent:#58672b;--button-ink:#414b23;--contact-bg:#e8ed6a;--art-bg:#e8ed6a;--art-line:#abb65f;--radius:26px;--control-radius:50px}
:root[data-theme="ribbon"]{color-scheme:dark;--paper:#481e32;--ink:#fff1f5;--muted:#dcb5c8;--yellow:#f1b2cb;--line:#946177;--blue:#612d44;--surface:#57253b;--accent:#f1b2cb;--button-ink:#481e32;--contact-bg:#f1b2cb;--contact-ink:#481e32;--art-bg:#91516e;--art-line:#c58ba6;--display:Georgia,'Times New Roman',serif;--radius:4px;--control-radius:4px}
:root[data-theme="slate"]{--paper:#e9edf0;--ink:#293746;--muted:#5c6977;--yellow:#385978;--line:#bdc7d0;--blue:#d9e2e8;--surface:#f7f9fb;--accent:#385978;--button-ink:#fff;--contact-bg:#293746;--contact-ink:#f7f9fb;--art-bg:#cad7e0;--art-line:#9baebd;--radius:8px;--control-radius:4px}
:root[data-theme="dusk"]{color-scheme:dark;--paper:#302638;--ink:#fcf0df;--muted:#ccbbcf;--yellow:#f1bb71;--line:#7c617c;--blue:#49334b;--surface:#3b2d42;--accent:#f1bb71;--button-ink:#392536;--contact-bg:#f1bb71;--contact-ink:#392536;--art-bg:#78506a;--art-line:#c18a90;--radius:30px;--control-radius:50px}
:root[data-theme="sketch"]{--paper:#faf9f4;--ink:#224a85;--muted:#5c7090;--yellow:#224a85;--line:#8aa0c1;--blue:#e7edf6;--surface:#fffefa;--accent:#224a85;--button-ink:#fff;--contact-bg:#e7edf6;--art-bg:#e7edf6;--art-line:#6f8bb6;--radius:12px 20px 9px 17px;--control-radius:7px;--theme-shadow:3px 4px 0 #c9d5e8}
:root[data-theme="mosaic"]{--paper:#f5f3e9;--ink:#164c4a;--muted:#566d65;--yellow:#f3ae93;--line:#a7bdb2;--blue:#d8e9dc;--surface:#fffdf5;--accent:#164c4a;--button-ink:#164c4a;--contact-bg:#164c4a;--contact-ink:#fffdf5;--art-bg:#f3ae93;--art-line:#ca7c63;--radius:24px;--control-radius:12px}

.theme-additional .hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.theme-additional .hero-copy,.theme-additional .hero-art{min-width:0}

/* 16: A poster-like direction with oversized type and solid yellow panels. */
html[data-theme="signal"] .hero h1{font-size:clamp(60px,8vw,112px);font-weight:800;line-height:.95;text-transform:uppercase}
html[data-theme="signal"] .name-word{display:block}
html[data-theme="signal"] .art-backdrop{inset:25px 0;transform:none;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
html[data-theme="signal"] :is(.doodle,.orbit,.sunburst,.name-word>svg){display:none}
html[data-theme="signal"] :is(.discord-banner,.contact-section,.gallery-image){border:2px solid var(--ink)}
html[data-theme="signal"] .button{border:2px solid var(--ink)}
html[data-theme="signal"] .gallery-card figcaption{text-transform:uppercase;font-weight:750}

/* 17, 21, 26: Three different centred compositions. */
html:is([data-theme="ink"],[data-theme="orbit"],[data-theme="ribbon"]) .hero{display:flex;flex-direction:column;text-align:center;min-height:0;gap:12px;padding-block:48px 35px}
html:is([data-theme="ink"],[data-theme="orbit"],[data-theme="ribbon"]) .hero-copy{padding:0;max-width:100%}
html:is([data-theme="ink"],[data-theme="orbit"],[data-theme="ribbon"]) .hero :is(.eyebrow,.hero-actions){justify-content:center}
html:is([data-theme="ink"],[data-theme="orbit"],[data-theme="ribbon"]) .hero-art{width:430px;max-width:100%;height:365px}
html[data-theme="ink"] .hero h1{font-weight:400;letter-spacing:-.06em;font-size:clamp(62px,7.5vw,104px)}
html[data-theme="ink"] .art-backdrop{inset:12px 60px;border-radius:50% 50% 0 0;transform:none;border:1px solid var(--art-line)}
html[data-theme="ink"] :is(.doodle,.orbit,.sunburst,.name-word>svg){display:none}
html[data-theme="ink"] .channel-links h3{font-style:italic}
html[data-theme="ink"] .gallery-card{padding:12px;background:var(--surface);border:1px solid var(--line)}
html[data-theme="ink"] .gallery-card figcaption{font-family:var(--display);font-size:18px}

/* 18: A light silver frame, with soft depth and a restrained type weight. */
html[data-theme="frost"] body{background:radial-gradient(ellipse at 85% 15%,#fff,transparent 45%),var(--paper)}
html[data-theme="frost"] .hero{padding:32px;margin-top:28px;min-height:560px;border:1px solid #fff;border-radius:30px;background:#ffffff70;box-shadow:0 20px 70px #263c510c}
html[data-theme="frost"] .hero h1{font-weight:400;letter-spacing:-.065em}
html[data-theme="frost"] .art-backdrop{inset:30px 0;border-radius:40% 60% 50% 50%;transform:none;background:linear-gradient(140deg,#fff,#c2d7e6);border:1px solid #fff}
html[data-theme="frost"] :is(.doodle,.sunburst){display:none}
html[data-theme="frost"] .channel-links{gap:14px}
html[data-theme="frost"] .channel-links>a{padding:22px;background:var(--surface);border:1px solid #fff;border-radius:15px}

/* 19: Classic serif typography and a double-lined cocoa portrait frame. */
html[data-theme="espresso"] .hero-art{order:-1}
html[data-theme="espresso"] .hero h1{font-weight:400;letter-spacing:-.055em}
html[data-theme="espresso"] .art-backdrop{inset:25px 10px;transform:none;border:6px double var(--art-line);border-radius:3px}
html[data-theme="espresso"] :is(.doodle,.orbit,.sunburst,.name-word>svg){display:none}
html[data-theme="espresso"] .discord-banner{border-width:1px 0;border-radius:0;background:transparent}
html[data-theme="espresso"] .gallery-card{padding-bottom:16px;border-bottom:1px solid var(--line)}
html[data-theme="espresso"] .gallery-card figcaption{font-family:var(--display);font-size:18px}

/* 20: Artwork-led, with spare white space and red editorial details. */
html[data-theme="gallery"] .hero{grid-template-columns:.8fr 1.2fr;gap:0}
html[data-theme="gallery"] .hero h1{font-weight:500;letter-spacing:-.065em}
html[data-theme="gallery"] .name-word{display:block;color:var(--accent)}
html[data-theme="gallery"] .art-backdrop{background:none;border:0}
html[data-theme="gallery"] :is(.doodle,.orbit,.sunburst,.name-word>svg){display:none}
html[data-theme="gallery"] .section-heading{border-top:2px solid var(--ink);padding-top:24px}
html[data-theme="gallery"] .gallery-card figcaption{border-bottom:1px solid var(--line);padding-bottom:18px}
html[data-theme="gallery"] .gallery-number{color:var(--accent)}

html[data-theme="orbit"] body{background:radial-gradient(ellipse at 50% 24%,#49306588,transparent 44%),var(--paper)}
html[data-theme="orbit"] .hero h1{font-weight:500;letter-spacing:-.06em}
html[data-theme="orbit"] .art-backdrop{inset:25px 55px;border-radius:50%;transform:none;background:radial-gradient(circle,#775392,#30203f);border:1px solid #bc93ee;box-shadow:0 0 0 12px #c3a5ff0b,0 0 0 28px #c3a5ff08,0 0 65px #c3a5ff1c}
html[data-theme="orbit"] :is(.sunburst,.name-word>svg){display:none}
html[data-theme="orbit"] .gallery-image{border:1px solid var(--line);box-shadow:0 12px 28px #0003}

/* 22: A mint panel with a cut corner, repeated in the thumbnail framing. */
html[data-theme="mint"] .hero{padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-top:28px;min-height:560px}
html[data-theme="mint"] .hero h1{font-weight:600;letter-spacing:-.06em}
html[data-theme="mint"] .art-backdrop{inset:20px 0;transform:none;border-radius:70px 14px 70px 14px}
html[data-theme="mint"] :is(.orbit,.sunburst){display:none}
html[data-theme="mint"] .gallery-card{background:var(--surface);padding:10px 10px 15px;border:1px solid var(--line);border-radius:18px}
html[data-theme="mint"] .gallery-card figcaption{padding-inline:5px}

/* 23: Saturated cobalt with white type and an oversized circular cutout. */
html[data-theme="cobalt"] .hero h1{font-weight:800;font-size:clamp(60px,7.8vw,110px);text-transform:uppercase;line-height:.98}
html[data-theme="cobalt"] .name-word{display:block}
html[data-theme="cobalt"] .art-backdrop{inset:30px 0;border-radius:50%;transform:none;background:#e8efff;border:0}
html[data-theme="cobalt"] :is(.doodle,.orbit,.sunburst,.name-word>svg){display:none}
html[data-theme="cobalt"] .discord-banner{border-width:1px 0;background:transparent;border-radius:0}
html[data-theme="cobalt"] .portfolio-heading h1{font-weight:800}

/* 24: Sculptural terracotta, with generous arches and contrasting serif type. */
html[data-theme="clay"] .hero-art{order:-1}
html[data-theme="clay"] .hero h1{font-weight:400;font-size:clamp(56px,7vw,98px);line-height:1.04}
html[data-theme="clay"] .art-backdrop{inset:24px 8px;border-radius:50% 50% 4px 4px;transform:none;border:1px solid var(--art-line);background:linear-gradient(160deg,#eac6a8,#cc9575)}
html[data-theme="clay"] :is(.orbit,.doodle,.sunburst,.name-word>svg){display:none}
html[data-theme="clay"] .discord-banner{border-radius:8px 44px 8px 44px}
html[data-theme="clay"] .gallery-image{border-radius:4px}
html[data-theme="clay"] .gallery-card figcaption{font-family:var(--display);font-size:18px}

/* 25: Acid lemon with olive text and a compact, asymmetric art panel. */
html[data-theme="citrus"] .hero{grid-template-columns:.95fr 1.05fr}
html[data-theme="citrus"] .hero-art{order:-1}
html[data-theme="citrus"] .hero h1{font-weight:500;letter-spacing:-.06em}
html[data-theme="citrus"] .art-backdrop{inset:35px 10px;border-radius:50% 12px 50% 12px;transform:rotate(-4deg)}
html[data-theme="citrus"] .channel-links{gap:14px}
html[data-theme="citrus"] .channel-links>a{background:var(--soft);border:1px solid var(--line);padding:24px;border-radius:18px}
html[data-theme="citrus"] .gallery-image{border:1px solid var(--line)}

html[data-theme="ribbon"] .hero{border:1px solid var(--line);margin-top:30px;background:var(--surface);padding-inline:24px}
html[data-theme="ribbon"] .hero h1{font-weight:400;font-style:italic;letter-spacing:-.06em;font-size:clamp(60px,7.5vw,100px)}
html[data-theme="ribbon"] .art-backdrop{inset:20px 45px;border-radius:50% 50% 5px 5px;transform:none;border:6px double var(--art-line)}
html[data-theme="ribbon"] :is(.doodle,.orbit,.sunburst,.name-word>svg){display:none}
html[data-theme="ribbon"] .gallery-card{padding:12px;border:1px solid var(--line);background:var(--surface)}
html[data-theme="ribbon"] .gallery-card figcaption{font-family:var(--display);font-size:18px}

/* 27: Quiet, compact and mostly unadorned. */
html[data-theme="slate"] .hero{min-height:530px;padding-block:30px}
html[data-theme="slate"] .hero h1{font-weight:400;font-size:clamp(54px,6vw,82px);letter-spacing:-.055em}
html[data-theme="slate"] .hero-art{height:420px}
html[data-theme="slate"] .art-backdrop{inset:20px 20px;transform:none;border-radius:5px;background:linear-gradient(135deg,#dce5eb,#c3d0db)}
html[data-theme="slate"] :is(.doodle,.orbit,.sunburst,.name-word>svg){display:none}
html[data-theme="slate"] .channel-links{display:flex;flex-direction:column;gap:0}
html[data-theme="slate"] .channel-links>a{border:0;border-bottom:1px solid var(--line);padding:22px 8px}
html[data-theme="slate"] .gallery-card{padding:9px 9px 15px;background:var(--surface);border:1px solid var(--line);border-radius:9px}

/* 28: A warm horizon against plum, with artwork leading the composition. */
html[data-theme="dusk"] body{background:radial-gradient(ellipse at 20% 15%,#6e455850,transparent 45%),var(--paper)}
html[data-theme="dusk"] .hero-art{order:-1}
html[data-theme="dusk"] .hero h1{font-weight:500;letter-spacing:-.06em}
html[data-theme="dusk"] .art-backdrop{inset:25px 5px;border-radius:50% 50% 18px 18px;transform:none;background:linear-gradient(180deg,#9b6c87,#e0a277 65%,#eac69b);border:1px solid #f2c39360}
html[data-theme="dusk"] .orbit{opacity:.35}
html[data-theme="dusk"] .gallery-image{border:1px solid var(--line)}

/* 29: Loose outlined framing, with no repeating background pattern. */
html[data-theme="sketch"] .hero{padding:30px;border:2px solid var(--ink);border-radius:18px 36px 16px 30px;margin-top:28px;min-height:560px}
html[data-theme="sketch"] .hero h1{font-weight:500;letter-spacing:-.06em}
html[data-theme="sketch"] .art-backdrop{inset:25px 0;background:none;border:2px solid var(--ink);border-radius:45% 55% 47% 53%;transform:rotate(-5deg)}
html[data-theme="sketch"] .orbit{display:none}
html[data-theme="sketch"] :is(.button,.discord-banner,.contact-section){border:2px solid var(--ink)}
html[data-theme="sketch"] .gallery-card{padding:10px;border:1px solid var(--ink);border-radius:12px 18px 8px 15px}

/* 30: Large blocks of teal, coral and pale green. */
html[data-theme="mosaic"] .hero{padding:32px;background:var(--soft);border-radius:28px;margin-top:28px;min-height:560px}
html[data-theme="mosaic"] .hero h1{font-weight:750;letter-spacing:-.06em}
html[data-theme="mosaic"] .name-word{display:block}
html[data-theme="mosaic"] .art-backdrop{inset:20px 0;border-radius:80px 18px 18px 18px;transform:none}
html[data-theme="mosaic"] :is(.orbit,.sunburst,.name-word>svg){display:none}
html[data-theme="mosaic"] .channel-links{gap:16px}
html[data-theme="mosaic"] .channel-links>a{padding:24px;background:#e9dcf1;border:0;border-radius:18px}
html[data-theme="mosaic"] .channel-links>a:nth-child(2){background:#f8d3c2}
html[data-theme="mosaic"] .channel-links>a:nth-child(3){background:#e7ebbc}
html[data-theme="mosaic"] .gallery-card{padding:12px 12px 16px;background:var(--soft);border-radius:22px}
html[data-theme="mosaic"] .gallery-card:nth-child(3n+2){background:#f8d3c2}
html[data-theme="mosaic"] .gallery-card:nth-child(3n){background:#e9dcf1}

@media(min-width:1001px){
  html:is([data-theme="gallery"],[data-theme="ink"],[data-theme="clay"]) .thumbnail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 32px}
  html[data-theme="gallery"] .gallery-card:nth-child(even){transform:translateY(32px)}
  html[data-theme="gallery"] .portfolio-bottom{margin-top:80px}
}
@media(min-width:601px) and (max-width:1000px){
  .theme-additional .hero{gap:18px}
  html.theme-additional .hero h1{font-size:clamp(46px,7.5vw,75px)}
  html:is([data-theme="frost"],[data-theme="mint"],[data-theme="sketch"],[data-theme="mosaic"]) .hero{padding:22px}
  .theme-additional .channel-links>a{padding:18px 12px;gap:10px}
}
@media(max-width:600px){
  html.theme-additional .hero{gap:18px;min-height:0;padding-block:36px 28px}
  html.theme-additional .hero h1{font-size:clamp(43px,13vw,65px);letter-spacing:-.055em}
  html.theme-additional .hero-art{order:0;height:320px;width:330px;max-width:100%}
  html.theme-additional .hero-actions{align-items:center}
  html:is([data-theme="frost"],[data-theme="mint"],[data-theme="sketch"],[data-theme="mosaic"],[data-theme="ribbon"]) .hero{padding-inline:17px;margin-top:20px}
  html:is([data-theme="frost"],[data-theme="mint"],[data-theme="sketch"],[data-theme="mosaic"],[data-theme="ribbon"]) .hero-art{height:280px}
  html:is([data-theme="ink"],[data-theme="orbit"],[data-theme="ribbon"]) .art-backdrop{inset:20px 35px}
  html[data-theme="signal"] .art-backdrop{inset:25px 6px}
  html[data-theme="sketch"] .art-backdrop{inset:20px 0}
  html.theme-additional .channel-links>a{padding:20px}
  html.theme-additional .gallery-card figcaption{font-size:14px}
  html[data-theme="signal"] .gallery-card figcaption{font-size:13px}
  html[data-theme="clay"] .contact-section{border-radius:32px 32px 8px 8px}
}