/* Home client archive: native vertical pages, with the existing fashion imagery. */
body.chloe-home #work.case-files{padding-block:40px 72px;display:block;overflow:visible;perspective:1800px}
#work.case-files .case-files-list{display:block;overflow:visible;height:auto}
#work.case-files .case-file{--case-photo-height:min(57svh,540px);--case-image-gap:12px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;min-height:calc(100svh - 112px);padding:40px 0 72px!important;margin:0 0 88px!important;border:0;border-top:1px solid var(--line,#c9c9c9);scroll-margin-top:104px;transform-origin:left center}
#work.case-files .case-file:last-child{margin-bottom:0!important}
#work.case-files .case-heading{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;position:sticky;top:80px;z-index:3;background:var(--paper,#fff);padding:16px 0 20px;margin:0;border-bottom:1px solid #e5e5e5}
#work.case-files .case-heading h3{font-size:clamp(38px,4vw,60px);line-height:1.05;margin:0}
#work.case-files .case-kind{font-size:14px;color:#666;border:0;background:none;padding:0}
#work.case-files .case-description{grid-column:1/-1;margin:0 0 8px;max-width:860px}
#work.case-files .case-description p{font-size:17px;line-height:1.7;color:#555;margin:0}
#work.case-files .case-static-media{display:block;position:relative;overflow:hidden;border:0;padding:0;background:transparent;cursor:default;min-width:0}
#work.case-files .case-static-media img{display:block;max-width:100%}
#work.case-files .case-results,#work.case-files .case-proof,#work.case-files .case-evidence-inline{min-width:0;grid-column:1/-1}
#work.case-files .case-results .result-scroll>div{flex:0 0 calc(var(--case-photo-height)*.75)!important}
#work.case-files .case-results .media-stage{height:var(--case-photo-height)!important;width:100%;aspect-ratio:3/4}
#work.case-files .case-results .media-stage img{display:block;position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
#work.case-files .case-detail-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#work.case-files .case-detail-comparison figure{margin:0;min-width:0}
#work.case-files .case-detail-comparison figcaption{font-size:13px;color:#666;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line,#c9c9c9)}
#work.case-files .case-detail-comparison .case-static-media{height:400px;width:100%}
#work.case-files .case-detail-comparison img{position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
#work.case-files .case-proof .section-heading{margin-bottom:28px}
#work.case-files .case-proof h4{font:400 clamp(28px,3vw,40px)/1.15 "OPTITimes-Roman",serif;margin:0}
#work.case-files #detail .angle-consistency{margin-top:56px;padding-top:40px;border-top:1px solid #ddd}
#work.case-files #detail .angle-consistency h3{font:400 32px/1.15 "OPTITimes-Roman",serif;margin:0 0 24px;text-align:left}
#work.case-files #detail .angle-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
#work.case-files .angle-grid>.case-static-media{width:100%;aspect-ratio:3/4}
#work.case-files .angle-grid>.case-static-media:nth-last-child(-n+2)::after{content:"Brand reference";position:absolute;bottom:0;left:0;right:0;padding:6px;background:rgba(255,255,255,.9);font-size:11px;text-align:center}
#work.case-files .case-file:has(.case-context .reference-strip){grid-template-columns:260px minmax(0,1fr)}
#work.case-files .case-file:has(.case-context .reference-strip)>.case-results{grid-column:2}
#work.case-files .case-context .reference-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));width:100%;height:var(--case-photo-height);gap:12px!important}
#work.case-files .case-context .reference-strip .case-static-media{width:100%;height:100%}
#work.case-files .case-context .reference-strip img{width:100%!important;height:100%!important;object-fit:cover!important}
#work.case-files #one-product{padding:16px 0 0}
#work.case-files #one-product .outfit-examples{display:grid;gap:48px;height:auto;position:static}
#work.case-files #one-product .outfit-example{display:block;position:static;visibility:visible;opacity:1;transform:none}
#work.case-files #one-product .outfit-proof{display:grid;grid-template-columns:1fr 3fr;gap:20px}
#work.case-files #one-product .outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible}
#work.case-files #one-product .outfit-results .outfit-matched-image{width:100%;height:auto;aspect-ratio:1/2}
#work.case-files #one-product .outfit-results img{width:100%;height:100%;object-fit:contain}
#work.case-files .case-file:focus:not(:focus-visible){outline:none}
#work.case-files .case-file:focus-visible{outline:2px solid #222;outline-offset:8px}
@media(max-width:767px){
 body.chloe-home #work.case-files{padding-block:24px 40px}
 #work.case-files .case-file{--case-photo-height:400px;gap:22px;padding:28px 0 48px!important;margin-bottom:48px!important;scroll-margin-top:80px;min-height:calc(100svh - 80px)}
 #work.case-files .case-heading{top:64px;padding:12px 0 16px;gap:10px 14px}
 #work.case-files .case-heading h3{font-size:38px}
 #work.case-files .case-description p{font-size:15px;line-height:1.65}
 #work.case-files .case-results .result-scroll>div{flex-basis:88%!important}
 #work.case-files .case-results .media-stage{height:auto!important;aspect-ratio:3/4}
 #work.case-files .case-detail-comparison{grid-template-columns:minmax(0,1fr);gap:28px}
 #work.case-files .case-detail-comparison .case-static-media{height:340px}
 #work.case-files #detail .angle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #work.case-files #detail .angle-consistency{margin-top:36px;padding-top:28px}
 #work.case-files .case-file:has(.case-context .reference-strip){grid-template-columns:minmax(0,1fr)}
 #work.case-files .case-file:has(.case-context .reference-strip)>.case-results{grid-column:1}
 #work.case-files .case-context .reference-strip{display:flex;height:170px;overflow-x:auto}
 #work.case-files .case-context .reference-strip .case-static-media{flex:0 0 110px;height:170px}
 #work.case-files #one-product .outfit-proof{grid-template-columns:minmax(0,1fr)}
 #work.case-files #one-product .outfit-input .outfit-matched-image{width:100%;height:180px}
 #work.case-files #one-product .outfit-input img{width:100%;height:100%;object-fit:contain}
 #work.case-files #one-product .outfit-grid{gap:6px}
}