/* Shared project gallery. Content stays visible without motion or JavaScript. */
.creative-work{padding:clamp(64px,7.6vw,108px) 0;background:#08090b;color:#c9c4c7;scroll-margin-top:100px}
.creative-work-heading{max-width:740px;margin-bottom:36px}
.creative-work h2{color:#fffaf6;font-size:clamp(32px,3.75vw,50px);line-height:1.08;letter-spacing:-.045em;margin-bottom:18px}
.creative-work-heading p{font-size:18px;line-height:1.65;margin:0;max-width:610px}
.creative-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.6vw,36px)}
.creative-work-card{min-width:0;display:flex}
.creative-work-link{display:flex;flex-direction:column;min-width:0;width:100%;color:inherit;text-decoration:none;border-radius:14px;transition:translate .26s ease}
.creative-work-preview{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;border:1px solid #ffffff26;border-radius:14px;background:#18151b}
.creative-work-preview img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .44s cubic-bezier(.2,.7,.2,1)}
.creative-work-type{display:block;color:#bdb9bc;font-size:12px;line-height:1.5;margin:24px 0 10px}
.creative-work h3{font-size:clamp(25px,2.4vw,32px);line-height:1.15;letter-spacing:-.035em;color:#fffaf6;margin:0 0 14px}
.creative-work-description{font-size:16px;line-height:1.65;flex:1;margin:0 0 24px;color:#c9c4c7}
.creative-work-visit{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #ffffff30;padding-top:17px;color:#fffaf6;font-size:15px;font-weight:600;transition:border-color .2s ease}
.creative-work-arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--red);border-radius:50%;background:var(--red);color:#fff;font-size:23px;line-height:1;transition:transform .26s ease}
.creative-work-link:hover{color:inherit}
.creative-work-link:focus-visible{outline:3px solid #ffbec7;outline-offset:8px}
.creative-work-link:focus-visible .creative-work-visit{border-color:var(--red)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .creative-work-link:hover{translate:0 -5px}
 .creative-work-link:hover img{transform:scale(1.025)}
 .creative-work-link:hover .creative-work-visit{border-color:var(--red)}
 .creative-work-link:hover .creative-work-arrow{transform:rotate(45deg)}
}
@media(max-width:900px){
 .creative-work-grid{grid-template-columns:minmax(0,1fr);gap:46px;max-width:640px}
 .creative-work-heading{margin-bottom:30px}
 .creative-work-type{margin-top:20px}
 .creative-work-description{max-width:560px;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
 .creative-work-link,.creative-work-preview img,.creative-work-arrow,.creative-work-visit{transition:none}
}
@media print{
 .creative-work{background:#fff;color:#222;break-inside:avoid;padding:30px 0}
 .creative-work h2,.creative-work h3,.creative-work-type,.creative-work-description,.creative-work-visit{color:#222}
 .creative-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .creative-work-visit{border-color:#999}
}