.work-detail-actions{gap:18px 24px}
.work-image.is-portrait{aspect-ratio:3/4;background:#192326}
.work-image.is-portrait img,.work-image.is-contained img{object-fit:contain}
.work-image.is-portrait img{padding:0 3%}
.work-image.is-contained{background:#192326}
.work-image-label{position:absolute;top:18px;left:18px;padding:7px 12px;border-radius:30px;background:#131914e8;color:#fff;font-size:11px;letter-spacing:.04em}
.work-video{display:block;background:#192326}
.work-video>span{display:block;text-align:center;padding:16px 24px;color:white;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.work-video:hover>span{color:var(--accent)}
.hero-image.is-portrait{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:540px;height:clamp(540px,55cqw,760px);background:#152025}
.hero-image.is-portrait>img{grid-area:1/2;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center!important}
.hero-image.is-portrait .hero-overlay{display:none}
.hero-image.is-portrait figcaption{grid-area:1/1;position:relative;inset:auto;padding:110px 12% 48px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:36px}
.hero-image.is-portrait strong{font-size:clamp(58px,7cqw,104px);line-height:1.05;margin:16px 0 12px}
.hero-image.is-portrait .hero-index{left:4.8%;top:32px}
.work-extra-photos{padding:0 45px 45px;display:grid;gap:28px}
.work-extra-photos img{width:100%;height:auto;max-height:70dvh;object-fit:contain;background:var(--photo-surface)}
.work-extra-photos figcaption{font-size:12px;line-height:1.65;color:var(--muted);padding-top:10px}
.work-extra-photos figcaption a{font-size:12px;text-decoration:underline;text-underline-offset:3px;margin-left:6px}
@container site (max-width:700px){.work-extra-photos{padding:0 25px 28px}.work-detail-actions{gap:18px 22px}}
@container site (max-width:700px){.hero-image.is-portrait{height:auto;min-height:0;grid-template-columns:1fr}.hero-image.is-portrait>img{grid-area:1/1;height:min(135cqw,660px)}.hero-image.is-portrait figcaption{grid-area:2/1;padding:26px 24px 30px;flex-direction:row;align-items:flex-end;gap:16px}.hero-image.is-portrait strong{font-size:48px;margin:8px 0}.hero-image.is-portrait .hero-index{top:18px;left:18px}.hero-image.is-portrait .round-button{flex-shrink:0}.work-image.is-portrait{aspect-ratio:3/4}}