/* A photographic journal: uneven scales, generous pacing, complete real signs. */
.work-editorial{padding-top:30px;overflow:clip}
.case-introduction{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:25px 7%;padding-bottom:45px;border-top:1px solid var(--line);padding-top:30px}
.case-introduction>.eyebrow{width:100%;margin:0}
.case-lede{font-family:BarlowWorkshop,Impact,sans-serif;font-size:clamp(42px,5.2vw,80px);line-height:.98;letter-spacing:0;text-transform:uppercase;margin:0;flex:1 1 50%}
.case-introduction>div{flex:0 1 330px}.case-introduction>div p{font-size:18px;line-height:1.7}
.work-editorial .portfolio-controls{padding-block:25px;border-block:1px solid var(--line);margin-top:0}
.work-editorial .portfolio-mode-note{margin:20px 0 55px;background:transparent;font-size:15px;line-height:1.6}
.case-gallery{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(65px,11vw,160px) 5%;padding:20px 0 80px}
.case-gallery>.case-card{padding:0;margin:0;min-width:0;max-width:100%;flex:0 0 65%}
.case-gallery>.case-card--feature{flex-basis:100%}
.case-gallery>.case-card--wide{flex-basis:76%;margin-inline-start:auto}
.case-gallery>.case-card--small{flex-basis:35%}
.case-gallery>.case-card--portrait{flex-basis:49%;margin-inline-start:auto;margin-top:clamp(25px,5vw,70px)}
.case-gallery>.case-card--detail{flex-basis:41%;margin-top:clamp(15px,3vw,45px)}
.case-gallery>.case-card--medium{flex-basis:53%;margin-inline-start:auto;margin-top:clamp(70px,10vw,145px)}
.case-card .project-open{transform:translate3d(0,var(--case-shift,0px),0) rotate(var(--case-rotation,0deg));transform-origin:center;transition:filter .25s}
.case-card .case-meta{display:flex;justify-content:space-between;gap:15px;font-size:13px;letter-spacing:.12em;font-weight:800;padding-bottom:13px;color:var(--muted);line-height:1.5}
.case-gallery .case-card .project-scene{padding:0;border:0;background:var(--surface);box-shadow:12px 14px 0 var(--surface)}
.case-gallery .case-card .project-scene .scene-image-wrap>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;max-height:none}
.case-gallery .case-card .project-info{padding:24px 0 15px;gap:25px;align-items:flex-start}
.case-card .project-info>span:first-child{min-width:0}
.case-gallery .case-card .project-info strong{font-family:BarlowWorkshop,Impact,sans-serif;font-size:clamp(38px,5vw,82px);line-height:.96;letter-spacing:0;text-transform:uppercase;display:block;margin-top:12px;overflow-wrap:break-word}
.case-gallery .case-card--feature .project-info strong{font-size:clamp(56px,8vw,128px)}
.case-gallery .case-card .project-kind{font-size:14px;line-height:1.5;letter-spacing:.11em}
.case-card .project-index{font-size:16px;padding-top:6px;color:var(--muted)}
.case-description{font-size:18px;line-height:1.75;display:block;max-width:52ch;color:var(--muted)}
.case-card .project-open:focus-visible{outline-offset:12px}.case-card .project-open:hover .project-scene{box-shadow:17px 20px 0 var(--surface);transform:none}
.case-gallery .case-card[hidden],.case-gallery .case-story[hidden]{display:none!important}
.case-story{position:relative;flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px 7%;padding:clamp(35px,5vw,75px) 0;border-block:1px solid var(--line)}
.case-story>.eyebrow{flex-basis:100%;max-width:75ch;font-size:14px;margin:0}
.case-story h2{font-family:BarlowWorkshop,Impact,sans-serif;font-size:clamp(56px,9.8vw,155px);text-transform:uppercase;line-height:.87;letter-spacing:-.015em;flex:1 1 56%;margin:0;position:relative;z-index:1}
.case-story>div{flex:0 1 310px;position:relative;z-index:1;align-self:flex-end}.case-story>div p{font-size:19px;line-height:1.7}
.case-story-star{position:absolute;right:24%;top:18%;font-size:150px;color:var(--orange);opacity:.14;line-height:1;transform:rotate(-12deg);pointer-events:none}
.case-gallery>.case-story--companion{flex:0 0 58%;display:block;align-self:center;border-bottom:0;padding-block:35px}
.case-story--companion h2{font-size:clamp(65px,8vw,118px);margin:25px 0 30px}
.case-story--companion>div{max-width:40ch}
html[data-lights=off] .case-story--companion{display:none}
.case-finale{border-top:1px solid var(--line);padding-block:55px 20px}.case-finale h2{font-family:BarlowWorkshop,Impact,sans-serif;font-size:clamp(54px,8vw,115px);line-height:.93;text-transform:uppercase;letter-spacing:0;margin-bottom:35px}
html[data-lights=off] .case-card .project-info strong{color:#e4f5d7;text-shadow:0 0 18px #b7f8b11a}
@media(min-width:1000px){.case-card--feature .project-info{max-width:90%}.case-card--feature .case-description{margin-inline-start:auto;max-width:46ch}}
@media(max-width:900px){.case-gallery{gap:80px 6%}.case-gallery>.case-card--small{flex-basis:39%}.case-gallery>.case-card--portrait{flex-basis:52%}.case-story>div{flex-basis:100%;max-width:48ch}.case-story h2{flex-basis:100%}.case-introduction>div{flex-basis:100%;max-width:58ch}}
@media(max-width:700px){
  .work-editorial{padding-top:0}.case-introduction{gap:22px;padding-block:25px 30px}.case-lede{font-size:clamp(42px,11vw,66px)}
  .case-gallery{gap:55px;padding:0 0 50px}.case-gallery>.case-card:nth-child(n){flex-basis:100%;margin:0;padding:0}
  .case-gallery>.case-card--small:nth-child(n),.case-gallery>.case-card--detail:nth-child(n){flex-basis:83%;margin-inline-start:auto}
  .case-gallery>.case-card--portrait:nth-child(n){flex-basis:91%}.case-gallery>.case-card--medium:nth-child(n){flex-basis:94%;margin-inline-start:auto}
  .case-card .project-open{transform:none!important}.case-gallery .case-card .project-info{padding-top:19px}
  .case-gallery .case-card .project-info strong{font-size:clamp(35px,10vw,54px)}.case-gallery .case-card--feature .project-info strong{font-size:clamp(49px,13vw,72px)}
  .case-card .case-meta{font-size:12px;letter-spacing:.07em}.case-description{font-size:17px;line-height:1.75}.case-gallery .case-card .project-scene{box-shadow:7px 8px 0 var(--surface)}
  .case-story{gap:24px;padding-block:36px}.case-story h2{font-size:clamp(53px,14vw,84px)}.case-story>div p{font-size:18px}.case-story-star{font-size:110px;right:3%;top:24%;opacity:.1}
  .case-gallery>.case-story--companion{flex-basis:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){.case-card .project-open{transform:none!important;transition:none!important}.case-card .project-scene{transition:none!important}}
@media print{.case-gallery{display:block}.case-gallery>.case-card:nth-child(n),.case-story{margin:0 0 25px;break-inside:avoid}.case-card .project-open{transform:none!important}.case-story-star{display:none}}