/* The homepage's lightweight trim language, adapted to content and live forms. */
:is(.paint-page,.quiet-tools){--ui-radius:22px;--ui-cut:28px;--card-paint:var(--page-paint,#f36aaa)}
:is(.paint-page,.quiet-tools) .site-header{border-bottom-color:transparent}
:is(.paint-page,.quiet-tools) .nav-button,:is(.paint-page,.quiet-tools) .social-link{border:0;background:linear-gradient(145deg,#1b252d,#111a20);box-shadow:inset 0 1px #ffffff0b,0 4px 12px #0002}
:is(.paint-page,.quiet-tools) .nav-button{border-radius:10px}
:is(.paint-page,.quiet-tools) .nav-button:hover,:is(.paint-page,.quiet-tools) .social-link[href]:hover{background:#26333c}
:is(.paint-page,.quiet-tools) .button{min-height:48px;border:0;border-radius:11px;font-weight:650;box-shadow:inset 0 1px #ffffff25,0 5px 10px #0003;transition:transform .18s,filter .18s}
:is(.paint-page,.quiet-tools) .button.primary{background:linear-gradient(145deg,color-mix(in srgb,var(--card-paint),white 25%),var(--card-paint));color:#0c191e;box-shadow:inset 0 2px #ffffff45,inset 0 -2px #0002,0 5px 12px #0004}
:is(.paint-page,.quiet-tools) .button.secondary{background:linear-gradient(145deg,#26333b,#18232b);color:#dce8ea}
:is(.paint-page,.quiet-tools) .button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}
:is(.paint-page,.quiet-tools) .button:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}
:is(.paint-page,.quiet-tools) :is(a,button,input,select):focus-visible{outline:3px solid var(--card-paint);outline-offset:4px}
:is(.paint-page,.quiet-tools) button:disabled{opacity:.4;box-shadow:none;transform:none}
.ui-button-arrow{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:7px;background:#ffffff0d;margin-left:12px}
.ui-button-arrow svg,.paint-page .slideshow-controls>[data-previous] svg,.paint-page .slideshow-controls>[data-next] svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.paint-page .button.primary .ui-button-arrow{background:#ffffff1a}
.paint-page .ui-content-panel{position:relative;isolation:isolate;border:0;background:transparent;border-radius:var(--ui-radius);box-shadow:0 12px 25px #0003;--surface-bg:#142027}
.paint-page .ui-panel-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:var(--ui-radius);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-bg),#71818c 10%),var(--surface-bg) 55%,#10181e);box-shadow:inset 0 1px #ffffff11,inset 0 -1px #0003;clip-path:polygon(var(--ui-cut) 0,100% 0,100% 100%,0 100%,0 var(--ui-cut))}
.paint-page [data-ui-cut=bottom-left]>.ui-panel-backdrop{clip-path:polygon(0 0,100% 0,100% 100%,var(--ui-cut) 100%,0 calc(100% - var(--ui-cut)))}
.paint-page .ui-content-panel>.ui-detail{--card-paint:var(--page-paint);opacity:.65}
.paint-page .ui-content-panel>.ui-detail-edge-tab{right:auto;left:36px}
.paint-page .ui-content-panel>.ui-detail-inset-join{top:8px;left:32px}
.paint-page .project-story>div:last-child{padding:34px 32px;align-self:start}
.paint-page .project-story>div:last-child p:first-child{margin-top:0}
.paint-page .about-page .page-intro{padding:44px 40px 48px;max-width:820px}
.paint-page .about-page .page-intro>p{max-width:660px}
.paint-page .project-facts{gap:2px;--surface-bg:#13232a}
.paint-page .project-facts article{border:0;min-width:0;padding:30px}
.paint-page .panel{--surface-bg:#142128}
.paint-page .panel.registration{--surface-bg:#142028}
.paint-page .panel input:not([type=checkbox]),.quiet-tools select{border:0;background:#0b151d;box-shadow:inset 0 2px 5px #0005,inset 0 0 0 2px #ffffff09;border-radius:10px}
.paint-page .notice{border:0;border-radius:11px;box-shadow:inset 0 1px #ffffff10}
.paint-page .pill{border:0;background:#44304e;border-radius:8px}
.paint-page .pill.neutral{background:#24323c}
.paint-page .confirmation{border:0;border-radius:14px;box-shadow:inset 0 1px #ffffff10;background:#30233b}
.paint-page .slideshow-hero{width:calc(100% - 64px);margin:18px auto 0;border-radius:24px;clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px);box-shadow:0 14px 30px #0004;border:0}
.hero-ui-frame{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:24px;box-shadow:inset 0 0 0 8px #18263099,inset 0 1px #ffffff20}
.hero-ui-frame>.ui-detail-edge-join{left:38%;width:160px;--card-paint:var(--page-paint);opacity:.65}
.paint-page .slideshow-controls{border:0;border-radius:13px;background:#121c24e8;box-shadow:inset 0 1px #ffffff10,0 6px 18px #0005;padding:9px 12px}
.paint-page .slideshow-controls>[data-previous],.paint-page .slideshow-controls>[data-next]{display:grid;place-items:center;background:#26343e;border-radius:8px;min-width:38px;min-height:38px;color:#dce8eb}
.paint-page .slideshow-controls>[data-previous]:hover,.paint-page .slideshow-controls>[data-next]:hover{background:var(--page-paint);color:#0b171c}
.paint-page .slideshow-controls .slideshow-pause{border:0;border-radius:8px;background:#1e2b34;padding:10px 12px;margin-left:4px}
.ui-arrow-back svg{transform:rotate(180deg)}
.paint-page .back-link{background:#111b24b8;padding:11px 15px;border-radius:9px;backdrop-filter:blur(8px)}
.paint-page .title-motion-control{border:0;border-radius:9px;background:#1b2933df;box-shadow:inset 0 1px #ffffff14}
.paint-page .ice-gallery-grid figure{padding:9px 9px 18px;--surface-bg:#15232d}
.paint-page .ice-gallery-grid figure img{border-radius:14px}
.paint-page .ice-gallery-grid figure figcaption{padding-left:12px;padding-right:12px}
@media(max-width:850px){.paint-page .project-story>div:last-child{padding:30px}.paint-page .slideshow-hero{width:calc(100% - 40px)}.paint-page .about-page .page-intro{padding:36px 30px}}
@media(max-width:580px){.paint-page{--ui-radius:18px;--ui-cut:24px}.paint-page .slideshow-hero{width:calc(100% - 24px);margin-top:10px;border-radius:18px}.hero-ui-frame{border-radius:18px;box-shadow:inset 0 0 0 6px #18263099}.hero-ui-frame>.ui-detail-edge-join{left:34%;width:100px}.paint-page .project-story>div:last-child{padding:28px 24px}.paint-page .about-page .page-intro{padding:32px 22px}.paint-page .page-intro h1{font-size:clamp(2.7rem,12vw,4rem)}.paint-page .slideshow-controls{gap:4px;padding:7px;max-width:calc(100% - 16px)}.paint-page .slideshow-controls>[data-previous],.paint-page .slideshow-controls>[data-next]{min-width:32px;min-height:34px;padding:5px}.paint-page .slideshow-controls .slideshow-pause{font-size:.62rem;padding:10px 8px}.paint-page .slide-dots{gap:0}.paint-page .slide-dots button{min-width:20px;padding:6px}.paint-page .back-link{left:22px;padding:9px 11px}.paint-page .project-facts article{padding:28px}.ui-button-arrow{margin-left:4px}}
@media(prefers-reduced-motion:reduce){:is(.paint-page,.quiet-tools) .button{transition:none}:is(.paint-page,.quiet-tools) .button:hover:not(:disabled){transform:none}}
.quiet-tools .logo-variants button{border:0;border-radius:13px;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);background:linear-gradient(145deg,#1c2932,#121d24);box-shadow:inset 0 1px #ffffff0c,0 5px 12px #0002}
.quiet-tools .logo-variants button:hover{background:#26363f}
.quiet-tools .logo-variants button[aria-pressed=true]{background:linear-gradient(145deg,#453452,#281e35);box-shadow:inset 0 3px #f36aaa66}
/* Let long dot lists scroll while preserving comfortable touch targets. */
.paint-page .slide-dots{min-width:0;overflow-x:auto;scrollbar-width:none}
.paint-page .slide-dots button{flex-shrink:0}
@media(max-width:580px){.paint-page .slideshow-controls>[data-previous],.paint-page .slideshow-controls>[data-next]{min-width:44px;min-height:44px;flex-shrink:0}.paint-page .slideshow-controls .slideshow-pause{min-height:44px;flex-shrink:0}}
