/* Real campaign frames take the place of the decorative brand exhibits. */
.brand-tabs{row-gap:0}
.brand-tabs button{min-height:54px;border-top:1px solid #d8ded0}
#collaborations.is-pinned .brand-tabs{gap:0 20px}
#collaborations.is-pinned .brand-tabs button{min-height:38px;font-size:12px}
.collection-canvas{background:#e6e9df;container-type:size}
.collection-canvas::after{display:none}
.collection-collage{position:absolute;inset:0;width:100%;height:100%;text-align:left}
.collection-prints{position:absolute;inset:13% 7% 17%;display:block;transition:transform .4s var(--ease)}
.collection-prints img{position:absolute;display:block;width:48%;height:93%;object-fit:cover;object-position:center;border:6px solid #fff;box-shadow:0 18px 35px -18px #1e2d2266;left:calc(2% + var(--print-index)*24%);top:calc(2% + var(--print-index)*2%);rotate:calc(-8deg + var(--print-index)*7deg);transition:rotate .4s var(--ease),translate .4s var(--ease)}
.collection-prints img:nth-child(2){z-index:2;rotate:2deg;top:0}
.collection-prints img:nth-child(3){z-index:1}
.is-landscape .collection-prints img{width:78%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101712;left:calc(2% + var(--print-index)*14%);top:calc(2% + var(--print-index)*35%)}
.collection-play{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:4;display:grid;place-items:center;width:58px;height:58px;padding-left:3px;border-radius:50%;background:#fafaf7ee;color:#24351f;border:1px solid #fff;box-shadow:0 5px 30px #17201933;font-size:16px;transition:scale .3s}
.collection-prompt{position:absolute;left:22px;right:22px;bottom:20px;font-size:9px;letter-spacing:.14em;display:flex;justify-content:space-between;align-items:center;color:#35482f}
.collection-prompt i{font-size:21px;font-style:normal}
.collection-collage:hover .collection-prints{transform:scale(1.04)}
.collection-collage:hover .collection-prints img:first-child{rotate:-12deg;translate:-6px 0}
.collection-collage:hover .collection-prints img:nth-child(3){rotate:10deg;translate:5px 0}
.collection-collage:hover .collection-play{scale:1.1}
.collection-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13px 0;border-bottom:1px solid #79916d;color:#2c4528;font-size:13px;font-weight:500;min-height:44px;text-align:left;margin-top:10px}
.collection-link span{font-size:24px;font-weight:300;transition:translate .25s}
.collection-link:hover span{translate:3px -3px}
.brand-room-footer>.archive-link,.archive-link{width:auto;height:auto;min-height:36px;display:inline-flex;gap:15px;align-items:center;padding:5px 0;border:0;border-radius:0;font-size:8px;letter-spacing:.1em;color:#4c6543;text-align:left}
.brand-room-footer>.archive-link:hover{color:#1f371a;background:none;rotate:none;text-decoration:underline;text-underline-offset:5px}
.show-canvas{background:#e0e3d5}
.show-collection{display:flex;gap:12px;align-items:center;padding:60px 7% 35px;width:100%;height:100%}
.show-print{display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:50%;height:85%;padding:20px;background:#263c31;color:#f5f4e9;rotate:-5deg;box-shadow:0 15px 30px -20px #263c3188;transition:rotate .3s}
.show-print:nth-child(2){background:#e5af78;color:#382e26;rotate:5deg}
.show-print:hover{rotate:0deg}
.show-print strong{font-size:clamp(18px,2.4vw,34px);line-height:1.2;letter-spacing:-.04em;font-weight:500}
.show-print>span{font-size:7px;letter-spacing:.1em;line-height:1.6}
#collaborations.is-pinned .collection-link{padding:7px 0;margin-top:3px;min-height:36px;font-size:12px}
#collaborations.is-pinned .brand-story h3{font-size:clamp(28px,3.8vw,52px)}
#collaborations.is-pinned .brand-story-number{margin-bottom:8px}
#collaborations.is-pinned .brand-story .project-roles{margin:9px 0}
#collaborations.is-pinned .brand-contribution{margin-top:12px;padding-top:10px}
#collaborations.is-pinned .brand-room-footer>.archive-link{width:auto;height:auto;max-width:none;min-height:32px;font-size:8px;border:0;border-radius:0}

/* One on-demand player. Browsing an archive never advances the page behind it. */
.work-viewer{--text:#242922;--line:#d9ded3;background:#fafaf7;color:var(--text);height:100dvh;max-height:100dvh;overflow:hidden;animation:none}
.work-viewer[open]{display:flex;flex-direction:column;animation:viewer-enter .25s ease-out both}
.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 3%;border-bottom:1px solid var(--line);flex-shrink:0}
.viewer-eyebrow{display:block;font-size:8px;letter-spacing:.18em;color:#74806a;margin-bottom:7px}
.viewer-header h2{font-size:clamp(23px,3vw,38px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:0}
.viewer-actions{display:flex;align-items:center;gap:30px}
.viewer-collection-label{display:flex;flex-direction:column;gap:6px;font-size:8px;letter-spacing:.1em;color:#738169}
.viewer-collection-label select{font:inherit;font-size:12px;font-weight:400;color:#35462f;background:transparent;border:0;border-bottom:1px solid #cbd3c4;border-radius:0;padding:3px 25px 6px 0;max-width:210px}
.viewer-close{display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:.12em;min-height:44px}
.viewer-close span{font-size:29px;font-weight:300}
.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,30%);flex:1;min-height:0}
.viewer-feature{display:flex;flex-direction:column;min-height:0;min-width:0;padding:24px 4% 18px}
.viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;background:#101712}
.viewer-poster{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;color:white}
.viewer-poster>img{display:block;width:100%;height:100%;object-fit:contain}
.viewer-play-icon{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:70px;height:70px;padding-left:4px;border-radius:50%;background:#fafaf7ef;color:#253b26;font-size:21px;box-shadow:0 10px 40px #0002;transition:scale .25s}
.viewer-poster:hover .viewer-play-icon{scale:1.1}
.viewer-play-label{position:absolute;bottom:24px;left:50%;translate:-50% 0;padding:9px 14px;background:#111b15c9;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.18em;white-space:nowrap}
.viewer-stage>iframe{display:block;border:0;position:relative;z-index:1;background:#fff;height:100%;align-self:flex-start}
.viewer-stage>.instagram-player{width:100%;max-width:440px}
.viewer-stage>.youtube-player{width:100%;height:100%;background:#101712}
.viewer-stage>video{display:block;width:100%;height:100%;object-fit:contain}
.viewer-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:80px;padding-top:14px;flex-shrink:0}
.viewer-now{font-size:14px;line-height:1.5;font-weight:500;margin:0 0 6px}
.viewer-original{font-size:10px;color:#617554;text-decoration:underline;text-underline-offset:4px;display:inline-block;min-height:25px}
.viewer-navigation{display:flex;align-items:center;gap:12px;flex-shrink:0}
.viewer-navigation button{width:38px;height:38px;border-radius:50%;border:1px solid #c9d3c1;font-size:23px;transition:background .2s}
.viewer-navigation button:hover:not(:disabled){background:#e7ece0}
.viewer-navigation button:disabled{opacity:.25;cursor:default}
.viewer-count{font-size:9px;letter-spacing:.06em;white-space:nowrap;color:#607253}
.viewer-playlist{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0;padding:24px 20px 0}
.viewer-playlist-heading{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.12em;color:#738368;padding-bottom:18px;flex-shrink:0}
.viewer-items{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a0af95 transparent;min-height:0;position:relative;padding:2px 6px 24px}
.viewer-item{position:relative;width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:13px 7px;border-top:1px solid #e0e5d9;transition:background .2s}
.viewer-item[aria-pressed=true]{background:#e7ecdf}
.viewer-item:hover{background:#eef1e8}
.viewer-thumb{flex:0 0 62px;height:82px;background:#dce2d4;display:grid;place-items:center;overflow:hidden;color:#66775b}
.viewer-thumb img{width:100%;height:100%;object-fit:cover}
.viewer-item-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}
.viewer-item-copy>span{font-size:12px;line-height:1.45;font-weight:400}
.viewer-item-copy small{font-size:7px;letter-spacing:.08em;color:#748668}
.viewer-item-play{font-size:20px;color:#637b55}
.viewer-profile{display:flex;flex-direction:column;justify-content:space-between;gap:40px;width:100%;height:100%;padding:8%;background:#273e32;color:#f2f1e4}
.viewer-profile>span{font-size:10px;letter-spacing:.1em;line-height:1.8}
.viewer-profile strong{font-size:clamp(38px,6vw,86px);letter-spacing:-.045em;line-height:1.1;font-weight:500}
.work-viewer button:focus-visible,.work-viewer a:focus-visible,.work-viewer select:focus-visible{outline:2px solid #8ca078;outline-offset:3px}
.work-viewer .viewer-poster:focus-visible{outline-offset:-4px}
@keyframes viewer-enter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(max-width:799px){
 .brand-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .brand-tabs button{min-height:48px;flex-wrap:nowrap;font-size:12px;gap:12px}
 .brand-tabs button span{width:auto}
 .collection-canvas{aspect-ratio:1.06}
 .show-print strong{font-size:25px}
 .show-print{padding:16px}
 .brand-room-footer>.archive-link{max-width:145px;line-height:1.6}
 .viewer-header{padding:15px 5%;gap:12px;align-items:flex-start}
 .viewer-header h2{font-size:25px}
 .viewer-eyebrow{font-size:7px;letter-spacing:.12em}
 .viewer-actions{gap:13px;align-items:center}
 .viewer-collection-label{font-size:0;gap:0}
 .viewer-collection-label select{font-size:10px;max-width:130px;padding:8px 15px 8px 0}
 .viewer-close{font-size:0;gap:0;min-width:30px}
 .viewer-close span{font-size:29px}
 .viewer-layout{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
 .viewer-feature{flex-shrink:0;display:block;padding:15px 5%}
 .viewer-stage{height:clamp(350px,60dvh,600px)}
 .viewer-stage[data-provider=youtube]{height:auto;aspect-ratio:16/10}
 .viewer-stage[data-provider=profile]{height:360px}
 .viewer-caption{gap:12px;min-height:82px}
 .viewer-now{font-size:12px}
 .viewer-navigation{gap:7px}
 .viewer-navigation button{width:32px;height:32px;font-size:20px}
 .viewer-count{font-size:8px}
 .viewer-playlist{border-left:0;border-top:1px solid var(--line);padding:20px 5% 0;flex-shrink:0}
 .viewer-items{overflow:visible}
 .viewer-item{padding:12px 8px}
 .viewer-item-copy>span{font-size:13px}
 .viewer-item-copy small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .work-viewer[open]{animation:none}
 .collection-prints,.collection-prints img,.collection-play,.show-print,.viewer-play-icon{transition:none}
}