body .work-showcase .work-intro{padding:95px 4% 40px}
body .work-showcase .work-intro h1{font-size:clamp(50px,6.7vw,106px);line-height:1.08;letter-spacing:-.06em;margin:25px 0 28px;max-width:1380px;text-wrap:initial}
.work-intro h1 em{font-style:normal;color:var(--cyan)}body .work-intro>p{max-width:640px;font-size:18px;line-height:1.6}
body .work-showcase .work-collection{padding:10px 4% 90px}
.work-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 14px}.work-filters button{border:0;border-radius:30px;padding:12px 18px;min-height:44px;background:#fff;color:var(--night);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.work-filters button:hover{background:#e2e8f2}.work-filters button[aria-pressed=true]{background:var(--night);color:var(--yellow)}body .work-count{font-size:12px;color:#535d7a;margin:0 0 30px}
body .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0;align-items:start}
body .work-grid .work-card{position:relative;display:block;min-width:0;overflow:hidden;isolation:isolate;border-radius:28px;background:var(--night);color:#fff}
body .work-grid .work-card[hidden]{display:none}body .work-grid .work-card.work-wide{grid-column:1/-1}
.work-card.work-color-1{background:var(--coral)!important}.work-card.work-color-2{background:var(--cyan)!important}.work-card.work-color-3{background:var(--yellow)!important}
.work-visual{position:relative;margin:clamp(24px,4vw,56px) 10% 0;overflow:hidden;border-radius:14px 14px 0 0;box-shadow:0 15px 50px #10163230;transition:transform .6s cubic-bezier(.16,1,.3,1);background:#fff}
.work-visual img{width:100%;height:auto;max-width:none;display:block}.work-visual video{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:contain;background:#21284f}
.work-card.work-wide .work-visual{margin-left:16%;margin-right:16%}
.work-card:after{content:'';position:absolute;left:0;right:0;bottom:0;height:140px;z-index:1;background:linear-gradient(transparent,#121833ee);pointer-events:none}
.work-caption{position:absolute;left:30px;right:30px;bottom:28px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:20px}
body .work-caption h3{color:#fff;font-size:clamp(22px,2vw,32px);line-height:1.15;letter-spacing:-.035em;margin:9px 0 0}.work-category{font-size:11px;font-weight:500;line-height:1.5;color:#fff}
.work-arrow{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;font-size:24px;transition:background .2s,color .2s}
.work-card:hover .work-visual{transform:translateY(-8px)}.work-card:hover .work-arrow{background:var(--yellow);color:var(--night);border-color:var(--yellow)}
.work-wordmark{display:flex;align-items:center;justify-content:center;min-height:260px;padding:30px;color:var(--night);font-size:clamp(32px,4vw,70px);overflow-wrap:anywhere}
@media(max-width:800px){body .work-showcase .work-intro{padding:55px 6% 30px}body .work-showcase .work-intro h1{font-size:clamp(42px,7.5vw,64px)}body .work-showcase .work-collection{padding:0 6% 55px}body .work-grid{gap:18px}body .work-grid .work-card,body .work-grid .work-card.work-wide{border-radius:20px}.work-caption{left:20px;right:20px;bottom:20px;gap:10px}.work-category{font-size:10px}.work-arrow{width:36px;height:36px}.work-card .work-visual,.work-card.work-wide .work-visual{margin:24px 10% 0}.work-filters button{font-size:12px;padding:11px 14px}}
@media(max-width:600px){body .work-grid{grid-template-columns:1fr}body .work-grid .work-card.work-wide{grid-column:auto}body .work-showcase .work-intro h1{font-size:clamp(38px,9.5vw,55px)}.work-caption h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.work-visual,.work-arrow,.work-filters button{transition:none}.work-card:hover .work-visual{transform:none}}

body .work-grid .work-card{container-type:inline-size}.work-visual{max-height:60cqw}.work-card.work-wide .work-visual{max-height:38cqw}@media(max-width:800px){.work-card .work-visual,.work-card.work-wide .work-visual{max-height:60cqw}}
/* All project tiles share the compact preview height, including featured tiles. */
body .work-grid{--work-card-height:clamp(220px,calc(20.7vw + 50px),420px)}
body .work-grid .work-card,body .work-grid .work-card.work-wide{height:var(--work-card-height)}
.work-card .work-visual,.work-card.work-wide .work-visual{position:absolute;top:clamp(24px,4vw,56px);bottom:0;left:10%;right:10%;margin:0;max-height:none}
.work-card.work-wide .work-visual{left:16%;right:16%}
@media(max-width:800px){body .work-grid{--work-card-height:clamp(170px,calc(20.7vw + 20px),220px)}.work-card .work-visual,.work-card.work-wide .work-visual{top:24px;left:10%;right:10%;margin:0;max-height:none}.work-card:after{height:110px}body .work-caption h3{font-size:22px}.work-caption{bottom:16px}}
@media(max-width:600px){body .work-grid{--work-card-height:clamp(170px,calc(39.6vw + 24px),260px)}}
/* Featured projects retain their previous content-driven height. */
body .work-grid .work-card.work-wide{height:auto}.work-card.work-wide .work-visual{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:clamp(24px,4vw,56px) 16% 0;max-height:38cqw}@media(max-width:800px){body .work-grid .work-card.work-wide{height:var(--work-card-height)}.work-card.work-wide .work-visual{position:absolute;top:24px;bottom:0;left:10%;right:10%;margin:0;max-height:none}}