/* Case context, contact paths and responsive scene spacing. */
.site.ref-mode .scroll-experience{margin-top:calc(100svh - 66.6657cqw - var(--hero-air) - 152px + var(--story-offset,0px))}
.case-visual-note{font:12px/1.6 var(--sans);color:#b5b6b1;max-width:800px;margin:18px 0 0}
.case-facts .case-results{grid-column:1/-1;padding-bottom:32px;border-bottom:1px solid #444}
.case-result-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px;margin:0}
.case-result{min-width:0}
.case-result dt{font:13px/1.5 var(--sans);color:#c7c9c1}
.case-result dd{margin:12px 0 0}
.case-result-value{font:clamp(36px,4.8vw,64px)/1.1 ThinkingNarrow,Impact,sans-serif;color:#f3f3ec}
.case-result-detail{font:14px/1.6 var(--sans);color:#b5b6b1;max-width:320px;text-wrap:pretty}
.case-facts .case-recognition{grid-column:1/-1;border-block:1px solid #444;padding:0;margin-top:8px}
.case-recognition summary{cursor:pointer;padding:22px 0;font:15px/1.5 var(--sans);color:#d4d5cf;min-height:64px}
.case-recognition[open]{padding-bottom:26px}
.case-recognition-intro{margin-top:4px!important}
.case-conversation{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:64px;padding-top:36px;border-top:1px solid #555}
.case-conversation p{font:clamp(24px,3vw,38px)/1.2 Georgia,serif;margin:0;color:#e7e7e2}
.case-conversation a{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:18px 22px;background:#eeeDE7;color:#131414;font:12px/1.5 var(--sans)}
.contact-intents{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(680px,100%);margin:12px auto 14px;text-align:left}
.contact-intents a{border-top:1px solid #72736d;padding:20px 0 14px;min-height:96px;color:#20211e}
.contact-intents a>span{display:flex;justify-content:space-between;gap:16px;font:24px/1.25 Georgia,serif}
.contact-intents small{display:block;margin-top:12px;font:13px/1.6 var(--sans);color:#53554d;max-width:270px}
.contact-intents i{font-style:normal}
.contact-intents a:hover{border-color:#181916}
.human-editorial-grid{grid-template-columns:1fr}
.human-editorial-background{max-width:760px;margin:18px 0 0;font:15px/1.65 var(--sans);color:#53554d;text-wrap:pretty}
.human-editorial-columns{grid-template-columns:1fr 1.2fr .8fr}
@media(max-width:590px){
 .human-editorial-background{font-size:14px;line-height:1.6}
 .human-editorial-columns{grid-template-columns:1fr 1fr;gap:26px 20px}
 .human-editorial-column:last-child{grid-column:1/-1}
 .human-editorial-column:last-child h3{margin-bottom:12px}
 .human-editorial-column:last-child ul{display:flex;flex-wrap:wrap;gap:8px 20px}
}
/* Keep the compact closing screen and short landscape biography in one view. */
@media(max-width:800px){
 #site-footer{padding-top:12px}
 #site-footer .footer-grid{padding-block:12px}
}
@media(min-width:801px) and (max-height:500px){.human-editorial-grid{padding-block:24px}}
.proof-sheet-note>em{font-style:normal}
.proof-note-marker{font:52px/1 ThinkingNarrow,Impact,sans-serif;display:block;margin-top:32px;color:#343434}
.proof-journey{display:grid;gap:12px;margin-top:24px;font:20px/1.2 ThinkingNarrow,Impact,sans-serif;text-align:left}
.proof-journey .ui-arrow{display:block;margin-bottom:8px;color:#666;font-size:14px}
.proof-sheet .proof-sheet-bottom small{font-size:8px;letter-spacing:.06em}
@media(max-width:720px){
 .mobile-actual .site.ref-mode .scroll-experience{margin-top:calc(76.5svh - 597px - 39cqw + var(--story-offset,0px))!important}
 .contact-intents{grid-template-columns:1fr;gap:2px;max-width:420px}
 .contact-intents a{padding:18px 0;min-height:94px}
 .contact-intents a>span{font-size:23px}
 .contact-intents small{max-width:none;margin-top:8px}
 .case-conversation{display:block;margin-top:40px;padding-top:28px}
 .case-conversation a{margin-top:24px;font-size:11px;width:100%;padding:16px}
 .proof-note-marker{font-size:34px;margin-top:18px}
 .proof-journey{font-size:16px;gap:8px;margin-top:16px}
 .proof-sheet .proof-sheet-bottom small{font-size:6px}
}
/* Compact viewports keep the role and action readable inside the device. */
@media(min-width:721px){#work .story-layer{grid-template-rows:minmax(0,1fr)}#work .story-company-info{min-height:0}}
@media(min-width:721px) and (min-height:651px) and (max-height:800px){
 #work .story-layer{grid-template-columns:40% 60%}
 #work .story-company-info{padding:24px}
 .site.ref-mode #work .story-company-logo{height:52px;max-height:52px}
 #work .story-company-brief{font-size:17px;margin:22px 0 14px}
 #work .story-company-role{font-size:32px;margin-bottom:24px}
}
@media(max-width:720px) and (max-height:700px){
 #work .story-layer{grid-template-rows:56% 44%}
 #work .story-company-info{padding:14px;grid-template-rows:36px auto 44px;gap:6px}
 .mobile-actual .site.ref-mode #work .story-company-logo{height:36px;max-height:36px}
 #work .story-company-brief{font-size:13px}
 #work .story-company-role{font-size:22px}
}
@media(min-width:721px) and (max-height:650px){
 #work .story-layer{grid-template-columns:44% 56%}
 #work .story-company-info{padding:14px}
 .site.ref-mode #work .story-company-logo{height:28px;max-height:28px}
 #work .story-company-brief{font-size:12px;line-height:1.35;margin:12px 0 8px}
 #work .story-company-role{font-size:24px;margin-bottom:12px}
 #work .story-company-case{min-height:44px;padding:10px;font-size:10px}
}
@media(min-width:721px) and (max-width:1050px) and (min-height:651px){
 #work .story-layer{grid-template-columns:42% 58%}
 #work .story-company-info{padding:20px}
 .site.ref-mode #work .story-company-logo{height:40px;max-height:40px}
 #work .story-company-brief{font-size:15px;line-height:1.4;margin:18px 0 10px}
 #work .story-company-role{font-size:28px;margin-bottom:18px}
 #work .story-company-case{min-height:52px;padding:10px;font-size:10px}
}