/* Paint kit: foreground corners, rear splashes, straight heading strokes. */
@font-face{font-family:PaintNote;src:url('/fonts/Kalam-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
html:has(.paint-home){overflow-x:hidden}
.paint-home{--paint-mint:#f36aaa;--paint-blue:#72c9f1;--paint-violet:#aa79df;background:#0e0e19;isolation:isolate;overflow-x:clip}
.paint-frame{position:absolute;inset:0 0 auto;overflow:hidden;pointer-events:none;z-index:-1}
.paint-mark{position:absolute;display:block;width:clamp(220px,25vw,440px);aspect-ratio:1;background:var(--paint-color,#426bd7);mask:var(--paint-asset) center/contain no-repeat;-webkit-mask:var(--paint-asset) center/contain no-repeat;opacity:.88;transform:rotate(var(--paint-angle,0deg))}
.paint-mark.edge-left{left:-14px}.paint-mark.edge-right{right:-14px}
.paint-mark.edge-impact.edge-left{left:calc(clamp(220px,25vw,440px) * -.52)}
.paint-mark.edge-impact.edge-right{right:calc(clamp(220px,25vw,440px) * -.52)}
.paint-home .site-header{position:relative;z-index:2}
.paint-home .home-projects{padding-top:48px}
.paint-home .home-projects>.section-heading{margin-bottom:44px}
.paint-home .eyebrow{color:var(--paint-mint)}
.paint-home #projects-heading{position:relative;width:fit-content;isolation:isolate;font-weight:650;letter-spacing:-.045em}
.paint-home #projects-heading:before{content:'';position:absolute;inset:5px -80px -16px -35px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#ff974dcc,#f36aaaaa);mask:var(--brush-asset,url('/images/paint/kit-straight-brush.webp')) center/100% 100% no-repeat;-webkit-mask:var(--brush-asset,url('/images/paint/kit-straight-brush.webp')) center/100% 100% no-repeat}
.paint-home .home-projects>.section-heading>p{font-family:PaintNote,cursive;font-size:1.45rem;color:#7c929f;max-width:225px;line-height:1.35;transform:rotate(-7deg)}
.paint-home .home-projects>.section-heading>p:after{content:'';display:block;width:130px;height:12px;margin:10px 0 0 auto;background:#7255cc;mask:var(--brush-asset,url('/images/paint/kit-straight-brush.webp')) center/100% 100% no-repeat;-webkit-mask:var(--brush-asset,url('/images/paint/kit-straight-brush.webp')) center/100% 100% no-repeat}
.paint-home .cinematic-projects{gap:34px}
.paint-home .cinematic-projects .project-summary,.paint-home .post-card{--card-paint:var(--paint-mint);--surface-bg:#181726;--surface-line:#62405d;position:relative;isolation:isolate;overflow:visible;border:0;border-radius:12px;background:transparent;padding:0}
.paint-home .cinematic-projects .project-summary:before,.paint-home .cinematic-projects .project-summary:after{content:none}
.paint-home .paint-surface{position:relative;z-index:1;overflow:hidden;border:1px solid var(--surface-line);border-radius:12px;background:var(--surface-bg);height:100%;width:100%}
.paint-home .stars-summary{--card-paint:#bf75d7!important;--surface-bg:#11151f!important;--surface-line:#59476d!important}
.paint-home .swampy-summary{--card-paint:#ffd05a!important;--surface-line:#6b5140!important}
.paint-home .product-placeholder{--card-paint:#75a8c7!important;--surface-line:#395365!important}
.paint-home .project-cover{isolation:isolate;border-radius:0}
.paint-home .project-card-details{background:var(--surface-bg);border-radius:0}
.paint-home .stars-summary .project-card-details{background:var(--surface-bg)}
.paint-home .cover-caption{font-family:monospace;font-size:.78rem;letter-spacing:.05em;font-weight:600;top:30px;left:36px}
.paint-home .cover-caption:after{content:'';display:block;width:20px;height:1px;background:var(--card-paint);margin-top:12px}
.paint-home .project-status{background:var(--card-paint);box-shadow:0 0 8px color-mix(in srgb,var(--card-paint),transparent 55%)}
.paint-home .project-card-details .tag{color:var(--card-paint)}
.paint-home .project-entry{border-top-color:color-mix(in srgb,var(--card-paint),transparent 78%)}
.paint-home .project-entry>span{border-color:color-mix(in srgb,var(--card-paint),transparent 25%)}
.paint-home .project-summary:hover .paint-surface{border-color:var(--card-paint);box-shadow:0 12px 40px #0005}
.paint-home .project-summary:hover .project-entry>span{background:var(--card-paint)}
.paint-home .paint-layer{position:absolute;display:block;width:var(--mark-size,190px);aspect-ratio:1;background:var(--card-paint);mask:var(--mark-asset) center/contain no-repeat;-webkit-mask:var(--mark-asset) center/contain no-repeat;pointer-events:none;transform:rotate(var(--mark-angle,0deg));z-index:0}
/* Corner bodies are deliberately INSIDE the panel, with peripheral spray behind. */
.paint-home .paint-corner-left{--mark-asset:url('/images/paint/reference-forest.webp');left:calc(var(--mark-size,190px) * -.30 + 12px);top:calc(var(--mark-size,190px) * -.35 + 12px)}
.paint-home .paint-corner-right{--mark-asset:url('/images/paint/reference-stars.webp');right:calc(var(--mark-size,190px) * -.50 + 12px);top:calc(var(--mark-size,190px) * -.50 + 12px)}
.paint-home .paint-layer.paint-front{z-index:2;mask-image:var(--mark-asset),radial-gradient(circle at var(--mark-center,50% 50%),#000 15%,transparent 60%);-webkit-mask-image:var(--mark-asset),radial-gradient(circle at var(--mark-center,50% 50%),#000 15%,transparent 60%);mask-composite:intersect;-webkit-mask-composite:source-in;mask-size:contain;-webkit-mask-size:contain}
.paint-home .paint-corner-left.paint-front{--mark-center:30% 35%}
.paint-home .paint-rear-side{--mark-asset:url('/images/paint/kit-side-splash.webp');--mark-size:235px;left:-95px;top:38%;--mark-angle:-18deg}
.paint-home .paint-rear-bottom{--mark-asset:url('/images/paint/kit-side-splash.webp');--mark-size:220px;right:-48px;bottom:-65px;--mark-angle:24deg}
.paint-home .paint-rear-right{--mark-asset:url('/images/paint/reference-stars.webp');--mark-size:235px;right:-110px;top:45%;--mark-angle:12deg}
.paint-home .post-card .paint-surface{padding:36px;display:flex;flex-direction:column;align-items:flex-start;min-height:310px}
.paint-home .post-card.featured{--surface-bg:#142724;--surface-line:#395e57}
.paint-home .post-card:not(.featured){--card-paint:#9a8bc6;--surface-bg:#141b27;--surface-line:#454359}
.paint-home .section-heading h2{position:relative;isolation:isolate}
.paint-home .section-heading h2:after{content:'';position:absolute;inset:2px -48px -10px -24px;background:linear-gradient(90deg,#ff974dcc,#f36aaaaa);mask:var(--brush-asset,url('/images/paint/kit-straight-brush.webp')) center/100% 100% no-repeat;-webkit-mask:var(--brush-asset,url('/images/paint/kit-straight-brush.webp')) center/100% 100% no-repeat;z-index:-1;pointer-events:none}
@media(min-width:851px){.paint-home .project-cover{height:clamp(260px,23vw,340px)}}
@media(min-width:851px) and (max-width:1320px){.paint-home .home-sections{margin-left:76px;margin-right:76px}.paint-home .site-header{padding-left:76px;padding-right:76px}}
@media(max-width:850px){.paint-home .home-sections{margin-left:46px;margin-right:46px}.paint-home .cinematic-projects{gap:44px}.paint-home .paint-layer{--mark-size:150px}.paint-home .paint-rear-side,.paint-home .paint-rear-right,.paint-home .paint-rear-bottom{--mark-size:190px}.paint-mark{width:200px}.paint-mark.edge-impact.edge-left{left:-105px}.paint-mark.edge-impact.edge-right{right:-105px}}
@media(max-width:580px){.paint-home .home-sections{margin-left:28px;margin-right:28px}.paint-home .home-projects{padding-top:42px}.paint-home .home-projects>.section-heading>p{display:none}.paint-home #projects-heading:before{inset:4px -45px -10px -20px}.paint-home .paint-layer{--mark-size:115px}.paint-home .paint-rear-side,.paint-home .paint-rear-right,.paint-home .paint-rear-bottom{--mark-size:150px}.paint-home .paint-rear-side{left:-95px}.paint-home .paint-rear-right{right:-95px}.paint-home .paint-rear-bottom{right:-35px;bottom:-48px}.paint-home .post-card .paint-surface{padding:28px}.paint-mark{width:145px}.paint-mark.edge-impact.edge-left{left:-76px}.paint-mark.edge-impact.edge-right{right:-76px}.paint-home .cover-caption{left:32px;top:28px}}
/* Cover imagery stays local to its own box inside the new surface wrapper. */
.paint-home .project-cover,.paint-home .project-card-details{position:relative}
.paint-home .cinematic-projects{row-gap:64px}
@media(max-width:580px){.paint-home .cinematic-projects{row-gap:58px}}

.paint-home .ice-summary{--card-paint:#a6def5!important;--surface-line:#527f96!important}
/* Mirror source textures to their placement edge without changing proportions. */
.paint-mark{transform:rotate(var(--paint-angle,0deg)) scaleX(var(--paint-flip,1))}
.paint-home .paint-layer{transform:rotate(var(--mark-angle,0deg)) scaleX(var(--paint-flip,1))}

/* Blur the background composition after masking, so its silhouette stays soft.
   Feather the native image bounds before blur to remove rectangular cutoffs. */
.paint-mark{background:none;mask:none;-webkit-mask:none;filter:blur(3px);opacity:.52}
.paint-mark:before{content:'';position:absolute;inset:0;background:var(--paint-color,#426bd7);mask-image:var(--paint-asset),linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 90%,transparent);-webkit-mask-image:var(--paint-asset),linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 90%,transparent);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-composite:intersect,intersect;-webkit-mask-composite:source-in,source-in}