/* V31: a single photographic exhibit; glass supports information, never frames it twice. */
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck{padding:18px 0 8px;perspective:1800px}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck:after{display:none}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active){display:block;width:76%;max-width:460px;min-height:0;top:0;margin:0;padding:0;border:0;border-radius:12px;background:#1d1d20e8;box-shadow:12px 26px 42px #0006,inset 0 0 0 1px #ffffff24;backdrop-filter:blur(24px) saturate(0);-webkit-backdrop-filter:blur(24px) saturate(0);color:#f5f3ef;text-shadow:none;overflow:hidden;isolation:isolate;transform-origin:50% 60%}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:before,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:after{display:none}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-active{transform:translateX(0) rotateY(-3deg);opacity:1;z-index:3}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-before{transform:translateX(-34%) translateY(2%) rotateY(14deg) scale(.76);opacity:.48;z-index:1}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-after{transform:translateX(35%) translateY(-2%) rotateY(-14deg) scale(.79);opacity:.55;z-index:2}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active):is(:hover,:focus-within){opacity:.85}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-preview{position:relative;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-preview:before,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-preview:after,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-caption:before{display:none}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .media-slot{position:relative;width:100%;aspect-ratio:16/10;max-height:32vh;border:0;border-radius:0;background:#111115;box-shadow:none;grid-area:auto!important}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-poster{height:100%;width:100%;aspect-ratio:auto;border:0;border-radius:0;background:#111115;box-shadow:none}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-poster img{object-position:center}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-poster:after{content:'';position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#1d1d2070);pointer-events:none}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-poster:is(a) .play-disc{display:none}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .play-disc{width:42px;height:42px;background:#17171b7a;border:1px solid #ffffff85;box-shadow:0 8px 22px #0004}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-caption,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active) .work-caption{width:100%;min-height:0;margin:0;padding:23px 25px 19px;border:0;border-radius:0;background:linear-gradient(120deg,#66666a22,transparent 60%);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;position:relative}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-meta,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active) .feature-meta{display:block!important;grid-area:auto!important;padding:0;margin:0!important;min-height:0;background:none;color:inherit}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-meta h2,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active) .feature-meta h2{font-family:'Folio Serif','Folio CN',serif;font-size:clamp(21px,1.9vw,28px);font-weight:400;line-height:1.3;letter-spacing:.03em;text-align:left;color:#f5f3ef}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-summary{font-size:12px;line-height:1.8;margin:11px 0 0;color:#e0dedb;max-width:30em;text-wrap:pretty}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-facts{font-size:11px;line-height:1.65;letter-spacing:.035em;margin:8px 0 0;color:#bdbbb8}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-facts span{padding:0 7px;color:#94918e}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links{display:flex;align-items:center;justify-content:space-between!important;gap:8px 14px!important;margin:16px 0 0!important;padding-top:10px;border-top:1px solid #ffffff20}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links a{min-height:32px;display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#f4f2ef}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links a.video-source{color:#c4c2bf;font-size:11px}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links a:is(:hover,:focus-visible){color:#fff;text-decoration:underline;text-underline-offset:5px}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-credit{font-size:9px;line-height:1.65;margin:9px 0 0;padding:0;background:none;color:#c7c5c2}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .episode-picker{display:block;margin:9px 0 0;padding:0;background:none;color:#d5d3d0;font-size:10px}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .episode-select{min-height:32px;margin-top:4px;border:1px solid #ffffff36;border-radius:4px;background:#252528;color:#eee;font-size:10px;color-scheme:dark}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .media-controls{margin:8px 0 0;padding:0;background:none;color:#eee}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active) :is(.project-summary,.project-facts,.work-links,.work-credit,.episode-picker){display:none!important}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active) .feature-meta h2{font-size:16px}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-select:focus-visible{outline:2px solid #fff;outline-offset:-3px}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck.deck-playing .deck-active{max-width:600px}
body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck.deck-playing .work-credit{display:none}
#season #work-selector.deck-navigation{gap:20px;padding-top:15px}
#season .deck-position>span:last-child{display:none}
#season .deck-position{min-width:62px}
#season .deck-arrow{width:36px;height:36px;background:none;border-color:#ffffff55;backdrop-filter:none}
@media(max-width:800px) and (min-height:560px){
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck{padding:10px 0 4px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active){width:82%;max-width:380px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .media-slot{aspect-ratio:16/9;max-height:22vh}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-caption,body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-card:not(.deck-active) .work-caption{padding:16px 19px 12px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-meta h2{font-size:22px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-summary{font-size:12px;line-height:1.7;margin-top:7px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-facts{font-size:11px;margin-top:5px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links{margin-top:11px!important;padding-top:5px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links a{min-height:30px;font-size:12px}
 #season #work-selector.deck-navigation{padding-top:10px;gap:20px}
}
@media(max-height:730px) and (max-width:800px) and (min-height:560px){
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .media-slot{max-height:17vh}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-caption{padding:12px 16px 8px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-meta h2{font-size:19px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-summary{font-size:12px;line-height:1.6;margin-top:5px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-facts{font-size:11px;margin-top:4px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links{margin-top:7px!important;padding-top:3px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .episode-picker{margin-top:5px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .episode-select{min-height:28px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-credit{font-size:8px;margin-top:5px}
}
@media(max-height:630px) and (max-width:800px) and (min-height:560px){
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .media-slot{max-height:13vh}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-facts{display:none}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-caption{padding:10px 14px 7px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-meta h2{font-size:17px}
}
@media(max-height:559px){
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-active{display:grid;grid-template-columns:1.15fr 1fr;width:96%;max-width:580px;gap:0}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-active .media-slot{height:100%;max-height:none;aspect-ratio:auto;min-height:150px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-active .work-preview{display:flex}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-active .work-caption{padding:15px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .feature-meta h2{font-size:18px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-summary{font-size:12px;line-height:1.65;margin-top:6px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-facts{font-size:11px;margin-top:4px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links{margin-top:8px!important;padding-top:4px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-links a{min-height:28px;font-size:12px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .work-credit{font-size:8px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .episode-select{min-height:27px}
}

#season .play-disc{background:#25262b8c;border-color:#f6f6f6ad;backdrop-filter:blur(8px) saturate(0);box-shadow:0 6px 18px #0003}
#season .season-notes-content{background:#242529f5;color:#e9e9ec;border-color:#ffffff39;box-shadow:8px 16px 35px #0005}
#season .single-work{background:#20212420;border-color:#e9e9ef66}
#season .single-work .media-slot,#season .single-work .feature-poster{background:#18191c}
.status-message{background:#252529ed;color:#f0f0f2;border-color:#ffffff2b}
/* The shared header keeps the home navigation's exact appearance on other routes. */
body:not([data-view=home]) .navigation{position:relative;gap:0;isolation:isolate;color:#faf8f2}
body:not([data-view=home]) .navigation:before{content:'';position:absolute;inset:-12px -14px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at right,#171717c9,transparent 72%)}
body:not([data-view=home]) .menu-button{position:relative;width:46px;color:#faf8f2}
body:not([data-view=home]) .menu-button:before{content:none}
body:not([data-view=home]) .menu-button span{height:1.5px;width:23px;background:currentColor;box-shadow:0 1px 3px #000}
body:not([data-view=home]) #main-navigation{position:absolute;right:calc(100% + 10px);top:0;height:46px;display:flex;align-items:center;flex-direction:row;gap:20px;padding:0 18px;min-width:0;white-space:nowrap;border:0;border-radius:0;background:linear-gradient(90deg,#19191900,#191919e6 14%,#191919e6 86%,#19191900);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:nav-slide-left .32s cubic-bezier(.16,1,.3,1) both;transform-origin:right center}
body:not([data-view=home]) #main-navigation:after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#faf8f24d,transparent)}
body:not([data-view=home]) #main-navigation a{display:flex;align-items:center;min-height:44px;font-size:13px;letter-spacing:.08em;text-shadow:0 1px 2px #000;position:relative;color:inherit}
body:not([data-view=home]) #main-navigation a+a{border:0}
body:not([data-view=home]) #main-navigation a:is(:hover,:focus-visible){color:#bff55c}
@media(max-width:360px){
 body:not([data-view=home]):has(.menu-button[aria-expanded=true]) .brand .bf-brand__words{visibility:hidden}
 body:not([data-view=home]) #main-navigation{right:calc(100% + 4px);gap:18px;padding:0 14px}
}
@media(prefers-reduced-motion:reduce){body:not([data-view=home]) #main-navigation{animation:none!important}}
#season :is(.episode-select,.close-media):focus-visible,.legal-item:focus-visible{outline:1px solid #f3f3f4;outline-offset:4px}
.folio-legal{pointer-events:auto;gap:10px;color:#dddddf}
.folio-legal .legal-item{position:relative;display:inline-flex;align-items:center;min-height:44px;cursor:default;color:inherit}
.folio-legal .legal-short{display:none}
.folio-legal .legal-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;padding:8px 12px;border-radius:6px;background:#222;color:#eee;font:400 12px/1.5 sans-serif;white-space:nowrap;text-shadow:none;pointer-events:none;box-shadow:4px 8px 20px #0004}
.folio-legal .legal-item:is(:hover,:focus-visible) .legal-tip{display:block}
@media(orientation:portrait){
 .folio-legal{gap:8px;font-size:10px}
 .folio-legal .legal-full{display:none}.folio-legal .legal-short{display:inline}
 .folio-legal .legal-item{min-width:16px;justify-content:center}
}

/* Neutral UI surfaces across the work grid and supporting routes; artwork keeps its colors. */
.play-disc{background:#25262b8c;border-color:#eeeef0ad}
.feature-art-label{background:#252529cf;color:#e6e6ea}
.poster-caption{background:linear-gradient(transparent,#1b1c20dc);color:#eeeeef}
.poster-caption small,.selector-art-label{color:#d2d2d7}
.episode-select{background-color:#232428;color:#e9e9ed;border-color:#ffffff36;color-scheme:dark}
.folio-legal .legal-item:focus .legal-tip{display:block}

body[data-view=winter] .folio-legal{color:#303137}

body[data-view=winter] #season .deck-arrow{color:#303137;border-color:#30313770}

@media(max-height:559px){
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck{padding:4px 0}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-active{grid-template-columns:.8fr 1.2fr}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .deck-active .work-caption{padding:12px}
 body:is([data-view=spring],[data-view=winter]) #season #feature-work.focus-deck .project-facts{display:none}
 #season #work-selector.deck-navigation{padding-top:5px}
}