.wondervo-projects{height:auto!important;padding-bottom:calc(64 * var(--u))!important}
.wondervo-project{display:grid;gap:clamp(16px,2.2vw,32px);width:100%}
.wondervo-project img{display:block;width:100%;height:auto}
.wondervo-project .wondervo-project-caption{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;align-items:baseline}
.wondervo-project .wondervo-project-number{grid-row:span 2;color:var(--accent);font-size:14px}
.wondervo-project h2{font-size:clamp(28px,3.6vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1.08;margin:0}
.wondervo-project p{font-size:clamp(16px,1.5vw,20px);line-height:1.5;margin:0}
.wondervo-case{--case-inset:clamp(20px,3.333vw,48px);--case-space:clamp(44px,5.56vw,80px)}
.wondervo-case .skip:not(:focus){clip-path:inset(50%)}
.wondervo-case img{display:block;max-width:100%;height:auto}
.wondervo-case .wv-section{padding:var(--case-space) var(--case-inset);border-bottom:1px solid #e8eaec}
.wondervo-case #project{border-bottom:0}
.wondervo-case .wv-title{padding:clamp(36px,5vw,72px) var(--case-inset) clamp(36px,4vw,56px)}
.wondervo-case h1,.wondervo-case h2,.wondervo-case h3,.wondervo-case p{margin:0}
.wondervo-case h1{font-size:clamp(54px,6.1vw,88px);line-height:1;letter-spacing:-.055em;font-weight:700}
.wondervo-case .wv-title p{font-size:clamp(20px,2.3vw,32px);line-height:1.28;margin-top:20px;max-width:32ch}
.wondervo-case h2{font-size:clamp(26px,3.5vw,48px);line-height:1.13;font-weight:550;letter-spacing:-.04em}
.wondervo-case h3{font-size:clamp(25px,2.65vw,38px);line-height:1.16;font-weight:600;letter-spacing:-.04em}
.wondervo-case p,.wondervo-case dd,.wondervo-case dt{font-size:clamp(16px,1.45vw,20px);line-height:1.5}
.wondervo-case .wv-cover{width:100%;aspect-ratio:1440/830}
.wv-lead{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px clamp(32px,5vw,72px);align-items:start}
.wv-lead p{max-width:62ch}
.wv-passport{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #e8eaec;padding:20px 0;margin:40px 0 0}
.wv-passport dd{margin:0}
.wv-role{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.wv-role dt{color:#536170}
.wv-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px)}
.wv-side .wv-copy p{margin-top:20px;max-width:58ch}
.wv-side .wv-figures{margin-top:0}
.wv-side.wv-image-first .wv-copy{order:2}
.wv-figures{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:clamp(20px,3.333vw,48px);margin-top:clamp(32px,4.45vw,64px)}
.wv-figures figure{margin:0;width:min(100%,312px);flex:0 1 312px}
.wv-figures img{margin-inline:auto}
.wv-recovery .wv-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.22vw,32px)}
.wv-recovery figure{justify-self:center}
.wv-side .wv-figures figure{flex:1 1 min(100%,190px);max-width:312px}
.wv-chapter{padding:clamp(40px,5.5vw,80px) var(--case-inset) 0}
.wv-chapter+ .wv-section{padding-top:clamp(32px,4.4vw,64px)}
.wv-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:40px 0 0}
.wv-journey li{position:relative;background:#fff4e8;border:1px solid #f0dbc7;padding:20px 12px;text-align:center;font-size:clamp(14px,1.65vw,22px);border-radius:12px}
.wv-journey li+li::before{content:"→";position:absolute;left:-22px;top:50%;transform:translateY(-50%);color:#775742}
.wv-metrics{margin-top:28px;padding-top:24px;border-top:1px solid #e8eaec}
.wv-metrics dl{margin:14px 0 0}
.wv-metrics dl div{display:grid;grid-template-columns:4.5em 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #e8eaec;align-items:center}
.wv-metrics dd{grid-area:1/1;margin:0;font-size:clamp(22px,2.6vw,34px);font-weight:650;color:#a94206}
.case.wondervo-case #design-system{padding-inline:var(--case-inset)!important;padding-bottom:var(--case-space)!important}
.wv-system .bento{margin:40px calc(50% - 50cqw) 0}
.case.wondervo-case #design-system .bento .art{width:auto!important}
.wv-system-footer{display:flex;margin-top:16px}
.wv-system-footer a{padding-block:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.wv-figures figure{flex-basis:min(40%,312px)}}
@media(max-width:1050px){.wv-recovery .wv-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 .wondervo-project .wondervo-project-caption{gap:8px 12px}
 .wondervo-project img{aspect-ratio:3/2;object-fit:cover}
 .wondervo-projects{padding-bottom:40px!important}
 .wv-lead,.wv-side,.wv-passport{grid-template-columns:minmax(0,1fr)}
 .wv-side.wv-image-first .wv-copy{order:0}
 .wv-journey{grid-template-columns:1fr 1fr;gap:12px 20px}
 .wv-journey li:nth-child(3)::before{display:none}
}
@media(max-width:550px){
 .wv-figures figure,.wv-side .wv-figures figure{flex-basis:min(100%,312px)}
 .wv-recovery .wv-figures{grid-template-columns:minmax(0,1fr)}
}