/* Lightweight graphic cuts + soft depth. Paint is deliberately handled elsewhere. */
.paint-home{--ui-radius:22px;--ui-cut:30px;--ui-trim:10px}
.paint-home .site-header{border-bottom-color:transparent}
.paint-home .nav-button{border:0;border-radius:10px;background:linear-gradient(145deg,#1b242c,#11191f);box-shadow:inset 0 1px #ffffff0c,0 4px 12px #0002;transition:background .18s,box-shadow .18s}
.paint-home .nav-button:hover{background:#243139;box-shadow:inset 0 1px #ffffff12,0 6px 16px #0003}
.paint-home .social-link{border:0;background:#162128;box-shadow:inset 0 1px #ffffff09}
.paint-home .social-link[href]:hover{background:#24333a}
.paint-home .cinematic-projects .project-summary,.paint-home .post-card{border-radius:var(--ui-radius);filter:drop-shadow(0 12px 16px #0003)}
.paint-home .paint-surface{padding:var(--ui-trim);border:0;border-radius:var(--ui-radius);background:linear-gradient(150deg,color-mix(in srgb,var(--surface-bg),#73868e 13%),var(--surface-bg) 45%,#0d151a);box-shadow:inset 0 1px #ffffff10,inset 0 -1px #0004;transition:background .22s,box-shadow .22s}
.paint-home .paint-surface[data-cut=left]{clip-path:polygon(var(--ui-cut) 0,100% 0,100% 100%,0 100%,0 var(--ui-cut))}
.paint-home .paint-surface[data-cut=right]{clip-path:polygon(0 0,calc(100% - var(--ui-cut)) 0,100% var(--ui-cut),100% 100%,0 100%)}
.paint-home .paint-surface:after{content:'';position:absolute;z-index:3;top:0;width:64px;height:30px;pointer-events:none;background:color-mix(in srgb,var(--card-paint),#26343b 65%);opacity:.8}
.paint-home .paint-surface[data-cut=left]:after{left:0;clip-path:polygon(0 0,100% 0,54% 100%,0 100%)}
.paint-home .paint-surface[data-cut=right]:after{right:0;clip-path:polygon(0 0,100% 0,100% 100%,46% 100%)}
.paint-home .project-cover{border-radius:14px 14px 4px 4px}
.paint-home .paint-surface[data-cut=left] .project-cover{clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px)}
.paint-home .paint-surface[data-cut=right] .project-cover{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.paint-home .project-card-details{position:relative;background:transparent;padding:24px 18px 18px;display:grid;grid-template-columns:minmax(0,1fr) 64px;column-gap:18px;align-content:start;min-height:205px}
.paint-home .project-card-title{grid-column:1;margin:0 0 10px!important;font-family:inherit;font-size:clamp(1.35rem,2.15vw,1.9rem)!important;font-weight:650;line-height:1.12;letter-spacing:-.035em;color:#f0f2f3}
.paint-home .project-card-details>.tag{grid-column:1;color:#a0aab6;font-size:.62rem;font-weight:600;letter-spacing:.13em}
.paint-home .project-status{box-shadow:none;opacity:.65}
.paint-home .cinematic-projects .project-summary p{grid-column:1;font-size:.87rem;line-height:1.65;color:#acb7c1;margin:14px 0 0;max-width:none}
.paint-home .project-entry{grid-column:2;grid-row:1/4;align-self:end;justify-self:end;position:relative;isolation:isolate;border:0;padding:0;display:block;color:#0a171a}
.paint-home .project-entry:before{content:'';position:absolute;inset:-18px -18px -18px -28px;z-index:-1;pointer-events:none;background:linear-gradient(140deg,#ffffff05,#ffffff01);clip-path:polygon(23px 0,100% 0,100% 100%,23px 100%,0 calc(100% - 23px),0 23px)}
.paint-home .project-entry>.project-action-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.paint-home .project-entry>.project-arrow{display:grid;place-items:center;width:64px;height:64px;border:0;border-radius:13px;color:#0b151c;background:linear-gradient(145deg,color-mix(in srgb,var(--card-paint),white 28%),var(--card-paint));box-shadow:inset 0 2px #ffffff52,inset 0 -2px #0002,0 5px 10px #0004;transition:transform .18s,filter .18s,box-shadow .18s}
.project-arrow svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}
.paint-home .project-summary:hover .paint-surface{box-shadow:inset 0 1px #ffffff1d,inset 0 -1px #0004;background:linear-gradient(150deg,color-mix(in srgb,var(--surface-bg),#73868e 18%),var(--surface-bg) 50%,#0d151a)}
.paint-home .project-summary:hover .project-entry>.project-arrow{color:#0b151c;background:linear-gradient(145deg,color-mix(in srgb,var(--card-paint),white 35%),var(--card-paint));filter:brightness(1.08);transform:translateY(-2px)}
.paint-home .project-summary:active .project-entry>.project-arrow{transform:translateY(1px);filter:brightness(.95);box-shadow:inset 0 2px 4px #0003,0 2px 5px #0003}
.paint-home .project-summary:focus-visible{outline:3px solid var(--card-paint);outline-offset:8px;border-radius:var(--ui-radius)}
.paint-home .section{border-top-color:transparent}
.paint-home .product-placeholder .project-card-details{display:block;min-height:190px}
.paint-home .product-empty-art{border-radius:14px 14px 4px 4px;background:radial-gradient(ellipse at center,#263b3c,#141e25);color:#8baeb2}
.paint-home .post-card .paint-surface{padding:34px;min-height:320px}
.paint-home .post-card .text-link{display:inline-flex;align-items:center;min-height:44px;padding:0 17px;border-radius:9px;margin-top:auto;background:color-mix(in srgb,var(--card-paint),#1a272e 78%);color:#e4eeee;font-weight:600;transition:background .18s}
.paint-home .post-card .text-link:hover{background:color-mix(in srgb,var(--card-paint),#1a272e 60%)}
@media(max-width:1050px) and (min-width:851px){.paint-home .project-card-details{grid-template-columns:minmax(0,1fr) 52px;column-gap:12px;padding-left:12px;padding-right:12px}.paint-home .project-entry>.project-arrow{width:52px;height:52px;border-radius:11px}.project-arrow svg{width:28px;height:28px}.paint-home .project-card-title{font-size:1.4rem!important}}
@media(max-width:580px){.paint-home{--ui-radius:18px;--ui-cut:26px;--ui-trim:8px}.paint-home .project-card-details{padding:22px 14px 16px;grid-template-columns:minmax(0,1fr) 52px;column-gap:12px;min-height:220px}.paint-home .project-card-title{font-size:1.5rem!important}.paint-home .project-entry>.project-arrow{width:52px;height:52px;border-radius:11px}.project-arrow svg{width:27px;height:27px}.paint-home .project-card-details>.tag{font-size:.56rem}.paint-home .cinematic-projects .project-summary p{font-size:.82rem}.paint-home .post-card .paint-surface{padding:30px 24px}.paint-home .paint-surface:after{width:56px;height:26px}}
@media(prefers-reduced-motion:reduce){.paint-home .paint-surface,.paint-home .project-entry>.project-arrow,.paint-home .nav-button{transition:none}.paint-home .project-summary:hover .project-entry>.project-arrow{transform:none}}
/* Equal-height surfaces keep actions on a shared baseline across each row. */
.paint-home .cinematic-projects .paint-surface{display:flex;flex-direction:column}
.paint-home .project-cover{flex:0 0 auto}
.paint-home .project-card-details{flex:1}
.paint-home .project-entry{position:absolute;right:18px;bottom:18px}
@media(max-width:1050px) and (min-width:851px){.paint-home .project-entry{right:12px}}
@media(max-width:580px){.paint-home .project-entry{right:14px;bottom:16px}}
.paint-home .stars-summary .project-card-details{background:transparent}
.paint-home .project-entry{grid-column:auto;grid-row:auto}

/* A restrained family of 45/90-degree trim joints. Each panel gets one feature. */
.paint-home .paint-surface:after{content:none}
.paint-home .paint-surface:before{content:'';position:absolute;z-index:3;top:0;left:25px;width:min(58%,240px);height:10px;border-radius:20px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card-paint),transparent 55%),transparent);opacity:.55;filter:blur(3px);pointer-events:none}
.paint-home .paint-surface[data-cut=right]:before{left:auto;right:25px}
.paint-home .paint-surface[data-cut=bottom-left]{clip-path:polygon(0 0,100% 0,100% 100%,var(--ui-cut) 100%,0 calc(100% - var(--ui-cut)))}
.paint-home .paint-surface[data-cut=bottom-left] .project-cover{clip-path:none}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail{position:absolute;z-index:3;display:block;pointer-events:none;--detail-color:color-mix(in srgb,var(--card-paint),#25323b 62%);background:linear-gradient(145deg,color-mix(in srgb,var(--detail-color),white 8%),var(--detail-color));opacity:.85}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-corner-cap{top:0;right:0;width:82px;height:32px;clip-path:polygon(0 0,100% 0,100% 100%,32px 100%)}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-edge-join{top:0;left:42px;width:138px;height:10px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,10px 100%)}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-edge-join:after{content:'';position:absolute;right:17px;top:0;width:7px;height:10px;transform:skewX(45deg);background:#0d171c80}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-side-step{left:0;top:48%;width:16px;height:90px;clip-path:polygon(0 0,6px 0,100% 10px,100% calc(100% - 20px),0 100%)}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-corner-bracket{left:0;bottom:0;width:104px;height:64px;clip-path:polygon(0 0,12px 12px,12px 42px,82px 42px,100% 100%,0 100%)}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-edge-tab{right:45px;top:0;width:100px;height:12px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-diagonal-seam{right:26px;top:0;width:36px;height:36px;clip-path:polygon(0 0,8px 0,100% calc(100% - 8px),100% 100%,calc(100% - 8px) 100%,0 8px);opacity:.6}
:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-inset-join{left:28px;top:12px;width:92px;height:8px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);opacity:.55}
/* Echo the trim's angled joint around the action socket, below the vivid CTA. */
.paint-home .project-entry:before{inset:-14px -14px -14px -24px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-paint),transparent 91%),#ffffff02 55%);clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 calc(100% - 22px),0 22px)}
.paint-home .project-entry:after{content:'';position:absolute;z-index:-1;pointer-events:none;left:-24px;top:-14px;width:24px;height:24px;background:color-mix(in srgb,var(--card-paint),transparent 78%);clip-path:polygon(0 100%,0 calc(100% - 6px),calc(100% - 6px) 0,100% 0)}
@media(max-width:580px){:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-corner-cap{width:64px;height:26px}:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-edge-join{left:34px;width:100px;height:8px}:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-side-step{width:12px;height:66px}:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-corner-bracket{width:84px;height:54px}:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-edge-tab{right:32px;width:76px;height:10px}:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-diagonal-seam{right:22px;width:30px;height:30px}:is(.paint-home,.paint-page,.quiet-tools) .ui-detail-inset-join{width:72px}}

.site-header .brand:hover,.site-header .brand:focus-visible,.site-header .brand:hover>span:first-child,.site-header .brand:focus-visible>span:first-child{color:var(--brand-hover-color,var(--mint))}

/* Shared brand atmosphere: midnight violet with restrained warm and blue light. */
body.paint-home,body.paint-page,body.quiet-tools{background:radial-gradient(ellipse at 8% 0%,#aa79df0c,transparent 42%),radial-gradient(ellipse at 95% 30%,#426bd70b,transparent 40%),#0e0e19}

/* Painted headings share the Projects type scale and proportional paint bounds. */
:root{--paint-heading-size:clamp(3.2rem,6.5vw,6.5rem);--paint-heading-inset:.06em -.96em -.19em -.42em}
.paint-home #projects-heading,.paint-home .section-heading h2,.paint-page .project-story h2,.paint-page .page-intro h1,.paint-page .dashboard>h1{font-size:var(--paint-heading-size);font-weight:650;line-height:1.04;letter-spacing:-.045em;position:relative;isolation:isolate;width:fit-content;max-width:100%;overflow-wrap:break-word}
.paint-home #projects-heading:before,.paint-home .section-heading h2:after,.paint-page .project-story h2:after,.paint-page .page-intro h1:after,.paint-page .dashboard>h1:after{inset:var(--paint-heading-inset);width:auto;height:auto}
.paint-home .section-heading{flex-wrap:wrap}
.paint-home .section-heading>div,.paint-page .project-story>div{min-width:0}
@media(max-width:580px){:root{--paint-heading-inset:.08em -.88em -.2em -.39em}}