.case-study{background:var(--paper);color:var(--ink)}
.case-study .masthead,.case-study .contact{color:var(--paper);background:var(--ink)}
.page-inset{padding-left:var(--content-inset);padding-right:var(--content-inset)}
.project-opening{padding-top:22px;padding-bottom:28px}
.back-link{display:inline-flex;gap:12px;font-size:12px;color:#62695f}.back-link:hover{color:#805433}
.opening-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:5vw;align-items:end;margin-top:24px}
.project-opening .eyebrow{font-size:11px;color:#7d6248;margin-bottom:17px}
.project-opening h1{font-size:clamp(48px,5.4vw,78px);line-height:1.03;letter-spacing:-.055em}.project-opening h1 span{color:#67735f}
.opening-copy{padding-bottom:5px;max-width:450px}.opening-copy>p:first-child{font-size:15px;line-height:1.75}.opening-copy .project-scope{margin-top:22px;font-size:11px;color:#677061;line-height:1.7}
.transformation{padding-bottom:0}.comparison{position:relative;aspect-ratio:1.95;overflow:hidden;background:#333a32;isolation:isolate;--reveal:50%}
.comparison-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.before-layer{position:absolute;inset:0;clip-path:inset(0 var(--reveal) 0 0)}
.image-tag{position:absolute;top:23px;z-index:2;color:white;background:#111713b8;backdrop-filter:blur(8px);border:1px solid #ffffff48;padding:6px 13px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.tag-before{left:24px}.tag-after{right:24px}.comparison-divider{position:absolute;top:0;bottom:0;left:calc(100% - var(--reveal));width:2px;background:var(--paper);z-index:3;pointer-events:none;transform:translateX(-50%);box-shadow:0 0 12px #0003}
.comparison-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:10px;width:54px;height:54px;border-radius:50%;background:var(--paper);box-shadow:0 2px 16px #0004;font:25px/1 Arial,sans-serif;color:var(--ink)}.comparison-handle>span{width:1px;height:20px;background:#11171345}
.comparison-control{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y;direction:rtl}.comparison:focus-within{outline:3px solid #9b754a;outline-offset:5px}
.comparison-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #11171335;color:#626a5e;font-size:11px}.comparison-caption>p{display:flex;gap:10px;align-items:center}.comparison-caption>p>span{font-size:20px;line-height:1}
.comparison-buttons{display:flex;gap:3px}.comparison-buttons button{border:0;background:transparent;color:inherit;padding:7px 12px;cursor:pointer;border-radius:2px;font-size:11px}.comparison-buttons button:hover,.comparison-buttons button[aria-pressed=true]{background:#dcded3;color:var(--ink)}
.chapter{padding-top:52px;padding-bottom:52px}.chapter-label{margin-bottom:23px;font-size:11px;color:#61705c}.chapter-label>span{margin-right:18px;color:#8e6e4b}.chapter-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;align-items:start}.chapter h2{font-size:clamp(35px,3.65vw,54px);line-height:1.15;letter-spacing:-.035em}.chapter h2 span{color:#73816a}.reading-copy{max-width:640px}.reading-copy p{font-size:14px;line-height:1.75}.reading-copy p+p{margin-top:14px}.reading-copy h3{font-size:23px;line-height:1.3;margin-bottom:13px;letter-spacing:-.025em}.chapter-deck{max-width:490px;font-size:15px;line-height:1.75;padding-top:4px}
.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:30px 0 0;padding-top:20px;border-top:1px solid #11171330}.project-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#677061;margin-bottom:8px}.project-facts dd{font-size:13px;margin:0;line-height:1.6}
.construction{background:#e0e2d7;color:var(--ink)}.construction .chapter-label{color:#62705c}.construction .chapter-label>span{color:#8e6e4b}.construction h2 span{color:#68785c}.construction .chapter-deck,.construction .reading-copy p{color:#46533f}.construction figcaption{color:#5a6851}
figure{margin:0}figure a{display:block;position:relative}figure a:hover img{filter:brightness(1.05)}figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;line-height:1.6;padding-top:14px;color:#aab3a3}figcaption span{font-size:15px}
.construction-visuals{display:grid;grid-template-columns:1.55fr 1fr;gap:30px;align-items:center;margin-top:30px}.construction-photo img{width:100%;aspect-ratio:1.52;object-fit:cover}.design-sheet img{width:100%;height:auto;aspect-ratio:1.55;object-fit:contain;background:transparent;padding:0;mix-blend-mode:multiply;filter:saturate(.7)}.design-sheet figcaption{border-bottom:1px solid #11171325;padding-bottom:10px}
.engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:34px;align-items:start}.detail-drawing img{width:100%;max-height:320px;object-fit:contain;object-position:center top;background:transparent;padding:0;mix-blend-mode:multiply;filter:saturate(.7)}
.ventilation-row{border-top:1px solid #11171325;margin-top:30px;padding-top:28px;display:grid;grid-template-columns:1.35fr .8fr .55fr;align-items:center;gap:30px}.ventilation-row .reading-copy{padding-right:0}.ventilation-row .reading-copy h3{font-size:27px}.baffle-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.vent-drawing img{width:100%;height:220px;object-fit:contain;background:transparent;padding:0;mix-blend-mode:multiply;filter:saturate(.7)}
.interior{background:var(--paper)}.interior .chapter-deck{color:#65705e}.interior-visuals{display:grid;grid-template-columns:minmax(0,662fr) minmax(0,350fr);gap:24px;align-items:start;margin-top:30px}.interior-visuals figure>a{height:auto}.interior-visuals img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.interior-visuals figure:nth-child(2) img{object-position:center}.interior figcaption{color:#68725e}.interior-copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:28px}.interior .reading-copy p{color:#525e4d}
.result{background:#dde0d3}.result-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw}.result .eyebrow{font-size:11px;color:#69765f;margin-bottom:23px}.result h2{font-size:clamp(42px,4.4vw,62px)}.result .reading-copy p{color:#43503e}.result blockquote{margin:32px 0 0;border-top:1px solid #11171335;padding-top:26px}.result blockquote p{font-size:clamp(24px,2.5vw,35px);font-weight:400;line-height:1.4;letter-spacing:-.03em;max-width:1000px}.result cite{display:block;font-style:normal;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#59684f;margin-top:22px}
.case-study .contact{padding-top:55px;padding-bottom:24px}.contact-main>.contact-copy{max-width:430px}.contact-main .eyebrow{font-size:11px;color:var(--accent);margin-bottom:23px}.case-study .contact h2{font-size:clamp(43px,5.1vw,74px)}.case-study .contact-copy>p{font-size:14px;line-height:1.9}.case-study .footer-bottom{margin-top:42px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.image-dialog{border:0;padding:55px 25px 22px;width:min(1000px,94vw);max-height:92svh;background:var(--paper);color:var(--ink)}.image-dialog::backdrop{background:#080d0ae8;backdrop-filter:blur(5px)}.image-dialog>img{max-height:70svh;max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto}.image-dialog>p{font-size:12px;margin-top:17px;text-align:center}.dialog-close{position:absolute;right:15px;top:11px;border:0;background:transparent;display:flex;gap:18px;align-items:center;font-size:12px;cursor:pointer;padding:5px 10px}.dialog-close>span{font-size:26px;line-height:1}
.no-script{padding:15px 0;font-size:13px}.no-script a{text-decoration:underline}
@media(min-width:1650px){.page-inset{padding-left:max(var(--gutter),calc((100vw - 1400px)/2));padding-right:max(var(--gutter),calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.opening-grid,.chapter-grid,.engineering-grid,.result-grid{gap:5vw}.project-opening h1{font-size:65px}.opening-copy>p:first-child{font-size:14px}.project-facts{gap:20px}.ventilation-row{grid-template-columns:1fr 1fr}.ventilation-row>.reading-copy{grid-column:1/-1;max-width:650px}.vent-drawing img{height:260px}.ventilation-row>.baffle-photo{max-width:350px}.chapter{padding-top:44px;padding-bottom:44px}.reading-copy p{font-size:14px}}
@media(max-width:700px){.project-opening{padding-top:22px;padding-bottom:28px}.opening-grid{display:block;margin-top:27px}.project-opening .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:16px}.project-opening h1{font-size:clamp(48px,12vw,70px)}.opening-copy{margin-top:24px;max-width:none}.opening-copy>p:first-child{font-size:14px;line-height:1.8}.opening-copy .project-scope{font-size:10px;margin-top:17px}.comparison{aspect-ratio:1.18}.comparison-photo{object-position:49% 50%}.image-tag{top:13px;font-size:9px;padding:5px 8px}.tag-before{left:13px}.tag-after{right:13px}.comparison-handle{width:45px;height:45px;font-size:23px;gap:8px}.comparison-caption{flex-direction:column;align-items:flex-start;gap:9px;padding:13px 0}.comparison-buttons{align-self:flex-end}.comparison-buttons button{padding:6px 12px}.chapter{padding-top:36px;padding-bottom:36px}.chapter-label{margin-bottom:20px;font-size:10px}.chapter-grid,.engineering-grid,.result-grid{display:block}.chapter h2{font-size:40px}.chapter-grid>.reading-copy,.chapter-deck,.result-grid>.reading-copy{margin-top:25px}.chapter-deck{font-size:15px;padding:0}.reading-copy p{font-size:14px;line-height:1.75}.reading-copy h3{font-size:22px}.project-facts{grid-template-columns:1fr 1fr;gap:26px 18px;margin-top:32px;padding-top:24px}.project-facts dt{font-size:9px}.project-facts dd{font-size:12px}.construction-visuals{display:block;margin-top:25px}.construction-photo img{aspect-ratio:1.4}.design-sheet{margin-top:28px;max-width:450px}.design-sheet img{aspect-ratio:1.5}.engineering-grid{margin-top:27px}.detail-drawing{margin-top:28px}.ventilation-row{gap:22px;margin-top:35px;padding-top:32px}.ventilation-row>.reading-copy{padding:0}.ventilation-row .reading-copy h3{font-size:25px}.vent-drawing img{height:210px}.interior-visuals{grid-template-columns:1fr;gap:22px;margin-top:30px}.interior-visuals figure:nth-child(2){width:min(74%,350px)}.interior-visuals figcaption{font-size:10px;line-height:1.6}.interior-copy{display:block;margin-top:30px}.interior-copy>.reading-copy+.reading-copy{margin-top:24px}.result h2{font-size:46px}.result blockquote{margin-top:36px;padding-top:27px}.result blockquote p{font-size:27px}.case-study .contact{padding-top:38px}.case-study .contact h2{font-size:44px}.case-study .contact-copy>p{font-size:14px}.case-study .footer-bottom{margin-top:32px}.footer-bottom>div{flex-wrap:wrap}.image-dialog{padding-inline:15px}.image-dialog>img{max-height:65svh}}

/* Use a compact contact-only header on phones for both project case studies. */
@media (max-width: 600px) {
  .case-study { --header-height: 94px; }
  .case-study .masthead {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 50px 20px;
    align-content: center;
    gap: 5px 10px;
    padding: 8px 14px;
  }
  .case-study .header-navigation { display: contents; }
  .case-study .header-assessment { display: none; }
  .case-study .header-contact { grid-column: 1 / -1; grid-row: 2; justify-content: space-between; }
  .case-study .header-shortcuts { grid-column: 2; grid-row: 1; gap: 11px; font-size: 12px; transform: none; }
}