.case-page{background:#f7f7f2;color:var(--ink);font-family:var(--body)}
.case-container{width:min(91%,1440px);margin-inline:auto}
.case-page :is(h1,h2,h3){font-family:var(--display);font-weight:400;font-synthesis:none;letter-spacing:-.012em}.case-page em{font-style:italic}
.case-opening{background:var(--ink);color:#f7f7f2;padding:28px 0 62px;border-bottom:1px solid var(--acid)}
.case-opening-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;margin-bottom:38px;border-bottom:1px solid #ffffff24;font-size:.8125rem}.case-opening-bar a{display:inline-flex;align-items:center;gap:8px}.case-opening-bar a svg{color:var(--acid)}.case-opening-bar>span{color:#bfc0ba}
.case-opening-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,100px)}
.case-opening-copy>.eyebrow{font-size:.6875rem;letter-spacing:.12em;color:#bfc0ba;margin-bottom:21px}
.case-opening h1{color:var(--acid);font-size:clamp(50px,6.2vw,96px);line-height:1.04;text-wrap:balance;overflow-wrap:anywhere}
.case-tagline{font-family:var(--display);font-style:italic;font-size:clamp(25px,2.6vw,39px);line-height:1.2;margin-top:22px;max-width:25ch}
.case-summary{font-size:1.0625rem;line-height:1.7;color:#c7c8c2;max-width:57ch;margin-top:25px}
.case-interventions{margin-top:30px;padding-top:20px;border-top:1px solid #c8ff0040;max-width:620px}.case-interventions>.eyebrow{font-size:.625rem;color:#bfc0ba;margin-bottom:11px}.case-interventions>div{display:flex;flex-wrap:wrap;gap:7px 20px;font-size:.8125rem;line-height:1.5}
.case-chapters{display:flex;flex-wrap:wrap;gap:12px 23px;margin-top:28px}.case-chapters a{display:flex;align-items:center;gap:7px;font-size:.8125rem;border-bottom:1px solid var(--acid);padding-bottom:4px}.case-chapters a svg{color:var(--acid)}
.project-sheet-grid{display:grid;gap:30px}.project-sheet-lead,.project-sheet-media{grid-template-columns:1fr}.project-sheet-pair,.project-sheet-posters{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-sheet{margin:0;min-width:0}.project-sheet-button{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:zoom-in}
.project-sheet-frame{display:block;overflow:hidden;background:#eeefe9;border:1px solid var(--acid);padding:clamp(8px,1.2vw,18px)}.project-sheet-frame img{width:100%;height:auto;display:block;max-height:780px;object-fit:contain}
.project-sheet-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:13px;line-height:1.4}.project-sheet-caption b{display:block;font-family:var(--body);font-size:.9375rem;font-weight:500}.project-sheet-caption small{display:block;margin-top:4px;font-size:.75rem;opacity:.65}
.project-sheet-action{display:flex;gap:6px;align-items:center;flex:none;font-size:.75rem;margin-top:2px}.project-sheet-action svg{color:var(--acid)}.project-sheet-button:hover .project-sheet-action{text-decoration:underline;text-underline-offset:4px}
.case-opening-proof .project-sheet-frame{background:#1b1d18;padding:clamp(12px,1.5vw,24px)}.case-opening-proof .project-sheet-frame img{max-height:620px}.case-opening-proof .project-sheet-caption b{font-size:.875rem}
.case-section{padding:78px 0;background:#f7f7f2;color:var(--ink);scroll-margin-top:105px}.case-section+.case-section:not(.case-section-dark){border-top:1px solid #d5d7cf}
.case-section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:end;margin-bottom:40px}.case-section-head .eyebrow{font-size:.6875rem;letter-spacing:.12em;margin-bottom:18px}.case-section-head h2{font-size:clamp(38px,4.3vw,67px);line-height:1.08;color:inherit}.case-section-head h2 em{text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:2px;text-underline-offset:.16em}.case-section-head>p{font-size:1.0625rem;line-height:1.7;max-width:56ch;color:#5d6058}
.case-section-dark{background:var(--ink);color:#f7f7f2;border-block:1px solid var(--acid)}.case-section-dark .case-section-head h2{color:var(--acid)}.case-section-dark .case-section-head h2 em{text-decoration:none}.case-section-dark .case-section-head>p{color:#c7c8c2}.case-section-dark .project-sheet-frame{background:#1b1d18}
.project-sheet-mixed{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:28px 34px;align-items:start}.project-sheet-mixed>.project-sheet:first-child{grid-row:1/3}.project-sheet-mixed .project-sheet-frame{padding:10px}
.project-sheet-posters{max-width:1080px;margin-inline:auto;gap:40px}.case-page[data-project=yves-rocher] .project-sheet-posters{max-width:900px}
.case-notes{padding:42px 0;background:#f7f7f2}.case-notes>.case-container{display:grid;grid-template-columns:1fr 2fr;gap:40px}.case-notes p{font-size:1.125rem;line-height:1.7;max-width:64ch}
.case-enquiry{padding:48px 0;background:#f7f7f2;border-top:1px solid var(--acid)}.case-enquiry>.case-container{display:flex;align-items:center;justify-content:space-between;gap:30px}.case-enquiry .eyebrow{font-size:.6875rem;margin-bottom:13px}.case-enquiry h2{font-size:clamp(33px,3.7vw,55px);line-height:1.1;color:var(--ink)}
.case-related{background:var(--ink);color:#f7f7f2;padding:56px 0 65px;border-top:1px solid var(--acid)}.case-related-head{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-bottom:31px}.case-related-head h2{font-size:clamp(30px,3vw,44px);color:var(--acid)}.case-related-head>a{display:flex;gap:9px;align-items:center;font-size:.8125rem;border-bottom:1px solid var(--acid);padding-bottom:4px}
.case-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-related-image{display:grid;place-items:center;aspect-ratio:1.5;padding:12px;background:#20221c;border-top:1px solid var(--acid);overflow:hidden}.case-related-image img{width:100%;height:100%;object-fit:contain}.case-related-category{display:block;font-size:.6875rem;letter-spacing:.06em;color:#bfc0ba;margin-top:17px}.case-related-title{display:flex;justify-content:space-between;gap:16px;font-family:var(--display);font-size:clamp(23px,2vw,30px);line-height:1.18;color:var(--acid);margin-top:7px}.case-related-title svg{flex:none;margin-top:5px}
.project-lightbox{width:96vw;max-width:1480px!important;height:94dvh;max-height:94dvh;padding:32px 36px 20px;gap:0;background:var(--ink);color:#f7f7f2;border:1px solid var(--acid);border-radius:0;display:flex;flex-direction:column}.project-lightbox-image{height:0;min-height:0;flex:1;width:100%;object-fit:contain}.project-lightbox-close{position:absolute;right:13px;top:10px;background:none;color:#f7f7f2;border:0;padding:8px;cursor:pointer}.project-lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;margin-top:17px;border-top:1px solid #ffffff28;flex:none;font-family:var(--body)}.project-lightbox-bar b{font-weight:500;font-size:.9375rem}.project-lightbox-bar small{display:block;margin-top:4px;font-size:.75rem;color:#bfc0ba}.project-lightbox-nav{display:flex;align-items:center;gap:18px;font-size:.875rem;flex:none}.project-lightbox-nav button{background:none;border:1px solid #c8ff0050;color:var(--acid);width:42px;height:42px;display:grid;place-items:center}.project-lightbox-nav button:disabled{opacity:.3}
@media(max-width:960px){.case-opening-grid{gap:32px;grid-template-columns:1.2fr 1fr}.case-opening h1{font-size:clamp(45px,6.5vw,70px)}.case-section-head{gap:30px}.project-sheet-action>span{display:none}}
@media(max-width:760px){
 .case-container{width:88%}.case-opening{padding:20px 0 38px}.case-opening-bar{margin-bottom:27px;padding-bottom:18px}.case-opening-grid{grid-template-columns:1fr;gap:32px}.case-opening h1{font-size:clamp(42px,10.7vw,65px)}.case-opening-copy>.eyebrow{margin-bottom:15px}.case-tagline{font-size:29px;margin-top:17px}.case-summary{font-size:1rem;margin-top:19px}.case-interventions{margin-top:23px;padding-top:17px}.case-chapters{margin-top:23px}.case-opening-proof .project-sheet-frame img{max-height:520px}
 .case-section{padding:45px 0}.case-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:27px}.case-section-head h2{font-size:clamp(35px,9.5vw,48px)}.case-section-head .eyebrow{margin-bottom:13px}.case-section-head>p{font-size:1rem}.project-sheet-grid{gap:25px}.project-sheet-mixed,.project-sheet-pair,.project-sheet-posters{grid-template-columns:1fr}.project-sheet-mixed>.project-sheet:first-child{grid-row:auto}.project-sheet-frame{padding:8px}.project-sheet-frame img{max-height:none}.project-sheet-caption{padding-top:10px}.project-sheet-caption b{font-size:.875rem}
 .case-notes>.case-container{grid-template-columns:1fr;gap:15px}.case-notes p{font-size:1rem}.case-enquiry{padding:34px 0}.case-enquiry>.case-container{align-items:flex-start;flex-direction:column;gap:24px}.case-enquiry h2{font-size:38px}.case-related{padding:36px 0 44px}.case-related-head{align-items:flex-start;flex-direction:column;gap:15px}.case-related-head h2{font-size:34px}.case-related-grid{grid-template-columns:1fr;gap:27px}.case-related-image{aspect-ratio:1.6}.case-related-title{font-size:26px}
 .project-lightbox{padding:40px 14px 14px;height:94dvh}.project-lightbox-bar{align-items:flex-start;gap:14px}.project-lightbox-bar b{font-size:.8125rem}.project-lightbox-bar small{font-size:.6875rem}.project-lightbox-nav{gap:8px;font-size:.8125rem}.project-lightbox-nav button{width:35px;height:35px}
}
