/* Shared proportions. The mobile composition has its own reading sequence. */
.case-wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--side)}
.project-case figure{margin:0;min-width:0}.project-case img{width:100%;height:auto;display:block}.project-case figcaption{font-size:13px;color:#aaa;line-height:1.65;margin-top:16px;max-width:620px}
.project-case .project-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:5vw;padding-block:7vh 5vh}.project-case .project-heading h1{font-size:clamp(52px,7vw,108px);margin:0;line-height:1.1}.project-case .project-meta{justify-content:flex-start;align-items:end;line-height:1.6;padding-bottom:10px;gap:10px 24px;font-size:14px}
.case-hero img{object-fit:contain}.section-tag{display:block;font-size:12px;letter-spacing:.02em;color:var(--lime);margin-bottom:24px}.project-case h2{font-size:clamp(28px,3vw,46px);font-weight:600;line-height:1.4;margin:0;max-width:470px}.project-case h3{font-size:22px;line-height:1.5;font-weight:600;margin:18px 0 10px}.project-case p{font-size:18px;line-height:1.9;color:#b9b9b6;margin:0 0 22px}
.case-idea{display:grid;grid-template-columns:4fr 6fr;gap:8vw;padding-block:100px 70px}.case-prose{max-width:670px}.case-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding-block:20px 90px}.design-decision{border-top:1px solid #fff3;padding-top:24px}.design-decision>span{font:12px Arial;color:var(--lime);letter-spacing:.1em}.design-decision p{font-size:16px;line-height:1.8;margin:0}
.section-heading{padding-bottom:45px}.case-process{padding-block:65px 80px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;align-items:start}.process-grid figure{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center}.process-grid img{max-height:100%;object-fit:contain}.process-grid h3{font-size:21px}.process-grid p{font-size:16px}
.case-views{display:grid;grid-template-columns:7fr 5fr;gap:65px 55px;padding-block:35px 80px;align-items:start}.case-views .view-0{grid-column:1/-1}.case-views .view-2{padding-top:90px}.case-views img{object-fit:contain}.case-detail{display:grid;grid-template-columns:3.5fr 6.5fr;gap:8vw;align-items:center;padding-block:60px 85px}.case-detail p{font-size:21px;line-height:1.9;max-width:370px}.case-detail figure{width:100%}
.case-materials{padding-block:40px 85px}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.materials-grid p{font-size:16px}.material-sample img{height:210px;object-fit:cover}
.case-drawings{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:70px 100px}.case-drawings figure{display:flex;flex-direction:column;justify-content:center;min-height:320px}.case-drawings img{max-height:420px;object-fit:contain}.case-drawings figcaption{color:#aaa;border-top:1px solid #fff2;padding-top:15px;max-width:none;text-align:right}.project-case .next-project{align-items:center;margin:0;padding-block:38px 60px;text-align:right}.next-label{font-size:13px;color:#aaa!important;line-height:1.7}.next-label strong{display:block;font-size:36px;line-height:1.3;color:var(--white);font-weight:600}.project-case .next-project>span:last-child{font-size:40px}
.page-nav .close,.menu button{min-height:44px;min-width:44px}.project-case button:focus-visible{outline:2px solid var(--lime);outline-offset:7px}
@media(min-width:701px) and (max-width:1100px){.case-wrap{padding-inline:40px}.case-decisions{gap:30px}.case-idea,.case-detail{gap:45px}.process-grid{gap:25px}.case-views{gap:40px}.project-case .project-meta{font-size:12px}}
@media(max-width:700px){
 .case-wrap{padding-inline:24px}.project-case .project-heading{grid-template-columns:1fr;gap:22px;padding-block:30px 32px}.project-case .project-heading h1{font-size:clamp(40px,12vw,56px);line-height:1.12}.project-case .project-meta{font-size:12px;gap:8px 22px;padding:0}.project-case h2{font-size:30px;line-height:1.45}.project-case h3{font-size:21px}.project-case p{font-size:17px;line-height:1.9}.section-tag{font-size:12px;margin-bottom:16px}
 .case-idea{grid-template-columns:1fr;gap:25px;padding-block:48px 24px}.case-prose p{margin-bottom:20px}.case-decisions{grid-template-columns:1fr;gap:28px;padding-block:24px 55px}.design-decision{display:grid;grid-template-columns:26px 1fr;gap:0 16px;padding-top:19px}.design-decision>span{padding-top:7px}.design-decision h3{margin:0 0 10px}.design-decision p{grid-column:2;font-size:16px}
 .case-process{padding-block:30px 45px}.section-heading{padding-bottom:22px}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid figure{aspect-ratio:3/2}.process-grid h3{margin-top:12px}.process-grid p{margin-bottom:0}.case-views{grid-template-columns:1fr;gap:36px;padding-block:15px 45px}.case-views .view-0{grid-column:auto}.case-views .view-2{padding:0}.project-case figcaption{font-size:12px;line-height:1.7;margin-top:12px}
 .case-detail{grid-template-columns:1fr;gap:25px;padding-block:30px 45px}.case-detail p{font-size:18px;max-width:none;margin:0}.case-detail>div{order:2}.case-detail>figure{order:1}.case-materials{padding-block:30px 45px}.materials-grid{grid-template-columns:1fr;gap:27px}.material-sample img{height:190px}.materials-grid h3{margin-top:14px}.materials-grid p{margin:0;font-size:16px}.case-drawings{grid-template-columns:1fr;gap:38px;padding-block:30px 60px}.case-drawings figure{min-height:0}.case-drawings img{max-height:none}.case-drawings figcaption{margin-top:13px}.project-case .next-project{padding-block:25px 40px}.next-label strong{font-size:30px}
}

.case-process{padding-top:65px}.case-process .section-heading h2{display:none}.case-process .section-heading{padding-bottom:15px}.case-process .section-tag{margin:0}.case-views .view-3{grid-column:1/-1;padding-top:0}.case-detail.visual-detail{display:block;max-width:1050px;padding-block:35px 60px}.case-hero+.case-process{padding-top:65px}
@media(max-width:700px){.case-process{padding-block:38px 32px}.case-views .view-3{grid-column:auto}.case-detail.visual-detail{padding-block:10px 35px}.case-hero{padding-inline:0}.project-case .case-hero img{width:100%;height:auto}}
.case-brief{padding-block:40px 28px}.case-brief>p{font-size:clamp(21px,2vw,30px);line-height:1.65;max-width:850px;margin:0 0 28px}.brief-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #fff2;padding-top:24px}.brief-notes h3{font-size:17px;font-weight:400;color:#d7e657;margin:0 0 7px}.brief-notes p,.process-grid p{font-size:16px;line-height:1.65;color:#b6b6af;margin:0;max-width:42ch}.case-brief+.case-process{padding-top:20px}.process-grid h3{margin-bottom:8px}@media(max-width:700px){.case-brief{padding-block:28px 20px}.case-brief>p{font-size:21px;margin-bottom:22px}.brief-notes{grid-template-columns:1fr;gap:18px;padding-top:20px}.brief-notes p{max-width:none;font-size:15px}}

.case-drawings figcaption{order:-1;margin:0 0 18px;padding:0;border:0;color:#d7e657}.case-drawings figure{justify-content:flex-start}

/* Approved portfolio studies: photographs, hand study, then four vector decisions. */
.case-views{grid-template-columns:1fr 1fr;gap:42px;padding-block:20px 70px}
.case-views .view-0{grid-column:auto}
.case-views img{aspect-ratio:3/2;object-fit:contain}
.case-study-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,7vw,110px);padding-block:20px 85px}
.material-study{max-width:480px;width:100%;justify-self:center}
.material-study img{max-height:540px;object-fit:contain}
.concept-study{width:100%;max-width:430px;justify-self:center}
.concept-study .section-tag{margin-bottom:24px}
.concept-study img{object-fit:contain;filter:invert(1) grayscale(1)}
.concept-study p{font-size:16px;line-height:1.75;margin:24px 0 0;max-width:35ch}
.case-process{max-width:1180px;padding-block:30px 90px}
.case-process .section-heading{padding-bottom:38px}
.case-process .section-tag{margin:0 0 12px}
.case-process .section-heading h2{display:block}
.case-process .process-note{font-size:14px;line-height:1.7;margin:18px 0 0;max-width:62ch}
.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:56px 64px}
.process-grid>li{min-width:0}
.process-grid figure{aspect-ratio:5/4}
.process-grid img{filter:invert(1) grayscale(1);width:100%;height:100%;object-fit:contain}
.stage-heading{display:flex;align-items:baseline;gap:16px;margin:15px 0 10px}
.stage-heading h3{font-size:22px;margin:0}
.stage-number{font:11px Arial,sans-serif;letter-spacing:.1em;color:var(--muted);direction:ltr;flex-shrink:0}
.process-grid p{font-size:16px;line-height:1.75;max-width:38ch}
@media(max-width:700px){
 .case-views{grid-template-columns:1fr;gap:30px;padding-block:8px 40px}
 .case-study-pair{grid-template-columns:1fr;gap:46px;padding-block:8px 55px}
 .material-study{max-width:420px}.material-study img{max-height:none}
 .concept-study{max-width:370px}.concept-study p{font-size:16px;max-width:none;margin-top:18px}
 .case-process{padding-block:5px 55px}.case-process .section-heading{padding-bottom:25px}
 .process-grid{grid-template-columns:1fr;gap:34px}.process-grid figure{aspect-ratio:5/4}
 .stage-heading{margin-top:8px}.stage-heading h3{font-size:22px}.process-grid p{max-width:none}
}