/* Work archive and case narratives use natural scrolling, outside the main scenes. */
.work-archive-link{display:inline-flex;align-items:center;gap:10px;margin-left:18px;font-size:10px;letter-spacing:.08em;white-space:nowrap;padding:12px 0;color:#ccc}
.archive-label-short{display:none}.work-archive-link:hover{color:#fff}.work-archive-link .ui-arrow{width:17px;height:17px}
.detail{max-width:1600px;margin:auto;padding:50px var(--page-gutter,5.3vw) 100px;min-height:100svh}
.detail-top{min-height:44px;gap:24px}.detail-back{border:0;padding:12px 0;display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:11px;letter-spacing:.08em}.detail-back:hover{color:#fff}.detail-back .ui-arrow{width:20px;height:20px}
.detail-home-name{font:22px HeroItaliana,Georgia,serif;letter-spacing:-.04em}.detail h1{font-family:ThinkingNarrow,Impact,'Arial Narrow',sans-serif;font-size:clamp(72px,12vw,180px);font-weight:700;line-height:.92;letter-spacing:-.025em;margin:76px 0 28px;max-width:1100px;overflow-wrap:anywhere}
.archive-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px}.archive-intro p{font:clamp(20px,2.3vw,30px)/1.4 Georgia,serif;color:#c4c4c4;max-width:730px;margin:0}.archive-intro a{font-size:12px;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;min-height:44px}
.archive-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:52px}.archive-filters button{padding:12px 19px;border:1px solid #414141;border-radius:30px;background:transparent;color:#b7b7b7;font-size:12px;min-height:44px;transition:background .2s,color .2s}.archive-filters button[aria-pressed=true]{background:#ededeb;color:#111;border-color:#ededeb}.archive-filters button:hover{border-color:#bbb}
.archive-group{margin:0 0 85px}.archive-group>h2{font:400 30px/1.2 Georgia,serif;margin:0 0 28px;letter-spacing:-.03em}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.archive-card{display:block;min-width:0}.archive-card-visual{position:relative;background:#1b1b1b;overflow:hidden;aspect-ratio:1.6}.archive-card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.archive-card:hover img{transform:scale(1.035)}
.archive-card-visual>.case-arrow{position:absolute;right:20px;bottom:20px;width:44px;height:44px;display:grid;place-items:center;background:#eee;color:#111;border-radius:50%;transition:transform .25s}.case-arrow .ui-arrow{width:20px;height:20px}.archive-card:hover .case-arrow{transform:rotate(45deg)}
.archive-card-visual img[src$="setevie-hero-v74.jpg"]{object-fit:contain;background:#303030}
.detail-screen #detailImage[src$="setevie-hero-v74.jpg"]{height:auto;aspect-ratio:auto;object-fit:contain;background:#303030}
.archive-card-copy{padding:22px 0 0;display:grid;grid-template-columns:1fr auto;gap:12px 20px}.archive-card-copy h3{font:700 clamp(28px,3.2vw,48px)/1 ThinkingNarrow,Impact,sans-serif;margin:0;letter-spacing:-.01em}.archive-card-copy .archive-card-sector{font-size:10px;line-height:1.4;color:#aaa;align-self:center;text-align:right;max-width:150px;text-transform:uppercase;letter-spacing:.06em}.archive-card-copy p{grid-column:1/-1;font-size:14px;line-height:1.6;color:#b8b8b8;margin:0;max-width:560px}.archive-card-role{grid-column:1/-1;font-size:11px;color:#909090;line-height:1.5}
.archive-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);align-items:center;gap:48px}.archive-card:first-child .archive-card-copy{display:flex;flex-direction:column;align-items:start;padding:0}.archive-card:first-child .archive-card-copy h3{font-size:clamp(42px,6vw,84px)}.archive-card:first-child .archive-card-sector{text-align:left;max-width:none;order:-1;margin-bottom:10px}.archive-card:first-child .archive-card-copy p{font:21px/1.5 Georgia,serif;margin:8px 0 14px}
.experience-rows{display:grid;gap:12px}.experience-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 44px;align-items:center;gap:35px;padding:30px 32px;background:#171818;transition:background .2s}.experience-row:hover{background:#232424}.experience-row h3{font:700 clamp(27px,3vw,44px)/1.05 ThinkingNarrow,Impact,sans-serif;margin:0 0 10px}.experience-row-role{font-size:12px;line-height:1.5;color:#aaa}.experience-row p{margin:0;color:#b5b5b5;font-size:14px;line-height:1.65}.experience-row .ui-arrow{width:24px;height:24px;justify-self:end}
.archive-end{padding:42px 0 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.archive-end p{font:clamp(25px,4vw,48px)/1.1 Georgia,serif;margin:0;max-width:600px}.experience-contact{display:inline-flex;gap:25px;align-items:center;border:1px solid #666;padding:18px 24px;min-height:52px;font-size:12px;white-space:nowrap}
.case-breadcrumb{color:#aaa;font-size:11px;display:inline-flex;align-items:center;gap:10px;min-height:44px}.case-breadcrumb:hover{color:#fff}.case-breadcrumb .ui-arrow{width:17px;height:17px}
.case-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);gap:50px;align-items:end;margin:60px 0 46px}.case-header h1{margin:0;font-size:clamp(68px,10vw,150px)}.case-header>p{font:clamp(22px,2.7vw,36px)/1.3 Georgia,serif;color:#bdbdbd;margin:0 0 4px}.detail-meta{display:flex;flex-wrap:wrap;gap:12px 35px;margin:0 0 36px;letter-spacing:0;font-size:12px;text-transform:none;color:#aaa}.detail-meta span{display:block;line-height:1.6}.detail-screen{border:0;max-width:none;background:#191919;overflow:hidden}.detail-screen img{width:100%;max-height:680px;object-fit:cover;aspect-ratio:1.8}.detail-screen[hidden]{display:none}
.case-opening{max-width:950px;margin:64px 0 60px}.case-opening p{font:clamp(23px,2.7vw,36px)/1.45 Georgia,serif;color:#ddd;margin:0}.case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 70px;margin:0}.case-facts section{padding:0!important;border:0!important}.case-facts h2{font:700 clamp(32px,4vw,54px)/1 ThinkingNarrow,Impact,sans-serif;letter-spacing:-.01em;margin:0 0 22px}.case-facts p,.case-facts li{font:15px/1.8 var(--sans);color:#b9b9b9;max-width:620px;margin:0}.case-facts ul{margin:0;padding-left:18px;display:grid;gap:10px}.case-facts li::marker{color:#666}.case-collaboration{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:62px 0 0;background:#191a1a;padding:32px}.case-collaboration h2{font:400 25px/1.2 Georgia,serif;margin:0}.case-collaboration p{font-size:14px;color:#bbb;line-height:1.8;margin:0}
.detail-link{display:inline-flex;gap:15px;align-items:center;margin-top:36px;font-size:10px;min-height:48px}.detail-link[hidden]{display:none}.case-bottom{margin-top:85px;display:flex;align-items:center;justify-content:space-between;gap:25px}.case-next{display:inline-flex;align-items:center;gap:20px;font:700 clamp(28px,4vw,48px)/1 ThinkingNarrow,Impact,sans-serif}.case-next .ui-arrow{width:30px;height:30px}.case-next span small{font:11px/1.5 var(--sans);display:block;color:#999;letter-spacing:0;margin-bottom:10px}
.detail [hidden]{display:none!important}.detail h1:focus{outline:none}.archive-card:focus-visible .archive-card-visual{outline:2px solid #fff;outline-offset:6px}
@media(max-width:720px){
 .work-archive-link{margin-left:auto;position:static;font-size:9px;gap:7px}.archive-label-wide{display:none}.archive-label-short{display:inline}
 .mobile-actual .site.ref-mode .story-caption{grid-template-columns:1fr;gap:12px}
 .mobile-actual .site.ref-mode .story-caption-title{grid-column:1;grid-row:1}
 .mobile-actual .site.ref-mode .story-caption-brief{grid-column:1;grid-row:2}
 .mobile-actual .site.ref-mode .story-case{grid-column:1;grid-row:3;width:auto;justify-self:start;padding:11px 18px}
 .detail{padding:22px 22px 65px}.detail-top{gap:16px}.detail-home-name{font-size:19px}.detail-back{font-size:10px}.detail h1{font-size:clamp(62px,16vw,112px);margin-top:52px;margin-bottom:25px}
 .archive-intro{display:block;margin-bottom:32px}.archive-intro p{font-size:21px}.archive-intro a{margin-top:18px}.archive-filters{gap:7px;margin-bottom:37px}.archive-filters button{padding:11px 14px;font-size:11px}
 .archive-grid{grid-template-columns:1fr;gap:38px}.archive-card:first-child{display:block;grid-column:auto}.archive-card:first-child .archive-card-copy{display:grid;padding-top:20px}.archive-card:first-child .archive-card-copy h3{font-size:38px}.archive-card:first-child .archive-card-sector{order:0;text-align:right;max-width:125px;margin:0}.archive-card:first-child .archive-card-copy p{font:14px/1.6 var(--sans);margin:0}.archive-card-copy{padding-top:20px;gap:10px}.archive-card-copy h3{font-size:36px}.archive-card-sector{font-size:9px!important;max-width:125px!important}.archive-card-role{font-size:11px}.archive-card-visual>.case-arrow{right:14px;bottom:14px;width:38px;height:38px}.archive-group{margin-bottom:55px}.archive-group>h2{font-size:25px}
 .experience-row{grid-template-columns:1fr 28px;gap:13px;padding:24px}.experience-row>div{grid-column:1}.experience-row p{grid-column:1;font-size:13px}.experience-row>.ui-arrow{grid-column:2;grid-row:1/3;width:20px}.experience-row h3{font-size:32px}.experience-row-role{font-size:11px}
 .archive-end{display:block;padding-top:15px}.archive-end p{font-size:31px}.experience-contact{margin-top:25px;padding:16px 20px}
 .case-header{grid-template-columns:1fr;gap:24px;margin:45px 0 28px}.case-header h1{margin:0;font-size:clamp(60px,16vw,108px)}.case-header>p{font-size:25px;max-width:380px}.detail-meta{gap:8px 22px;margin-bottom:27px;font-size:11px}.detail-screen img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.case-opening{margin:38px 0}.case-opening p{font-size:24px}.case-facts{grid-template-columns:1fr;gap:35px}.case-facts h2{font-size:38px;margin-bottom:16px}.case-facts p,.case-facts li{font-size:14px;line-height:1.75}.case-collaboration{grid-template-columns:1fr;gap:16px;margin-top:38px;padding:25px}.case-collaboration h2{font-size:24px}.case-collaboration p{font-size:13px}.case-bottom{margin-top:50px;align-items:start;flex-direction:column;gap:35px}.case-next{font-size:35px}
}
@media(prefers-reduced-motion:reduce){.archive-card-visual img,.case-arrow{transition:none!important}}

/* Company recognition stays attached to its named recipient and source. */
.case-facts .case-recognition{grid-column:1/-1;margin-top:20px}.case-recognition-intro{margin-bottom:28px!important;max-width:850px!important}.case-awards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-award{background:#191a1a;padding:28px;min-width:0}.case-award-meta{display:block;font:11px/1.5 var(--sans);color:#b5b7b0;margin-bottom:18px;letter-spacing:.04em}.case-award h3{font:400 clamp(24px,2.6vw,34px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 16px;overflow-wrap:anywhere}.case-facts .case-award-recipient{color:#eeeee9;margin-bottom:10px;font-size:13px}.case-award-source{display:inline-flex;min-height:44px;align-items:center;margin-top:14px;text-decoration:underline;text-underline-offset:4px;font:12px/1.5 var(--sans);color:#d0d2cc}.case-award-source:hover{color:#fff}@media(max-width:720px){.case-awards{grid-template-columns:1fr;gap:14px}.case-award{padding:24px}.case-award h3{font-size:26px}.case-facts .case-recognition{margin-top:5px}}

/* Keep the current case header when the imported BARNES film is active. */
.detail[data-case="barnes"] .case-header h1{margin:0}