:root{--accent:#e52319;--rule:#d0d0d0;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}::selection{background:var(--accent);color:#fff}.site-header,.showcase .site-header{padding:22px 40px 18px 64px}.site-header .identity{position:relative}.site-header .identity:before{content:'';position:absolute;width:8px;height:8px;background:var(--accent);left:-24px;top:4px}.site-header .identity strong{font-size:16px;letter-spacing:-.06em}.site-header .identity span{font-size:11px;margin-top:6px}.menu-trigger{font-family:var(--mono);font-size:12px;padding:8px 0;min-height:40px}.menu-trigger span{font-size:18px}.menu-trigger:hover span{transform:rotate(90deg);transition:transform .2s}.direct .stage{margin-top:98px;height:calc(100svh - 202px);min-height:430px}.direct .scene{inset:0 40px 0 64px}.direct .scene-art,.direct .performance .scene-art,.direct .identity-work .scene-art{height:calc(100% - 116px)}.side-caption{position:fixed;left:23px;top:100px;writing-mode:vertical-rl;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:#666}.direct .scene-caption{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(220px,.65fr) 130px;gap:20px;min-height:96px;bottom:0;align-items:center;border-bottom:1px solid var(--rule)}.folio{font-family:var(--mono);font-size:38px;letter-spacing:-.08em;color:var(--accent);align-self:center}.direct .scene-caption h2{font-size:clamp(30px,3.5vw,58px);letter-spacing:-.065em;line-height:1.05}.project-kind,.role-label>span{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.project-kind{color:#666;margin-bottom:7px}.direct .scene-caption .role-label{font-size:12px;line-height:1.5}.explore{font-family:var(--mono);font-size:11px;border:0;padding:12px 0;position:relative}.explore:after{content:'';height:2px;position:absolute;left:0;bottom:5px;width:24px;background:var(--accent);transition:width .2s}.explore:hover:after{width:100%}.direct .transport{height:94px;left:64px;right:40px;border:0;gap:20px}.project-tabs{gap:10px;align-items:center}.project-tab{display:grid;grid-template-columns:58px auto;grid-template-rows:14px 18px;column-gap:10px;row-gap:4px;width:185px;min-height:62px;padding:6px;color:#777;border:1px solid transparent;position:relative}.tab-thumb{grid-row:1/3;width:58px;height:42px;object-fit:cover;filter:grayscale(1);opacity:.65}.tab-index{font-family:var(--mono);font-size:10px}.tab-name{font-size:11px;line-height:1.2;white-space:nowrap}.project-tab[aria-current]{border-color:var(--rule);color:#111}.project-tab[aria-current] .tab-index{color:var(--accent)}.project-tab[aria-current] .tab-thumb,.project-tab:hover .tab-thumb{filter:none;opacity:1}.project-tab i{bottom:-1px;height:2px;background:var(--accent)}.sequence-label{font-family:var(--mono);font-size:9px;letter-spacing:.05em;color:#666}.transport>button{font-family:var(--mono)}.transport #next,.transport #previous{font-family:Arial;font-size:20px;width:28px}.transport #toggle{font-size:10px;width:42px}.project-tab:focus-visible{outline-offset:2px}
#site-menu{inset:12px 12px 12px auto;width:min(780px,calc(100% - 24px));padding:30px 38px 30px 80px;background:#111;color:#f6f6f6;border-left:3px solid var(--accent)}.menu-edition{position:absolute;left:23px;top:35px;writing-mode:vertical-rl;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--accent)}.menu-head{padding-bottom:24px;border-bottom:1px solid #393939}.menu-head>span{font-size:14px;letter-spacing:-.04em;color:#fff}.menu-close{font-family:var(--mono);font-size:10px;color:var(--accent)}.menu-intro{font-size:25px;line-height:1.22;margin:30px 0 35px;letter-spacing:-.04em}.overlay-nav>a,.overlay-nav .menu-info-toggle,.overlay-nav .menu-credits-toggle{font-size:clamp(50px,6vw,84px);font-weight:400;letter-spacing:-.07em;padding:13px 0 16px;border-top-color:#393939;grid-template-columns:34px 1fr 28px}.overlay-nav>a>span,.overlay-nav>button>span{font-family:var(--mono);color:var(--accent);font-size:10px}.overlay-nav>a>small,.overlay-nav>button>small{color:var(--accent);font-weight:400;font-size:20px}.overlay-nav>a:hover,.overlay-nav>button:hover{padding-left:8px;transition:padding .15s}.menu-bottom{border-top:1px solid #393939;margin-top:35px;padding-top:20px;flex-direction:row;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px}.menu-bottom>span{font-size:9px}#menu-bio{padding:12px 0 22px 34px}#menu-bio p{font-size:18px;line-height:1.5;max-width:560px}.credits-intro{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:#999;margin:15px 0 22px}.overlay-nav .credit-list a{padding:14px 0}.overlay-nav .credit-list a span{font-size:22px;letter-spacing:-.04em}.overlay-nav .credit-list a small{font-family:var(--mono);font-size:10px;margin-top:8px}.credit-list li:before{font-family:var(--mono);top:18px}.detail{padding-left:64px;padding-right:40px}.detail-heading{border-top:2px solid var(--accent);padding-top:25px}.detail-heading h1{font-weight:400;letter-spacing:-.065em}.detail-links{border-top:1px solid var(--rule);padding-top:24px;font-family:var(--mono);font-size:12px}.detail-images img:nth-child(even){align-self:flex-end}.detail-links a:hover{color:var(--accent)}
@media(max-width:1000px){.sequence-label{display:none}.project-tab{width:155px;grid-template-columns:45px auto}.tab-thumb{width:45px}.direct .scene-caption{grid-template-columns:42px minmax(0,1fr) minmax(150px,.6fr) 115px;gap:14px}.folio{font-size:30px}.direct .scene-caption h2{font-size:36px}}
@media(max-width:800px){.site-header,.showcase .site-header{padding:19px 20px 16px 32px}.site-header .identity:before{left:-16px;width:5px;height:5px;top:5px}.site-header .identity strong{font-size:15px}.site-header .identity span{font-size:10px;max-width:230px}.menu-trigger{font-size:10px;min-height:32px}.direct .stage{margin-top:105px;height:calc(100svh - 204px);min-height:410px}.direct .scene{inset:0 20px 0 32px}.side-caption{left:10px;top:106px;font-size:8px;letter-spacing:.04em}.direct .scene-art,.direct .performance .scene-art,.direct .identity-work .scene-art{height:calc(100% - 146px)}.direct .scene-caption{grid-template-columns:30px minmax(0,1fr) 105px;gap:8px;min-height:137px;bottom:0;align-content:center;row-gap:16px}.folio{font-size:24px;grid-column:1;grid-row:1}.direct .project-name{grid-column:2/4;grid-row:1}.direct .scene-caption h2{font-size:34px}.project-kind{font-size:9px}.direct .scene-caption .role-label{grid-column:1/3;grid-row:2;font-size:11px}.role-label>span{font-size:9px;margin-bottom:3px}.explore{grid-column:3;grid-row:2;font-size:9px}.direct .transport{left:32px;right:20px;height:90px;gap:9px}.project-tabs{gap:8px;flex:1}.project-tab{display:block;width:43px;min-height:57px;padding:3px}.tab-thumb{width:35px;height:28px}.tab-index{font-size:9px;display:block;margin-top:5px}.tab-name{display:none}.transport #toggle{font-size:9px;width:36px}.transport #next,.transport #previous{width:22px}.transport>button{min-width:24px}#site-menu{padding:22px 22px 22px 40px;width:calc(100% - 16px);inset:8px 8px 8px auto;height:calc(100svh - 16px)}.menu-edition{left:13px;top:30px;font-size:9px}.menu-intro{font-size:22px;margin:26px 0}.overlay-nav>a,.overlay-nav .menu-info-toggle,.overlay-nav .menu-credits-toggle{font-size:55px;grid-template-columns:25px 1fr 24px}.menu-bottom{flex-direction:column;align-items:flex-start;gap:14px}#menu-bio{padding:12px 0 18px}#menu-bio p{font-size:16px;line-height:1.45}.overlay-nav .credit-list a span{font-size:19px}.detail{padding-left:24px;padding-right:24px}.detail-images img:not(:first-child){max-width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* A compact index menu and an expandable work archive. */
.folio{font-size:16px;letter-spacing:-.03em}.direct .scene-caption{grid-template-columns:30px minmax(0,1fr) minmax(220px,.65fr) 130px}.work-index{padding:130px 40px 80px 64px}.work-index-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:22px;margin-bottom:32px;gap:20px}.work-index-heading h1{font-size:52px;letter-spacing:-.06em;font-weight:400;line-height:1;margin:0}.work-index-heading>span{font-family:var(--mono);font-size:11px;color:#666}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 24px}.work-card-image{aspect-ratio:4/3;overflow:hidden;background:#111}.work-card-image img{width:100%;height:100%;object-fit:cover}.work-card-caption{display:grid;grid-template-columns:22px 1fr 14px;gap:8px;padding-top:13px}.work-card-caption>span{font-family:var(--mono);font-size:11px;color:var(--accent)}.work-card h2{margin:0 0 6px;font-size:20px;font-weight:400;letter-spacing:-.04em}.work-card p{font-size:12px;line-height:1.5;margin:0;color:#666}.work-card:hover h2{color:var(--accent)}.work-card:hover img{filter:brightness(.9)}
#site-menu{inset:18px 18px auto auto;width:min(470px,calc(100% - 36px));height:auto;max-height:calc(100svh - 36px);padding:24px 26px 26px 48px}.menu-edition{left:14px;top:29px;font-size:9px}.menu-head{padding-bottom:16px}.menu-head>span{font-size:12px}.menu-intro{font-size:17px;line-height:1.35;margin:24px 0}.overlay-nav>a,.overlay-nav .menu-info-toggle,.overlay-nav .menu-credits-toggle,#site-menu:has(button[aria-expanded=true]) .overlay-nav>a,#site-menu:has(button[aria-expanded=true]) .overlay-nav>button{font-size:27px;letter-spacing:-.04em;padding:12px 0;grid-template-columns:25px 1fr 22px}.overlay-nav>a>small,.overlay-nav>button>small{font-size:16px}.menu-bottom{margin-top:22px;font-size:10px;flex-direction:column;align-items:flex-start;gap:10px}#menu-bio{padding:12px 0 18px 25px}#menu-bio p{font-size:15px;line-height:1.5}.overlay-nav .credit-list a span{font-size:16px}.overlay-nav .credit-list a{padding:11px 0}.overlay-nav .credit-list a small{font-size:10px}.credits-intro{font-size:10px}.credit-list li:before{top:13px;font-size:10px}#site-menu:has(.menu-info-toggle[aria-expanded=true]) .overlay-nav,#site-menu:has(.menu-credits-toggle[aria-expanded=true]) .overlay-nav{margin-top:15px}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direct .scene-caption{grid-template-columns:24px minmax(0,1fr) minmax(150px,.6fr) 115px}.folio{font-size:15px}}
@media(max-width:800px){.direct .scene-caption{grid-template-columns:22px minmax(0,1fr) 105px}.folio{font-size:14px}.work-index{padding:120px 20px 50px 32px}.work-index-heading h1{font-size:38px}.work-index-heading>span{font-size:9px}.work-grid{gap:30px 16px}.work-card-caption{grid-template-columns:17px 1fr;gap:4px}.work-card-caption>span:last-child{display:none}.work-card h2{font-size:18px}.work-card p{font-size:11px}.work-card-image{aspect-ratio:3/4}#site-menu{inset:12px 12px auto auto;width:calc(100% - 24px);height:auto;max-height:calc(100svh - 24px);padding:20px 22px 22px 40px}.menu-intro{font-size:16px}.overlay-nav>a,.overlay-nav .menu-info-toggle,.overlay-nav .menu-credits-toggle{font-size:27px}#menu-bio{padding-left:0}#menu-bio p{font-size:15px}.menu-edition{left:12px;top:25px}.menu-head>span{font-size:11px}}
@media(max-width:420px){.work-grid{grid-template-columns:1fr}.work-card-image{aspect-ratio:4/3}}
.headshot-menu-link{border-top:1px solid #393939;padding-top:18px;margin-top:24px;font-size:12px;color:#aaa}.headshot-menu-link a{display:flex;justify-content:space-between}.headshot-menu-link a:hover{color:var(--accent)}.headshot-menu-link span{color:var(--accent)}.headshots{padding:130px 40px 70px 64px}.headshots h1{font-size:clamp(38px,5vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:20px 0}.headshots-intro>p{font-size:16px;line-height:1.5}.headshot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 65px}.headshot-gallery img{height:460px;object-fit:cover}.session-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline;border-top:1px solid var(--rule);padding-top:24px;margin-bottom:25px}.session-heading h2{font-size:32px;font-weight:400;letter-spacing:-.04em;margin:0}.session-heading p{font-size:14px;line-height:1.6;margin:0}.session-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.session{border-top:2px solid var(--accent);padding-top:18px}.session h3{font-size:18px;font-weight:400;margin:0}.session .session-price{font-size:36px;letter-spacing:-.04em;margin:18px 0}.session>p{font-size:14px;line-height:1.8}.session>a{display:inline-block;font:11px var(--mono);margin-top:20px;padding-bottom:8px;border-bottom:1px solid var(--accent)}.headshot-other{margin-top:65px;padding-top:24px;border-top:1px solid var(--rule);font-size:15px}.headshot-other a{color:var(--accent)}.detail-images>a{width:100%}.detail-images>a img{max-height:75vh;object-fit:contain}.overlay-nav>a:has([href]){min-width:0}@media(max-width:800px){.headshots{padding:120px 24px 50px}.headshot-gallery{gap:8px;margin:30px 0 40px}.headshot-gallery img{height:230px}.session-heading{display:block}.session-heading p{margin-top:15px}.session-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}#site-menu .overlay-nav>a{font-size:25px}.work-card h2{line-height:1.2}.headshot-other{line-height:1.5}}@media(max-width:420px){.headshot-gallery img{height:170px}.session-grid{grid-template-columns:1fr 1fr}.session>a{font-size:10px}}
.work-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 28px}.work-filter{font:10px var(--mono);letter-spacing:.03em;text-transform:uppercase;color:#666;border:1px solid var(--rule);padding:9px 12px;background:#fff}.work-filter:hover,.work-filter.active{color:#fff;background:var(--accent);border-color:var(--accent)}.work-card[hidden]{display:none}.extra-project .scene-art img{object-fit:cover}
@media(max-width:800px){.work-filters{gap:6px;margin:-5px 0 22px}.work-filter{font-size:9px;padding:8px 9px}}
.headshot-gallery{align-items:stretch}.headshot-gallery img{object-fit:contain;object-position:center;background:#111}
/* Preserve complete digital designs and their source colors. */
.work-card.digital-card .work-card-image{background:#f3f3f3}
.work-card.digital-card .work-card-image img,.work-card.digital-card:hover img{object-fit:contain;object-position:center;filter:none;opacity:1;mix-blend-mode:normal}
.direct .scene-art .home-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.direct .scene-art iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.16);width:100%;height:100%;border:0;pointer-events:none;opacity:0}.direct .scene-art.embed-ready iframe{opacity:1}
.project-tabs{min-width:0;overflow-x:auto;scrollbar-width:none}.project-tabs::-webkit-scrollbar{display:none}.project-tab{flex-shrink:0}
.project-story{max-width:850px;margin:0 0 60px auto}.project-story p{font-size:16px;line-height:1.65;margin:0 0 18px}.project-story h2{font:12px var(--mono);text-transform:uppercase;margin:32px 0 18px;color:var(--accent)}
.project-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:transparent}.project-video iframe{width:100%;height:100%;border:0;transform:scale(1.08)}.project-film{display:block;width:100%;aspect-ratio:16/9;max-height:80vh;object-fit:cover;background:transparent}.detail-images>img{height:auto;max-height:none;object-fit:contain}
/* Keep project identity and role together at a restrained scale. */
.detail-heading{display:block;margin-bottom:36px;padding-top:22px}
.detail .detail-heading h1{font-size:clamp(28px,3.1vw,44px);line-height:1.12;letter-spacing:-.045em;max-width:900px;margin:0 0 18px}
.detail-heading>div{display:flex;align-items:baseline;gap:12px;max-width:900px}
.detail-heading>div p{font-size:13px;line-height:1.5;margin:0}
.detail-heading>div .eyebrow{font:10px var(--mono);color:#777;flex-shrink:0;letter-spacing:.04em}
.detail .project-story{margin:0 0 44px;max-width:760px}
@media(max-width:800px){.detail-heading{margin-bottom:28px}.detail .detail-heading h1{font-size:30px}.detail-heading>div p{font-size:12px}}
.back-to-work{display:inline-flex;align-items:center;min-height:44px;margin:0 0 14px;font:12px var(--mono);color:#666}.back-to-work:hover{color:var(--accent)}
/* A compact contact sheet; open each asset at viewing size. */
.detail-images.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.project-gallery>.project-video,.project-gallery>.project-film{grid-column:1/-1;width:100%;margin:0 0 16px}.project-gallery>.project-film-file{width:100%;min-width:0;margin:0}.project-film-file figcaption{border-top:1px solid #ddd;padding:7px 9px;font:10px var(--mono);color:#777}.project-film-file .project-film{width:100%;height:auto;aspect-ratio:16/9;max-height:none}.project-film-file .project-video{width:100%;aspect-ratio:16/9}
.project-gallery>.project-film{background:transparent;object-fit:cover}
.gallery-image{position:relative;display:grid;grid-template-rows:auto auto;gap:8px;width:100%;padding:0;background:transparent;overflow:visible;cursor:zoom-in;text-align:left}
.detail-images .gallery-image img,.detail-images .gallery-image img:not(:first-child){display:block;width:100%;height:auto;aspect-ratio:auto;max-width:100%;max-height:none;object-fit:contain;filter:none;background:transparent}
.gallery-image>span{position:static;display:block;background:transparent;padding:0;font:9px var(--mono);color:#777}
.gallery-image:hover>span{color:var(--accent)}
.image-viewer{width:calc(100vw - 40px);max-width:1600px;height:calc(100svh - 40px);max-height:none;padding:20px;border:0;background:#fff;color:#111}
.image-viewer::backdrop{background:#000b}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}
.viewer-toolbar,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;font:12px var(--mono)}
.viewer-original{margin-left:auto}.viewer-toolbar button,.viewer-controls button{min-height:40px;padding:8px 0}.viewer-image{height:100%;width:100%;min-height:0;object-fit:contain}.viewer-count{color:var(--accent)}
@media(max-width:800px){.detail-images.project-gallery{grid-template-columns:1fr;gap:30px}.detail-images .gallery-image img,.detail-images .gallery-image img:not(:first-child){aspect-ratio:auto}.image-viewer{width:calc(100vw - 16px);height:calc(100svh - 16px);padding:12px}.viewer-toolbar{gap:12px;font-size:10px}}
/* Center the vertical identity caption on the viewport. */
.side-caption{top:50%;transform:translateY(-50%) rotate(180deg)}
/* Quiet filing-system cues: tabs, index marks, and real asset labels. */
.work-filters{gap:6px;align-items:flex-end;border-bottom:1px solid var(--rule);padding-top:6px;padding-bottom:0;margin-bottom:30px}
.work-filter{position:relative;border-bottom:0;border-radius:4px 4px 0 0;background:#fafafa;min-height:38px;margin-bottom:-1px;padding:11px 14px;color:#666;transition:color .15s,background .15s}
.work-filter.active,.work-filter:hover{background:#fff;color:var(--accent);border-color:var(--rule);border-bottom:1px solid #fff}
.work-filter.active:before{content:'';position:absolute;top:-3px;left:12px;width:22px;height:3px;background:var(--accent)}
.archive-file-label{display:flex;justify-content:space-between;align-items:center;height:28px;margin-bottom:8px;border-bottom:1px solid var(--rule);font:10px var(--mono);letter-spacing:.04em;color:#777}
.archive-file-label>span:first-child{position:relative;padding:7px 12px 7px 0;min-width:72px;border-bottom:2px solid #bcbcbc}
.archive-open{opacity:0;color:var(--accent);transition:opacity .15s}
.work-card:is(:hover,:focus-visible) .archive-open{opacity:1}
.work-card:is(:hover,:focus-visible) .archive-file-label>span:first-child{border-color:var(--accent)}
.work-card-caption{grid-template-columns:1fr 14px}.work-card-caption>span:first-child{display:none}
.work-card:hover img{filter:none}
.archive-path{font:11px var(--mono);color:#999;margin-left:16px;display:inline-block;max-width:65%;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-tab{border-radius:2px;transition:background .15s}.project-tab:hover{background:#f5f5f5}.project-tab[aria-current]{background:#fafafa;border-top-color:var(--accent)}
#site-menu .menu-head{border-bottom-style:dashed}.menu-edition{letter-spacing:.12em}.overlay-nav>a:hover,.overlay-nav>button:hover{padding-left:4px}
.gallery-image>span{border-top:1px solid #ddd;font-size:10px;padding:7px 9px;background:rgba(255,255,255,.96)}
@media(max-width:800px){.work-filter{padding:10px;font-size:9px;min-height:36px}.work-filters{row-gap:9px}.work-card-caption{grid-template-columns:1fr}.archive-open{opacity:1;font-size:9px}.archive-path{font-size:10px;margin-left:12px}.archive-file-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.project-tab,.work-filter,.archive-open{transition:none}}
/* Edge-to-edge portrait crops with breathing room above the head. */
.headshot-gallery{gap:18px}
.headshot-gallery img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;background:transparent}
.headshot-gallery img:nth-child(2){object-position:50% 30%}
@media(max-width:800px){.headshot-gallery{gap:8px}.headshot-gallery img{height:auto;aspect-ratio:4/5}}

/* Project credits, filed as a small production card. */
.detail .project-story:has(.production-card){max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,440px);gap:clamp(32px,7vw,120px);align-items:start;margin-bottom:48px}
.project-synopsis{max-width:680px}
.production-card{position:relative;margin-top:18px;background:#f5f3ee;border:1px solid #d5d1c9;border-radius:0 8px 8px 8px;padding:22px 24px 14px;box-shadow:3px 4px 0 #e9e6df;overflow-wrap:anywhere}
.production-card-tab{position:absolute;bottom:100%;left:-1px;background:#f5f3ee;border:1px solid #d5d1c9;border-bottom:0;border-radius:5px 5px 0 0;padding:6px 13px;font:9px var(--mono);letter-spacing:.08em;color:#b5251d}
.production-card-head{display:flex;align-items:center;justify-content:space-between}
.project-story .production-card h2{font:24px/1 var(--sans,Arial,sans-serif);letter-spacing:-.06em;text-transform:none;color:#181818;margin:0}
.production-card-head>span{color:var(--accent);font-size:23px}
.production-card-title{font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 20px;color:#68635d}
.production-card dl{margin:0}
.production-credit{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;border-top:1px solid #dcd7cf;padding:10px 0}
.production-credit dt{font:10px/1.5 var(--mono);color:#70685f}
.production-credit dd{margin:0;font:13px/1.45 Arial,sans-serif;color:#171717}
.production-credit-note{display:block}
.production-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:11px;border-top:1px dashed #c8c1b7;font:8px var(--mono);letter-spacing:.07em;color:#777067}
.production-card-foot>span:last-child{color:var(--accent);font-size:11px}
@media(max-width:760px){.detail .project-story:has(.production-card){grid-template-columns:1fr;gap:20px}.production-card{width:100%;max-width:480px;box-sizing:border-box;padding:20px}.production-credit{gap:12px}}

/* Neutral paper and a native keyboard-accessible credit disclosure. */
.production-card{background:#fafafa;border-color:#d7d7d7;box-shadow:3px 4px 0 #ededed}
.production-card-tab{background:#fafafa;border-color:#d7d7d7}
.production-card-title,.production-credit dt,.production-card-foot{color:#666}
.production-credit{border-color:#ddd}
.production-card-foot{border-color:#ccc}
.production-card-head{list-style:none;cursor:pointer;gap:20px;min-height:28px}
.production-card-head::-webkit-details-marker{display:none}
.production-card-head:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.credit-toggle:before{content:'+'}
.production-card[open] .credit-toggle:before{content:'−'}
.production-card:not([open]){padding-bottom:22px}

.production-card-head>.production-card-tab{font:9px var(--mono);color:var(--accent)}

.detail-images.joined-composition{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:start}.detail-images.joined-composition>img,.detail-images.joined-composition>img:not(:first-child){display:block;width:100%;max-width:100%;height:auto;max-height:none;margin:0;padding:0;align-self:start}
.direction-icon{display:inline-block;width:.85em;height:.85em;vertical-align:-.04em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}
.film-poster-button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#111;overflow:hidden;color:#fff;cursor:pointer}.film-poster{width:100%;height:100%;object-fit:cover;transform:scale(1.3);filter:none!important}.film-poster-button:hover .film-poster{transform:scale(1.3)}.film-poster-button span{position:absolute;left:16px;bottom:16px;background:#fff;color:#111;padding:8px 10px;font:10px var(--mono)}