/* 黒案の専用区画。共通の動画・FAQ・表紙スタイルは変更しない。 */
.black{--night:#111513;--night-raised:#1a211d;--night-soft:#242b26;--warm:#d7ae72;--paper:#f5f1e8;--muted:#c4c0b6;color:var(--paper);background:var(--night)}
.black .masthead{background:linear-gradient(180deg,#111513 0%,#111513f2 74%,#11151300 100%)}
.black.has-scrolled .masthead{background:#111513d9;backdrop-filter:blur(22px)}
.black .identity em{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;color:#dfc395}
.black .place-name{font-size:.7rem;letter-spacing:.12em;margin-top:6px}
.black .place-values{display:none}
.black .action-films,.black .questions{background:var(--night);color:var(--paper)}
.black .action-films{padding-top:88px;padding-bottom:88px}
.black .films-heading{align-items:end}
.black .section-kicker{color:#d7ae72}
.black .films-heading h2,.black .questions-heading h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:400;letter-spacing:.035em}
.black .films-heading p,.black .questions-heading>p:first-of-type{color:var(--muted)}
.black .film-track{scrollbar-color:#74634b #242b26}
.black .film-poster{background:radial-gradient(ellipse at 68% 18%,#826b4b 0%,#34362f 28%,#191e1b 72%);border:1px solid #d7ae7245;box-shadow:0 12px 36px #0005}
.black .film-poster:after{background:linear-gradient(135deg,#fff2 0%,transparent 36%,#0004 100%)}
.black .film-poster h3{font-weight:500;color:#faf5e9;text-shadow:0 2px 14px #000b}
.black .film-number{color:#e5c58f;border-color:#e5c58f}
.black .film-badge{background:#111513de;color:#f3eee4;border:1px solid #d7ae7266}
.black .film-card-title{color:#e9e3d7}
.black .film-card.is-current .film-poster{outline:2px solid #dfbd84;outline-offset:4px}
.black .film-hint{color:#c4c0b6}
.black .film-navigation button{border-color:#d7ae72;color:#f3eee4;background:#1a211d}
.black .film-navigation output{color:#e5c58f}
.black .film-description{border-color:#dfc39555}
.black .film-description h3{color:#fffaf0}
.black .film-description p{color:#e0dcd2}
.black .film-description a{color:#f1d5a6;text-decoration:underline;text-underline-offset:6px}
.black .film-production-note{color:#bdb8ad}
.black .questions{background:linear-gradient(180deg,#171d19 0%,#111513 72%);border-color:#dfc39555}
.black .faq-draft-note{border-left:2px solid #d7ae72;padding-left:16px;color:#d1c7b5}
.black .faq-item,.black .faq-item:last-child{border-color:#d9cfbd42}
.black .faq-item summary{color:#f3eee4}
.black .faq-number{color:#d7ae72}
.black .faq-plus:before,.black .faq-plus:after{background:#e6c58f}
.black .faq-answer{color:#ddd8ce}
.black .faq-answer a{color:#f1d5a6}
.black .black-tail-wrap{background:#0d100f;color:#f2eee6;padding:76px 6.5% 84px}
.black .tail-profile{display:grid;grid-template-columns:minmax(260px,.92fr) minmax(0,1.08fr);gap:7%;align-items:center;padding:0 0 76px;border-bottom:1px solid #d7ae724d}
.black .tail-profile figure{position:relative;overflow:hidden;aspect-ratio:4/3;background:#202722}
.black .tail-profile figure:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#080b09b8,transparent)}
.black .tail-profile img{width:100%;height:100%;object-fit:cover;object-position:center 29%;filter:saturate(.78) contrast(1.04)}
.black .tail-profile figcaption{position:absolute;z-index:1;left:18px;bottom:14px;color:#f2eee6;font-size:.875rem}
.black .tail-profile-copy .section-kicker,.black .tail-activities .section-kicker,.black .tail-links .section-kicker{font-size:.9rem;letter-spacing:.18em}
.black .tail-profile h2,.black .tail-activities h2,.black .tail-links h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:400;font-size:clamp(2rem,3.1vw,3rem);line-height:1.5;letter-spacing:.04em;margin-top:17px}
.black .tail-profile p{max-width:36em;color:#d1cdc4;margin-top:20px}
.black .tail-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #d7ae72;padding:12px 0 10px;margin-top:25px;color:#f2d8ad;font-size:1.125rem}
.black .tail-link span{font-size:1.4rem}
.black .tail-activities{padding:72px 0;border-bottom:1px solid #d7ae724d}
.black .tail-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.black .tail-section-head h2{margin-top:8px}
.black .tail-section-head .tail-link{margin:0;white-space:nowrap}
.black .tail-records{border-top:1px solid #d7ae7255}
.black .tail-record{display:grid;grid-template-columns:150px minmax(0,1fr) 28px;gap:22px;align-items:center;padding:22px 4px;border-bottom:1px solid #d7ae723d}
.black .tail-record time{font-variant-numeric:tabular-nums;color:#d7ae72;font-size:1rem;letter-spacing:.04em}
.black .tail-record h3{font-size:1.25rem;font-weight:500;line-height:1.6}
.black .tail-record p{font-size:1.125rem;line-height:1.7;color:#d3cec3;margin-top:5px}
.black .tail-record .tail-arrow{color:#dfbd84;font-size:1.4rem}
.black .tail-links{padding-top:70px}
.black .tail-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.black .tail-link-card{position:relative;min-height:176px;border:1px solid #d7ae7255;padding:23px 24px 22px;background:linear-gradient(145deg,#202722,#151a17);transition:background-color .2s,border-color .2s,transform .2s}
.black .tail-link-card:hover{background:#252d27;border-color:#d7ae72;transform:translateY(-3px)}
.black .tail-link-card span{display:block;color:#d7ae72;font-size:.875rem;letter-spacing:.12em}
.black .tail-link-card h3{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:1.5rem;font-weight:400;line-height:1.5;margin-top:22px}
.black .tail-link-card p{color:#c8c3b8;font-size:1rem;margin-top:8px}
.black .tail-link-card>b{position:absolute;right:20px;bottom:20px;font-size:1.25rem;color:#dfbd84;font-weight:400}
.black footer{background:#0d100f;color:#f2eee6;border-top:1px solid #d7ae724d}
.black footer p{color:#d1cdc4}
.black footer .review-note p{color:#c9c4b9;font-size:1rem;line-height:1.8}
.black footer a{color:#f2d8ad}
.black dialog{color:#201e19;background:#f6f2e9;border:1px solid #c7ab7d}
.black dialog nav a{border-color:#cfc6b7}

@media(max-width:1000px){
 .black .tail-profile{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:5%}
}
@media(max-width:760px){
 .black .masthead{height:98px;padding:0 21px;gap:10px;align-items:center}
 .black .black-identity{gap:8px}
 .black .name-lockup{width:145px}
 .black .black-identity img,.black .menu-button{width:44px;height:44px}
 .black .black-identity b{font-size:1.5rem}
 .black .black-identity small{font-size:.6rem;margin-top:4px}
 .black .office-title{font-size:.65rem}
 .black .place-name{font-size:.58rem;letter-spacing:.06em;margin-top:3px}
 .black .action-films,.black .questions{padding:58px 0 62px}
 .black .films-heading,.black .film-controls,.black .film-description,.black .film-production-note{margin-left:24px;margin-right:24px}
 .black .films-heading{display:block;margin-bottom:28px}
 .black .films-heading h2,.black .questions-heading h2{font-size:1.8rem}
 .black .films-heading p{margin-top:13px;font-size:1rem}
 .black .film-track{gap:18px;padding-inline:24px}
 .black .film-card{flex-basis:76vw;max-width:310px}
 .black .film-poster{aspect-ratio:3/4}
 .black .film-poster h3{font-size:1.25rem;line-height:1.7}
 .black .film-description{grid-template-columns:1fr;gap:10px;margin-top:27px;padding-top:24px}
 .black .film-description h3{font-size:1.25rem}
 .black .film-description p{font-size:1rem;line-height:1.8;margin-top:8px}
 .black .film-production-note{font-size:.9375rem;line-height:1.8;margin-top:23px}
 .black .questions{display:block;padding-left:24px;padding-right:24px}
 .black .questions-heading{margin-bottom:26px}
 .black .questions-heading>p:first-of-type{font-size:1rem;margin-top:10px}
 .black .faq-draft-note{font-size:.9375rem;line-height:1.8;margin-top:20px}
 .black .faq-item summary{grid-template-columns:26px minmax(0,1fr) 22px;gap:10px;padding:22px 0}
 .black .faq-item h3{font-size:1.0625rem;line-height:1.7}
 .black .faq-answer{padding:0 0 22px 36px}
 .black .faq-answer p{font-size:1rem;line-height:1.85}
 .black .black-tail-wrap{padding:64px 24px 64px}
 .black .tail-profile{grid-template-columns:1fr;gap:25px;padding-bottom:48px}
 .black .tail-profile figure{aspect-ratio:1.15/1}
 .black .tail-profile h2,.black .tail-activities h2,.black .tail-links h2{font-size:1.8rem;margin-top:12px}
 .black .tail-profile p{font-size:1rem;line-height:1.85;margin-top:14px}
 .black .tail-link{font-size:1rem;margin-top:18px}
 .black .tail-activities{padding:48px 0}
 .black .tail-section-head{display:block;margin-bottom:22px}
 .black .tail-section-head .tail-link{margin-top:13px}
 .black .tail-record{grid-template-columns:1fr 22px;gap:4px 12px;padding:18px 2px}
 .black .tail-record time{grid-column:1;font-size:.9375rem}
 .black .tail-record h3{grid-column:1;font-size:1.0625rem;margin-top:3px}
 .black .tail-record p{grid-column:1;font-size:.9375rem;line-height:1.75;margin-top:5px}
 .black .tail-record .tail-arrow{grid-column:2;grid-row:1/4}
 .black .tail-links{padding-top:48px}
 .black .tail-link-grid{grid-template-columns:1fr;gap:12px;margin-top:21px}
 .black .tail-link-card{min-height:0;padding:18px 48px 18px 18px}
 .black .tail-link-card h3{font-size:1.25rem;margin-top:12px}
 .black .tail-link-card p{font-size:.9375rem;margin-top:4px}
 .black footer{display:block;padding:42px 24px}
 .black footer p{font-size:1rem}
 .black .review-note{margin-top:30px}
 .black .review-note>a{font-size:1rem}
 .black dialog{width:min(520px,calc(100vw - 32px));padding:66px 25px 28px}
}
@media(max-width:760px) and (max-height:680px){
 .black .masthead{height:86px}
}

@media(prefers-reduced-motion:reduce){.black .tail-link-card{transition:none}.black .tail-link-card:hover{transform:none}}
/* カルーセルの横移動を区画内に留める。 */
@media(max-width:600px){.black .film-track{contain:layout paint}}
@media(max-width:360px){.black .film-card{flex-basis:74vw}.black .film-track{gap:14px;padding-inline:20px}}
.zoomed .black .tail-link{max-width:100%;gap:12px;white-space:normal}
.zoomed .black .tail-link span{flex:0 0 auto}
.zoomed .black .tail-record{grid-template-columns:minmax(0,1fr) 22px}
.zoomed .black .tail-record time,.zoomed .black .tail-record h3,.zoomed .black .tail-record p{overflow-wrap:anywhere}
.zoomed .black .tail-record .tail-arrow{grid-column:2;grid-row:1/4}
.zoomed .black .film-poster img,.zoomed .black .film-poster h3{max-width:100%;right:12px}

@media(max-width:600px){
 :root:not(.zoomed) .black .masthead{height:98px;padding:12px 21px 0;gap:10px;align-items:center}
 :root:not(.zoomed) .black .black-identity{gap:8px;flex:1 1 auto}
 :root:not(.zoomed) .black .name-lockup{width:145px;flex:0 1 145px}
 :root:not(.zoomed) .black .black-identity img,:root:not(.zoomed) .black .menu-button{width:44px;height:44px;flex:0 0 44px}
}
@media(max-width:600px) and (max-height:650px){
 :root:not(.zoomed) .black .masthead{height:86px;padding:12px 16px 0;gap:8px}
}
/* 暗い背景でもカードの文字を安定して読めるよう、図版を同じ色調へ。 */
.black .film-poster>img{opacity:.3;filter:grayscale(1);mix-blend-mode:luminosity}
.black .film-poster:after{background:linear-gradient(180deg,#11151312,#11151350);pointer-events:none}
.black .film-poster h3{z-index:1;text-shadow:none;color:#fffaf0}
.black .film-number,.black .film-badge{z-index:1}
.black .black-tail-wrap{max-width:1440px;margin-inline:auto}
.black .tail-link-grid{gap:0;border-top:1px solid #d7ae7255;border-bottom:1px solid #d7ae7255}
.black .tail-link-card{border:0;background:none;padding:28px;min-height:190px}
.black .tail-link-card+.tail-link-card{border-left:1px solid #d7ae7255}
.black .tail-link-card:hover{transform:none;background:#202722}

.black .tail-profile p,.black .tail-record p,.black .faq-answer p,.black .film-description p{text-align:justify;text-justify:inter-character;text-align-last:start;line-height:1.85}
@media(max-width:760px){
 .black .tail-profile{gap:28px}
 .black .tail-profile figure{aspect-ratio:4/3}
 .black .tail-profile h2,.black .tail-activities h2,.black .tail-links h2{font-size:1.75rem;line-height:1.55}
 .black .tail-profile p,.black .tail-record p,.black .faq-answer p,.black .film-description p{font-size:1.0625rem}
 .black .tail-record{padding:24px 0;gap:8px 16px}
 .black .tail-record h3{font-size:1.1875rem}
 .black .tail-record p{margin-top:10px}
 .black .tail-link-grid{margin-top:28px}
 .black .tail-link-card{min-height:0;padding:25px 40px 25px 0}
 .black .tail-link-card+.tail-link-card{border-left:0;border-top:1px solid #d7ae7255}
 .black .tail-link-card h3{font-size:1.375rem;margin-top:10px}
 .black .tail-link-card p,.black .film-production-note,.black .tail-record time{font-size:1rem}
 .black .faq-answer{padding-left:0}
 .black .faq-item h3{font-size:1.125rem}
}

.black .tail-links h2>span{display:inline-block}
@media(max-width:760px){.black .tail-links h2>span{display:block}}
.zoomed .black .tail-links h2>span{display:inline}

/* 読ませる本文は端末を問わず18px相当から。PCでは行長も抑える。 */
.black .film-description p,.black .faq-answer p,.black .tail-profile p,.black .tail-record p{font-size:1.125rem}
.black .film-production-note,.black .tail-link-card p,.black footer .review-note p{font-size:1rem}
.black dialog{background:#161c18;color:#f5f1e8;border-color:#d7ae7270;padding:72px 32px 32px;box-shadow:0 24px 80px #0008}
.black dialog>p{font-family:'Hiragino Mincho ProN',serif;font-size:1.75rem;color:#dfc395}
.black dialog nav{margin-top:24px}
.black dialog nav a{border-color:#d7ae723d;min-height:52px;font-size:1.125rem}
.black dialog .close{min-height:44px;color:#f5f1e8;background:#161c18}
.black dialog::backdrop{background:#07100bcc;backdrop-filter:blur(8px)}
@media(min-width:1001px){
 .black .film-description p,.black .faq-answer p,.black .tail-profile p,.black .tail-record p{font-size:1.25rem;max-width:42em}
 .black .film-production-note,.black .tail-link-card p,.black .tail-record time,.black .tail-link,.black footer p,.black footer .review-note p,.black .films-heading p{font-size:1.125rem}
 .black .tail-record{grid-template-columns:150px minmax(0,1fr) 28px;gap:28px}
}

@media(min-width:601px){
 :root:not(.zoomed) .black .masthead{background:linear-gradient(180deg,#111513f2,#111513ad 65%,transparent)}
}
/* 黒表紙：静かな対話。表紙専用の名前で写真と言葉を一緒に組む。 */
.black .noir-cover{--edge:7%;position:relative;isolation:isolate;height:100svh;min-height:540px;overflow:hidden;background:#10120f;color:#f5f0e6}
.black .noir-portrait{position:absolute;inset:0;z-index:-2;overflow:hidden}
.black .noir-portrait img{position:absolute;right:0;top:max(112px,calc((100svh - 60vw)/2));width:min(90%,calc(150svh - 168px));max-width:none;height:auto;object-fit:contain;object-position:center;filter:saturate(.82);mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,transparent,#000 8%,#000 72%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%),linear-gradient(180deg,transparent,#000 8%,#000 72%,transparent 100%);-webkit-mask-composite:source-in}
.black .noir-portrait:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#10120f 0%,#10120feb 16%,#10120f75 34%,transparent 57%),linear-gradient(0deg,#10120f 0%,#10120f6b 12%,transparent 40%),linear-gradient(180deg,#10120f90,transparent 23%)}
.black .noir-message{position:absolute;inset:0;pointer-events:none}
.black h1.noir-title{position:absolute;left:11%;top:20%;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:30px;margin:0;color:#f5f0e6;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:400;line-height:1.2}
.black .noir-title>span{display:block;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap}
.black .noir-preface{font-size:clamp(1.35rem,2.1vw,2rem);letter-spacing:.2em}
.black .noir-promise{padding-top:44px;font-size:clamp(2.5rem,4.8vw,4.8rem);letter-spacing:.08em}
.black .noir-title .noir-light{display:inline;color:#dbb77e;text-shadow:0 0 32px #b88a3938}
.black .noir-action{position:absolute;left:var(--edge);bottom:94px;margin:0;font-family:'Nozaka Brush',serif;font-size:clamp(5rem,10.8vw,10rem);font-weight:400;line-height:1;letter-spacing:-.025em;text-align:left;text-align-last:left;color:#f6f0e4}
.black .noir-caption{position:absolute;left:var(--edge);right:calc(var(--edge) + 120px);bottom:32px;display:flex;align-items:center;gap:44px}
.black .noir-caption p{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:1.125rem;line-height:1.7;letter-spacing:.06em;text-align:left}
.black .noir-caption a{display:flex;align-items:center;gap:22px;min-height:44px;color:#d9c8ad;font-size:1rem;letter-spacing:.06em}
.black .noir-caption a span:last-child{font-size:1.25rem}
.black .noir-pha{position:absolute;right:36px;bottom:30px;width:76px;height:76px;transition:transform .3s}
.black .noir-pha:hover{transform:rotate(-9deg)}
:root:not(.zoomed) .black .masthead{height:112px;padding:0 4.2%;background:transparent;gap:28px}
:root:not(.zoomed) .black.has-scrolled .masthead{background:#10120fed;backdrop-filter:blur(18px)}
:root:not(.zoomed) .black .identity img{width:54px;height:54px}
:root:not(.zoomed) .black .name-lockup{width:204px}
:root:not(.zoomed) .black .identity b{font-size:2rem}
:root:not(.zoomed) .black .identity small{font-size:.65rem;margin-top:7px}
:root:not(.zoomed) .black .identity .office-title{font-size:.75rem;margin-bottom:6px}
:root:not(.zoomed) .black .identity em{font-size:.95rem;margin-left:16px;letter-spacing:.12em}
:root:not(.zoomed) .black .menu-button{height:50px;width:50px;flex:0 0 50px;padding:14px}
:root:not(.zoomed) .black .masthead nav{font-size:1.125rem;gap:24px}
.black .noir-cover+.place-mark{position:relative;inset:auto;width:max-content;max-width:calc(100% - 48px);margin:auto;display:flex;align-items:center;gap:18px;padding:32px 0;color:#c2a77b}
.black .noir-cover+.place-mark svg{width:64px}
.black .noir-cover+.place-mark .place-name{font-size:.8rem;line-height:1.5;letter-spacing:.15em;text-align:left;margin:0}
.black .noir-cover+.place-mark .place-name span{display:block}
@media(max-width:1000px){
 .black h1.noir-title{left:8%;top:23%;gap:22px}
 .black .noir-preface{font-size:1.375rem}
 .black .noir-promise{font-size:3rem;padding-top:32px}
 .black .noir-action{font-size:6rem}
 .black .noir-caption{gap:20px}
 .black .noir-caption a{display:none}
}
@media(max-width:600px){
 .black .noir-cover{--edge:24px;min-height:500px}
 .black .noir-portrait img{top:clamp(132px,21svh,184px);left:-55%;right:auto;width:170%;height:auto;object-fit:contain;object-position:center;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 73%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 73%,transparent 100%)}
 .black .noir-portrait:after{background:linear-gradient(90deg,#10120f9c,transparent 65%),linear-gradient(0deg,#10120f 0%,#10120fe8 14%,transparent 46%),linear-gradient(180deg,#10120f 0%,#10120fb0 13%,transparent 30%)}
 .black h1.noir-title{left:24px;top:132px;gap:14px}
 .black .noir-preface{font-size:1.125rem;letter-spacing:.13em}
 .black .noir-promise{padding-top:32px;font-size:2.125rem;letter-spacing:.07em}
 .black .noir-action{left:20px;bottom:83px;font-size:5.6rem}
 .black .noir-caption{left:24px;right:90px;bottom:25px}
 .black .noir-caption p{font-size:1rem;letter-spacing:.01em;line-height:1.65}
 .black .noir-pha{width:58px;height:58px;right:18px;bottom:22px}
 :root:not(.zoomed) .black .masthead{height:96px;padding:10px 24px 0;gap:12px}
 :root:not(.zoomed) .black .identity{gap:10px}
 :root:not(.zoomed) .black .identity img{width:42px;height:42px;flex:0 0 42px}
 :root:not(.zoomed) .black .name-lockup{width:145px;flex:0 0 145px}
 :root:not(.zoomed) .black .identity b{font-size:1.5rem}
 :root:not(.zoomed) .black .identity small{font-size:.59rem;margin-top:5px}
 :root:not(.zoomed) .black .identity .office-title{font-size:.625rem;margin-bottom:4px}
 :root:not(.zoomed) .black .menu-button{width:44px;height:44px;flex:0 0 44px;padding:12px}
}
@media(max-width:600px) and (max-height:650px){
 .black h1.noir-title{top:112px;gap:12px}
 .black .noir-preface{font-size:1rem}
 .black .noir-promise{font-size:1.9rem;padding-top:27px}
 .black .noir-action{font-size:4.8rem;bottom:86px}
}
@media(min-width:601px) and (max-height:720px){
 .black h1.noir-title{top:142px;left:8%;gap:24px}
 .black .noir-preface{font-size:1.25rem}
 .black .noir-promise{font-size:2.9rem;padding-top:24px}
 .black .noir-action{left:26%;font-size:6.5rem;bottom:93px}
}
@media(min-width:601px) and (max-height:500px){
 .black .noir-cover{min-height:440px}
 .black h1.noir-title{top:124px}
 .black .noir-promise{font-size:2.2rem;padding-top:20px}
 .black .noir-action{font-size:5rem}
}
.zoomed .black .noir-cover{height:auto;min-height:0;padding-bottom:32px}
.zoomed .black .noir-portrait{position:relative;inset:auto;z-index:0;height:380px;max-height:60svh}
.zoomed .black .noir-portrait img{inset:0;width:100%;height:100%;object-position:68% 30%}
.zoomed .black .noir-message{position:relative;inset:auto;padding:24px}
.zoomed .black h1.noir-title{position:static;display:flex;gap:12px;font-size:1.5rem!important}
.zoomed .black .noir-preface{font-size:1rem}
.zoomed .black .noir-promise{font-size:1.5rem;padding-top:24px}
.zoomed .black .noir-action{position:static;margin-top:32px;font-size:min(3rem,23vw)}
.zoomed .black .noir-caption{position:static;display:block;margin:0 24px 24px}
.zoomed .black .noir-caption p{font-size:1rem}
.zoomed .black .noir-caption a{display:flex;margin-top:14px}
.zoomed .black .noir-pha{position:relative;inset:auto;display:block;margin-left:24px}
@media(prefers-reduced-motion:reduce){.black .noir-pha{transition:none}}