:root {
  --interview-black: #111213;
  --interview-black-soft: #1d1f22;
  --interview-paper: #f5f2eb;
  --interview-paper-bright: #fffdfa;
  --interview-titanium: #e9e8e4;
  --interview-ink: #161719;
  --interview-muted: #686761;
  --interview-gold: #c3a362;
  --interview-gold-light: #e6d3a8;
  --interview-rule: rgb(28 28 27 / .18);
  --interview-ease: cubic-bezier(.22, 1, .36, 1);
}

.interview-page {
  background: var(--interview-paper);
  color: var(--interview-ink);
  overflow-x: clip;
}

.interview-page *, .interview-page *::before, .interview-page *::after { box-sizing: border-box; }
.interview-page :focus-visible { outline: 3px solid #1679bd; outline-offset: 4px; }
.interview-page a { text-underline-offset: .18em; }
.interview-page img { display: block; max-width: 100%; }
.interview-page p, .interview-page h1, .interview-page h2, .interview-page h3, .interview-page figure, .interview-page blockquote { margin-top: 0; }
.interview-page .site-header { position: relative; z-index: 30; }
.interview-page .breadcrumb { max-width: none; margin: 0; padding: 18px 0; color: #67645c; font-size: .82rem; }
.interview-page .breadcrumb a { color: inherit; }
.interview-skip-link { position: fixed; z-index: 999; top: 8px; left: 8px; transform: translateY(-180%); padding: 12px 16px; border-radius: 8px; background: #fff; color: #111; font-weight: 800; transition: transform .2s ease; }
.interview-skip-link:focus { transform: translateY(0); }

.interview-series-bar { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 18px; padding: 9px max(24px, calc((100vw - 1360px) / 2)); border-top: 1px solid #ddd8ce; border-bottom: 1px solid #ddd8ce; background: #fbfaf7; color: #3e3c37; font-size: .7rem; font-weight: 800; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.interview-series-bar b { color: var(--interview-gold); }
.interview-series-bar span:last-child { color: #69655c; font-weight: 700; letter-spacing: .04em; text-transform: none; }
.interview-main { width: min(100%, 1440px); margin: 0 auto; padding: 0 clamp(16px, 4vw, 56px) 0; }

.interview-detail-hero, .interview-hub-hero { position: relative; isolation: isolate; overflow: hidden; border: 1px solid #2d2f31; border-radius: clamp(20px, 3vw, 34px); background: var(--interview-black); color: #fff; box-shadow: 0 26px 58px rgb(20 19 17 / .16); }
.interview-detail-hero { min-height: min(92svh, 920px); padding: clamp(44px, 7vw, 110px); }
.interview-detail-hero__photo, .interview-detail-hero__shade, .interview-hub-hero__photo, .interview-hub-hero__shade { position: absolute; inset: 0; z-index: -2; }
.interview-detail-hero__shade, .interview-hub-hero__shade { z-index: -1; background: linear-gradient(90deg, rgb(7 8 9 / .97) 0%, rgb(10 12 14 / .9) 48%, rgb(8 9 10 / .6) 100%), linear-gradient(0deg, rgb(7 8 9 / .56), transparent 55%); }
.interview-detail-hero__picture, .interview-hub-hero__picture { display: block; width: 100%; height: 100%; }
.interview-detail-hero__picture img, .interview-hub-hero__picture img { width: 100%; height: 100%; object-fit: cover; object-position: 54% 53%; filter: saturate(.54) contrast(1.08) brightness(.62); transform: scale(1.035); animation: interview-hero-drift 18s var(--interview-ease) infinite alternate; }
@keyframes interview-hero-drift { from { transform: scale(1.035) translate3d(-.35%, 0, 0); } to { transform: scale(1.07) translate3d(.4%, -.25%, 0); } }
.interview-detail-hero__content { display: grid; align-content: center; min-height: calc(min(92svh, 920px) - clamp(88px, 14vw, 220px)); max-width: 720px; }
.interview-detail-hero__content > p:first-child, .interview-detail-hero__episode, .interview-section__eyebrow, .interview-hub-hero__content > p, .interview-official-card__body > p { margin-bottom: 8px; color: var(--interview-gold-light); font-size: .74rem; font-weight: 800; letter-spacing: .15em; line-height: 1.4; text-transform: uppercase; }
.interview-detail-hero__episode { margin-bottom: 24px; color: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.interview-detail-hero h1 { margin: 0; font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: clamp(2.5rem, 5vw, 5.6rem); font-weight: 600; letter-spacing: -.075em; line-height: 1.17; overflow-wrap: anywhere; text-wrap: balance; }
.interview-detail-hero h1 > .interview-hero-title-lines, .interview-detail-hero h1 .interview-hero-title-line, .interview-detail-hero__lead span { display: block; }
.interview-hero-title-lines--mobile { display: none !important; }
.interview-detail-hero h1 .interview-hero-title-line + .interview-hero-title-line { color: var(--interview-gold-light); }
.interview-detail-hero__lead { margin: clamp(24px, 3vw, 34px) 0 0; color: #f6f2e9; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.45rem, 2.25vw, 2.3rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.4; }
.interview-detail-hero__facts { display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 0; margin: 28px 0 0; }
.interview-detail-hero__facts div { display: grid; grid-template-columns: auto auto; gap: 7px; align-items: baseline; }
.interview-detail-hero__facts dt { color: var(--interview-gold-light); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.interview-detail-hero__facts dd { margin: 0; color: #fff; font-size: .95rem; font-weight: 700; }
.interview-detail-hero__faces { display: flex; width: min(100%, 640px); gap: clamp(12px, 2vw, 24px); margin-top: clamp(26px, 4vw, 48px); }
.interview-detail-hero__faces > div { width: min(49%, 300px); }
.interview-detail-hero__faces > div > span { display: block; margin-bottom: 8px; color: #e4d8bc; font-size: .75rem; font-weight: 800; letter-spacing: .09em; }
.interview-card-face { display: block; color: inherit; text-decoration: none; }
.interview-card-face img { width: 100%; height: auto; border-radius: 6px; background: #242528; box-shadow: 0 18px 34px rgb(0 0 0 / .24); transition: transform .8s var(--interview-ease), box-shadow .8s var(--interview-ease); }
.interview-card-face:hover img, .interview-card-face:focus-visible img { transform: scale(1.035); box-shadow: 0 24px 44px rgb(0 0 0 / .36); }
.interview-card-face__caption { display: block; margin-top: 9px; color: currentColor; font-size: .72rem; font-weight: 700; line-height: 1.45; }
.interview-detail-hero__face.is-front { transform: rotate(-1.6deg) translateY(-6px); }
.interview-detail-hero__face.is-back { transform: rotate(1.5deg) translateY(8px); }
.interview-detail-hero__actions, .interview-hub-hero__actions, .interview-preset-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.interview-cta-primary, .interview-cta-secondary { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 13px 22px; border: 1px solid transparent; border-radius: 6px; font-size: .94rem; font-weight: 800; line-height: 1.35; text-align: center; text-decoration: none; transition: transform .22s var(--interview-ease), box-shadow .22s var(--interview-ease), background .22s ease; }
.interview-cta-primary { background: #fff; color: #171717; box-shadow: 0 9px 22px rgb(0 0 0 / .22); }
.interview-cta-primary:hover { background: var(--interview-gold-light); color: #171717; transform: translateY(-2px); }
.interview-cta-secondary { border-color: rgb(255 255 255 / .5); color: #fff; background: rgb(255 255 255 / .04); }
.interview-cta-secondary:hover { border-color: var(--interview-gold-light); color: #fff; background: rgb(255 255 255 / .11); transform: translateY(-2px); }

.interview-mobile-navigator { display: none; }
.interview-article-layout { display: grid; grid-template-columns: minmax(220px, 260px) minmax(0, 1fr); gap: clamp(30px, 5vw, 86px); align-items: start; margin-top: clamp(38px, 6vw, 88px); }
.interview-episode-rail { position: sticky; top: 88px; padding: 7px 0 16px; border-top: 1px solid var(--interview-rule); border-bottom: 1px solid var(--interview-rule); color: #3d3a35; }
.interview-episode-rail > p { margin: 14px 0 3px; color: #8a713e; font-size: .78rem; font-weight: 900; letter-spacing: .14em; }
.interview-episode-rail > strong { display: block; margin-bottom: 22px; color: #171717; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: 1.45rem; }
.interview-episode-rail nav { display: grid; }
.interview-episode-rail nav a { padding: 9px 0; border-top: 1px solid rgb(30 30 28 / .1); color: #46433c; font-size: .84rem; font-weight: 700; line-height: 1.4; text-decoration: none; }
.interview-episode-rail nav a[aria-current="location"] { color: #171717; }
.interview-episode-rail nav a[aria-current="location"]::before { display: inline-block; width: 10px; height: 10px; margin-right: 8px; border-radius: 50%; background: var(--interview-gold); content: ""; }
.interview-episode-rail__all { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; min-height: 68px; align-items: center; margin-top: 12px; padding: 12px 14px; border: 1px solid #a88543; background: linear-gradient(135deg, #fffdf7, #f4e5bd); color: #3c2e17; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.interview-episode-rail__all > span { grid-column: 1 / -1; color: #80662f; font-size: .67rem; font-weight: 900; letter-spacing: .13em; line-height: 1.2; }
.interview-episode-rail__all > strong { font-size: 1rem; line-height: 1.3; }
.interview-episode-rail__all > b { font-size: 1.25rem; line-height: 1; }
.interview-episode-rail__all:hover { background: #ead094; box-shadow: 0 8px 18px rgb(91 64 14 / .14); transform: translateY(-2px); }
.interview-detail-article { min-width: 0; }
.interview-introduction { padding: clamp(4.5rem, 10vw, 9rem) clamp(24px, 7vw, 112px); background: linear-gradient(135deg, #fffef9 0%, #f7f0df 100%); }
.interview-introduction__inner { width: min(100%, 48rem); }
.interview-introduction h2 { margin: 0 0 clamp(1.25rem, 2.4vw, 2rem); color: #1e1b16; font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: clamp(2.05rem, 4.1vw, 3.65rem); font-weight: 600; line-height: 1.22; letter-spacing: -.055em; text-wrap: pretty; }
.interview-introduction p { margin: 0 0 1.25rem; color: #3f3a32; font-size: clamp(1rem, 1.35vw, 1.18rem); line-height: 2.05; }
.interview-introduction p.is-lead { color: #1e1b16; font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: clamp(1.55rem, 3vw, 2.45rem); line-height: 1.42; }
.interview-cinematic-section { padding: clamp(58px, 10vw, 152px) clamp(24px, 7vw, 112px); }
.interview-cinematic-section--black { background: var(--interview-black); color: #f7f4ec; }
.interview-cinematic-section--white { background: var(--interview-paper-bright); }
.interview-cinematic-section--titanium { background: var(--interview-titanium); }
.interview-cinematic-section--analysis { background: var(--interview-paper-bright); border-top: 1px solid var(--interview-rule); }
.interview-narrow { width: min(100%, 760px); }
.interview-wide { width: min(100%, 1080px); }
.interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow), .interview-real-estate__copy > p, .interview-disclosure p, .interview-preset-cta p { max-width: 44rem; color: inherit; font-size: clamp(1rem, 1.25vw, 1.14rem); line-height: 2; }
.interview-cinematic-section--black .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow) { color: #d9d6cd; }
.interview-evidence-label { display: inline-flex; align-items: center; min-height: 28px; margin-bottom: 22px; padding: 5px 10px; border: 1px solid currentColor; border-radius: 100px; color: #967b45; font-size: .72rem; font-weight: 800; letter-spacing: .06em; }
.interview-cinematic-section--black .interview-evidence-label { color: #e3cb95; }
.interview-section__eyebrow { margin-bottom: 14px; color: #8d7141; }
.interview-cinematic-section--black .interview-section__eyebrow { color: var(--interview-gold-light); }
.interview-cinematic-section h2, .interview-portfolio h2, .interview-official-conditions h2, .interview-preset-cta h2, .interview-disclosure h2, .interview-photo-stage h2 { margin-bottom: clamp(24px, 4vw, 40px); font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: clamp(2.25rem, 5vw, 4.6rem); font-weight: 600; letter-spacing: -.075em; line-height: 1.22; overflow-wrap: anywhere; text-wrap: balance; }
.interview-key-message { margin: clamp(44px, 8vw, 106px) 0 0; padding-top: 26px; border-top: 1px solid rgb(255 255 255 / .22); color: var(--interview-gold-light); font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.7rem, 3.5vw, 3rem); font-weight: 600; line-height: 1.38; letter-spacing: -.055em; }
.interview-section__copy blockquote, .interview-analysis-conclusion { max-width: 42rem; padding: clamp(22px, 4vw, 34px) 0 0; margin: clamp(30px, 4vw, 48px) 0 0; border-top: 1px solid currentColor; color: #c8a764; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.35rem, 2.5vw, 2.1rem); font-weight: 600; line-height: 1.55; }
.interview-card-story { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr); gap: clamp(42px, 8vw, 130px); align-items: center; }
.interview-card-story--reverse { grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); }
.interview-card-story__stage { position: relative; display: grid; min-height: 360px; place-items: center; }
.interview-card-story__stage::before { position: absolute; inset: 0; border: 1px solid rgb(205 177 115 / .25); background: radial-gradient(circle at 50% 50%, rgb(227 202 150 / .12), transparent 58%); content: ""; }
.interview-card-story__stage .interview-card-face { position: relative; z-index: 1; width: min(100%, 380px); }
.interview-card-story__stage .interview-card-face.is-president { transform: rotate(-1.8deg); }
.interview-card-story__stage .interview-card-face.is-employee { transform: rotate(1.6deg); }

.interview-photo-chapter { background: var(--interview-black); color: #fff; }
.interview-photo-stage { position: relative; min-height: min(92svh, 830px); margin: 0; overflow: hidden; }
.interview-photo-stage__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.interview-photo-stage__image img { width: 100%; height: 100%; object-fit: cover; object-position: 52% 55%; filter: brightness(.55) saturate(.65); }
.interview-photo-stage::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(7 8 9 / .92), rgb(7 8 9 / .42) 70%, rgb(7 8 9 / .12)); content: ""; }
.interview-photo-stage__overlay { position: relative; z-index: 1; width: min(100%, 700px); padding: clamp(50px, 9vw, 130px); }
.interview-photo-stage figcaption, .interview-real-estate__photo figcaption { position: absolute; z-index: 2; right: 18px; bottom: 14px; margin: 0; color: rgb(255 255 255 / .78); font-size: .7rem; letter-spacing: .05em; }
.interview-photo-stage .interview-evidence-label { color: #e3cb95; }
.interview-photo-stage .interview-section__eyebrow { color: #e3cb95; }
.interview-photo-stage .interview-section__copy p { color: #f2efe8; }
.interview-photo-stage blockquote { color: var(--interview-gold-light); }

.interview-real-estate { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr); gap: clamp(36px, 6vw, 90px); align-items: start; }
.interview-real-estate__copy h2, .interview-real-estate__copy h3 { margin-bottom: 26px; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(2rem, 4vw, 3.8rem); font-weight: 600; letter-spacing: -.07em; line-height: 1.25; }
.interview-real-estate__photo { position: relative; min-height: 460px; margin: 0; overflow: hidden; background: #242528; }
.interview-real-estate__photo picture, .interview-real-estate__photo img { display: block; width: 100%; height: 100%; }
.interview-real-estate__photo img { position: absolute; inset: 0; object-fit: cover; object-position: 50% 50%; filter: contrast(1.04) saturate(.75); }
.interview-real-estate__copy--second { grid-column: 2; }

.interview-portfolio { padding: clamp(62px, 10vw, 142px) clamp(24px, 7vw, 112px); background: linear-gradient(180deg, var(--interview-black) 0 52%, var(--interview-paper-bright) 52% 100%); }
.interview-portfolio__head { max-width: 750px; color: #fff; }
.interview-portfolio__head .interview-evidence-label, .interview-portfolio__head .interview-section__eyebrow { color: var(--interview-gold-light); }
.interview-portfolio__head > p:last-child { margin: 0; color: #e6d3a8; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.35rem, 2.5vw, 2.1rem); font-weight: 600; line-height: 1.5; }
.interview-portfolio__roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 4vw, 48px); margin-top: clamp(46px, 8vw, 94px); }
.interview-portfolio__role { min-width: 0; padding: clamp(22px, 4vw, 40px); border: 1px solid #34363a; background: var(--interview-black-soft); color: #fff; }
.interview-portfolio__role > p { margin-bottom: 16px; color: var(--interview-gold-light); font-size: .8rem; font-weight: 800; letter-spacing: .1em; }
.interview-portfolio__role .interview-card-face { width: min(100%, 360px); }
.interview-portfolio__role .interview-card-face__caption { color: #ede8dd; }
.interview-portfolio__role h3 { margin: 22px 0 12px; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.4rem, 2.4vw, 2.1rem); font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.interview-portfolio__role ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.interview-portfolio__role li { padding: 7px 10px; border: 1px solid rgb(255 255 255 / .2); color: #e5e1d7; font-size: .82rem; font-weight: 700; }
.interview-portfolio__role:last-child { border-color: #d7d0c1; background: var(--interview-paper-bright); color: var(--interview-ink); }
.interview-portfolio__role:last-child .interview-card-face__caption { color: var(--interview-ink); }
.interview-portfolio__role:last-child h3 { color: var(--interview-ink); }
.interview-portfolio__role:last-child li { border-color: #c9c2b4; color: #34322e; }

.interview-analysis-conclusion { border-color: #b79145; color: #665021; }
.interview-analysis-list { display: grid; gap: clamp(16px, 2.4vw, 26px); padding: 0; margin: clamp(28px, 4vw, 48px) 0 0; list-style: none; }
.interview-analysis-list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(14px, 2vw, 22px); padding-top: clamp(16px, 2vw, 22px); border-top: 1px solid rgb(83 73 55 / .23); }
.interview-analysis-list li > span { color: #9c7838; font-size: .76rem; font-weight: 900; letter-spacing: .12em; line-height: 1.6; }
.interview-analysis-list h3 { margin: 0; color: inherit; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.18rem, 2.1vw, 1.72rem); font-weight: 600; line-height: 1.45; letter-spacing: -.035em; overflow-wrap: normal; word-break: normal; line-break: strict; text-wrap: pretty; }
.interview-analysis-list p, .interview-analysis-postscript { margin: 8px 0 0; }
.interview-analysis-postscript { max-width: 46rem; }
.interview-card-references { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: clamp(16px, 2vw, 28px); margin-top: clamp(28px, 4vw, 52px); }
.interview-card-reference { display: grid; align-content: start; gap: 12px; min-width: 0; padding: clamp(18px, 2vw, 26px); border: 1px solid #d8d1c4; background: #fffdfa; }
.interview-card-reference > p:first-child { margin: 0; color: #806a3e; font-size: .7rem; font-weight: 900; letter-spacing: .1em; }
.interview-card-reference .interview-card-face { width: min(100%, 260px); }
.interview-card-reference .interview-card-reference__face--compact .interview-card-face__caption { display: none; }
.interview-card-reference h3 { margin: 0; color: #242321; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.05rem, 1.6vw, 1.45rem); font-weight: 600; line-height: 1.4; letter-spacing: -.04em; overflow-wrap: normal; word-break: normal; line-break: strict; text-wrap: pretty; }
.interview-card-reference__description { margin: 0; color: #5d5951; font-size: .88rem; line-height: 1.7; }
.interview-food-chapter { margin: 0; background: #171411; color: #fbf4e8; }
.interview-food-chapter__copy { padding: clamp(56px, 9vw, 126px) clamp(24px, 7vw, 112px); }
.interview-food-chapter__copy .interview-section__copy { width: min(100%, 760px); }
.interview-food-chapter__copy .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow) { color: #ede3d2; }
.interview-food-chapter__copy .interview-evidence-label, .interview-food-chapter__copy .interview-section__eyebrow { color: #dfbc78; }
.interview-food-chapter__note { max-width: 44rem; margin: 28px 0 0; color: #c8b9a4; font-size: .84rem; line-height: 1.7; }
.interview-documentary-layout { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: clamp(24px, 5vw, 72px); align-items: end; }
.interview-documentary-photo { width: 150px; margin: 28px 0 0; border: 1px solid rgb(189 165 121 / .72); background: #27201c; box-shadow: 14px 16px 0 rgb(76 48 37 / .12); }
.interview-documentary-photo__image, .interview-documentary-photo__image img { display: block; width: 150px; height: 150px; }
.interview-documentary-photo__image img { object-fit: cover; }
.interview-documentary-photo figcaption { padding: 9px 10px; color: #d9c8ab; font-size: .68rem; font-weight: 700; line-height: 1.45; }
.interview-food-chapter .interview-documentary-photo { margin: clamp(28px, 4vw, 52px) 0 0; }
.interview-reader-benefit { padding: clamp(46px, 7vw, 96px) clamp(24px, 7vw, 112px); background: #f4ead6; border-top: 1px solid #d9bd83; border-bottom: 1px solid #d9bd83; }
.interview-reader-benefit .interview-narrow { padding-left: clamp(20px, 4vw, 44px); border-left: 4px solid #7b352e; }
.interview-reader-benefit h2 { margin: 0 0 18px; color: #3d211c; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(2rem, 4.4vw, 3.8rem); font-weight: 600; letter-spacing: -.065em; line-height: 1.25; }
.interview-reader-benefit p { max-width: 42rem; color: #513b31; font-size: 1.02rem; line-height: 1.9; }
.interview-reader-benefit__provider { margin-top: 22px; color: #6b342d !important; font-weight: 800; }
.interview-reader-benefit__notice { margin-bottom: 0; color: #765f50 !important; font-size: .82rem !important; }
.interview-reader-benefit__link { display: inline-flex; min-height: 46px; align-items: center; margin: 4px 0 4px; padding: 11px 18px; border: 1px solid #8c5b3e; border-radius: 999px; color: #59352a; font-size: .86rem; font-weight: 800; text-decoration: none; }
.interview-reader-benefit__link:hover { background: #7a392f; color: #fff8ed; }
.interview-portfolio__roles--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.interview-portfolio__role--personal { position: relative; overflow: hidden; border-color: #ad9578; background: linear-gradient(150deg, #f4ecdf, #e8dcc9); color: #382b22; }
.interview-portfolio__role--personal > p, .interview-portfolio__role--personal h3, .interview-portfolio__role--personal li { color: #573426; }
.interview-portfolio__personal-mark { display: grid; min-height: 155px; place-items: center; border: 1px solid #b79d7d; color: #704133; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: clamp(1.1rem, 2vw, 1.65rem); font-weight: 900; letter-spacing: .12em; }
.interview-portfolio__role--personal small { display: block; margin-top: 18px; color: #745f51; font-size: .77rem; font-weight: 700; line-height: 1.55; }
.interview-hub-episode__benefit { display: inline-flex; width: fit-content; padding: 5px 8px; border: 1px solid #ad8551; color: #76552e !important; font-size: .72rem !important; letter-spacing: .03em; }
.interview-official-conditions { padding: clamp(62px, 10vw, 132px) clamp(24px, 7vw, 112px); background: #eeece6; border-top: 1px solid var(--interview-rule); }
.interview-official-conditions h2 { margin-bottom: 12px; }
.interview-official-conditions__lead { max-width: 42rem; margin-bottom: 34px; color: #55524c; line-height: 1.8; }
.interview-official-conditions__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; max-width: 1080px; }
.interview-official-card { display: grid; grid-template-columns: minmax(180px, 230px) minmax(0, 1fr); gap: clamp(22px, 3vw, 36px); min-width: 0; padding: clamp(24px, 3vw, 36px); border: 1px solid #cdc6b8; background: #fffdfa; }
.interview-official-card > div:first-child .interview-card-face__caption { color: #33312e; }
.interview-official-card__body > p { margin-bottom: 8px; color: #806a3e; }
.interview-official-card__body h3 { margin: 0 0 19px; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: 1.35rem; font-weight: 600; line-height: 1.42; overflow-wrap: anywhere; }
.interview-official-card__body dl { display: grid; gap: 0; margin: 0; }
.interview-official-card__body dl div { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 14px; padding: 10px 0; border-top: 1px solid #ddd8cf; }
.interview-official-card__body dt { color: #6b6861; font-size: .76rem; font-weight: 800; }
.interview-official-card__body dd { margin: 0; color: #262522; font-size: .84rem; font-weight: 700; line-height: 1.55; overflow-wrap: anywhere; }
.interview-official-card__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.interview-official-card__actions a { display: grid; min-height: 44px; place-items: center; border: 1px solid #bdb4a3; color: #312e29; font-size: .76rem; font-weight: 800; line-height: 1.3; text-align: center; text-decoration: none; }
.interview-official-card__actions a:hover { border-color: #8c723d; background: #f2ead8; }

.interview-preset-cta { padding: clamp(66px, 10vw, 144px) clamp(24px, 7vw, 112px); background: #111213; color: #fff; }
.interview-preset-cta .interview-narrow { padding: clamp(28px, 5vw, 54px); border: 1px solid rgb(255 255 255 / .12); background: linear-gradient(45deg, rgb(255 255 255 / .015), rgb(255 255 255 / .07), transparent); }
.interview-preset-cta .interview-section__eyebrow { color: var(--interview-gold-light); }
.interview-preset-cta h2 { margin-bottom: 20px; }
.interview-preset-cta p { color: #d8d5cd; }
.interview-preset-cta__actions .interview-cta-primary { background: #fff; }
.interview-preset-cta__links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; }
.interview-preset-cta__links a { color: var(--interview-gold-light); font-size: .84rem; font-weight: 800; }
.interview-disclosure { padding: clamp(55px, 8vw, 105px) clamp(24px, 7vw, 112px); background: #f9f8f4; }
.interview-disclosure h2 { margin-bottom: 24px; }
.interview-disclosure p { color: #504d47; }

.interview-hub-hero { min-height: min(80svh, 780px); padding: clamp(42px, 7vw, 104px); }
.interview-hub-hero__content { position: relative; width: min(100%, 800px); }
.interview-hub-hero h1 { margin: 13px 0; color: #fff; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(2.45rem, 5vw, 5.3rem); font-weight: 600; letter-spacing: -.075em; line-height: 1.2; }
.interview-hub-hero__lead { max-width: 39rem; margin: 0; color: #e8e3d8; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.15rem, 2vw, 1.55rem); font-weight: 600; line-height: 1.65; }
.interview-hub-hero__featured { width: min(100%, 680px); margin-top: clamp(30px, 5vw, 52px); padding-top: 24px; border-top: 1px solid rgb(230 211 168 / .45); }
.interview-hub-hero__featured > span { color: var(--interview-gold-light); font-family: ui-monospace, monospace; font-size: .76rem; font-weight: 800; letter-spacing: .1em; }
.interview-hub-hero h2 { margin: 14px 0 8px; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.5rem, 2.8vw, 2.25rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.32; }
.interview-hub-hero h2 a { color: var(--interview-gold-light); text-decoration: none; }
.interview-hub-hero h2 a:hover { text-decoration: underline; text-underline-offset: .16em; }
.interview-hub-hero__featured > p { margin: 0 0 16px; color: #fff; font-size: 1rem; font-weight: 800; }
.interview-hub-hero dl { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 0; margin: 0 0 28px; }
.interview-hub-hero dl div { display: flex; gap: 6px; color: #f7f5f0; font-size: .9rem; font-weight: 700; }
.interview-hub-hero dt { color: var(--interview-gold-light); }
.interview-hub-hero dd { margin: 0; }
.interview-hub-hero__portfolio { display: flex; gap: 18px; width: min(100%, 600px); margin-top: 30px; }
.interview-hub-hero__portfolio > div { width: min(48%, 250px); }
.interview-hub-hero__portfolio > div > span { display: block; margin-bottom: 6px; color: #e3cca0; font-size: .74rem; font-weight: 800; }
.interview-hub-hero__portfolio .interview-card-face__caption { color: #f5f1e7; }

.interview-episode-rail__neighbors { display: grid; gap: 10px; margin-top: 22px; }
.interview-episode-rail__neighbors a { display: grid; min-height: 62px; align-content: center; gap: 3px; padding: 10px 13px; border: 1px solid #c7b37e; background: #fffcf5; color: #5c4517; font-size: .75rem; font-weight: 800; line-height: 1.3; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.interview-episode-rail__neighbors a > span { color: #80662f; font-size: .7rem; font-weight: 900; letter-spacing: .08em; }
.interview-episode-rail__neighbors a > strong { color: #2f281b; font-size: 1rem; line-height: 1.35; }
.interview-episode-rail__neighbors a:hover { border-color: #98752d; box-shadow: 0 7px 16px rgb(91 64 14 / .12); transform: translateX(3px); }
.interview-episode-navigation { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; padding: 30px clamp(24px, 7vw, 112px); border-top: 1px solid #d5cdbf; background: #f6f2e9; }
.interview-episode-navigation a { max-width: 48%; color: #3f3525; font-size: .9rem; font-weight: 800; line-height: 1.5; text-decoration: none; }
.interview-episode-navigation a:last-child { margin-left: auto; text-align: right; }
.interview-article-context-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 1px; background: #d5cdbf; }
.interview-article-context-links a { display: flex; min-height: 100%; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 22px; background: #fffdf8; color: #3f3525; font-size: .86rem; font-weight: 800; line-height: 1.55; text-decoration: none; }
.interview-article-context-links a:hover { background: #f6edda; }
.interview-article-context-links span { color: #9b793e; font-size: 1.1rem; }

.interview-hub-episodes { padding: clamp(64px, 10vw, 128px) clamp(24px, 7vw, 112px); background: #f3f0e9; }
.interview-hub-episodes > h2 { margin: 0 0 36px; color: #171716; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(2.25rem, 4.5vw, 4.4rem); font-weight: 600; letter-spacing: -.065em; line-height: 1.2; }
.interview-hub-episodes > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 3vw, 34px); }
.interview-hub-episode { min-width: 0; border: 1px solid #d3c8b4; background: #fffdfa; }
.interview-hub-episode__card { display: grid; min-height: 100%; gap: 14px; padding: clamp(20px, 3vw, 34px); color: #1d1c19; }
.interview-hub-episode__card > p { margin: 0; color: #927139; font-size: .74rem; font-weight: 900; letter-spacing: .12em; }
.interview-hub-episode__card > .interview-card-face { width: min(100%, 360px); }
.interview-hub-episode__card > span { color: #876b37; font-size: .82rem; font-weight: 800; }
.interview-hub-episode__card h2 { margin: 0; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.45rem, 2.4vw, 2.2rem); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.interview-hub-episode__card h2 a { color: inherit; text-decoration: none; }
.interview-hub-episode__card h2 a:hover { color: #8c6c32; text-decoration: underline; text-underline-offset: .16em; }
.interview-hub-episode__card small { color: #68645c; font-size: .82rem; font-weight: 700; }
.interview-hub-episode__card:hover { background: #fbf4e6; }

.interview-official-conditions__grid.is-single { grid-template-columns: minmax(0, 760px); }
.interview-portfolio__roles.is-single { grid-template-columns: minmax(0, 520px); }
.interview-portfolio__roles.is-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.interview-cinematic-section--single-card .interview-key-message { margin-left: 0; border-color: #baa16e; color: #745a27; }

[data-interview-theme="continuity"] .interview-detail-hero--card-only { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); gap: clamp(30px, 7vw, 110px); align-items: center; min-height: min(84svh, 820px); background: radial-gradient(circle at 78% 20%, rgb(218 188 112 / .35), transparent 34%), linear-gradient(135deg, #fffdf8 0%, #f6f0e4 52%, #e9dfca 100%); border-color: #cdb987; box-shadow: 0 26px 58px rgb(96 74 32 / .14); color: #1d1b18; }
[data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-detail-hero__shade { background: linear-gradient(115deg, rgb(255 255 255 / .7), transparent 68%); }
[data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-detail-hero__content { position: relative; z-index: 1; min-height: 0; max-width: 690px; }
[data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-detail-hero__content > p:first-child, [data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-detail-hero__facts dt { color: #8b6d32; }
[data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-detail-hero__episode, [data-interview-theme="continuity"] .interview-detail-hero--card-only h1, [data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-detail-hero__facts dd { color: #1d1b18; }
[data-interview-theme="continuity"] .interview-detail-hero--card-only h1 span + span { color: #98773b; }
[data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-detail-hero__lead { color: #393328; }
[data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-cta-primary { background: #8b6c31; color: #fffdf8; }
[data-interview-theme="continuity"] .interview-detail-hero--card-only .interview-cta-secondary { border-color: #9d854e; color: #3e321d; }
.interview-detail-hero__single-card { position: relative; z-index: 1; display: grid; justify-items: center; gap: 16px; width: min(100%, 420px); margin: 0 auto; }
.interview-detail-hero__single-card > span { color: #8b6d32; font-size: .78rem; font-weight: 900; letter-spacing: .1em; }
.interview-detail-hero__single-card .interview-card-face { width: min(100%, 400px); }
.interview-detail-hero__single-card .interview-card-face.is-main { transform: rotate(-1.25deg); box-shadow: 0 34px 48px rgb(45 35 19 / .24); }
[data-interview-theme="continuity"] .interview-detail-hero__single-card .interview-card-face__caption { color: #3c3428; }

[data-interview-theme="continuity"] .interview-cinematic-section { border-top: 1px solid #e7dbc5; background: #fffdfa; }
[data-interview-theme="continuity"] .interview-cinematic-section--single-card { background: linear-gradient(135deg, #fffdf8 0%, #f6efdf 100%); }
[data-interview-theme="continuity"] .interview-cinematic-section--analysis { background: #fbf7ee; }
[data-interview-theme="continuity"] .interview-cinematic-section h2 { color: #242018; }
[data-interview-theme="continuity"] .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow) { color: #4e463a; }
[data-interview-theme="continuity"] .interview-card-story--single { grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); }
[data-interview-theme="continuity"] .interview-card-story__stage::before { border-color: rgb(161 126 61 / .34); background: radial-gradient(circle at 50% 50%, rgb(214 182 111 / .24), transparent 62%); }
[data-interview-theme="continuity"] .interview-card-story__stage .interview-card-face.is-main { transform: rotate(1.2deg); }
[data-interview-theme="continuity"] .interview-portfolio { background: linear-gradient(135deg, #f5ecd9 0%, #fffdfa 44%, #eee1c6 100%); }
[data-interview-theme="continuity"] .interview-portfolio__head { color: #201d18; }
[data-interview-theme="continuity"] .interview-portfolio__head .interview-evidence-label, [data-interview-theme="continuity"] .interview-portfolio__head .interview-section__eyebrow { color: #95743a; }
[data-interview-theme="continuity"] .interview-portfolio__head > p:last-child { color: #6f5525; }
[data-interview-theme="continuity"] .interview-portfolio__role { border-color: #cbb782; background: #fffdfa; color: #241f17; }
[data-interview-theme="continuity"] .interview-portfolio__role > p { color: #937238; }
[data-interview-theme="continuity"] .interview-portfolio__role .interview-card-face__caption, [data-interview-theme="continuity"] .interview-portfolio__role h3 { color: #241f17; }
[data-interview-theme="continuity"] .interview-portfolio__role li { border-color: #d6c39b; color: #55462d; }
[data-interview-theme="continuity"] .interview-analysis-conclusion { color: #715424; }

/* Episode 06 uses a deliberately short two-line hero and a wide documentary
   headline.  The card and logo start lower in their adjacent column, so this
   preserves the editorial line breaks without competing with either visual. */
@media (min-width: 821px) {
  body[data-interview-id="mk_create_006"] .interview-detail-hero--card-only h1 {
    font-size: clamp(2.9rem, 3.75vw, 4.1rem);
  }

  body[data-interview-id="mk_create_006"] .interview-detail-hero--card-only h1 .interview-hero-title-line {
    white-space: nowrap;
  }

  body[data-interview-id="mk_create_006"] #field-expenses .interview-section__copy h2 {
    width: calc(100% + clamp(174px, 16vw, 222px));
    max-width: none;
    font-size: clamp(2.35rem, 3.55vw, 3rem);
    white-space: nowrap;
  }
}

/* Episode layouts may select this theme when payment continuity, rather than prestige,
   is the editorial focus. The same rules work for later multi-card interviews. */
[data-interview-theme="resilience"] { --interview-black: #101820; --interview-black-soft: #17232e; --interview-paper: #f4f5f1; --interview-paper-bright: #fffefa; --interview-titanium: #e8ece8; --interview-gold: #b3914f; --interview-gold-light: #ead8aa; }
[data-interview-theme="resilience"] .interview-detail-hero--portfolio { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(350px, .96fr); gap: clamp(30px, 6vw, 92px); align-items: center; min-height: min(86svh, 860px); background: radial-gradient(circle at 84% 12%, rgb(191 154 80 / .22), transparent 28%), linear-gradient(125deg, #0f171f 0%, #17242e 55%, #20231f 100%); border-color: #33414a; }
[data-interview-theme="resilience"] .interview-detail-hero--portfolio .interview-detail-hero__shade { background: linear-gradient(90deg, rgb(7 13 18 / .22), transparent 72%); }
[data-interview-theme="resilience"] .interview-detail-hero--portfolio .interview-detail-hero__content { position: relative; z-index: 1; min-height: 0; max-width: 690px; }
[data-interview-theme="resilience"] .interview-detail-hero--portfolio .interview-detail-hero__lead { color: #f6f1e6; }
[data-interview-theme="resilience"] .interview-detail-hero--portfolio .interview-cta-primary { background: linear-gradient(135deg, #ead09a, #b8904c); box-shadow: 0 0 0 0 rgb(215 178 98 / .45), 0 12px 24px rgb(0 0 0 / .22); color: #182028; animation: interview-resilience-cta-pulse 2.7s ease-out infinite; }
[data-interview-theme="resilience"] .interview-detail-hero--portfolio .interview-cta-primary:hover { background: linear-gradient(135deg, #fae4b5, #c8a260); }
[data-interview-theme="resilience"] .interview-detail-hero--portfolio .interview-cta-secondary { border-color: rgb(234 216 170 / .68); color: #fff9ea; }
.interview-detail-hero__portfolio-cards { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 1.6vw, 20px); align-items: end; width: min(100%, 610px); }
.interview-detail-hero__portfolio-cards > div { min-width: 0; }
.interview-detail-hero__portfolio-cards > div > span { display: block; min-height: 2.7em; margin-bottom: 8px; color: #ead8aa; font-size: .66rem; font-weight: 900; letter-spacing: .09em; line-height: 1.4; }
.interview-detail-hero__portfolio-cards .interview-card-face { min-width: 0; }
.interview-detail-hero__portfolio-cards .interview-card-face__caption { color: #f8f3e9; font-size: .68rem; overflow-wrap: anywhere; }
.interview-detail-hero__portfolio-cards .is-role-1 { transform: rotate(-2.2deg) translateY(9px); }
.interview-detail-hero__portfolio-cards .is-role-2 { transform: rotate(.7deg) translateY(-8px); }
.interview-detail-hero__portfolio-cards .is-role-3 { transform: rotate(2deg) translateY(7px); }
[data-interview-theme="resilience"] .interview-cinematic-section { border-top-color: #d9dfd9; background: #fffefa; }
[data-interview-theme="resilience"] .interview-cinematic-section:nth-of-type(even) { background: #f2f5f0; }
[data-interview-theme="resilience"] .interview-cinematic-section--black { background: #101820; color: #fbf7ec; }
[data-interview-theme="resilience"] .interview-cinematic-section--black .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow) { color: #dde4df; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis { background: linear-gradient(135deg, #15212a, #1d2b33); color: #fffdf7; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis { background: linear-gradient(135deg, #14222a, #1b2d35) !important; color: #fffdf7 !important; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis h2 { color: #fffdf7 !important; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-evidence-label, [data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-section__eyebrow { color: #f0d79a !important; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow) { color: #e2e7e1; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow) { color: #edf1e9 !important; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-analysis-conclusion { border-color: rgb(234 216 170 / .58); color: #f0d99d; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-analysis-list li { border-color: rgb(234 216 170 / .28); }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-analysis-list li > span { color: #f0d79a; }
[data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-analysis-list h3, [data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-analysis-list p, [data-interview-theme="resilience"] .interview-cinematic-section--analysis .interview-analysis-postscript { color: #edf1e9; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references { background: #101820; color: #fffaf1; border-top-color: #31424e; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-section__copy h2 { color: #fffaf1; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow) { color: #e1e5df; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference { background: #17242e; border-color: #46525a; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference > p:first-child { color: #ead8aa; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference h3, [data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference .interview-card-face__caption { color: #fffaf1; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference__description { color: #d3d8d4; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-references { grid-template-columns: minmax(0, 1fr); }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference { grid-template-columns: minmax(180px, 240px) minmax(0, 1fr); column-gap: clamp(22px, 4vw, 40px); align-items: start; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference > p:first-child { grid-column: 1 / -1; }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference .interview-card-face { grid-row: 2 / span 2; width: min(100%, 240px); }
[data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference h3 { align-self: end; }
[data-interview-theme="resilience"] .interview-cinematic-section .interview-key-message { border-color: #b59454; color: #765b25; }
[data-interview-theme="resilience"] .interview-cinematic-section--black .interview-key-message { border-color: rgb(234 216 170 / .48); color: #f0d99d; }
[data-interview-theme="resilience"] .interview-portfolio { background: linear-gradient(180deg, #101820 0 48%, #f7f6f1 48% 100%); }
[data-interview-theme="resilience"] .interview-portfolio__head { color: #fffdf7; }
[data-interview-theme="resilience"] .interview-portfolio__head .interview-evidence-label, [data-interview-theme="resilience"] .interview-portfolio__head .interview-section__eyebrow, [data-interview-theme="resilience"] .interview-portfolio__head > p:last-child { color: #ead8aa; }
[data-interview-theme="resilience"] .interview-portfolio__role { border-color: #bcb3a1; background: #fffefa; color: #1e272b; }
[data-interview-theme="resilience"] .interview-portfolio__role > p { color: #876d3d; }
[data-interview-theme="resilience"] .interview-portfolio__role .interview-card-face__caption, [data-interview-theme="resilience"] .interview-portfolio__role h3 { color: #1e272b; }
[data-interview-theme="resilience"] .interview-portfolio__role li { border-color: #d5ccbc; color: #4a524f; }
[data-interview-theme="resilience"] .interview-official-conditions { background: #edf0eb; }
[data-interview-theme="resilience"] .interview-preset-cta { background: #101820; }
[data-interview-theme="resilience"] .interview-preset-cta__actions .interview-cta-primary, [data-interview-theme="resilience"] .interview-official-card__actions a:last-child { background: linear-gradient(135deg, #f3deae, #ba914b); border-color: #b58b47; color: #1e2529; box-shadow: 0 0 0 0 rgb(214 176 95 / .42); animation: interview-resilience-cta-pulse 2.7s ease-out infinite; }
[data-interview-theme="resilience"] .interview-preset-cta__actions .interview-cta-primary:hover, [data-interview-theme="resilience"] .interview-official-card__actions a:last-child:hover { background: linear-gradient(135deg, #fff0c8, #c9a15a); }

/* Episode 04: keep all three formal cards readable on a desktop article column. */
@media (min-width: 821px) {
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three { grid-template-columns: minmax(0, 1fr); gap: 18px; max-width: 980px; }
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three .interview-portfolio__role { display: grid; grid-template-columns: minmax(185px, 245px) minmax(0, 1fr); column-gap: clamp(24px, 3.4vw, 44px); align-items: center; padding: clamp(22px, 3vw, 34px); }
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three .interview-portfolio__role > p { grid-column: 1 / -1; margin: 0 0 14px; }
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three .interview-card-face { grid-column: 1; grid-row: 2 / span 2; width: 100%; max-width: 245px; }
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three .interview-portfolio__role h3 { grid-column: 2; margin: 0 0 18px; font-size: clamp(1.45rem, 2.15vw, 2.05rem); line-height: 1.36; letter-spacing: -.04em; overflow-wrap: normal; word-break: normal; }
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three .interview-portfolio__role ul { grid-column: 2; align-self: start; }
}

/*
 * Reading-first contract for every three-card interview.  Article columns
 * become narrow beside the episode rail, so three tiny cards are never used
 * at desktop or tablet widths.  Two columns preserve comparison at wide
 * widths; one column preserves complete card names below that.
 */
@media (min-width: 1101px) and (max-width: 1600px) {
  .interview-portfolio[data-interview-layout="reading-v1"] .interview-portfolio__roles.is-three,
  [data-interview-theme="restaurant"] .interview-portfolio[data-interview-layout="reading-v1"] .interview-portfolio__roles--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* The resilience theme intentionally uses a wide, one-card-per-row layout. */
  [data-interview-theme="resilience"] .interview-portfolio[data-interview-layout="reading-v1"] .interview-portfolio__roles.is-three { grid-template-columns: minmax(0, 1fr); }
}

@media (min-width: 821px) and (max-width: 1100px) {
  .interview-portfolio[data-interview-layout="reading-v1"] .interview-portfolio__roles.is-three,
  [data-interview-theme="restaurant"] .interview-portfolio[data-interview-layout="reading-v1"] .interview-portfolio__roles--three { grid-template-columns: minmax(0, 1fr); }
}
@keyframes interview-resilience-cta-pulse { 0%, 62% { box-shadow: 0 0 0 0 rgb(214 176 95 / .42); } 82% { box-shadow: 0 0 0 12px rgb(214 176 95 / 0); } 100% { box-shadow: 0 0 0 0 rgb(214 176 95 / 0); } }

[data-interview-theme="restaurant"] { --interview-black: #181716; --interview-black-soft: #27201c; --interview-paper: #f3ece0; --interview-paper-bright: #fffaf1; --interview-titanium: #dcd9d3; --interview-gold-light: #dbc188; }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant { min-height: min(96svh, 980px); background: #171513; border-color: #513d2d; }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant .interview-detail-hero__shade { background: linear-gradient(90deg, rgb(20 18 17 / .96) 0%, rgb(29 22 18 / .87) 47%, rgb(34 20 18 / .62) 100%), linear-gradient(0deg, rgb(32 16 13 / .42), transparent 58%); }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant .interview-detail-hero__picture img { object-position: 52% 48%; filter: saturate(.62) contrast(1.12) brightness(.52); }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant .interview-detail-hero__content { position: relative; z-index: 1; min-height: calc(min(96svh, 980px) - clamp(88px, 14vw, 220px)); }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant h1 .interview-hero-title-line + .interview-hero-title-line { color: #e0c786; }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant .interview-detail-hero__lead { color: #f0e6d5; }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant .interview-cta-primary { background: #794036; color: #fff8ed; }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant .interview-cta-primary:hover { background: #a05b48; }
[data-interview-theme="restaurant"] .interview-detail-hero--restaurant .interview-cta-secondary { border-color: rgb(223 193 136 / .7); color: #f9eedb; }
.interview-detail-hero__restaurant-cards { position: absolute; z-index: 2; right: clamp(30px, 6vw, 94px); bottom: clamp(30px, 7vw, 96px); display: grid; grid-template-columns: repeat(2, minmax(140px, 245px)); gap: 16px; width: min(42%, 520px); }
.interview-detail-hero__restaurant-cards > div > span { display: block; margin-bottom: 7px; color: #e6cf9a; font-size: .67rem; font-weight: 900; letter-spacing: .1em; line-height: 1.4; }
.interview-detail-hero__restaurant-cards .interview-card-face__caption { color: #f6eddd; }
.interview-detail-hero__restaurant-cards .interview-card-face.is-main { transform: rotate(-1.4deg); }
.interview-detail-hero__restaurant-cards .interview-card-face.is-sub { transform: rotate(1.3deg); }
.interview-detail-hero__restaurant-documentary { grid-column: 1 / -1; width: 150px; margin: 0 0 4px auto; }
.interview-detail-hero__restaurant-documentary > span { display: block; margin-bottom: 7px; color: #e6cf9a; font-size: .67rem; font-weight: 900; letter-spacing: .1em; }
.interview-detail-hero__restaurant-documentary figcaption { color: #d8ccba; }
.interview-detail-hero__personal { grid-column: 1 / -1; padding: 15px; border: 1px solid rgb(222 192 135 / .48); background: rgb(22 20 18 / .68); backdrop-filter: blur(8px); }
.interview-detail-hero__personal > span { color: #e6cf9a; }
.interview-detail-hero__personal strong { display: block; color: #fff9ef; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: 1.08rem; line-height: 1.5; }
.interview-detail-hero__personal small { display: block; margin-top: 6px; color: #d8ccba; font-size: .7rem; line-height: 1.45; }
[data-interview-theme="restaurant"] .interview-cinematic-section { background: #fffaf1; border-top-color: #eadbc3; }
[data-interview-theme="restaurant"] .interview-cinematic-section:nth-of-type(even) { background: #f4ece0; }
[data-interview-theme="restaurant"] .interview-cinematic-section--card { background: #201b18; color: #fff7eb; }
[data-interview-theme="restaurant"] .interview-cinematic-section--card .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow) { color: #e5dacb; }
[data-interview-theme="restaurant"] .interview-cinematic-section--card .interview-evidence-label, [data-interview-theme="restaurant"] .interview-cinematic-section--card .interview-section__eyebrow { color: #dfbf81; }
[data-interview-theme="restaurant"] .interview-cinematic-section--analysis { background: #f6eee1; }
[data-interview-theme="restaurant"] .interview-portfolio { background: linear-gradient(180deg, #221d1a 0 48%, #fffaf1 48% 100%); }
[data-interview-theme="restaurant"] .interview-portfolio__head { color: #fff8ef; }
[data-interview-theme="restaurant"] .interview-portfolio__role { border-color: #60493a; background: #2a221e; }
[data-interview-theme="restaurant"] .interview-portfolio__role:last-child { color: #fffaf1; }
[data-interview-theme="restaurant"] .interview-portfolio__role:last-child .interview-card-face__caption, [data-interview-theme="restaurant"] .interview-portfolio__role:last-child h3 { color: #fffaf1; }
[data-interview-theme="restaurant"] .interview-portfolio__role:last-child li { border-color: rgb(255 250 241 / .42); color: #f3e7d4; }
[data-interview-theme="restaurant"] .interview-article-layout { grid-template-columns: minmax(185px, 210px) minmax(0, 1fr); gap: clamp(30px, 3vw, 48px); }
[data-interview-theme="restaurant"] .interview-card-story { grid-template-columns: minmax(0, 1.45fr) minmax(250px, .55fr); gap: clamp(28px, 4vw, 54px); }
[data-interview-theme="restaurant"] .interview-card-story h2 { font-size: clamp(2.55rem, 4.4vw, 4.5rem); line-height: 1.16; }
[data-interview-theme="restaurant"] .interview-portfolio__roles--three { gap: clamp(16px, 2vw, 28px); }
[data-interview-theme="restaurant"] .interview-portfolio__roles--three .interview-portfolio__role { padding: clamp(18px, 2.5vw, 28px); }
[data-interview-theme="restaurant"] .interview-portfolio__roles--three .interview-portfolio__role h3 { font-size: clamp(1.28rem, 2vw, 1.72rem); line-height: 1.42; line-break: strict; overflow-wrap: normal; }
[data-interview-theme="restaurant"] .interview-cinematic-section--black .interview-key-message, [data-interview-theme="restaurant"] .interview-cinematic-section--card .interview-key-message { border-color: rgb(245 221 166 / .56); color: #f5dda6; text-shadow: 0 1px 12px rgb(245 221 166 / .12); }
[data-interview-theme="restaurant"] .interview-official-conditions__grid { grid-template-columns: 1fr; max-width: 1080px; }
[data-interview-theme="restaurant"] .interview-official-card { grid-template-columns: minmax(180px, 230px) minmax(0, 1fr); padding: clamp(24px, 3vw, 36px); }
[data-interview-theme="restaurant"] .interview-official-card__actions a:last-child { border-color: #cfae67; background: linear-gradient(135deg, #f7e5b4, #c79d4e); box-shadow: 0 0 0 0 rgb(218 181 103 / .5); color: #2b2013; animation: interview-restaurant-cta-pulse 2.4s ease-out infinite; }
[data-interview-theme="restaurant"] .interview-official-card__actions a:last-child:hover { background: linear-gradient(135deg, #fff0c7, #d9af5b); }
[data-interview-theme="restaurant"] .interview-portfolio__roles--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[data-interview-theme="restaurant"] .interview-portfolio__role--personal { background: #f5e9d4; color: #2b201a; }
[data-interview-theme="restaurant"] .interview-portfolio__role--personal h3, [data-interview-theme="restaurant"] .interview-portfolio__role--personal li, [data-interview-theme="restaurant"] .interview-portfolio__role--personal small { color: #51372d; }
[data-interview-theme="restaurant"] .interview-portfolio__role--personal > p { color: #8d543d; }
[data-interview-theme="restaurant"] .interview-preset-cta { background: #1a1614; }
[data-interview-theme="restaurant"] .interview-preset-cta__actions .interview-cta-primary { background: #85493b; color: #fffaf1; }

@keyframes interview-restaurant-cta-pulse { 0%, 62% { box-shadow: 0 0 0 0 rgb(218 181 103 / .42); } 82% { box-shadow: 0 0 0 12px rgb(218 181 103 / 0); } 100% { box-shadow: 0 0 0 0 rgb(218 181 103 / 0); } }

.interview-motion-ready .interview-reveal { opacity: 0; transform: translateY(24px); animation: interview-line-reveal .86s var(--interview-ease) forwards; animation-delay: var(--reveal-delay, 0ms); }
@keyframes interview-line-reveal { to { opacity: 1; transform: translateY(0); } }
.interview-motion-ready [data-interview-section] .interview-section__copy, .interview-motion-ready [data-interview-section] .interview-real-estate__copy, .interview-motion-ready [data-interview-section] .interview-portfolio__head { transition: opacity .8s var(--interview-ease), transform .8s var(--interview-ease); }
/* Keep the readable SSR state as the default.  A section only enters its
   pre-reveal state after the client observer has been attached, so a delayed
   or unavailable observer can never leave article copy faint on screen. */
.interview-motion-ready [data-interview-section].is-reveal-pending:not(.is-in-view) .interview-section__copy, .interview-motion-ready [data-interview-section].is-reveal-pending:not(.is-in-view) .interview-real-estate__copy, .interview-motion-ready [data-interview-section].is-reveal-pending:not(.is-in-view) .interview-portfolio__head { opacity: .02; transform: translateY(26px); }

/* Anchor navigation can land inside this section before IntersectionObserver
   receives its first callback.  Do not allow the primary copy to fade there. */
body[data-interview-id="tanaka_ad_operations_008"] #recovery-path .interview-section__copy { opacity: 1 !important; transform: none !important; }

@media (max-width: 1100px) {
  .interview-article-layout { grid-template-columns: 210px minmax(0, 1fr); gap: 32px; }
  .interview-detail-hero { padding-right: clamp(36px, 5vw, 70px); }
  .interview-official-card { grid-template-columns: 1fr; }
  [data-interview-theme="restaurant"] .interview-official-card { grid-template-columns: 1fr; }
  .interview-official-card > div:first-child .interview-card-face { width: min(210px, 100%); }
  .interview-real-estate { gap: 40px; }
}

@media (max-width: 820px) {
  [data-interview-section] { scroll-margin-top: 64px; }
  .interview-card-references { grid-template-columns: minmax(0, 1fr); }
  [data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  [data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference > p:first-child, [data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference .interview-card-face { grid-column: auto; grid-row: auto; }
  [data-interview-theme="resilience"] .interview-cinematic-section--card-references .interview-card-reference .interview-card-face { width: min(100%, 320px); }
  .interview-series-bar { padding-right: 16px; padding-left: 16px; }
  .interview-series-bar span:last-child { display: none; }
  .interview-main { padding: 0 16px; }
  .interview-detail-hero { min-height: auto; padding: 44px 28px; }
  .interview-detail-hero__content { min-height: 0; }
  .interview-detail-hero__photo { opacity: .55; }
  .interview-detail-hero__shade { background: linear-gradient(0deg, rgb(7 8 9 / .94), rgb(7 8 9 / .83)); }
  .interview-detail-hero h1 { font-size: clamp(2.45rem, 8vw, 4rem); }
  .interview-article-layout { display: block; margin-top: 20px; }
  .interview-episode-rail { display: none; }
  .interview-mobile-navigator { position: sticky; z-index: 10; top: 0; display: grid; grid-template-columns: 1fr 1fr auto; align-items: stretch; margin: 0 -16px; border-bottom: 1px solid #d1ccc1; background: rgb(250 248 243 / .96); backdrop-filter: blur(10px); }
  .interview-mobile-navigator > span, .interview-mobile-navigator > a, .interview-mobile-navigator summary { display: grid; min-height: 50px; align-items: center; padding: 10px 14px; border-right: 1px solid #d1ccc1; color: #242320; font-size: .83rem; font-weight: 800; text-decoration: none; }
  .interview-mobile-navigator > span { color: #816535; }
  .interview-mobile-navigator details { position: relative; }
  .interview-mobile-navigator summary { min-width: 68px; cursor: pointer; list-style: none; }
  .interview-mobile-navigator summary::-webkit-details-marker { display: none; }
  .interview-mobile-navigator details nav { position: absolute; z-index: 2; right: 0; top: 50px; display: grid; width: min(280px, 92vw); border: 1px solid #cac2b5; background: #fffdfa; box-shadow: 0 20px 44px rgb(13 13 12 / .18); }
  .interview-mobile-navigator details nav a { padding: 13px 16px; border-bottom: 1px solid #ddd7cc; color: #272522; font-size: .9rem; font-weight: 700; text-decoration: none; }
  .interview-cinematic-section { margin-right: -16px; margin-left: -16px; padding-right: 28px; padding-left: 28px; }
  .interview-documentary-layout { grid-template-columns: 1fr; }
  .interview-card-story, .interview-card-story--reverse, .interview-real-estate { grid-template-columns: 1fr; }
  [data-interview-theme="restaurant"] .interview-card-story { grid-template-columns: 1fr; }
  .interview-card-story__stage { min-height: 260px; order: -1; }
  .interview-card-story--reverse .interview-card-story__stage { order: -1; }
  .interview-real-estate__photo { min-height: 330px; }
  .interview-real-estate__copy--second { grid-column: auto; }
  .interview-portfolio { margin-right: -16px; margin-left: -16px; padding-right: 28px; padding-left: 28px; background: linear-gradient(180deg, var(--interview-black) 0 48%, var(--interview-paper-bright) 48% 100%); }
  .interview-official-conditions, .interview-preset-cta, .interview-disclosure { margin-right: -16px; margin-left: -16px; padding-right: 28px; padding-left: 28px; }
  /*
   * Mobile is deliberately a reading sequence, never a squeezed desktop
   * comparison grid.  `.is-three` and the theme selectors above are more
   * specific than the base grid, so they must be reset explicitly here.
   * This is shared by every published and future interview.
   */
  .interview-official-conditions__grid,
  .interview-portfolio__roles,
  .interview-portfolio__roles.is-three,
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three,
  [data-interview-theme="restaurant"] .interview-portfolio__roles--three { grid-template-columns: minmax(0, 1fr); }
  .interview-portfolio__roles.is-three { gap: 18px; }
  .interview-portfolio__role,
  [data-interview-theme="resilience"] .interview-portfolio__role,
  [data-interview-theme="restaurant"] .interview-portfolio__roles--three .interview-portfolio__role { display: block; min-width: 0; padding: 24px; }
  .interview-portfolio__role .interview-card-face,
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three .interview-card-face { width: min(100%, 320px); max-width: 320px; }
  .interview-portfolio__role h3,
  [data-interview-theme="resilience"] .interview-portfolio__roles.is-three .interview-portfolio__role h3,
  [data-interview-theme="restaurant"] .interview-portfolio__roles--three .interview-portfolio__role h3 { margin-top: 18px; overflow-wrap: normal; word-break: normal; line-break: strict; text-wrap: pretty; }
  .interview-official-card,
  [data-interview-theme="restaurant"] .interview-official-card { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .interview-official-card > div:first-child .interview-card-face { width: min(100%, 320px); }
  .interview-photo-stage { min-height: 680px; margin-right: -16px; margin-left: -16px; }
  .interview-photo-stage__overlay { padding: 54px 28px; }
  .interview-photo-stage::after { background: linear-gradient(0deg, rgb(7 8 9 / .94), rgb(7 8 9 / .55) 72%, rgb(7 8 9 / .25)); }
  .interview-hub-hero { padding: 42px 28px; }
  .interview-detail-hero--card-only { display: block !important; min-height: auto !important; }
  .interview-detail-hero--card-only .interview-detail-hero__single-card { margin-top: 34px; }
  [data-interview-theme="resilience"] .interview-detail-hero--portfolio { display: block; min-height: auto; }
  .interview-detail-hero__portfolio-cards { width: auto; margin-top: 36px; }
  [data-interview-theme="restaurant"] .interview-detail-hero--restaurant { display: block; min-height: auto; }
  [data-interview-theme="restaurant"] .interview-detail-hero--restaurant .interview-detail-hero__shade { background: linear-gradient(0deg, rgb(20 18 17 / .94), rgb(20 18 17 / .88)); }
  .interview-detail-hero__restaurant-cards { position: relative; right: auto; bottom: auto; width: auto; margin: 24px 28px 0; }
  [data-interview-theme="continuity"] .interview-card-story--single { grid-template-columns: 1fr; }
  .interview-hub-episodes > div { grid-template-columns: 1fr; }
  .interview-episode-navigation { display: grid; grid-template-columns: 1fr; }
  .interview-episode-navigation a, .interview-episode-navigation a:last-child { max-width: none; margin-left: 0; text-align: left; }
}

@media (max-width: 520px) {
  .interview-series-bar { min-height: 36px; padding-top: 7px; padding-bottom: 7px; font-size: .62rem; }
  .interview-series-bar span:first-child { font-size: .68rem; }
  .interview-series-bar span:first-child::after { content: none; }
  .interview-detail-hero { margin-right: -2px; margin-left: -2px; padding: 38px 24px; border-radius: 20px; }
  .interview-detail-hero h1 { font-size: clamp(2.06rem, 10.3vw, 3.2rem); line-height: 1.22; letter-spacing: -.07em; }
  /* Keep the editorially fixed three-line M-company title intact on narrow phones. */
  body[data-interview-id="m_company_001"] .interview-detail-hero h1 { font-size: min(2rem, calc((100vw - 48px) / 13.3)); }
  /* Keep the fixed M. K CREATE title in its intended meaning units on narrow phones. */
  body[data-interview-id="mk_create_006"] .interview-detail-hero h1 { font-size: clamp(1.95rem, 8.2vw, 2.2rem); }
  .interview-hero-title-lines--desktop { display: none !important; }
  .interview-hero-title-lines--mobile { display: block !important; }
  .interview-detail-hero__lead { font-size: 1.3rem; }
  .interview-detail-hero__facts { display: grid; grid-template-columns: 1fr; gap: 7px; }
  .interview-detail-hero__faces { gap: 12px; }
  .interview-detail-hero__faces > div { width: calc(50% - 6px); }
  .interview-detail-hero__faces .interview-card-face__caption { display: none; }
  .interview-detail-hero__actions, .interview-hub-hero__actions, .interview-preset-cta__actions { display: grid; grid-template-columns: 1fr; }
  .interview-cta-primary, .interview-cta-secondary { width: 100%; min-height: 54px; }
  .interview-cinematic-section h2, .interview-portfolio h2, .interview-official-conditions h2, .interview-preset-cta h2, .interview-disclosure h2, .interview-photo-stage h2 { font-size: clamp(2rem, 10.2vw, 3.1rem); line-height: 1.25; }
  .interview-section__copy p:not(.interview-evidence-label):not(.interview-section__eyebrow), .interview-real-estate__copy > p, .interview-disclosure p, .interview-preset-cta p { font-size: 1rem; line-height: 1.9; }
  .interview-card-story__stage { min-height: 226px; }
  .interview-real-estate__photo { min-height: 290px; }
  .interview-official-card { padding: 18px; }
  .interview-official-card__body dl div { grid-template-columns: 84px minmax(0, 1fr); gap: 10px; }
  .interview-official-card__actions { grid-template-columns: 1fr; }
  .interview-official-card__actions a { min-height: 50px; }
  .interview-hub-hero { margin-right: -2px; margin-left: -2px; padding: 38px 24px; border-radius: 20px; }
  .interview-hub-hero h1 { font-size: clamp(2.1rem, 10.3vw, 3.25rem); }
  .interview-hub-hero__lead br { display: none; }
  .interview-hub-hero__featured { margin-top: 28px; }
  .interview-hub-hero__portfolio { gap: 12px; }
  .interview-hub-hero__portfolio > div { width: calc(50% - 6px); }
  .interview-hub-hero__portfolio .interview-card-face__caption { display: none; }
  .interview-hub-hero dl { display: grid; grid-template-columns: 1fr; gap: 6px; }
  .interview-detail-hero__single-card { width: 100%; }
  .interview-detail-hero__single-card .interview-card-face { width: 100%; }
  .interview-detail-hero__portfolio-cards { gap: 8px; }
  .interview-detail-hero__portfolio-cards > div > span { min-height: 2.8em; font-size: .57rem; }
  .interview-detail-hero__portfolio-cards .interview-card-face__caption { display: none; }
  .interview-hub-episodes { padding-right: 20px; padding-left: 20px; }
  .interview-hub-episode__card { padding: 20px; }
  .interview-episode-navigation { padding: 24px 20px; }
  .interview-article-context-links { grid-template-columns: 1fr; }
  .interview-documentary-photo { width: 150px; }
  [data-interview-theme="restaurant"] .interview-portfolio__roles--three { grid-template-columns: 1fr; }
}

/*
 * Shared reading baseline for every executive-interview episode.
 * Keep all labels and official-condition values horizontal on desktop and
 * turn every multi-card composition into a single reading sequence on phones.
 */
.interview-page [data-interview-layout="reading-v1"],
.interview-page [data-interview-layout="reading-v1"] * { min-width: 0; }
.interview-page .interview-portfolio__role h3,
.interview-page .interview-official-card__body h3,
.interview-page .interview-card-face__caption {
  overflow-wrap: break-word;
  word-break: normal;
  line-break: strict;
  text-wrap: pretty;
}
.interview-detail-hero__status {
  position: relative;
  z-index: 1;
  display: inline-grid;
  gap: 5px;
  margin-top: 20px;
  padding: 12px 15px;
  border: 1px solid rgb(153 120 54 / .42);
  background: rgb(255 253 248 / .7);
  color: #46371d;
  font-size: .82rem;
  line-height: 1.55;
}
.interview-detail-hero__status > span { color: #8b6d32; font-size: .69rem; font-weight: 900; letter-spacing: .11em; }
.interview-detail-hero--personal-card .interview-detail-hero__single-card--personal { width: min(100%, 510px); }
.interview-card-face--personal { display: grid; gap: 10px; margin: 0; text-decoration: none; }
.interview-card-face--personal img { width: 100%; height: auto; border: 1px solid rgb(137 108 55 / .38); border-radius: 10px; object-fit: contain; background: #0e0e0d; }
.interview-card-face--personal .interview-card-face__caption { color: #3c3428; font-weight: 800; }
.interview-card-face--personal .interview-card-face__caption small { display: block; margin-top: 4px; color: #74664e; font-size: .72rem; font-weight: 700; }
.interview-portfolio--personal-only .interview-portfolio__role--personal-only { max-width: 560px; }
.interview-portfolio__role--personal-only > small { display: block; margin-top: 16px; color: #74664e; font-size: .78rem; line-height: 1.65; }
.interview-official-conditions--payment-structure { background: #f4efe5; }
.interview-payment-structure { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 30px 0 0; background: #d6c9ad; }
.interview-payment-structure > div { min-width: 0; padding: 24px; background: #fffdfa; }
.interview-payment-structure dt { color: #866833; font-size: .75rem; font-weight: 900; letter-spacing: .08em; }
.interview-payment-structure dd { margin: 9px 0 0; color: #2d2922; font-size: 1rem; font-weight: 750; line-height: 1.65; overflow-wrap: break-word; }
.interview-preset-cta--payment-structure .interview-cta-primary { background: #8b6c31; box-shadow: 0 0 0 0 rgb(183 145 73 / .44), 0 12px 24px rgb(83 60 18 / .16); animation: interview-continuity-cta-pulse 2.7s ease-out infinite; }
@keyframes interview-continuity-cta-pulse { 0%, 62% { box-shadow: 0 0 0 0 rgb(183 145 73 / .44), 0 12px 24px rgb(83 60 18 / .16); } 82% { box-shadow: 0 0 0 13px rgb(183 145 73 / 0), 0 12px 24px rgb(83 60 18 / .16); } 100% { box-shadow: 0 0 0 0 rgb(183 145 73 / 0), 0 12px 24px rgb(83 60 18 / .16); } }

@media (max-width: 820px) {
  .interview-payment-structure { grid-template-columns: minmax(0, 1fr); }
  .interview-payment-structure > div { padding: 20px; }
  .interview-detail-hero__status { display: grid; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .interview-page *, .interview-page *::before, .interview-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .interview-detail-hero__picture img, .interview-hub-hero__picture img { transform: none; }
  .interview-motion-ready .interview-reveal, .interview-motion-ready [data-interview-section]:not(.is-in-view) .interview-section__copy, .interview-motion-ready [data-interview-section]:not(.is-in-view) .interview-real-estate__copy, .interview-motion-ready [data-interview-section]:not(.is-in-view) .interview-portfolio__head { opacity: 1; transform: none; }
  .interview-episode-rail { position: static; }
}