@font-face{font-family:"Zai Remington Deluxe";src:url("/assets/fonts/zai-remington-deluxe.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#000;--text:#f4f4f4;--muted:#a8adb7;--muted2:#747983;--line:rgba(255,255,255,.16);--glass:rgba(255,255,255,.035);--type:"Zai Remington Deluxe",Georgia,serif;--body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 20%,rgba(95,150,255,.09),transparent 28%),radial-gradient(circle at 50% 60%,rgba(145,75,255,.06),transparent 34%),#000;color:var(--text);font-family:var(--body);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-180%);padding:10px 14px;background:#fff;color:#000}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:64px;padding:0 max(18px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--type);font-size:16px;letter-spacing:.09em}.brand img{width:28px;height:40px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:25px}.site-nav a{font-family:var(--type);font-size:14px;color:#c8cad0}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}.menu-toggle{display:block;border:1px solid var(--line);border-radius:999px;padding:7px 13px;background:var(--glass);font-family:var(--type);cursor:pointer}.site-nav{position:absolute;top:64px;right:max(18px,calc((100vw - 1100px)/2));display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:190px;padding:20px 22px 24px;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;background:rgba(0,0,0,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.site-nav.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.site-nav a{font-size:17px}
.home-main{padding:112px 18px 48px}.intro-wrap{width:min(980px,100%);margin:0 auto;text-align:center}.hero-logo{width:min(720px,94vw);height:min(46vh,440px);margin:0 auto;object-fit:contain;filter:drop-shadow(0 0 36px rgba(110,150,255,.13))}.tagline{margin:10px 0 0;font-family:var(--type);font-size:clamp(17px,2.5vw,23px);letter-spacing:.16em;text-transform:uppercase;color:#d9dbe1}.divider{display:block;width:72px;height:1px;margin:28px auto;background:rgba(255,255,255,.24)}.intro-copy{max-width:650px;margin:0 auto;color:var(--muted);font-size:clamp(14px,2vw,17px);line-height:1.7}.commission-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-width:250px;min-height:54px;margin:28px auto 0;padding:0 28px;border:1px solid rgba(147,164,216,.7);border-radius:999px;background:linear-gradient(180deg,rgba(10,12,18,.98),rgba(3,4,8,.98));box-shadow:inset 0 0 24px rgba(124,145,204,.08),0 0 18px rgba(88,112,176,.12),0 0 42px rgba(94,80,146,.08);font-family:var(--type);font-size:18px;letter-spacing:.045em;color:#dfe4ef;text-shadow:0 0 12px rgba(200,214,255,.2);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease,color .35s ease}.commission-cta:before,.commission-cta:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.commission-cta:before{background-image:radial-gradient(circle at 14% 38%,rgba(255,255,255,.7) 0 1px,transparent 1.4px),radial-gradient(circle at 36% 70%,rgba(175,190,225,.5) 0 1px,transparent 1.4px),radial-gradient(circle at 62% 27%,rgba(255,255,255,.55) 0 1px,transparent 1.4px),radial-gradient(circle at 79% 62%,rgba(168,184,219,.5) 0 1px,transparent 1.4px),radial-gradient(circle at 91% 34%,rgba(255,255,255,.45) 0 1px,transparent 1.4px);opacity:.38;animation:commission-stars 7s ease-in-out infinite}.commission-cta:after{background:linear-gradient(105deg,transparent 0 44%,rgba(140,156,204,.06) 49%,rgba(180,192,225,.11) 50%,rgba(140,156,204,.06) 51%,transparent 56%);transform:translateX(-130%);animation:commission-scan 10s linear infinite}.commission-cta:hover{border-color:rgba(184,198,238,.92);box-shadow:inset 0 0 28px rgba(124,145,204,.12),0 0 20px rgba(112,137,204,.2),0 0 48px rgba(98,84,160,.12);color:#f1f4fb;transform:translateY(-1px)}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px}.social-links a{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:39px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--glass);font-family:var(--type);font-size:14px;color:#cfd2d8}.social-links a:hover{border-color:rgba(180,173,225,.7);color:#fff}.social-links .coffee{min-width:148px}
.carousel-section{width:min(1120px,100%);margin:72px auto 0}.carousel-head{max-width:760px;margin:0 auto;padding:0 18px;text-align:center}.carousel-head h1,.carousel-head h2{margin:0 auto 10px;font-family:var(--type);font-weight:400;font-size:clamp(25px,4vw,38px);line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.gallery-title-link{display:inline-block;padding:0 0 3px;border-bottom:1px solid rgba(255,255,255,.28);color:inherit;font-family:var(--type);font-weight:400;text-transform:none;letter-spacing:.04em;transition:color .2s ease,border-color .2s ease,text-shadow .2s ease}.gallery-title-link:hover,.gallery-title-link:focus-visible{color:#fff;border-color:rgba(210,220,255,.78);text-shadow:0 0 18px rgba(145,165,225,.28)}.gallery-title-link:focus-visible{outline:1px solid rgba(205,216,255,.75);outline-offset:5px;border-radius:3px}.carousel-head p{max-width:680px;margin:0 auto;color:var(--muted2);font-size:14px;line-height:1.6;text-wrap:balance}.carousel{display:flex;gap:14px;overflow-x:auto;padding:26px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.carousel::-webkit-scrollbar{display:none}.category-card{flex:0 0 min(270px,82vw);scroll-snap-align:center;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--glass);transition:transform .25s ease,border-color .25s ease}.category-card:hover{transform:translateY(-3px);border-color:rgba(180,173,225,.55)}.category-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:var(--thumb-position,center);transform:scale(var(--thumb-zoom,1.085));background:#080808}.card-body{padding:15px 16px 17px}.category-label{min-height:47px;margin:0;font-family:var(--type);font-size:20px;font-weight:400;line-height:1.18;letter-spacing:.025em}.card-meta{margin:8px 0 0;color:#858b95;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.card-text{margin:9px 0 0;color:#a8adb6;font-size:13px;line-height:1.5}.carousel-controls{display:flex;justify-content:center;gap:9px;margin-top:8px}.carousel-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--glass);cursor:pointer}.carousel-controls button:hover{border-color:rgba(180,173,225,.7)}
.featured-section{max-width:900px;margin:72px auto 0;padding:0 18px;text-align:center}.section-kicker{margin:0 0 10px;color:#858b96;font-family:var(--type);font-size:14px;letter-spacing:.12em;text-transform:uppercase}.featured-section h2,.text-section h2{margin:0 0 24px;font-family:var(--type);font-weight:400;line-height:1.2;letter-spacing:.025em}.featured-section h2{font-size:clamp(25px,4vw,38px)}.featured-frame{position:relative;display:block;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#050505}.featured-frame img{display:block;width:100%;height:min(72vh,720px);object-fit:contain;background:#000;opacity:1;transition:opacity 1.2s ease}.featured-frame img.is-changing{opacity:0}.featured-caption{position:absolute;left:0;right:0;bottom:0;padding:44px 22px 20px;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.9))}.featured-caption strong{display:block;font-family:var(--type);font-size:clamp(20px,3vw,30px);font-weight:400}.featured-caption small{display:block;margin-top:3px;color:#b6bac2}.text-section{max-width:760px;margin:100px auto 0;padding:0 18px;text-align:center}.text-section h2{font-size:clamp(27px,5vw,46px)}.text-section>p:not(.section-kicker){max-width:650px;margin:0 auto;color:var(--muted);font-size:16px}.quiet-link{display:inline-block;margin-top:22px;border-bottom:1px solid rgba(255,255,255,.35);font-family:var(--type);font-size:17px}.contact-section{padding-bottom:70px}footer{width:min(980px,calc(100% - 36px));margin:0 auto;padding:26px 0 max(26px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);color:#737984;font-family:var(--type);font-size:13px}
@media(max-width:760px){.site-header{height:60px;padding:0 14px}.brand img{width:24px;height:36px}.brand span{font-size:14px}.site-nav{top:60px;left:auto;right:14px;min-width:190px;padding:18px 20px 22px}.site-nav a{font-size:18px}.home-main{padding:88px 0 36px}.intro-wrap{padding:0 18px}.hero-logo{width:min(520px,92vw);height:min(40vh,350px)}.tagline{font-size:clamp(17px,5vw,22px)}.commission-cta{width:min(290px,86vw);font-size:18px}.social-links{gap:8px}.social-links a{min-width:calc(50% - 8px)}.carousel-section{margin-top:62px}.carousel-head{padding:0 22px}.carousel-head h1,.carousel-head h2{font-size:clamp(25px,4vw,38px);letter-spacing:.04em}.carousel-head p{font-size:14px}.carousel{padding:24px 18px 12px}.category-card{flex-basis:min(78vw,310px)}.carousel-controls{display:none}.featured-section{padding:0 15px}.featured-frame{border-radius:18px}.featured-frame img{height:52vh}.text-section{margin-top:78px}footer{flex-direction:column;align-items:center;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* LAUNCH gallery restoration */
.category-card{padding:0;color:inherit;text-align:left;cursor:pointer}.featured-frame{width:100%;padding:0;color:inherit;cursor:pointer}footer{display:block!important;text-align:center}
.gallery-dialog,.lightbox{width:min(1180px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);border-radius:22px;background:#050607;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.75)}.gallery-dialog::backdrop,.lightbox::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(10px)}.gallery-dialog-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line);background:rgba(5,6,7,.9);backdrop-filter:blur(16px)}.gallery-dialog-head .section-kicker{margin:0}.gallery-dialog-head h2{margin:4px 0 0;font-family:var(--type);font-size:clamp(25px,4vw,42px);font-weight:400}.gallery-close,.lightbox-close{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--glass);font-size:24px;cursor:pointer}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.gallery-grid.is-sectioned{display:block}.gallery-section+.gallery-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.gallery-section-title{margin:0 0 10px;font-family:var(--type);font-size:clamp(19px,2.5vw,27px);font-weight:400;color:var(--text)}.gallery-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gallery-item{position:relative;min-width:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:#0a0b0c;color:#fff;cursor:pointer}.gallery-item img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:var(--thumb-position,center);transform:scale(var(--thumb-zoom,1.085));transition:transform .25s ease}.gallery-item:hover img{transform:scale(calc(var(--thumb-zoom,1.085) + .02))}.gallery-item span{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.88));text-align:left;font-family:var(--type);font-size:14px}.lightbox{overflow:hidden}.lightbox-series{display:none}.lightbox.is-series{overflow:auto}.lightbox.is-series>.lightbox-arrow,.lightbox.is-series>figure{display:none}.lightbox.is-series>.lightbox-series{display:grid;gap:18px;padding:56px 14px 16px}.lightbox-series figure{margin:0;border-radius:14px;overflow:hidden;background:#070809}.lightbox-series img{display:block;width:100%;height:auto;background:#000}.lightbox-series figcaption{padding:14px 18px 18px;text-align:center}.lightbox-series figcaption strong{display:block;font-family:var(--type);font-size:20px;font-weight:400}.lightbox-series figcaption span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.lightbox figure{height:calc(100dvh - 26px);margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.lightbox figure img{width:100%;height:100%;min-height:0;object-fit:contain;background:#000}.lightbox figcaption{padding:14px 70px 18px;text-align:center;background:#070809}.lightbox figcaption strong{display:block;font-family:var(--type);font-size:20px;font-weight:400}.lightbox figcaption span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.lightbox-close{position:absolute;top:12px;right:12px;z-index:4;background:rgba(0,0,0,.72)}.lightbox-arrow{position:absolute;top:50%;z-index:4;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.68);cursor:pointer}.lightbox-prev{left:12px}.lightbox-next{right:12px}
@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px}.gallery-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.gallery-section+.gallery-section{margin-top:18px;padding-top:15px}.gallery-section-title{margin-bottom:7px}.gallery-dialog-head{padding:15px}.gallery-item span{font-size:13px}.lightbox figcaption{padding:12px 52px 16px}.lightbox-arrow{top:auto;bottom:14px;width:40px;height:40px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}


@media (min-width:761px) and (max-width:1100px) and (orientation:portrait){.carousel-section{margin-top:96px}.carousel{padding-top:38px}}

@keyframes commission-stars{0%,100%{opacity:.16;filter:brightness(.85)}22%{opacity:.35;filter:brightness(1.05)}49%{opacity:.22;filter:brightness(.92)}72%{opacity:.4;filter:brightness(1.12)}}@keyframes commission-scan{0%{transform:translateX(-140%)}100%{transform:translateX(140%)}}

.commission-cta{animation:commission-beacon 5.6s ease-in-out infinite}.commission-cta:focus-visible{outline:1px solid rgba(205,216,255,.75);outline-offset:4px}@keyframes commission-beacon{0%,100%{box-shadow:inset 0 0 24px rgba(124,145,204,.08),0 0 18px rgba(88,112,176,.12),0 0 42px rgba(94,80,146,.08)}50%{box-shadow:inset 0 0 28px rgba(124,145,204,.12),0 0 24px rgba(103,131,204,.18),0 0 56px rgba(103,86,166,.12)}}

/* Experimental lava-lamp CTA */
.commission-cta{
  background:
    radial-gradient(circle at 18% 35%,rgba(88,142,255,.48) 0 14%,transparent 34%),
    radial-gradient(circle at 78% 28%,rgba(177,84,255,.42) 0 16%,transparent 38%),
    radial-gradient(circle at 58% 78%,rgba(79,227,255,.26) 0 15%,transparent 36%),
    radial-gradient(circle at 28% 76%,rgba(160,74,210,.34) 0 17%,transparent 40%),
    linear-gradient(180deg,#070911,#020205);
  background-size:180% 180%,190% 190%,170% 170%,200% 200%,100% 100%;
  animation:commission-lava 7.5s ease-in-out infinite,commission-lava-pulse 3.8s ease-in-out infinite;
  border-color:rgba(161,177,230,.78);
  box-shadow:inset 0 0 34px rgba(110,128,210,.16),0 0 24px rgba(80,116,210,.18),0 0 58px rgba(128,70,190,.14);
}
.commission-cta:before{opacity:.48;mix-blend-mode:screen;animation:commission-stars 4.8s ease-in-out infinite}
.commission-cta:after{opacity:.75;animation:commission-scan 8s linear infinite}
@keyframes commission-lava{
  0%{background-position:0% 20%,100% 0%,40% 100%,10% 80%,0 0}
  25%{background-position:30% 0%,72% 26%,62% 78%,0% 52%,0 0}
  50%{background-position:56% 34%,48% 60%,18% 44%,44% 18%,0 0}
  75%{background-position:18% 70%,86% 72%,74% 14%,30% 66%,0 0}
  100%{background-position:0% 20%,100% 0%,40% 100%,10% 80%,0 0}
}
@keyframes commission-lava-pulse{
  0%,100%{filter:saturate(1) brightness(.9);transform:translateY(0) scale(1)}
  50%{filter:saturate(1.45) brightness(1.18);transform:translateY(-1px) scale(1.018)}
}


/* MONAD-33 commission CTA dark cosmic pass — 2026-08-29 */
.commission-cta{
  background:
    radial-gradient(ellipse at 22% 38%,rgba(49,72,126,.28) 0 10%,transparent 34%),
    radial-gradient(ellipse at 78% 62%,rgba(74,43,106,.24) 0 11%,transparent 36%),
    radial-gradient(circle at 54% 24%,rgba(87,111,169,.13) 0 8%,transparent 30%),
    linear-gradient(180deg,#070910 0%,#020307 54%,#000 100%);
  background-size:190% 190%,210% 210%,180% 180%,100% 100%;
  border-color:rgba(128,146,195,.72);
  color:#eef2ff;
  text-shadow:0 0 10px rgba(193,207,255,.3),0 0 24px rgba(116,137,205,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 30px rgba(68,91,153,.11),
    0 0 0 1px rgba(58,70,110,.16),
    0 0 22px rgba(63,84,145,.13),
    0 0 64px rgba(68,42,106,.10);
  animation:commission-dark-orbit 11s ease-in-out infinite,commission-dark-pulse 5.8s ease-in-out infinite;
}
.commission-cta:before{
  opacity:.34;
  mix-blend-mode:screen;
  animation:commission-stars 8s ease-in-out infinite;
}
.commission-cta:after{
  opacity:.42;
  background:linear-gradient(108deg,transparent 0 45%,rgba(143,162,219,.04) 48.5%,rgba(211,220,255,.13) 50%,rgba(143,162,219,.04) 51.5%,transparent 55%);
  animation:commission-scan 13s linear infinite;
}
.commission-cta:hover{
  border-color:rgba(164,181,226,.9);
  color:#fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 0 34px rgba(75,99,164,.15),
    0 0 0 1px rgba(77,92,139,.22),
    0 0 28px rgba(76,99,166,.2),
    0 0 76px rgba(78,48,119,.14);
}
@keyframes commission-dark-orbit{
  0%,100%{background-position:0% 30%,100% 70%,45% 0%,0 0}
  50%{background-position:48% 58%,52% 28%,70% 55%,0 0}
}
@keyframes commission-dark-pulse{
  0%,100%{filter:brightness(.86) saturate(.9);transform:translateY(0) scale(1)}
  50%{filter:brightness(1.03) saturate(1.08);transform:translateY(-1px) scale(1.008)}
}


/* MONAD-33 scanline edge glint — 2026-08-29 */
.commission-cta:after{
  opacity:.56;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.98) 0 1px,rgba(210,224,255,.78) 1.5px,rgba(148,172,235,.34) 3px,transparent 7px),
    linear-gradient(90deg,transparent 0 43%,rgba(190,211,255,.10) 47%,rgba(242,247,255,.95) 50%,rgba(190,211,255,.10) 53%,transparent 57%),
    linear-gradient(0deg,transparent 0 43%,rgba(190,211,255,.10) 47%,rgba(242,247,255,.85) 50%,rgba(190,211,255,.10) 53%,transparent 57%),
    linear-gradient(108deg,transparent 0 45%,rgba(143,162,219,.04) 48.5%,rgba(211,220,255,.14) 50%,rgba(143,162,219,.04) 51.5%,transparent 55%);
  background-size:18px 18px,30px 1px,1px 30px,100% 100%;
  background-position:50% 50%,50% 50%,50% 50%,50% 50%;
  background-repeat:no-repeat;
  filter:drop-shadow(0 0 5px rgba(186,207,255,.55)) drop-shadow(0 0 12px rgba(111,138,210,.28));
  animation:commission-scan 13s linear infinite;
}


/* MONAD-33 EXTREME RETRO STARBURST TEST — 2026-08-29 */
.commission-cta:after{
  opacity:.95;
  inset:-22px -34px;
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255,1) 0 1.5px,
      rgba(225,238,255,1) 2px,
      rgba(112,223,255,.95) 3px,
      rgba(225,92,255,.78) 5px,
      rgba(103,130,255,.34) 9px,
      transparent 18px),
    linear-gradient(90deg,
      transparent 0 34%,
      rgba(90,190,255,0) 42%,
      rgba(175,229,255,.55) 47%,
      rgba(255,255,255,1) 50%,
      rgba(255,145,245,.62) 53%,
      rgba(115,90,255,0) 58%,
      transparent 66%),
    linear-gradient(0deg,
      transparent 0 31%,
      rgba(130,88,255,0) 42%,
      rgba(226,166,255,.46) 47%,
      rgba(255,255,255,.98) 50%,
      rgba(135,223,255,.5) 53%,
      rgba(77,166,255,0) 58%,
      transparent 69%),
    linear-gradient(45deg,
      transparent 0 43%,
      rgba(125,205,255,0) 46%,
      rgba(255,255,255,.58) 49.5%,
      rgba(255,255,255,.9) 50%,
      rgba(245,130,255,.46) 50.5%,
      rgba(125,205,255,0) 54%,
      transparent 57%),
    linear-gradient(-45deg,
      transparent 0 43%,
      rgba(255,120,240,0) 46%,
      rgba(255,174,246,.52) 49.5%,
      rgba(255,255,255,.88) 50%,
      rgba(121,219,255,.46) 50.5%,
      rgba(121,219,255,0) 54%,
      transparent 57%),
    linear-gradient(108deg,
      transparent 0 44%,
      rgba(110,185,255,.06) 47%,
      rgba(240,250,255,.62) 50%,
      rgba(255,118,234,.12) 53%,
      transparent 56%);
  background-size:
    54px 54px,
    120px 2px,
    2px 82px,
    66px 2px,
    66px 2px,
    100% 100%;
  background-position:50% 50%;
  background-repeat:no-repeat;
  mix-blend-mode:screen;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.95))
    drop-shadow(0 0 11px rgba(92,204,255,.8))
    drop-shadow(0 0 24px rgba(225,88,255,.55))
    drop-shadow(0 0 42px rgba(92,79,255,.32));
  animation:commission-retro-scan 8.8s cubic-bezier(.55,.05,.45,.95) infinite;
}
@keyframes commission-retro-scan{
  0%{transform:translateX(-165%) scale(.78) rotate(0deg);opacity:0}
  9%{opacity:.18}
  33%{opacity:.58}
  46%{transform:translateX(-18%) scale(.9) rotate(-2deg);opacity:.9}
  50%{transform:translateX(0%) scale(1.45) rotate(0deg);opacity:1}
  54%{transform:translateX(18%) scale(.96) rotate(2deg);opacity:.92}
  72%{opacity:.5}
  92%{opacity:.16}
  100%{transform:translateX(165%) scale(.78) rotate(0deg);opacity:0}
}
.commission-cta{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 30px rgba(68,91,153,.11),
    0 0 0 1px rgba(58,70,110,.16),
    0 0 22px rgba(63,84,145,.13),
    0 0 64px rgba(68,42,106,.10),
    0 0 110px rgba(52,67,150,.05);
}


/* MONAD-33 fixed corner starburst refinement — 2026-08-29 */
.commission-cta:before{
  opacity:.34;
  mix-blend-mode:screen;
  animation:commission-stars 8s ease-in-out infinite;
}
.commission-cta:after{
  inset:auto;
  width:58px;
  height:58px;
  top:-18px;
  right:-18px;
  border-radius:50%;
  opacity:1;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255,1) 0 1.5px,
      rgba(225,238,255,1) 2px,
      rgba(112,223,255,.95) 3px,
      rgba(225,92,255,.78) 5px,
      rgba(103,130,255,.30) 9px,
      transparent 18px),
    linear-gradient(90deg,
      transparent 0 35%,
      rgba(150,220,255,.18) 44%,
      rgba(255,255,255,1) 50%,
      rgba(255,140,240,.22) 56%,
      transparent 65%),
    linear-gradient(0deg,
      transparent 0 35%,
      rgba(220,160,255,.16) 44%,
      rgba(255,255,255,.95) 50%,
      rgba(140,220,255,.18) 56%,
      transparent 65%),
    linear-gradient(45deg,
      transparent 0 45%,
      rgba(255,255,255,.65) 49.5%,
      rgba(255,255,255,.9) 50%,
      rgba(255,140,240,.34) 50.5%,
      transparent 55%),
    linear-gradient(-45deg,
      transparent 0 45%,
      rgba(150,220,255,.34) 49.5%,
      rgba(255,255,255,.88) 50%,
      rgba(255,255,255,.65) 50.5%,
      transparent 55%);
  background-size:
    42px 42px,
    58px 2px,
    2px 58px,
    42px 2px,
    42px 2px;
  background-position:50% 50%;
  background-repeat:no-repeat;
  mix-blend-mode:screen;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.9))
    drop-shadow(0 0 9px rgba(100,205,255,.7))
    drop-shadow(0 0 18px rgba(215,95,255,.38));
  transform:none;
  animation:commission-corner-twinkle 4.8s ease-in-out infinite;
}
@keyframes commission-corner-twinkle{
  0%,100%{transform:scale(.78) rotate(0deg);opacity:.65;filter:drop-shadow(0 0 3px rgba(255,255,255,.8)) drop-shadow(0 0 8px rgba(100,205,255,.5)) drop-shadow(0 0 15px rgba(215,95,255,.25))}
  48%{transform:scale(.92) rotate(-2deg);opacity:.82}
  52%{transform:scale(1.22) rotate(2deg);opacity:1;filter:drop-shadow(0 0 5px rgba(255,255,255,1)) drop-shadow(0 0 13px rgba(100,205,255,.9)) drop-shadow(0 0 24px rgba(215,95,255,.52))}
  58%{transform:scale(.88) rotate(0deg);opacity:.8}
}


/* MONAD-33 corner flare layer — real CSS, not raster — 2026-08-29 */
.commission-cta{
  overflow:visible;
}
.commission-cta::before{
  z-index:-1;
}
.commission-cta::after{
  content:"";
  position:absolute;
  width:118px;
  height:118px;
  top:-44px;
  right:-44px;
  pointer-events:none;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,1) 0 1.5px,rgba(235,244,255,.95) 2px,rgba(130,210,255,.75) 3.5px,rgba(190,105,255,.42) 6px,transparent 15px),
    linear-gradient(90deg,transparent 0 20%,rgba(110,205,255,.08) 35%,rgba(255,255,255,.95) 50%,rgba(233,128,255,.12) 65%,transparent 80%),
    linear-gradient(0deg,transparent 0 22%,rgba(226,156,255,.10) 37%,rgba(255,255,255,.88) 50%,rgba(126,217,255,.12) 63%,transparent 78%),
    linear-gradient(45deg,transparent 0 38%,rgba(255,255,255,.36) 49%,rgba(255,255,255,.82) 50%,rgba(238,135,255,.26) 51%,transparent 62%),
    linear-gradient(-45deg,transparent 0 38%,rgba(120,211,255,.26) 49%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.34) 51%,transparent 62%);
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.75)) drop-shadow(0 0 14px rgba(103,193,255,.48)) drop-shadow(0 0 28px rgba(200,96,255,.24));
  animation:commission-corner-flare 6.4s ease-in-out infinite;
}
@keyframes commission-corner-flare{
  0%,100%{transform:scale(.84) rotate(0deg);opacity:.62}
  46%{transform:scale(.9) rotate(-1deg);opacity:.72}
  50%{transform:scale(1.08) rotate(1deg);opacity:.95}
  54%{transform:scale(.93) rotate(0deg);opacity:.76}
}
.commission-cta{
  position:relative;
}
.commission-cta > *{position:relative;z-index:1}


/* MONAD-33 optical chrome CTA refinement — 2026-08-29 */
.commission-cta{
  min-width:330px;
  min-height:62px;
  padding:0 34px;
  border:1px solid transparent;
  border-radius:999px;
  overflow:visible;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(8,10,18,.985),rgba(2,3,7,.995)) padding-box,
    linear-gradient(100deg,
      rgba(126,111,255,.88) 0%,
      rgba(113,181,255,.98) 26%,
      rgba(215,222,255,.92) 48%,
      rgba(164,117,255,.95) 72%,
      rgba(244,114,211,.88) 100%) border-box;
  color:#f3f5ff;
  text-shadow:
    0 0 8px rgba(236,241,255,.28),
    0 0 18px rgba(122,150,219,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 20px rgba(80,100,164,.10),
    0 0 8px rgba(104,139,225,.16),
    0 0 24px rgba(95,103,203,.12),
    0 0 44px rgba(126,68,170,.08);
  animation:commission-chrome-breathe 7.2s ease-in-out infinite;
}
.commission-cta:before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 34%,rgba(114,143,255,.13),transparent 28%),
    radial-gradient(circle at 78% 68%,rgba(179,91,255,.11),transparent 30%),
    radial-gradient(circle at 52% 18%,rgba(255,255,255,.03),transparent 22%);
  opacity:.9;
  mix-blend-mode:screen;
  animation:commission-inner-drift 12s ease-in-out infinite;
}
.commission-cta:after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  top:-72px;
  right:-70px;
  border-radius:50%;
  pointer-events:none;
  z-index:3;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255,1) 0 1.5px,
      rgba(239,247,255,.98) 2px,
      rgba(128,218,255,.82) 3.5px,
      rgba(218,115,255,.52) 6px,
      rgba(109,111,255,.20) 11px,
      transparent 20px),
    linear-gradient(90deg,
      transparent 0 24%,
      rgba(104,198,255,.03) 34%,
      rgba(180,224,255,.28) 44%,
      rgba(255,255,255,.96) 50%,
      rgba(247,145,233,.28) 56%,
      rgba(131,97,255,.03) 66%,
      transparent 76%),
    linear-gradient(0deg,
      transparent 0 26%,
      rgba(214,142,255,.03) 36%,
      rgba(230,235,255,.22) 45%,
      rgba(255,255,255,.86) 50%,
      rgba(128,211,255,.22) 55%,
      rgba(96,154,255,.03) 64%,
      transparent 74%),
    linear-gradient(45deg,
      transparent 0 40%,
      rgba(255,255,255,.18) 47%,
      rgba(255,255,255,.68) 50%,
      rgba(229,126,255,.18) 53%,
      transparent 60%),
    linear-gradient(-45deg,
      transparent 0 40%,
      rgba(121,208,255,.18) 47%,
      rgba(255,255,255,.65) 50%,
      rgba(255,255,255,.15) 53%,
      transparent 60%);
  mix-blend-mode:screen;
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.78))
    drop-shadow(0 0 15px rgba(102,195,255,.48))
    drop-shadow(0 0 30px rgba(209,98,255,.22));
  opacity:.78;
  animation:commission-optical-flare 6.8s ease-in-out infinite;
}
.commission-cta:hover{
  color:#fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 0 24px rgba(85,107,178,.14),
    0 0 10px rgba(120,159,255,.24),
    0 0 30px rgba(117,104,228,.17),
    0 0 54px rgba(164,76,184,.12);
  transform:translateY(-1px);
}
@keyframes commission-chrome-breathe{
  0%,100%{
    filter:brightness(.94) saturate(.96);
    background-position:0% 0%,0% 50%;
  }
  50%{
    filter:brightness(1.03) saturate(1.04);
    background-position:0% 0%,100% 50%;
  }
}
@keyframes commission-inner-drift{
  0%,100%{transform:translateX(-2%) translateY(0);opacity:.78}
  50%{transform:translateX(2%) translateY(-1%);opacity:.95}
}
@keyframes commission-optical-flare{
  0%,100%{
    transform:translate(0,0) scale(.88) rotate(0deg);
    opacity:.58;
  }
  46%{
    transform:translate(-2px,1px) scale(.95) rotate(-.6deg);
    opacity:.72;
  }
  50%{
    transform:translate(-4px,0) scale(1.08) rotate(.6deg);
    opacity:.96;
  }
  54%{
    transform:translate(-1px,-1px) scale(.97) rotate(0deg);
    opacity:.74;
  }
}
@media(max-width:760px){
  .commission-cta{
    width:min(330px,86vw);
    min-width:0;
    min-height:60px;
    padding:0 26px;
  }
  .commission-cta:after{
    width:142px;
    height:142px;
    top:-60px;
    right:-58px;
  }
}


/* MONAD-33 metallic edge shimmer + timed edge flare — 2026-08-29 */
.commission-cta{
  overflow:visible;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(7,9,15,.985),rgba(1,2,5,.995)) padding-box,
    linear-gradient(100deg,
      rgba(106,101,202,.82) 0%,
      rgba(111,153,230,.9) 28%,
      rgba(186,194,226,.86) 48%,
      rgba(131,108,219,.9) 72%,
      rgba(180,89,178,.78) 100%) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 20px rgba(66,84,137,.08),
    0 0 8px rgba(92,121,196,.12),
    0 0 22px rgba(74,67,148,.09);
}

/* subtle internal/corner atmosphere only */
.commission-cta:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(90deg,
      transparent 0%,
      transparent 36%,
      rgba(133,174,245,.03) 43%,
      rgba(237,242,255,.60) 49.3%,
      rgba(255,255,255,.95) 50%,
      rgba(233,157,255,.46) 50.7%,
      rgba(126,174,246,.03) 57%,
      transparent 64%,
      transparent 100%);
  background-size:34% 100%;
  background-repeat:no-repeat;
  background-position:-42% 0;
  opacity:.9;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 3px rgba(230,239,255,.35));
  animation:commission-metal-skim 6.6s ease-in-out infinite;
}

/* flare exists only as the travelling highlight reaches the far edge */
.commission-cta:after{
  content:"";
  position:absolute;
  width:118px;
  height:118px;
  top:50%;
  right:-58px;
  margin-top:-59px;
  border-radius:50%;
  pointer-events:none;
  z-index:3;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255,1) 0 1px,
      rgba(239,247,255,1) 1.8px,
      rgba(127,213,255,.82) 3px,
      rgba(216,116,255,.5) 5px,
      rgba(102,112,255,.18) 9px,
      transparent 16px),
    linear-gradient(90deg,
      transparent 0 15%,
      rgba(104,199,255,.02) 30%,
      rgba(178,222,255,.24) 42%,
      rgba(255,255,255,.98) 50%,
      rgba(245,144,234,.24) 58%,
      rgba(129,98,255,.02) 70%,
      transparent 85%),
    linear-gradient(0deg,
      transparent 0 20%,
      rgba(214,141,255,.02) 34%,
      rgba(230,235,255,.2) 44%,
      rgba(255,255,255,.9) 50%,
      rgba(128,211,255,.2) 56%,
      rgba(96,154,255,.02) 66%,
      transparent 80%),
    linear-gradient(45deg,
      transparent 0 39%,
      rgba(255,255,255,.14) 47%,
      rgba(255,255,255,.72) 50%,
      rgba(229,126,255,.16) 53%,
      transparent 61%),
    linear-gradient(-45deg,
      transparent 0 39%,
      rgba(121,208,255,.16) 47%,
      rgba(255,255,255,.7) 50%,
      rgba(255,255,255,.12) 53%,
      transparent 61%);
  mix-blend-mode:screen;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.82))
    drop-shadow(0 0 11px rgba(105,196,255,.48))
    drop-shadow(0 0 22px rgba(205,98,255,.24));
  opacity:0;
  transform:scale(.42);
  animation:commission-edge-flare 6.6s ease-in-out infinite;
}

@keyframes commission-metal-skim{
  0%{background-position:-42% 0;opacity:.10}
  12%{opacity:.42}
  62%{background-position:108% 0;opacity:.78}
  69%{background-position:126% 0;opacity:.95}
  76%{background-position:142% 0;opacity:.18}
  100%{background-position:142% 0;opacity:.08}
}

@keyframes commission-edge-flare{
  0%,58%{opacity:0;transform:scale(.42) rotate(0deg)}
  64%{opacity:.18;transform:scale(.56) rotate(-.5deg)}
  68%{opacity:.72;transform:scale(.88) rotate(0deg)}
  71%{opacity:1;transform:scale(1.08) rotate(.7deg)}
  74%{opacity:.62;transform:scale(.86) rotate(0deg)}
  79%{opacity:.18;transform:scale(.62) rotate(-.4deg)}
  84%,100%{opacity:0;transform:scale(.44) rotate(0deg)}
}

@media(max-width:760px){
  .commission-cta:after{
    width:96px;
    height:96px;
    right:-47px;
    margin-top:-48px;
  }
}


/* MONAD-33 cartoon sparkle sequence — fixed point, no travelling flare — 2026-08-29 */
.commission-cta:before{
  opacity:.18;
  animation:none;
  background:
    radial-gradient(circle at 20% 35%,rgba(120,150,230,.10),transparent 28%),
    radial-gradient(circle at 78% 70%,rgba(170,90,220,.08),transparent 30%);
  filter:none;
}

.commission-cta:after{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  top:50%;
  right:-28px;
  margin-top:-36px;
  border-radius:0;
  pointer-events:none;
  z-index:3;
  opacity:0;
  transform:scale(.08) rotate(-18deg);
  transform-origin:50% 50%;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255,1) 0 1.4px,
      rgba(234,242,255,.98) 1.8px,
      rgba(151,205,255,.68) 3px,
      rgba(207,129,255,.34) 5px,
      transparent 9px),
    linear-gradient(90deg,
      transparent 0 6%,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,.28) 43%,
      rgba(255,255,255,1) 49%,
      rgba(255,255,255,1) 51%,
      rgba(255,255,255,.24) 57%,
      rgba(255,255,255,0) 80%,
      transparent 94%),
    linear-gradient(0deg,
      transparent 0 6%,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,.24) 43%,
      rgba(255,255,255,.98) 49%,
      rgba(255,255,255,.98) 51%,
      rgba(255,255,255,.20) 57%,
      rgba(255,255,255,0) 80%,
      transparent 94%),
    linear-gradient(45deg,
      transparent 0 24%,
      rgba(255,255,255,0) 34%,
      rgba(224,237,255,.18) 47%,
      rgba(255,255,255,.82) 49.5%,
      rgba(255,255,255,.82) 50.5%,
      rgba(214,149,255,.16) 53%,
      rgba(255,255,255,0) 66%,
      transparent 76%),
    linear-gradient(-45deg,
      transparent 0 24%,
      rgba(255,255,255,0) 34%,
      rgba(198,227,255,.16) 47%,
      rgba(255,255,255,.76) 49.5%,
      rgba(255,255,255,.76) 50.5%,
      rgba(232,160,255,.14) 53%,
      rgba(255,255,255,0) 66%,
      transparent 76%);
  background-repeat:no-repeat;
  mix-blend-mode:screen;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.85))
    drop-shadow(0 0 7px rgba(140,200,255,.46))
    drop-shadow(0 0 12px rgba(205,125,255,.20));
  animation:commission-cartoon-spark 5.2s steps(1,end) infinite;
}

@keyframes commission-cartoon-spark{
  0%,34%,100%{opacity:0;transform:scale(.08) rotate(-18deg)}
  38%{opacity:.18;transform:scale(.18) rotate(-10deg)}
  42%{opacity:.38;transform:scale(.34) rotate(-4deg)}
  46%{opacity:.62;transform:scale(.56) rotate(4deg)}
  50%{opacity:.88;transform:scale(.82) rotate(10deg)}
  54%{opacity:1;transform:scale(1.08) rotate(16deg)}
  58%{opacity:.88;transform:scale(.82) rotate(10deg)}
  62%{opacity:.62;transform:scale(.56) rotate(4deg)}
  66%{opacity:.38;transform:scale(.34) rotate(-4deg)}
  70%{opacity:.18;transform:scale(.18) rotate(-10deg)}
  74%{opacity:0;transform:scale(.08) rotate(-18deg)}
}

@media(max-width:760px){
  .commission-cta:after{
    width:64px;
    height:64px;
    right:-24px;
    margin-top:-32px;
  }
}


/* MONAD-33 rare shimmer timing refinement — 2026-08-29 */
.commission-cta:after{
  animation:commission-cartoon-spark-rare 14s steps(1,end) infinite;
}

@keyframes commission-cartoon-spark-rare{
  0%,72%{
    opacity:0;
    transform:scale(.08) rotate(-18deg);
  }
  76%{
    opacity:.12;
    transform:scale(.16) rotate(-12deg);
  }
  79%{
    opacity:.28;
    transform:scale(.28) rotate(-7deg);
  }
  82%{
    opacity:.46;
    transform:scale(.42) rotate(-2deg);
  }
  85%{
    opacity:.68;
    transform:scale(.60) rotate(4deg);
  }
  88%{
    opacity:.86;
    transform:scale(.78) rotate(9deg);
  }
  91%{
    opacity:1;
    transform:scale(1) rotate(14deg);
  }
  93%{
    opacity:.84;
    transform:scale(.76) rotate(9deg);
  }
  95%{
    opacity:.58;
    transform:scale(.50) rotate(3deg);
  }
  97%{
    opacity:.28;
    transform:scale(.28) rotate(-5deg);
  }
  99%,100%{
    opacity:0;
    transform:scale(.08) rotate(-18deg);
  }
}


/* MONAD-33 return to deep-space lava lamp — 2026-08-29 */
.commission-cta{
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(116,126,174,.58);
  background:
    radial-gradient(ellipse at 14% 34%,rgba(42,72,138,.38) 0 8%,rgba(28,43,92,.20) 18%,transparent 36%),
    radial-gradient(ellipse at 76% 68%,rgba(94,42,120,.34) 0 9%,rgba(57,28,88,.18) 20%,transparent 38%),
    radial-gradient(ellipse at 48% 20%,rgba(38,104,132,.22) 0 7%,transparent 29%),
    radial-gradient(ellipse at 92% 26%,rgba(120,50,116,.18) 0 6%,transparent 25%),
    linear-gradient(180deg,#060914 0%,#02040b 52%,#010207 100%);
  background-size:190% 180%,210% 200%,175% 190%,185% 170%,100% 100%;
  color:#eef1ff;
  text-shadow:0 0 9px rgba(200,211,255,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 28px rgba(47,67,123,.12),
    0 0 14px rgba(54,69,130,.10);
  animation:commission-nebula-drift 22s ease-in-out infinite alternate;
}

/* quiet starfield, no flare */
.commission-cta:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:0;
  opacity:.30;
  background:
    radial-gradient(circle at 12% 32%,rgba(255,255,255,.78) 0 .7px,transparent 1px),
    radial-gradient(circle at 31% 71%,rgba(194,214,255,.60) 0 .6px,transparent 1px),
    radial-gradient(circle at 47% 26%,rgba(255,255,255,.56) 0 .55px,transparent .9px),
    radial-gradient(circle at 66% 58%,rgba(208,190,255,.58) 0 .65px,transparent 1px),
    radial-gradient(circle at 83% 35%,rgba(221,231,255,.68) 0 .6px,transparent 1px),
    radial-gradient(circle at 91% 73%,rgba(185,208,255,.50) 0 .55px,transparent .9px);
  background-size:137px 83px,181px 107px,149px 91px,203px 119px,167px 101px,223px 127px;
  animation:commission-stars-drift 30s linear infinite;
  mix-blend-mode:screen;
  filter:none;
}

/* explicitly remove all previous sparkle/starburst layers */
.commission-cta:after{
  content:none;
  display:none;
  animation:none;
}

@keyframes commission-nebula-drift{
  0%{
    background-position:0% 22%,100% 74%,28% 0%,100% 22%,0 0;
    filter:brightness(.88) saturate(.94);
  }
  25%{
    background-position:24% 42%,76% 54%,46% 22%,78% 44%,0 0;
  }
  50%{
    background-position:48% 64%,52% 34%,68% 48%,54% 66%,0 0;
    filter:brightness(1.02) saturate(1.06);
  }
  75%{
    background-position:72% 42%,28% 56%,46% 72%,30% 42%,0 0;
  }
  100%{
    background-position:100% 22%,0% 74%,18% 44%,4% 24%,0 0;
    filter:brightness(.90) saturate(.96);
  }
}
@keyframes commission-stars-drift{
  from{background-position:0 0,20px 8px,4px 18px,30px 3px,12px 24px,36px 14px}
  to{background-position:137px 18px,201px -6px,153px 31px,233px 18px,179px 9px,259px 29px}
}

.commission-cta:hover{
  color:#fff;
  border-color:rgba(143,154,203,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 30px rgba(54,75,138,.15),
    0 0 18px rgba(65,81,151,.14);
}


/* MONAD-33 retro iridescent slow-space-travel pass — 2026-08-29 */
.commission-cta{
  background:
    radial-gradient(ellipse at 8% 28%,rgba(35,92,154,.42) 0 7%,rgba(31,52,105,.20) 17%,transparent 34%),
    radial-gradient(ellipse at 74% 70%,rgba(126,46,151,.38) 0 8%,rgba(75,29,105,.18) 19%,transparent 37%),
    radial-gradient(ellipse at 46% 12%,rgba(26,132,147,.27) 0 6%,rgba(27,72,100,.13) 17%,transparent 31%),
    radial-gradient(ellipse at 94% 32%,rgba(188,65,126,.22) 0 5%,rgba(91,38,93,.12) 16%,transparent 29%),
    radial-gradient(ellipse at 34% 86%,rgba(74,59,174,.24) 0 6%,transparent 27%),
    linear-gradient(115deg,rgba(27,78,126,.10),rgba(105,52,143,.11) 38%,rgba(28,113,128,.08) 64%,rgba(144,61,126,.10)),
    linear-gradient(180deg,#040714 0%,#01030a 50%,#000106 100%);
  background-size:220% 190%,230% 210%,210% 220%,225% 190%,200% 210%,240% 100%,100% 100%;
  border-color:rgba(126,139,194,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 28px rgba(55,78,145,.14),
    0 0 10px rgba(70,94,167,.12),
    0 0 26px rgba(87,61,155,.08);
  animation:commission-space-travel 28s ease-in-out infinite;
}
.commission-cta:before{
  content:"";
  display:block;
  position:absolute;
  inset:-18% -8%;
  border-radius:inherit;
  pointer-events:none;
  z-index:0;
  opacity:.62;
  background:
    radial-gradient(circle at 4% 18%,#fff 0 .65px,transparent .95px),
    radial-gradient(circle at 11% 71%,rgba(204,224,255,.95) 0 .55px,transparent .9px),
    radial-gradient(circle at 18% 38%,rgba(255,255,255,.8) 0 .7px,transparent 1px),
    radial-gradient(circle at 24% 82%,rgba(194,181,255,.9) 0 .55px,transparent .9px),
    radial-gradient(circle at 31% 22%,rgba(215,239,255,.9) 0 .6px,transparent .95px),
    radial-gradient(circle at 38% 61%,#fff 0 .75px,transparent 1.05px),
    radial-gradient(circle at 45% 43%,rgba(187,220,255,.9) 0 .5px,transparent .85px),
    radial-gradient(circle at 52% 77%,rgba(238,202,255,.9) 0 .6px,transparent .95px),
    radial-gradient(circle at 58% 17%,rgba(255,255,255,.9) 0 .55px,transparent .9px),
    radial-gradient(circle at 64% 54%,rgba(180,232,255,.95) 0 .7px,transparent 1px),
    radial-gradient(circle at 71% 31%,rgba(255,255,255,.78) 0 .5px,transparent .85px),
    radial-gradient(circle at 78% 86%,rgba(210,185,255,.92) 0 .65px,transparent 1px),
    radial-gradient(circle at 84% 48%,#fff 0 .75px,transparent 1.05px),
    radial-gradient(circle at 91% 16%,rgba(183,225,255,.9) 0 .55px,transparent .9px),
    radial-gradient(circle at 96% 69%,rgba(255,211,247,.88) 0 .6px,transparent .95px),
    radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.16) 0 .7px,transparent 1.2px);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,17px 13px;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 2px rgba(155,196,255,.32));
  animation:commission-retro-stars 20s linear infinite;
}
.commission-cta:after{content:none!important;display:none!important}

@keyframes commission-space-travel{
  0%{background-position:0% 18%,100% 78%,22% 0%,100% 30%,12% 100%,0% 50%,0 0;filter:brightness(.89) saturate(.98) hue-rotate(-3deg)}
  25%{background-position:24% 34%,78% 58%,44% 24%,76% 48%,34% 76%,28% 50%,0 0;filter:brightness(.96) saturate(1.06) hue-rotate(2deg)}
  50%{background-position:52% 58%,50% 34%,70% 50%,50% 70%,60% 50%,56% 50%,0 0;filter:brightness(1.03) saturate(1.12) hue-rotate(7deg)}
  75%{background-position:78% 38%,24% 58%,46% 76%,26% 44%,82% 26%,82% 50%,0 0;filter:brightness(.96) saturate(1.06) hue-rotate(2deg)}
  100%{background-position:100% 18%,0% 78%,18% 42%,0% 30%,100% 8%,100% 50%,0 0;filter:brightness(.89) saturate(.98) hue-rotate(-3deg)}
}
@keyframes commission-retro-stars{
  0%{transform:translateX(-5%) scale(.96);opacity:.48}
  50%{transform:translateX(2%) scale(1.02);opacity:.72}
  100%{transform:translateX(7%) scale(.96);opacity:.48}
}


/* MONAD-33 user-reference starfield direction — richer pink/violet, denser stars — 2026-08-29 */
.commission-cta{
  background:
    radial-gradient(ellipse at 8% 24%,rgba(24,111,154,.42) 0 8%,rgba(20,58,108,.23) 18%,transparent 38%),
    radial-gradient(ellipse at 70% 72%,rgba(151,42,170,.46) 0 9%,rgba(89,27,120,.26) 21%,transparent 41%),
    radial-gradient(ellipse at 42% 14%,rgba(49,74,190,.35) 0 8%,rgba(36,48,126,.18) 19%,transparent 37%),
    radial-gradient(ellipse at 92% 30%,rgba(219,65,154,.34) 0 7%,rgba(116,34,108,.18) 18%,transparent 35%),
    radial-gradient(ellipse at 34% 88%,rgba(112,48,194,.34) 0 7%,rgba(58,34,127,.17) 18%,transparent 35%),
    radial-gradient(ellipse at 58% 48%,rgba(46,151,172,.18) 0 6%,transparent 30%),
    linear-gradient(115deg,rgba(24,85,136,.12),rgba(124,46,158,.16) 34%,rgba(209,62,151,.11) 61%,rgba(41,119,152,.10)),
    linear-gradient(180deg,#020716 0%,#05031a 48%,#01020a 100%);
  background-size:235% 205%,245% 225%,220% 210%,230% 215%,215% 225%,225% 205%,260% 100%,100% 100%;
  animation:commission-reference-pan 34s ease-in-out infinite;
}
.commission-cta:before{
  opacity:.82;
  background:
    radial-gradient(circle at 3% 18%,#fff 0 .7px,transparent 1px),
    radial-gradient(circle at 8% 63%,rgba(232,239,255,.96) 0 .55px,transparent .9px),
    radial-gradient(circle at 13% 35%,rgba(255,255,255,.88) 0 .75px,transparent 1.05px),
    radial-gradient(circle at 18% 81%,rgba(218,194,255,.94) 0 .55px,transparent .9px),
    radial-gradient(circle at 23% 13%,rgba(199,229,255,.94) 0 .6px,transparent .95px),
    radial-gradient(circle at 28% 54%,#fff 0 .8px,transparent 1.1px),
    radial-gradient(circle at 33% 72%,rgba(255,211,246,.9) 0 .55px,transparent .9px),
    radial-gradient(circle at 38% 29%,rgba(187,224,255,.94) 0 .65px,transparent 1px),
    radial-gradient(circle at 43% 88%,rgba(231,204,255,.92) 0 .6px,transparent .95px),
    radial-gradient(circle at 48% 46%,#fff 0 .7px,transparent 1px),
    radial-gradient(circle at 53% 17%,rgba(203,235,255,.96) 0 .55px,transparent .9px),
    radial-gradient(circle at 58% 69%,rgba(255,204,244,.94) 0 .65px,transparent 1px),
    radial-gradient(circle at 63% 37%,rgba(255,255,255,.9) 0 .55px,transparent .9px),
    radial-gradient(circle at 68% 84%,rgba(190,220,255,.94) 0 .75px,transparent 1.05px),
    radial-gradient(circle at 73% 22%,rgba(241,210,255,.94) 0 .6px,transparent .95px),
    radial-gradient(circle at 78% 58%,#fff 0 .8px,transparent 1.1px),
    radial-gradient(circle at 83% 41%,rgba(194,230,255,.94) 0 .55px,transparent .9px),
    radial-gradient(circle at 88% 77%,rgba(255,205,242,.92) 0 .65px,transparent 1px),
    radial-gradient(circle at 93% 14%,#fff 0 .7px,transparent 1px),
    radial-gradient(circle at 97% 51%,rgba(211,221,255,.94) 0 .55px,transparent .9px),
    radial-gradient(circle,rgba(255,255,255,.26) 0 .55px,transparent .85px);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,13px 11px;
  animation:commission-dense-stars-pan 31s linear infinite;
  filter:drop-shadow(0 0 2px rgba(175,204,255,.38));
}
@keyframes commission-reference-pan{
  0%{background-position:0% 20%,100% 78%,18% 0%,100% 24%,8% 100%,58% 40%,0% 50%,0 0;filter:brightness(.91) saturate(1.05) hue-rotate(-3deg)}
  25%{background-position:25% 38%,78% 56%,42% 24%,76% 46%,32% 78%,44% 56%,28% 50%,0 0;filter:brightness(.98) saturate(1.13) hue-rotate(1deg)}
  50%{background-position:52% 60%,50% 32%,68% 50%,48% 72%,60% 48%,30% 42%,56% 50%,0 0;filter:brightness(1.04) saturate(1.2) hue-rotate(5deg)}
  75%{background-position:78% 40%,24% 58%,44% 76%,24% 44%,82% 24%,46% 60%,82% 50%,0 0;filter:brightness(.98) saturate(1.13) hue-rotate(1deg)}
  100%{background-position:100% 20%,0% 78%,16% 42%,0% 24%,100% 8%,62% 40%,100% 50%,0 0;filter:brightness(.91) saturate(1.05) hue-rotate(-3deg)}
}
@keyframes commission-dense-stars-pan{
  from{transform:translateX(-4%) translateY(1%) scale(1.01)}
  to{transform:translateX(5%) translateY(-1%) scale(1.01)}
}


/* MONAD-33 seamless faster rightward star travel — 2026-08-29 */
.commission-cta:before{
  /* Tile every star layer so the translated field wraps invisibly. */
  background-size:
    420px 126px,420px 126px,420px 126px,420px 126px,420px 126px,
    420px 126px,420px 126px,420px 126px,420px 126px,420px 126px,
    420px 126px,420px 126px,420px 126px,420px 126px,420px 126px,
    420px 126px,420px 126px,420px 126px,420px 126px,420px 126px,
    13px 11px;
  background-repeat:repeat;
  animation:commission-stars-seamless-right 13s linear infinite;
  will-change:background-position;
}
@keyframes commission-stars-seamless-right{
  from{
    background-position:
      0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,
      0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,
      0 0;
  }
  to{
    background-position:
      420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,
      420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,
      416px 0;
  }
}


/* MONAD-33 dark CTA starfield cleanup — 2026-08-29 */
.commission-cta{
  overflow:hidden;
}
.commission-cta:before{
  inset:0;
  border-radius:inherit;
  animation:commission-stars-seamless-right-soft 19s linear infinite;
}
@keyframes commission-stars-seamless-right-soft{
  from{
    background-position:
      0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,
      0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,
      0 0;
  }
  to{
    background-position:
      420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,
      420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,420px 0,
      416px 0;
  }
}


/* MONAD-33 darker cartoony space cleanup — 2026-08-29 */
.commission-cta{
  background:
    radial-gradient(ellipse at 12% 30%,rgba(27,63,126,.30) 0 9%,rgba(18,36,78,.15) 20%,transparent 39%),
    radial-gradient(ellipse at 72% 72%,rgba(103,35,133,.30) 0 10%,rgba(59,24,88,.15) 22%,transparent 42%),
    radial-gradient(ellipse at 44% 12%,rgba(29,91,115,.17) 0 8%,transparent 32%),
    radial-gradient(ellipse at 92% 34%,rgba(137,42,111,.15) 0 7%,transparent 30%),
    linear-gradient(180deg,#02040c 0%,#010208 52%,#000105 100%);
  background-size:220% 200%,235% 220%,210% 210%,225% 205%,100% 100%;
  border-color:rgba(101,111,157,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 30px rgba(39,52,103,.11),
    0 0 10px rgba(48,58,112,.08);
  animation:commission-cartoon-nebula 34s ease-in-out infinite;
}
.commission-cta:before{
  inset:0;
  opacity:.64;
  border-radius:inherit;
  background:
    radial-gradient(circle at 7% 24%,rgba(255,255,255,.92) 0 .75px,transparent 1.15px),
    radial-gradient(circle at 16% 71%,rgba(191,216,255,.82) 0 .55px,transparent .95px),
    radial-gradient(circle at 27% 38%,rgba(255,255,255,.88) 0 .65px,transparent 1.05px),
    radial-gradient(circle at 39% 82%,rgba(218,186,255,.78) 0 .6px,transparent 1px),
    radial-gradient(circle at 51% 19%,rgba(202,232,255,.86) 0 .7px,transparent 1.1px),
    radial-gradient(circle at 63% 61%,rgba(255,255,255,.9) 0 .75px,transparent 1.15px),
    radial-gradient(circle at 76% 31%,rgba(231,192,255,.78) 0 .55px,transparent .95px),
    radial-gradient(circle at 88% 77%,rgba(193,223,255,.84) 0 .65px,transparent 1.05px),
    radial-gradient(circle at 96% 45%,rgba(255,255,255,.9) 0 .7px,transparent 1.1px);
  background-size:260px 74px;
  background-repeat:repeat-x;
  filter:none;
  mix-blend-mode:screen;
  animation:commission-sparse-stars-right 19s linear infinite;
}
@keyframes commission-sparse-stars-right{
  from{background-position:0 0}
  to{background-position:260px 0}
}
@keyframes commission-cartoon-nebula{
  0%,100%{background-position:0% 24%,100% 74%,24% 0%,100% 32%,0 0;filter:brightness(.86) saturate(.92)}
  50%{background-position:100% 58%,0% 34%,78% 68%,0% 54%,0 0;filter:brightness(.94) saturate(1.02)}
}

/* Category card text overlay restoration */
.category-card{position:relative;background:#050607}
.category-card img{display:block}
.category-card .card-body{position:absolute;left:0;right:0;top:0;bottom:auto;padding:17px 16px 64px;background:linear-gradient(rgba(0,0,0,.88),rgba(0,0,0,.5) 58%,transparent);z-index:2}
.category-card .category-label{min-height:0;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.75)}
.category-card .card-meta{color:#c4c8d0;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.category-card .card-text{color:#d2d5dc;text-shadow:0 1px 8px rgba(0,0,0,.8)}

/* Category carousel: keep cover cards minimal; details appear inside opened gallery */
.category-card .card-meta,
.category-card .card-text{display:none}
.category-card .card-body{padding:17px 16px 64px}


/* Subtle cue that multi-image artwork lightboxes scroll vertically */
.lightbox-series{position:relative}
.series-scroll-cue{
  position:sticky;
  top:8px;
  z-index:3;
  width:28px;
  height:28px;
  margin:-42px auto 12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:rgba(0,0,0,.42);
  color:rgba(255,255,255,.72);
  pointer-events:none;
  backdrop-filter:blur(6px);
  animation:series-scroll-cue 1.8s ease-in-out infinite;
}
.series-scroll-cue span{display:block;font-size:22px;line-height:1;transform:translateY(-2px)}
@keyframes series-scroll-cue{
  0%,100%{transform:translateY(0);opacity:.5}
  50%{transform:translateY(4px);opacity:.9}
}
@media (prefers-reduced-motion:reduce){.series-scroll-cue{animation:none}}

/* Multi-image scroll cue: lower-left placement */
.series-scroll-cue{
  position:absolute;
  top:auto;
  left:14px;
  bottom:14px;
  margin:0;
}


/* Fix multi-image cue so it stays visible in the current lightbox viewport */
.lightbox.is-series .series-scroll-cue{
  position:fixed;
  left:32px;
  bottom:32px;
  top:auto;
  margin:0;
  z-index:9999;
}
@media (min-width:1220px){
  .lightbox.is-series .series-scroll-cue{
    left:calc((100vw - 1180px)/2 + 18px);
  }
}


/* Latest / studio news prototype */
.latest-section{padding:74px 0 22px}
.latest-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}
.latest-head h2{margin:5px 0 0;font-family:var(--type);font-size:clamp(30px,5vw,54px);font-weight:400}
.latest-head>p{max-width:420px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.latest-card{min-height:260px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(8,9,11,.72);display:flex;flex-direction:column}
.latest-date{margin:0 0 30px;color:var(--muted);font-size:10px;letter-spacing:.16em}
.latest-card h3{margin:0 0 10px;font-family:var(--type);font-size:clamp(21px,2.5vw,29px);font-weight:400}
.latest-card>p:not(.latest-date){margin:0 0 22px;color:#c7cad0;font-size:13px;line-height:1.65}
.latest-card .quiet-link{margin-top:auto;align-self:flex-start}
.latest-card-newsletter{background:radial-gradient(ellipse at 80% 10%,rgba(57,48,103,.18),transparent 48%),rgba(8,9,11,.72)}
.newsletter-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:auto}
.newsletter-preview input,.newsletter-preview button{height:42px;border:1px solid var(--line);border-radius:10px;background:#050607;color:var(--text)}
.newsletter-preview input{min-width:0;padding:0 12px}
.newsletter-preview button{padding:0 16px;font-size:11px;letter-spacing:.12em}
.newsletter-preview input:disabled,.newsletter-preview button:disabled{opacity:.68}
.latest-card small{display:block;margin-top:8px;color:var(--muted);font-size:10px}
@media(max-width:760px){.latest-head{display:block}.latest-head>p{margin-top:10px}.latest-grid{grid-template-columns:1fr}.latest-card{min-height:220px}}


/* About portrait restoration + clearer general contact split */
.about-section{
  width:min(980px,100%);
  margin:100px auto 0;
  padding:0 18px;
  display:grid;
  grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);
  gap:38px;
  align-items:center;
}
.about-photo-wrap{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:#050607;
}
.about-photo{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}
.about-copy h2{
  margin:0 0 24px;
  font-family:var(--type);
  font-weight:400;
  line-height:1.2;
  letter-spacing:.025em;
  font-size:clamp(27px,5vw,46px);
}
.about-copy>p:not(.section-kicker){
  max-width:650px;
  margin:0;
  color:var(--muted);
  font-size:16px;
}
.contact-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:18px 26px;
  margin-top:22px;
}
.contact-actions .quiet-link{margin-top:0}
.contact-commission-link{color:#cfd2d8}
@media(max-width:760px){
  .about-section{grid-template-columns:1fr;gap:24px;margin-top:78px;padding:0 18px;text-align:center}
  .about-photo-wrap{width:min(430px,100%);margin:0 auto}
  .about-copy>p:not(.section-kicker){margin:0 auto}
  .contact-actions{flex-direction:column;align-items:center;gap:12px}
}


/* Compact Latest typography on mobile */
@media(max-width:760px){
  .latest-head h2{font-size:clamp(26px,8vw,36px);line-height:1.2}
  .latest-card h3{font-size:clamp(19px,6vw,24px);line-height:1.25}
  .latest-artworks figcaption{font-size:12px;line-height:1.35}
}

.contact-section>p a{font-family:var(--type);font-size:17px}

/* Keep newsletter label above the field at tablet widths; prevents iPad's narrow card from wrapping "Email address" beside the input. */
.newsletter-preview{display:flex;flex-wrap:wrap;align-items:center}
.newsletter-preview label{flex:0 0 100%}
.newsletter-preview input{flex:1 1 180px;width:auto}
.newsletter-preview button{flex:0 0 auto}


/* Latest section: feature gallery additions full-width, then compact studio/newsletter cards */
.latest-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
.latest-card-artworks{
  grid-column:1 / -1;
}
.latest-artworks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:10px 0 20px;
}
.latest-artworks figure{
  margin:0;
}
.latest-artwork-link{display:block;color:inherit;text-decoration:none}
.latest-artwork-link:focus-visible{outline:1px solid #777;outline-offset:4px;border-radius:10px}
.latest-artwork-link:hover figcaption{color:var(--text)}
.latest-artworks img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:10px;
  background:#000;
}
.latest-artworks figcaption{
  margin-top:7px;
  color:#d7dae0;
  font-size:12px;
  line-height:1.35;
}
.latest-card:not(.latest-card-artworks){
  min-height:0;
}
.newsletter-kit-embed{
  margin-top:18px;
  min-height:52px;
}
@media(max-width:760px){
  .latest-grid{grid-template-columns:1fr}
  .latest-card-artworks{grid-column:auto}
  .latest-artworks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .latest-artworks figcaption{font-size:10px}
}


/* Native Kit signup, styled to match the site and work without Kit's JS embed */
.studio-mailing-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;align-items:center}
.studio-mailing-form input,.studio-mailing-form button{height:42px;border:1px solid var(--line);border-radius:10px;background:#050607;color:var(--text);font:inherit}
.studio-mailing-form input{min-width:0;width:100%;padding:0 12px;font-size:13px}
.studio-mailing-form input::placeholder{color:var(--muted)}
.studio-mailing-form input:focus{outline:1px solid #777;outline-offset:1px}
.studio-mailing-form button{padding:0 16px;font-size:11px;letter-spacing:.12em;cursor:pointer}
.studio-mailing-form button:hover,.studio-mailing-form button:focus{border-color:#777}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.studio-mailing-form{grid-template-columns:1fr}.studio-mailing-form button{width:100%}}

.studio-updates-feed{display:flex;flex-direction:column;gap:18px}
.studio-update-post+ .studio-update-post{padding-top:18px;border-top:1px solid var(--line)}
.studio-update-post time{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.studio-update-post h3{margin-bottom:8px}
.studio-update-post p{margin:0;color:#c7cad0;font-size:13px;line-height:1.65}


/* Keep Studio Updates and Studio Transmissions balanced; updates scroll internally as history grows */
.studio-updates-card,.latest-card-newsletter{height:330px;min-height:330px;max-height:330px}
.studio-updates-card{overflow:hidden}
.studio-updates-feed{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin}
.studio-updates-feed::-webkit-scrollbar{width:5px}
.studio-updates-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.latest-card-newsletter{justify-content:flex-start}
.latest-card-newsletter .newsletter-kit-embed{margin-top:auto}
@media(max-width:760px){
  .studio-updates-card,.latest-card-newsletter{height:300px;min-height:300px;max-height:300px}
}


/* Launch cleanup: match Studio Updates to Latest Gallery Additions; keep Transmissions parked for later */
.latest-card-artworks,
.studio-updates-card{
  grid-column:1 / -1;
  height:440px;
  min-height:440px;
  max-height:440px;
}
.latest-card-artworks{overflow:hidden}
.studio-updates-card{overflow:hidden}
.latest-card-newsletter{display:none}
@media(max-width:760px){
  .latest-card-artworks,
  .studio-updates-card{
    height:300px;
    min-height:300px;
    max-height:300px;
  }
}


/* Guestbook / visitor transmissions */
.guestbook-section{width:min(980px,100%);margin:84px auto 0;padding:0 18px}
.guestbook-head{text-align:center;margin-bottom:18px}
.guestbook-head h2{margin:0;font-family:var(--type);font-size:clamp(28px,5vw,46px);font-weight:400;line-height:1.2}
.guestbook-head>p:not(.section-kicker){margin:8px auto 0;color:var(--muted);font-size:14px}
.guestbook-shell{border:1px solid var(--line);border-radius:18px;background:rgba(8,9,11,.72);overflow:hidden}
.guestbook-feed{height:320px;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px;scrollbar-width:thin}
.guestbook-feed::-webkit-scrollbar{width:5px}
.guestbook-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
.guestbook-empty{min-height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}
.guestbook-empty p{margin:0 0 6px;font-family:var(--type);font-size:20px;color:#d7dae0}
.guestbook-empty small{font-size:11px;color:var(--muted2)}
.guestbook-sign{display:block;width:100%;height:50px;border:0;border-top:1px solid var(--line);background:rgba(255,255,255,.025);font-family:var(--type);font-size:15px;letter-spacing:.08em;cursor:pointer}
.guestbook-sign:hover,.guestbook-sign:focus-visible{background:rgba(255,255,255,.06)}
.guestbook-dialog{width:min(560px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:18px;background:#07080a;color:var(--text)}
.guestbook-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.guestbook-form{padding:22px;display:grid;gap:10px}
.guestbook-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:4px}
.guestbook-dialog-head h2{margin:0;font-family:var(--type);font-weight:400;font-size:30px}
.guestbook-form label{font-size:11px;color:#c3c7ce;letter-spacing:.06em;text-transform:uppercase}
.guestbook-form input,.guestbook-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#020304;color:var(--text);padding:11px 12px;font:inherit}
.guestbook-form textarea{resize:vertical;min-height:130px}
.guestbook-form input:focus,.guestbook-form textarea:focus{outline:1px solid #777;outline-offset:1px}
.guestbook-privacy,.guestbook-status{margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.guestbook-submit{height:44px;margin-top:4px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);font-family:var(--type);letter-spacing:.08em;cursor:pointer}
.guestbook-submit:hover,.guestbook-submit:focus-visible{border-color:#777;background:rgba(255,255,255,.07)}
@media(max-width:760px){.guestbook-section{margin-top:68px}.guestbook-feed{height:280px}.guestbook-form{padding:18px}}

.guestbook-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.guestbook-entry{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--line)}
.guestbook-entry:last-child{margin-bottom:0;border-bottom:0}
.guestbook-entry header{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.guestbook-entry strong{font-family:var(--type);font-size:18px;font-weight:400}
.guestbook-entry time{color:var(--muted2);font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.guestbook-entry p{margin:7px 0 0;color:#c7cad0;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.guestbook-submit:disabled{opacity:.55;cursor:wait}


/* Prevent background scroll/drag-through while modal galleries are open */
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden;overscroll-behavior:none}
.gallery-dialog,.lightbox{overscroll-behavior:contain}
.lightbox:not(.is-series) figure img{touch-action:auto;user-select:none;-webkit-user-drag:none}

html.modal-open{overflow:hidden;overscroll-behavior:none}body.modal-open{overflow:hidden;overscroll-behavior:none;position:fixed;left:0;right:0;width:100%}.lightbox:not(.is-series){touch-action:auto}