/* A single lead project gives the six examples a hierarchy. */
.hero-worlds{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.hero-world{grid-column:span 2}
.hero-world--kante{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);grid-template-rows:auto 1fr auto auto;column-gap:clamp(25px,4vw,64px);min-height:480px;padding:clamp(22px,3vw,42px);background:#252820}
.hero-world--kante .hero-world-top{grid-column:1/-1;border-bottom:1px solid #f5f0e346;padding-bottom:17px}
.hero-world--kante .hero-world-title{grid-column:1;grid-row:2;align-self:center;min-height:0;padding:0;font-size:clamp(66px,9vw,142px);letter-spacing:-.095em}
.hero-world--kante .hero-world-preview{grid-column:2;grid-row:2/5;align-self:center;box-shadow:18px 20px 0 #12140f77;transform:translateY(-2px)}
.hero-world--kante .hero-world-preview .website-live-frame{aspect-ratio:1.52}
.hero-world--kante .hero-world-result{grid-column:1;grid-row:3;min-height:0;padding:0 0 24px}
.hero-world--kante .hero-world-result strong{font-size:clamp(20px,2vw,28px);font-weight:530}
.hero-world--kante .hero-world-result small{max-width:34ch;font-size:14px;line-height:1.5}
.hero-world--kante .hero-world-action{grid-column:1;grid-row:4;padding:17px 0 0;font-size:14px}
.hero-world--wald,.hero-world--tisch{grid-column:span 3}
.hero-world--wald .hero-world-preview .website-live-frame,.hero-world--tisch .hero-world-preview .website-live-frame{aspect-ratio:1.9}
.hero-world--wald .hero-world-title,.hero-world--tisch .hero-world-title{font-size:clamp(38px,4vw,65px);min-height:106px}
.hero-worlds-intro{padding-block:20px 18px}
.hero-worlds-intro h2{font-size:clamp(17px,1.7vw,24px);font-weight:570}
.hero-worlds-intro p{font-size:13px;max-width:45ch}
.work-proof{display:grid;grid-template-columns:1.1fr .9fr;gap:25px 65px;align-items:end;margin:35px 0 0;padding:36px clamp(24px,4vw,56px);background:#e5e0d4;border-left:4px solid #b56642}
.work-proof-index,.case-number{display:block;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:#876747}
.work-proof h3{font-size:clamp(36px,4.2vw,68px);line-height:1.03;letter-spacing:-.065em;font-weight:490;margin:23px 0 0}
.work-proof h3 em{font-family:var(--serif);font-size:1.09em;font-weight:400}
.work-proof p{max-width:47ch;font-size:15px;line-height:1.65;margin:0 0 21px;color:#3c3d34}
.work-proof a,.case-hero-side a,.case-function-link,.case-outro-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;width:max-content;max-width:100%;min-height:50px;border-bottom:1px solid currentColor;font-size:14px;font-weight:620}
.work-proof a span,.case-hero-side a span,.case-function-link span,.case-outro-cta span{font-size:23px;line-height:1}
.worlds-archive{margin-top:48px}
.worlds-archive-intro{margin-bottom:12px}
.worlds-archive-details{border-top:1px solid #c9c3b9;border-bottom:1px solid #c9c3b9}
.worlds-archive-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;list-style:none;cursor:pointer;padding:12px 2px;font-size:14px;font-weight:580}
.worlds-archive-details summary::-webkit-details-marker{display:none}
.worlds-archive-details summary span{font-size:27px;font-weight:300;transition:transform .25s}
.worlds-archive-details[open] summary span{transform:rotate(45deg)}
.worlds-archive-details .worlds-archive-grid{padding-top:10px}
.delivery-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:26px 0 8px;border-block:1px solid #c8cdc1}
.delivery-proof>div{padding:20px 25px 22px;border-right:1px solid #c8cdc1}
.delivery-proof>div:first-child{padding-left:0}
.delivery-proof>div:last-child{padding-right:0;border-right:0}
.delivery-proof span{display:block;color:#687466;font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px}
.delivery-proof strong{display:block;font-size:17px;line-height:1.25;font-weight:590;letter-spacing:-.025em}
.delivery-proof p{font-size:12px;line-height:1.55;color:#586156;margin:8px 0 0;max-width:34ch}
.gallery-case-link{display:inline-flex;margin-top:17px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px;line-height:1.45}
.gallery-archive-details summary{font-weight:580}

/* KANTE case study: the editorial system is its own evidence. */
.case-study{color:#282923}
.case-hero{padding-top:clamp(38px,5vw,78px)}
.case-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #b6b1a6;padding-top:12px;color:#69675d;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.case-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:clamp(25px,5vw,90px);padding:48px 0 54px}
.case-hero .eyebrow{color:#8d6547}
.case-hero h1{font-size:clamp(72px,9.5vw,160px);line-height:.86;letter-spacing:-.09em;font-weight:530;margin:20px 0 0}
.case-hero h1 span{color:#b56642}
.case-hero-side p{font-size:clamp(18px,1.7vw,24px);line-height:1.36;letter-spacing:-.027em;margin:0 0 23px;max-width:35ch}
.case-cover{position:relative;margin:0;background:#302d25}
.case-cover img{display:block;width:100%;height:clamp(380px,57vw,720px);object-fit:cover;object-position:center 46%}
.case-cover figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;padding:15px 22px;background:#252820e8;color:#f2ecdf;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.case-disclosure{display:grid;grid-template-columns:.55fr 1fr;gap:25px 65px;border-bottom:1px solid #c3c0b5;padding-block:22px;color:#6c665b}
.case-disclosure span{font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.case-disclosure p{font-size:12px;line-height:1.6;max-width:70ch;margin:0}
.case-intent{display:grid;grid-template-columns:.4fr 1.1fr .9fr;gap:30px;align-items:start;padding-block:clamp(85px,10vw,160px)}
.case-intent h2,.case-decision h2,.case-outro h2{font-size:clamp(48px,5.7vw,88px);font-weight:480;line-height:1.02;letter-spacing:-.065em;margin:0}
.case-intent h2 em,.case-decision h2 em,.case-outro h2 em{font-family:var(--serif);font-size:1.1em;font-weight:400}
.case-intent>p:last-child{font-size:16px;line-height:1.72;color:#4c4d43;margin:5px 0 0;max-width:42ch}
.case-decision{padding-block:clamp(75px,8vw,125px)}
.case-decision-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,7vw,110px);align-items:center}
.case-decision-copy h2{margin:24px 0 30px}
.case-decision-copy>p:not(.case-number){font-size:16px;line-height:1.72;max-width:43ch;color:inherit;opacity:.83}
.case-rule{display:block;border-top:1px solid currentColor;padding-top:13px;margin-top:35px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.case-decision--image{background:#2b2c25;color:#f2ebdb}
.case-decision--image .case-number,.case-decision--function .case-number{color:#d69e78}
.case-detail-image{margin:0}
.case-detail-image img{display:block;width:100%;height:clamp(350px,45vw,620px);object-fit:cover}
.case-detail-image figcaption{border-top:1px solid #ddd1bd6b;padding-top:12px;margin-top:12px;color:#ddd1bd;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.case-decision--grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(35px,7vw,110px);align-items:center}
.case-specimen{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:490px;padding:24px;background:#e1d9c9;border:1px solid #8b816d;color:#272822}
.case-specimen:before{content:'';position:absolute;inset:0 25% 0 25%;border-inline:1px solid #a89e8d75;pointer-events:none}
.case-specimen-top,.case-specimen-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;z-index:1}
.case-specimen-lines{position:absolute;inset:21% 0 21%;border-block:1px solid #a89e8d75;pointer-events:none}
.case-specimen-lines span{position:absolute;top:50%;width:100%;border-top:1px solid #a89e8d75}
.case-specimen-type{display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:1}
.case-specimen-type strong{font-family:var(--sans);font-size:clamp(52px,7vw,115px);letter-spacing:-.095em;line-height:.85}
.case-specimen-type strong span{color:#b56642}
.case-specimen-type small{font-size:12px;line-height:1.35;text-align:right;white-space:nowrap}
.case-decision--function{background:#6b3f31;color:#fff1df}
.case-function-link{margin-top:25px;color:#fff1df}
.case-decision-copy .case-smallprint{font-size:11px!important;opacity:.65!important;margin-top:15px}
.case-flow{border:1px solid #f4dbc781}
.case-flow>div{display:grid;grid-template-columns:45px 1fr 1fr;gap:15px;align-items:baseline;border-bottom:1px solid #f4dbc781;padding:22px clamp(18px,3vw,38px)}
.case-flow>div:last-child{border-bottom:0}
.case-flow span{font-size:11px;color:#ffd1ad}
.case-flow strong{font-size:clamp(19px,2vw,29px);font-weight:520;letter-spacing:-.035em}
.case-flow small{font-size:12px;line-height:1.4;opacity:.75}
.case-flow .case-flow-result{grid-template-columns:45px 1fr;background:#fff0db;color:#6b3f31}
.case-flow .case-flow-result span{color:#6b3f31;font-size:25px}
.case-flow .case-flow-result strong{grid-column:2}
.case-outro{display:grid;grid-template-columns:1fr .7fr;gap:clamp(35px,7vw,110px);align-items:end;padding-block:clamp(90px,11vw,170px)}
.case-outro h2{margin-top:24px}
.case-outro>div:last-child>p{max-width:43ch;font-size:18px;line-height:1.6;margin:0 0 28px}
.case-outro-secondary{display:block;width:max-content;max-width:100%;font-size:13px;margin-top:22px;border-bottom:1px solid currentColor;padding-bottom:6px}
@media(max-width:900px){.hero-world--kante{min-height:420px}.hero-world--kante .hero-world-title{font-size:clamp(60px,8vw,95px)}.case-specimen{min-height:390px}.case-specimen-type{display:block}.case-specimen-type small{display:block;text-align:left;margin-top:25px}}
@media(max-width:760px){
  .hero-worlds{display:block}.hero-world{display:flex;grid-column:auto}
  .hero-world--kante{display:flex;min-height:0;padding:18px;gap:0}
  .hero-world--kante .hero-world-top{padding-bottom:12px}
  .hero-world--kante .hero-world-title{font-size:clamp(66px,18vw,102px);padding:24px 0 15px}
  .hero-world--kante .hero-world-preview{align-self:stretch;box-shadow:8px 10px 0 #12140f77;transform:none;margin-right:8px}
  .hero-world--kante .hero-world-preview .website-live-frame{aspect-ratio:1.48}
  .hero-world--kante .hero-world-result{padding:22px 0 16px}
  .hero-world--kante .hero-world-action{margin-top:0}
  .hero-world--wald .hero-world-preview .website-live-frame,.hero-world--tisch .hero-world-preview .website-live-frame{aspect-ratio:1.62}
  .hero-world--wald .hero-world-title,.hero-world--tisch .hero-world-title{min-height:60px;font-size:clamp(38px,9vw,55px)}
  .work-proof{grid-template-columns:1fr;gap:18px;padding:26px 22px;margin-top:25px}.work-proof h3{font-size:clamp(41px,9vw,59px);margin-top:14px}.work-proof p{font-size:14px}.worlds-archive{margin-top:34px}
  .delivery-proof{grid-template-columns:1fr}.delivery-proof>div,.delivery-proof>div:first-child,.delivery-proof>div:last-child{border-right:0;border-bottom:1px solid #c8cdc1;padding:17px 0}.delivery-proof>div:last-child{border-bottom:0}.delivery-proof span{margin-bottom:7px}.delivery-proof p{margin-top:4px}
  .case-hero-grid,.case-intent,.case-decision-grid,.case-decision--grid,.case-outro,.case-disclosure{grid-template-columns:1fr}
  .case-hero-grid{padding:35px 0}.case-hero h1{font-size:clamp(52px,12vw,112px);overflow-wrap:anywhere}.case-hero-side p{font-size:18px}.case-cover img{height:430px}.case-cover figcaption{font-size:9px}
  .case-disclosure{gap:7px}.case-intent{gap:22px;padding-block:75px}.case-intent h2,.case-decision h2,.case-outro h2{font-size:clamp(48px,10vw,68px)}.case-intent>p:last-child{margin:0}
  .case-decision{padding-block:70px}.case-decision-grid,.case-decision--grid{gap:35px}.case-decision-copy h2{margin:17px 0 20px}.case-detail-image img{height:410px}.case-specimen{min-height:400px}.case-flow>div{grid-template-columns:36px 1fr;gap:6px 10px}.case-flow small{grid-column:2}.case-outro{gap:35px;padding-block:85px}
}
@media(max-width:430px){.case-hero h1{font-size:clamp(49px,12.6vw,54px)}.case-meta span:last-child{text-align:right}.case-cover img{height:340px}.case-cover figcaption span:last-child{display:none}.case-specimen{min-height:310px}.case-specimen-type strong{font-size:59px}.case-specimen-bottom{font-size:8px}.case-flow>div{padding:18px}}
@media(prefers-reduced-motion:reduce){.worlds-archive-details summary span{transition:none}}