body:has(.work-gallery){background:#0b0b0a}
.work-gallery{--color-ink:#ece8e1;--color-muted:#b3afa8;--color-rule:rgba(236,232,225,.14);color:#ece8e1;background:#0b0b0a}
.work-gallery-intro{padding-top:150px;padding-bottom:64px}
.work-gallery h1,.work-gallery-close h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:.96}
.work-gallery h1{font-size:clamp(64px,11vw,152px);margin-bottom:26px}
.work-gallery-intro p{color:#b3afa8;font-size:18px;max-width:490px}
.work-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 28px;padding-bottom:90px}
.sample-project{min-width:0}
.sample-preview{display:block;position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(236,232,225,.14);background:#1c1c19;aspect-ratio:1.6}
.sample-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.sample-preview>span{position:absolute;bottom:18px;right:18px;padding:10px 16px;border-radius:999px;background:#ece8e1;color:#0b0b0a;font-size:12px;font-weight:600;box-shadow:0 4px 20px #0003}
.sample-details{padding:24px 4px 0}
.sample-details h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(30px,3.1vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin-bottom:14px}
.sample-details p{color:#b3afa8;font-size:15px;line-height:1.65;max-width:54ch}
.sample-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;list-style:none;padding:0}
.sample-tags li{border:1px solid rgba(236,232,225,.16);border-radius:999px;color:#b3afa8;font-size:12px;padding:5px 12px}
.work-gallery-close{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:48px 90px;border-top:1px solid rgba(236,232,225,.14)}
.work-gallery-close h2{font-size:clamp(42px,5vw,70px)}
.work-gallery-close .button{background:#ece8e1;color:#0b0b0a}
body:has(.work-gallery)>.footer.footer-light{--color-ink:#ece8e1;--color-muted:#b3afa8;--color-rule:rgba(236,232,225,.14);--color-focus:#ff764d;background:#0b0b0a;color:#ece8e1}
body:has(.work-gallery)>.footer .footer-bottom>div{display:flex;flex-wrap:wrap;gap:18px 24px}
@media(hover:hover){.sample-preview:hover img{transform:scale(1.025)}}
@media(max-width:680px){.work-gallery-intro{padding-top:120px;padding-bottom:42px}.work-gallery-grid{grid-template-columns:minmax(0,1fr);gap:44px;padding-bottom:60px}.work-gallery-close{align-items:start;flex-direction:column;padding-bottom:60px}.sample-details{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.sample-preview img{transition:none}.sample-preview:hover img{transform:none}}