.work-index{max-width:1600px;margin:auto}
.work-cases{grid-template-columns:1fr;gap:48px}
.work-cases>.work-case{display:grid;grid-template-columns:minmax(170px,.32fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:35px 0 0;border-top:1px solid var(--ink)}
.work-case-summary,.work-case-visual{min-width:0}
.work-case-meta{font-size:11px;letter-spacing:.07em;line-height:1.5;gap:15px;margin-bottom:32px}
.work-case-heading{display:block;margin:0}
.work-case-heading h2{font-size:clamp(26px,2.6vw,42px);line-height:1.14;letter-spacing:-.045em}
.work-service-link{font-size:12px;margin-top:25px;gap:16px}
.work-pair{gap:16px;background:transparent;align-items:start}
.work-photo{display:flex;flex-direction:column;aspect-ratio:auto!important;background:transparent;color:var(--ink);overflow:visible}
.work-photo-frame{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:3/4;background:#eef0e9;border:1px solid #dce0d3}
.work-photo-frame img,.work-pair .work-photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.work-photo.has-cutout .work-photo-frame{background:#f1f0ec}
.work-photo-frame>.work-photo-cutout{position:absolute;inset:0;width:100%;height:100%;display:block}
.work-lightbox-image.has-cutout{background:#f1f0ec}
.work-lightbox-image>.work-photo-cutout{display:block;width:100%;height:100%;min-height:0;flex-shrink:1}
.work-photo-label{position:static;display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;color:var(--ink);font-size:14px;padding:0 0 12px;line-height:1.3;letter-spacing:.01em}
.work-photo-label>span{font-size:10px;opacity:.55}
.work-photo[data-rotation="90"] img,.work-photo[data-rotation="270"] img{inset:auto;left:50%;top:50%;width:133.333333%;height:75%;translate:-50% -50%}
.work-photo[data-rotation="90"] img{rotate:90deg}.work-photo[data-rotation="180"] img{rotate:180deg}.work-photo[data-rotation="270"] img{rotate:270deg}
.work-photo-zoom{width:35px;height:35px;right:12px;bottom:12px;border:0;background:#fff;color:var(--ink);box-shadow:0 1px 8px #0002;font-size:23px}
.work-combined .work-photo-frame{aspect-ratio:4/3}
.work-details-photos .work-photo-frame{aspect-ratio:3/4}
.work-examples>.work-case:first-child{padding-top:0;border-top:0}
.work-note{max-width:780px}
.case-stage .work-case{display:block}
.case-stage .work-pair{max-width:1040px;margin:auto}
.case-stage .work-photo-frame{max-height:660px}
.case-stage .work-photo-label{font-size:16px}
.case-stage figcaption{max-width:1040px;margin:auto}
.work-lightbox-image{overflow:hidden}
.work-lightbox-image img{max-width:none;max-height:none;flex-shrink:0}
.work-lightbox .work-lightbox-image{padding:0}
@media(max-width:1000px){.work-cases>.work-case{grid-template-columns:1fr;gap:24px}.work-case-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 28px}.work-case-meta{grid-column:1/-1;margin:0}.work-case-heading h2{font-size:32px}.work-service-link{margin:0;align-self:start}.work-description,.work-caption{grid-column:1/-1;margin:0}.work-index-head h1{max-width:950px}}
@media(max-width:600px){.work-cases{gap:35px}.work-cases>.work-case{padding-top:26px;gap:20px}.work-case-summary{display:block}.work-case-meta{margin-bottom:16px}.work-case-heading h2{font-size:28px}.work-service-link{margin-top:10px}.work-description,.work-caption{margin-top:12px}.work-pair{gap:10px}.work-comparison.is-switchable .work-photo-label{display:none}.work-pair-switch button{font-weight:500}.work-comparison.is-switchable .work-pair-switch{margin-bottom:10px;border:1px solid var(--ink)}.work-photo-frame{max-height:none}.case-stage .work-pair{max-width:none}.case-stage .work-photo-frame{max-height:none}.work-photo-zoom{width:34px;height:34px}.work-lightbox-image{min-height:0}.work-case[hidden]{display:none}}
@media(prefers-reduced-motion:reduce){.work-photo img{transition:none!important}}

.work-cases>.work-case[hidden]{display:none}

.case-stage>.case-panel[hidden]{display:none}
.work-photo.has-native-frame .work-photo-frame{aspect-ratio:var(--photo-aspect);max-height:none;background:transparent}
.work-photo-zoom{font-family:Arial,sans-serif;font-variant-emoji:text}
.work-photo.has-pattern-crop .work-photo-frame{aspect-ratio:1;max-height:none;background:transparent}
.work-photo-frame>.work-photo-crop{display:block;position:absolute;inset:0;width:100%;height:100%}
.work-lightbox-image>.work-photo-crop{display:block;width:100%;height:100%;min-height:0;flex-shrink:1}