@font-face{font-family:'Pretendard Latin';src:url('fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF}
/* Adobe Clean Han uses Source Han Sans for CJK; use Adobe's open-source KR font. */
@font-face{font-family:'Source Han Sans KR';src:url('fonts/SourceHanSansKR-VF.woff2') format('woff2');font-style:normal;font-weight:250 900;font-display:swap}
:root{--sans:'Pretendard Latin','Source Han Sans KR',sans-serif;--gutter:clamp(24px,5.5vw,100px)}
body{font-weight:400;font-synthesis:none;letter-spacing:-.015em}
.site-header{min-height:88px;padding-top:18px;padding-bottom:18px;gap:28px;background:#fff}
.brand{font-family:var(--sans);font-size:31.28px;font-weight:600;letter-spacing:-.055em}
.site-header nav{gap:clamp(18px,2vw,30px)}
.site-header nav a{font-size:16.56px;font-weight:550;letter-spacing:.025em;line-height:1.4}
.site-header nav sup{display:none}
.site-header nav a[aria-current=page]{font-weight:700}
.contact-link{font-size:14.72px;letter-spacing:.06em;border:0;border-bottom:1px solid #5f0080;padding:10px 0;margin-left:22px;min-height:38px}
.contact-link:hover{background:transparent;color:#111}
.hero-profile-spread{padding-top:38px;padding-bottom:100px}
.hero-editorial{min-height:660px;grid-template-columns:58% 42%}
.hero-editorial-copy{padding:65px 55px}
.hero-editorial h1{font-family:var(--sans);font-weight:400;letter-spacing:-.025em;line-height:1.25;font-size:clamp(57.04px,5.704vw,101.2px);margin-bottom:40px}
.hero-editorial .visual-cover-name{border:0;padding-top:0;font-size:23.92px;font-weight:550;gap:20px}
.hero-editorial .visual-cover-name span{font-family:var(--sans);font-size:16.56px;font-weight:500;letter-spacing:.06em}
.hero-about{font-family:var(--sans);font-size:12.88px;letter-spacing:.06em;margin-top:44px}
.visual-spread{padding-top:100px;padding-bottom:100px}
.visual-heading{margin-bottom:48px;align-items:baseline}
.visual-heading h2{font-family:var(--sans);font-size:clamp(50.6px,7.36vw,121.44px);font-weight:500;letter-spacing:-.075em;line-height:1.02}
.visual-heading h2>span{display:inline-block;font-size:12px;font-weight:500;letter-spacing:0;vertical-align:top;margin:15px 28px 0 0}
.visual-heading>a{font-size:12.88px;font-weight:450;border:0;letter-spacing:-.02em;white-space:nowrap}
.chapter-image .visual-heading{border:0;padding-top:0}
.visual-card h3{font-size:clamp(19.32px,1.656vw,25.76px);font-weight:550;letter-spacing:-.035em;line-height:1.4}
.visual-card figcaption h3{border-left-width:6px;padding-left:12px}
.visual-card figcaption{padding-top:18px}
.visual-card figcaption p{font-size:14.72px;color:#656565;line-height:1.6;margin-top:10px}
.visual-grid{gap:48px 30px}
.visual-next,.text-link{font-size:15.64px;font-weight:400}
.resume-grid>div{border-top:1px solid #5f0080;padding-top:24px}
.resume-grid h3{font-size:22.08px;font-weight:600;margin-bottom:25px}
.resume-grid li{font-size:clamp(17.48px,1.518vw,23px);font-weight:400;line-height:1.75;letter-spacing:-.035em}
.resume-grid .resume-interests{border-color:#ddd}
.resume-interests h3{font-size:15.64px}
.resume-interests li{font-size:13.8px;letter-spacing:.025em}
#director{background:#111;color:white}
#director .visual-heading h2>span{color:white}
#director .hero-caption h3{font-weight:500;border-left-width:6px}
.hero-caption{padding:45px 36px 36px}
.hero-caption h3{font-size:clamp(29.44px,3.128vw,49.68px);font-weight:500;line-height:1.3;letter-spacing:-.035em}
.hero-caption p{font-size:15.64px}
.concert-copy h3{font-weight:550;letter-spacing:-.045em;line-height:1.3}
.concert-kicker{font-family:var(--sans);font-size:13.8px;letter-spacing:.03em;font-weight:500}
.concert-artists span{border-left-width:6px;font-weight:450;font-size:25.76px}
.arirang-kicker{font-size:clamp(15.64px,1.472vw,22.08px);font-weight:500;border-left-width:6px;letter-spacing:-.02em}
.arirang-description{font-size:22.08px;font-weight:400}
.arirang-credit{font-size:16.56px;font-weight:500}
.lecture-topic-list h3,.lecture-history h3{font-size:24.84px;font-weight:550}
.lecture-topic-list p,.lecture-history li{font-size:20.24px;line-height:1.8}
.research-editorial h3{font-weight:500;line-height:1.5;font-size:clamp(33.12px,3.864vw,58.88px)}
.field-editorial h2{font-family:var(--sans);font-size:14.72px;letter-spacing:.1em}
.field-key{font-family:var(--sans);font-size:clamp(42.32px,5.888vw,93.84px);font-weight:450;line-height:1.25;letter-spacing:-.06em}
.field-explanation{font-size:clamp(23px,2.576vw,38.64px);font-weight:350;line-height:1.7}
.profile-editorial-copy h2{font-size:21.16px;font-weight:500}
.profile-editorial-copy p{font-weight:400;letter-spacing:-.045em}
.profile-editorial-copy strong{font-weight:550}
.contact-editorial h2{font-family:var(--sans);font-weight:400;letter-spacing:-.075em}
.detail-page .page-heading h1{font-family:var(--sans);font-weight:500;letter-spacing:-.075em;font-size:clamp(55.2px,9.2vw,141.68px)}
.page-heading .eyebrow{font-size:12px;color:#5f0080;letter-spacing:.015em;font-weight:500}
.program-copy h2{font-weight:500;border-left-width:6px;letter-spacing:-.045em}
.page-director .work-copy h3{font-weight:500;letter-spacing:-.04em}
.page-director .work-copy h3 small{font-weight:450}
.detail-head h2{font-weight:500}
.archive-title,.paper-row .archive-title{font-weight:450}
.mag-footer{border-color:#ddd}
@media(max-width:1100px){
 .site-header{min-height:70px;gap:14px;padding:12px 24px}
 .site-header .brand{font-size:25.76px;margin-right:auto}
 .site-header .menu-button{display:block;order:2;font-size:12px;min-height:44px;min-width:44px;text-align:center}
 .site-header .contact-link{order:3;margin:0;font-size:12px}
 .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;padding:20px 24px 28px;box-shadow:0 18px 24px #0001;gap:0}
 .site-header nav.is-open{display:flex;flex-direction:column}
 .site-header nav a{font-size:19.32px;letter-spacing:.01em;padding:16px 0;border-bottom:1px solid #eee}
}
@media(max-width:600px){
 .magazine:not(.scene-page) .brand{font-family:var(--sans);font-size:23px;font-weight:600}
 .magazine:not(.scene-page) .site-header nav a{font-size:19.32px;letter-spacing:0}
 .magazine:not(.scene-page) .contact-link{border:0;border-bottom:1px solid;padding:8px 0;font-size:12px;letter-spacing:.04em}
 .magazine:not(.scene-page) .hero-editorial-copy{padding:36px 24px}
 .magazine:not(.scene-page) .hero-editorial h1{font-family:var(--sans);font-weight:400;font-size:clamp(38.64px,11.04vw,53.36px);line-height:1.25}
 .magazine:not(.scene-page) .hero-editorial .visual-cover-name{font-size:22.08px}
 .magazine:not(.scene-page) .hero-editorial .visual-cover-name span{font-size:14.72px}
 .magazine:not(.scene-page) .visual-heading h2{font-family:var(--sans);font-size:clamp(31.28px,9.2vw,47.84px);font-weight:500;letter-spacing:-.065em;line-height:1.1}
 .magazine:not(.scene-page) .visual-heading h2>span{font-size:12px;margin:5px 12px 0 0}
 .magazine:not(.scene-page) .visual-heading>a{font-size:12px}
 .magazine:not(.scene-page) .visual-card h3{font-size:21.16px;font-weight:500}
 .magazine:not(.scene-page) .visual-card figcaption h3{border-left-width:6px}
 .magazine:not(.scene-page) .page-heading h1{font-size:clamp(40.48px,11.04vw,60.72px);font-weight:500;letter-spacing:-.065em;overflow-wrap:anywhere}
 .magazine:not(.scene-page) .program-copy h2{font-size:28.52px;font-weight:500}
 .magazine:not(.scene-page) .resume-grid h3{font-size:23px}
 .magazine:not(.scene-page) .field-key{font-size:clamp(33.12px,9.2vw,44.16px);font-weight:450}
 .magazine:not(.scene-page) .field-explanation{font-size:21.16px;font-weight:400}
 .magazine:not(.scene-page) .hero-caption h3{font-weight:500;border-left-width:6px}
 .magazine:not(.scene-page) .contact-editorial h2{font-weight:400}
}

/* Selected C edition: readable navigation, restrained hero, stronger interests. */
.resume-grid .resume-interests{grid-column:1/-1;display:flex;align-items:baseline;gap:32px;border-top:1px solid #ddd;padding-top:28px}
.resume-grid .resume-interests h3{font-size:20.24px;font-weight:600;letter-spacing:.025em;white-space:nowrap;margin:0}
.resume-grid .resume-interests li{font-size:22.08px;font-weight:600;line-height:1.65;letter-spacing:.015em;padding:0}
@media(max-width:600px){
 .magazine:not(.scene-page) .resume-grid .resume-interests{display:block}
 .magazine:not(.scene-page) .resume-grid .resume-interests h3{font-size:18.4px;margin-bottom:16px}
 .magazine:not(.scene-page) .resume-grid .resume-interests li{font-size:18.4px;font-weight:600;line-height:1.8;overflow-wrap:normal}
}

/* Version 1018: producing / consulting / media / researching. */
.page-about .expert-manifesto{max-width:1120px;margin:70px auto 20px;padding:50px 0 20px;background:#fff;color:#111}
.page-about .expert-manifesto>p:first-child{font-size:clamp(31.28px,3.772vw,57.04px);font-weight:400;line-height:1.4;letter-spacing:-.045em;margin:0}
.page-about .expert-manifesto>p:first-child::before{width:46px;height:2px;margin-bottom:28px}
.page-about .expert-manifesto>p:last-child{font-size:clamp(23px,2.392vw,34.96px);font-weight:400;line-height:1.6;letter-spacing:-.025em;margin:28px 0 0}
.page-about .expert-manifesto strong{font-weight:500}
.page-producing .page-heading,.page-consulting .page-heading{margin-bottom:30px}
.page-producing .page-heading h1,.page-consulting .page-heading h1{font-size:clamp(60.72px,7.36vw,112.24px)}
.production-jump-nav{display:flex;gap:30px;align-items:center;position:sticky;top:88px;z-index:35;background:white;padding:18px 0;margin:0 0 46px;border-bottom:1px solid #ddd}
.production-jump-nav a{font-size:16.56px;font-weight:500;line-height:1.5}
.production-jump-nav a:hover{color:#5f0080}
.production-feature,.production-block{padding:0 0 75px;margin:0 0 65px;scroll-margin-top:175px}
.production-block{border-bottom:1px solid #e4e4e4}
.production-intro{margin-bottom:32px}
.section-kicker{font-size:13.8px;font-weight:600;letter-spacing:.08em;color:#5f0080;margin-bottom:18px}
.production-intro h2{font-size:clamp(29.44px,3.588vw,53.36px);line-height:1.3;font-weight:500;letter-spacing:-.045em}
.production-open{display:block;width:100%;text-align:left}
.production-feature .feature-image{display:block;width:100%;background:#111}
.production-feature .feature-image img{display:block;width:100%;height:auto;object-fit:contain}
.production-feature>.program-copy{width:100%;max-width:900px;margin-top:30px}
.production-feature>.program-copy p{font-size:20.24px;line-height:1.8}
.production-card figcaption h3{font-size:clamp(19.32px,1.656vw,25.76px)}
.production-card .visual-frame{aspect-ratio:16/10}
.production-arirang-frame{display:flex;align-items:center;background:#111}
.production-arirang-frame>.arirang-crop{width:100%;flex:none}
.production-entry{min-width:0;scroll-margin-top:180px}
.production-entry>figure{width:100%;margin-bottom:26px}
.production-entry>figure img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#111}
.production-entry .program-copy h2{font-size:clamp(26.68px,2.76vw,40.48px);white-space:normal;font-weight:500;line-height:1.35;border-left-width:6px;padding-left:16px}
.production-entry .program-copy p{font-size:18.4px;line-height:1.7}
.production-entry .program-copy .eyebrow{font-size:13.8px;color:#5f0080;margin-bottom:14px}
.production-entry .program-copy .program-intro{font-size:18.4px}
.production-block>.production-intro{margin-bottom:36px}
.broadcast-credit{font-size:15.64px!important;color:#555!important}
.home-page .visual-spread>.production-feature,.home-page .visual-spread>.production-block{padding:0;margin:0;border:0}
.home-page .producing-opening{background:#111;color:white}
.producing-opening .visual-heading h2>span,.producing-opening .section-kicker{color:white}
.home-page .visual-spread .production-feature .production-intro h2{font-size:clamp(29.44px,3.404vw,49.68px)}
.home-page .producing-opening .production-feature .production-intro{margin-top:25px}
.home-page .producing-opening .feature-image{margin-top:35px}
.page-consulting .planning-program{margin-top:0}
.page-consulting .voice-panel{margin-top:75px}
.page-consulting .section-heading h2{font-size:clamp(33.12px,4.6vw,64.4px);font-weight:500}
.page-consulting .topics{margin-top:45px}
.page-consulting .plain-details{font-size:18.4px;line-height:1.8}
@media(max-width:1100px){.production-jump-nav{top:70px;gap:22px}.production-jump-nav a{font-size:15.64px}}
@media(max-width:600px){
 .magazine:not(.scene-page).page-about .expert-manifesto{margin:40px 0 0;padding:30px 0 0}
 .magazine:not(.scene-page).page-about .expert-manifesto>p:first-child{font-size:29.44px;line-height:1.5;font-weight:400}
 .magazine:not(.scene-page).page-about .expert-manifesto>p:last-child{font-size:22.08px;line-height:1.65;margin:24px 0 0}
 .magazine:not(.scene-page).page-about .expert-manifesto br{display:none}
 .magazine:not(.scene-page) .production-jump-nav{gap:16px;padding:12px 0;margin-bottom:30px;flex-wrap:wrap}
 .magazine:not(.scene-page) .production-jump-nav a{font-size:13.8px;line-height:1.5;min-height:30px;display:flex;align-items:center}
 .magazine:not(.scene-page).page-producing .page-heading h1,.magazine:not(.scene-page).page-consulting .page-heading h1{font-size:clamp(38.64px,11.04vw,57.04px);overflow-wrap:anywhere}
 .magazine:not(.scene-page) .production-feature,.magazine:not(.scene-page) .production-block{padding-bottom:45px;margin-bottom:45px}
 .magazine:not(.scene-page) .production-intro{margin-bottom:22px}
 .magazine:not(.scene-page) .production-intro h2,.magazine:not(.scene-page).home-page .production-feature .production-intro h2{font-size:26.68px;line-height:1.4}
 .magazine:not(.scene-page) .section-kicker{font-size:12px;margin-bottom:12px}
 .magazine:not(.scene-page) .production-feature>.program-copy{margin-top:24px}
 .magazine:not(.scene-page) .production-feature>.program-copy p{font-size:17.48px}
 .magazine:not(.scene-page) .production-entry .program-copy h2{font-size:26.68px;line-height:1.4}
 .magazine:not(.scene-page) .production-entry .program-copy p{font-size:17.48px}
 .magazine:not(.scene-page) .producing-project-grid .production-card h3{font-size:21.16px}
 .magazine:not(.scene-page) .consulting-cards{grid-template-columns:1fr}
 .magazine:not(.scene-page) .producing-opening .feature-image{margin-top:25px}
 .magazine:not(.scene-page).page-consulting .voice-panel{margin-top:48px}
 .magazine:not(.scene-page).page-consulting .section-heading h2{font-size:34.96px}
 .magazine:not(.scene-page).page-consulting .plain-details{font-size:16.56px;line-height:1.8}
}

.hero-editorial h1{font-weight:400}
@media(max-width:600px){.magazine:not(.scene-page) .hero-editorial h1{font-weight:400}}
#detail-role:empty{display:none}
#detail-meta:empty{display:none}
.festival-broadcast-grid .production-card h3{font-size:clamp(19.32px,1.656vw,25.76px);line-height:1.4}
.magazine #mbc-friends figcaption h3{font-size:clamp(20.24px,1.61vw,23.92px);line-height:1.45}
.broadcast-title-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:14px}
.broadcast-title-row h3{min-width:0}
.broadcast-title-row .broadcast-credit{font-size:12px!important;line-height:1.6;font-weight:400;word-break:keep-all}
.production-title-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:14px}
.production-title-row h3{min-width:0}
.production-credit{font-size:12px;line-height:1.6;font-weight:400;color:#555;word-break:keep-all}
.page-producing .production-jump-nav a{font-family:var(--sans);letter-spacing:.025em}
.arirang-crop.crop-six img,.arirang-still.scene-right-6 img{top:-500%}
#detail-copy:empty{display:none}
.photo-source{font-size:12px;line-height:1.6;color:#707070;margin-top:10px}
.photo-source a{text-decoration:underline;text-underline-offset:3px}
.spatial-record{margin-top:28px}
.consulting-cards .consulting-highlights{list-style:none;padding:0;margin:16px 0 0;font-size:14.72px;line-height:1.75;color:#656565}
.consulting-cards .consulting-highlights li{margin:5px 0}
.advisory-label{font-size:14.72px!important;margin-top:30px!important;color:#707070}
.consulting-inline-photo{margin:18px 0 28px;scroll-margin-top:180px}
.consulting-inline-photo img{width:100%;height:auto;object-fit:contain}
.consulting-inline-photo .photo-source{padding-top:0;font-size:12px;line-height:1.6}

.resume-grid .resume-interests h3{letter-spacing:0}
.production-credit,.broadcast-title-row .broadcast-credit{white-space:nowrap}
.morning-cafe-frame{background:#fff}
.morning-cafe-frame img{object-fit:contain}

.event-credit-only{border-top:1px solid #d9d9d9;padding-top:26px}
.event-credit-only figcaption{padding-top:0}

.visual-card>.card-heading{margin:0 0 16px}
.visual-card>.card-heading h3{border-left:6px solid #5f0080;padding-left:12px;margin:0}
.event-credit-only>.card-heading{margin-bottom:0}

.magazine #mbc-friends .card-heading h3{font-size:clamp(20.24px,1.61vw,23.92px);line-height:1.45}

.magazine:not(.scene-page) .kazakhstan-feature .production-intro h2{white-space:nowrap;font-size:clamp(12px,3vw,46px);line-height:1.35}

/* Every card uses one heading area followed by one fixed-ratio media area. */
.visual-grid>.aligned-card{display:block;position:relative;min-width:0}
.aligned-card>.card-heading{position:relative;display:flex;align-items:flex-end;min-height:62px;margin:0 0 16px}
.aligned-card>.card-heading>h3,.aligned-card>.card-heading>div{width:100%}
.aligned-card>.card-heading>span[aria-hidden="true"]{position:absolute;width:0;height:0;overflow:hidden}
.magazine .aligned-card>.card-heading h3{font-size:clamp(18px,1.5vw,22px);line-height:1.4;font-weight:500;letter-spacing:-.04em}
.aligned-card .production-title-row,.aligned-card .broadcast-title-row{gap:10px;align-items:baseline}
.aligned-card .production-credit,.aligned-card .broadcast-credit{font-size:12px!important;line-height:1.5;white-space:nowrap}
.aligned-card>.card-media{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/10;overflow:hidden;background:#111}
.aligned-card>.card-media>a,.aligned-card>.card-media>button,.aligned-card>.card-media>video,.aligned-card>.card-media>div,.aligned-card>.card-media>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;aspect-ratio:auto}
.magazine:not(.scene-page) .aligned-card .card-media .visual-frame,.magazine:not(.scene-page) .aligned-card .card-media .performer-pair{width:100%;height:100%!important;aspect-ratio:auto}
.aligned-card .card-media .visual-frame>img{width:100%;height:100%;object-fit:cover}
.aligned-card .card-media>video,.aligned-card .card-media video{object-fit:contain}
.aligned-card .card-media .production-arirang-frame{display:flex;align-items:center;justify-content:center}
.aligned-card .card-media .production-arirang-frame>.arirang-crop{width:112.71%;flex:none}
.aligned-card.event-credit-only>.card-heading{min-height:0;margin-bottom:0}
@media(max-width:600px){
 .magazine:not(.scene-page) .aligned-card>.card-heading{min-height:0}
 .magazine:not(.scene-page) .aligned-card>.card-heading h3{font-size:18px;line-height:1.4}
}

.consulting-jump-nav{display:flex;gap:30px;flex-wrap:wrap;padding:0 0 22px;margin:0 0 42px;border-bottom:1px solid #ddd}
.consulting-jump-nav a{font-size:18px;font-weight:500;color:#111}
.consulting-jump-nav a:hover{color:#5f0080}
.consulting-block{display:block;padding:0 0 65px;margin:0 0 65px;scroll-margin-top:175px;border-bottom:1px solid #ddd}
.consulting-block:last-child{margin-bottom:0;border-bottom:0}
.consulting-block-title{font-size:clamp(25px,2.3vw,34px);font-weight:500;line-height:1.4;border-left:6px solid #5f0080;padding-left:14px;margin:0 0 28px}
.spatial-storytelling-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,65px)}
.spatial-storytelling-layout>figure{margin:0;min-width:0}
.spatial-storytelling-layout>figure img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}
.spatial-storytelling-layout>figure figcaption{font-size:13px;line-height:1.6;color:#666;margin-top:12px}
.spatial-storytelling-layout .program-copy{min-width:0}
.spatial-storytelling-layout .section-copy{font-size:clamp(20px,1.9vw,28px);line-height:1.65;margin:0 0 24px;max-width:none}
.spatial-storytelling-layout .spatial-record{margin-top:0}
.consulting-block .text-list{list-style:none;padding:0;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.8}
.consulting-block .text-list li{padding:10px 0;border-bottom:1px solid #eee;margin:0}
.consulting-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px;margin-bottom:38px}
.consulting-image-pair .consulting-photo{margin:0;min-width:0}
.consulting-photo h3{font-size:18px;line-height:1.5;font-weight:500;margin:0 0 16px;padding-left:12px;border-left:6px solid #5f0080}
.consulting-photo-frame{width:100%;aspect-ratio:16/10;overflow:hidden;background:#111}
.consulting-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.consulting-image-pair .photo-source{font-size:12px;margin-top:10px;padding-top:0}
.consulting-text-panel{border-top:1px solid #ddd;padding-top:30px}
.consulting-text-panel>.program-intro{font-size:22px;line-height:1.6;margin:0 0 16px;font-weight:500}
.consulting-text-panel>.section-copy{font-size:18px;line-height:1.7;margin:0 0 32px;max-width:none;color:#555}
.consulting-text-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.consulting-text-columns h3{font-size:21px;line-height:1.5;font-weight:500;margin:0 0 14px}
@media(max-width:600px){
 .magazine:not(.scene-page) .spatial-storytelling-layout,.magazine:not(.scene-page) .consulting-image-pair,.magazine:not(.scene-page) .consulting-text-columns{grid-template-columns:1fr;gap:28px}
 .consulting-block{margin-bottom:45px;padding-bottom:45px;scroll-margin-top:125px}
 .consulting-jump-nav{gap:22px;margin-bottom:32px}
 .consulting-jump-nav a{font-size:16px}
 .spatial-storytelling-layout .section-copy{font-size:20px}
 .consulting-text-panel>.section-copy{font-size:16px}
}

/* Editorial page rhythm: two generous columns, consistent titles and media. */
.magazine:not(.scene-page) .visual-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-page .visual-spread{padding-top:80px;padding-bottom:80px}
.home-page .visual-spread:not(.tone-purple):not(.tone-black):not(.producing-opening){max-width:none;margin-left:auto;margin-right:auto}
.magazine:not(.scene-page) .visual-heading h2{font-size:clamp(38px,6vw,92px);line-height:1.08}
.magazine:not(.scene-page) .visual-heading{margin-bottom:38px}
.magazine:not(.scene-page) .visual-grid{gap:44px 30px}
.magazine:not(.scene-page) .aligned-card .card-media .program-video{width:100%!important;height:100%!important;aspect-ratio:auto!important}
.festival-broadcast-grid>.event-credit-only{grid-column:1/-1;padding:28px 0}
.broadcast-cards>.golden-disc-card{grid-column:1/-1}
.aligned-card.golden-disc-card>.card-media{aspect-ratio:32/10}
.aligned-card>.card-media>.golden-disc-identity{display:flex;align-items:center;justify-content:center;background:#111}
.golden-disc-identity img{display:block;width:min(70%,540px);height:auto;object-fit:contain}
@media(max-width:600px){
 .magazine:not(.scene-page) .visual-grid.two,.magazine:not(.scene-page) .visual-grid.three{grid-template-columns:1fr;gap:32px}
 .home-page .visual-spread{padding-top:52px;padding-bottom:52px}
 .aligned-card.golden-disc-card>.card-media{aspect-ratio:16/10}
 .magazine:not(.scene-page) .visual-heading h2{font-size:clamp(32px,8vw,47px)}
}

.magazine #mbc-friends .card-heading h3{font-size:clamp(18px,1.5vw,22px);line-height:1.4}

.kazakhstan-feature .production-intro h2 .festival-name{margin-inline-start:-.18em;word-spacing:normal}

.hero-editorial h1{font-size:clamp(35px,4.2vw,72px);font-weight:400}
@media(max-width:600px){.magazine:not(.scene-page) .hero-editorial h1{font-size:clamp(26px,8vw,42px);font-weight:400}}

/* Source-labelled archival photo; no unrelated awards image or placeholder. */
.aligned-card.archive-performers-card .card-media .visual-frame{background:#f4f4f4;display:flex;align-items:center;justify-content:center}
.aligned-card.archive-performers-card .card-media .visual-frame>img{width:100%;height:100%;object-fit:contain}
.archive-performers-card .photo-source{font-size:12px;line-height:1.6;margin:12px 0 0}
.broadcast-cards>.awards-credit-card{grid-column:1/-1;border-top:1px solid #ddd;padding-top:26px}
.aligned-card.awards-credit-card>.card-heading{min-height:0;margin-bottom:0}

/* Cover typography: a quiet opening, oversized subject, and offset closing. */
.home-page .hero-profile-spread{max-width:1520px;margin-inline:auto;padding-top:36px;padding-bottom:76px}
.hero-editorial:has(.cover-composition){grid-template-columns:56% 44%;min-height:660px;overflow:hidden;border-radius:0;background:#fff}
.hero-editorial .cover-composition{background:#fff;color:#111;padding:28px clamp(28px,4.3vw,72px) 32px 0;justify-content:space-between;align-items:flex-start}
.hero-editorial .cover-composition .visual-cover-name{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:3px solid #5f0080;padding-top:18px;font-size:22px;font-weight:500;letter-spacing:-.025em}
.hero-editorial .cover-composition .visual-cover-name span{font-size:13px;letter-spacing:.13em;font-weight:500}
.hero-editorial h1.cover-statement{width:100%;font-family:var(--sans);font-size:clamp(54px,5.8vw,92px);line-height:1.08;font-weight:350;letter-spacing:-.065em;margin:46px 0 44px}
.cover-statement>span{display:block;white-space:nowrap}
.cover-statement .cover-opening{font-size:.48em;letter-spacing:-.045em;line-height:1.3;margin-bottom:.65em;font-weight:400}
.cover-statement .cover-keyword{color:#5f0080}
.cover-statement .cover-ending{padding-inline-start:.72em;margin-top:.12em}
.hero-editorial .cover-composition .hero-about{display:flex;align-items:center;justify-content:space-between;min-width:140px;margin-top:0;padding:14px 0 8px;border-bottom:1px solid #111;font-size:13px;letter-spacing:.08em;color:#111;text-decoration:none}
.hero-editorial:has(.cover-composition)>figure{position:relative;min-height:660px;background:#f5f8fc}
.hero-editorial:has(.cover-composition)>figure img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center bottom}
@media(prefers-reduced-motion:no-preference){
 .cover-statement>span{animation:cover-settle .65s ease-out both}
 .cover-statement .cover-keyword{animation-delay:.08s}
 .cover-statement .cover-ending{animation-delay:.16s}
 @keyframes cover-settle{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:760px){
 .magazine:not(.scene-page) .hero-editorial:has(.cover-composition){grid-template-columns:1fr;min-height:0}
 .magazine:not(.scene-page) .hero-editorial .cover-composition{padding:12px 0 34px;min-height:350px}
 .magazine:not(.scene-page) .hero-editorial .cover-composition .visual-cover-name{font-size:20px;padding-top:14px;flex-wrap:nowrap}
 .magazine:not(.scene-page) .hero-editorial .cover-composition .visual-cover-name span{font-size:11px}
 .magazine:not(.scene-page) .hero-editorial h1.cover-statement{font-size:clamp(48px,12.6vw,82px);font-weight:350;line-height:1.08;margin:40px 0 34px}
 .magazine:not(.scene-page) .hero-editorial:has(.cover-composition)>figure{min-height:0;height:clamp(420px,115vw,620px)}
 .magazine:not(.scene-page) .hero-editorial:has(.cover-composition)>figure img{aspect-ratio:auto;height:100%;max-height:none;object-fit:contain}
}

/* 2026-10-19: shared reading width, legible labels, and aligned image rows. */
body.magazine:not(.scene-page){
 --reading-width:1280px;
 --gutter:clamp(24px,6vw,96px);
 --column-gap:clamp(36px,4vw,56px);
 --section-space:clamp(88px,7vw,120px);
 --muted:#595959;
}
.magazine:not(.scene-page).home-page main{max-width:none}
.magazine:not(.scene-page).home-page .visual-spread{
 max-width:none;
 padding-inline:max(var(--gutter),calc((100% - var(--reading-width))/2));
 padding-block:var(--section-space);
}
.magazine:not(.scene-page).detail-page main{
 max-width:calc(var(--reading-width) + 2*var(--gutter));
 padding:72px var(--gutter) 112px;
}
.magazine:not(.scene-page) .site-header,
.magazine:not(.scene-page) .mag-footer{
 padding-inline:max(var(--gutter),calc((100% - var(--reading-width))/2));
}
.magazine:not(.scene-page) .page-heading{
 align-items:flex-end;gap:40px;margin-bottom:64px;padding-bottom:36px;
}
.magazine:not(.scene-page) .page-heading .eyebrow{
 font-size:18px;line-height:1.65;font-weight:500;letter-spacing:0;
}
.magazine:not(.scene-page) .expert-name{font-size:18px!important;line-height:1.65}
.magazine:not(.scene-page) .section-kicker{font-size:17px;line-height:1.6}
.magazine:not(.scene-page) .field-editorial h2{font-size:17px;line-height:1.6}
.magazine:not(.scene-page) .visual-heading{margin-bottom:48px;gap:24px;align-items:baseline}
.magazine:not(.scene-page) .visual-heading h2>span{font-size:18px;line-height:1.5;margin-right:24px}
.magazine:not(.scene-page) .visual-heading h2>span:empty{display:none}
.magazine:not(.scene-page) .visual-heading>a{font-size:16px;line-height:1.6}
.magazine:not(.scene-page) .section-heading>p,
.magazine:not(.scene-page) .page-heading>p{font-size:17px;line-height:1.75}
.magazine:not(.scene-page) .photo-source,
.magazine:not(.scene-page) .consulting-inline-photo .photo-source,
.magazine:not(.scene-page) .consulting-image-pair .photo-source,
.magazine:not(.scene-page) .archive-performers-card .photo-source,
.magazine:not(.scene-page) .field-gallery figcaption,
.magazine:not(.scene-page) .spatial-storytelling-layout>figure figcaption{
 font-size:15px;line-height:1.65;color:#595959;margin-top:16px;
}
.magazine:not(.scene-page) .visual-card figcaption p{font-size:16px;line-height:1.7}
.magazine:not(.scene-page) .media-tv figcaption span,
.magazine:not(.scene-page) .media-radio figcaption span,
.magazine:not(.scene-page) .archive-count,
.magazine:not(.scene-page) .contact-services span{font-size:15px;line-height:1.6}
.magazine:not(.scene-page) .archive-meta{font-size:16px;line-height:1.7}
.magazine:not(.scene-page) .mag-footer>div,
.magazine:not(.scene-page) .mag-footer>p{font-size:15px;line-height:1.7}

/* A caption belongs to its title; its height must not displace the photo beside it. */
.magazine:not(.scene-page) .visual-grid{column-gap:var(--column-gap);row-gap:72px}
.magazine:not(.scene-page) .aligned-card>.card-heading{
 align-items:flex-start;min-height:80px;margin-bottom:20px;
}
.magazine:not(.scene-page) .aligned-card .production-title-row,
.magazine:not(.scene-page) .aligned-card .broadcast-title-row{
 grid-template-columns:minmax(0,1fr);gap:10px;
}
.magazine:not(.scene-page) .aligned-card>.card-heading h3,
.magazine:not(.scene-page) #mbc-friends .card-heading h3{
 font-size:clamp(21px,1.65vw,25px);line-height:1.45;letter-spacing:-.025em;
}
.magazine:not(.scene-page) .aligned-card .production-credit,
.magazine:not(.scene-page) .aligned-card .broadcast-credit{
 font-size:16px!important;line-height:1.6;white-space:normal;color:#595959;
}
.magazine:not(.scene-page) .aligned-card.event-credit-only>.card-heading,
.magazine:not(.scene-page) .aligned-card.awards-credit-card>.card-heading{min-height:0;margin:0}
.magazine:not(.scene-page) .consulting-image-pair{
 gap:var(--column-gap);margin-bottom:48px;
}
.magazine:not(.scene-page) .consulting-photo h3{
 font-size:22px;line-height:1.45;margin-bottom:20px;
}
.magazine:not(.scene-page) .consulting-block{padding-bottom:88px;margin-bottom:88px}
.magazine:not(.scene-page) .consulting-block:last-child{margin-bottom:0;padding-bottom:0}
.magazine:not(.scene-page) .consulting-text-columns,
.magazine:not(.scene-page) .spatial-storytelling-layout,
.magazine:not(.scene-page) .resume-grid{gap:48px var(--column-gap)}
.magazine:not(.scene-page) .voice-panel{margin-bottom:96px}
.magazine:not(.scene-page) .lecture-photo-strip{gap:var(--column-gap);margin:40px 0 72px}
.magazine:not(.scene-page) .research-books{margin-bottom:96px}
.magazine:not(.scene-page) .visual-spread .research-books{margin-bottom:0}
.magazine:not(.scene-page) .book-ribbon-set{gap:48px;padding-right:48px}
.magazine:not(.scene-page) .papers-layout,
.magazine:not(.scene-page) .research-editorial,
.magazine:not(.scene-page) .connect-page{gap:var(--column-gap)}
.magazine:not(.scene-page) .research-closing{margin-top:100px}
.magazine:not(.scene-page) .field-gallery{gap:56px var(--column-gap)}
.magazine:not(.scene-page) .field-more{gap:var(--column-gap)}

/* The purple rule and portrait share the exact top edge. Keep the original portrait intact. */
.magazine:not(.scene-page).home-page .hero-profile-spread{padding-top:40px;padding-bottom:96px}
.magazine:not(.scene-page) .hero-editorial .cover-composition{
 padding:0 var(--column-gap) 0 0;
}
.magazine:not(.scene-page) .hero-editorial .cover-composition .visual-cover-name span{font-size:15px}
.magazine:not(.scene-page) .hero-editorial .cover-composition .hero-about{font-size:16px;min-width:160px}

@media(min-width:761px){
 .magazine:not(.scene-page).page-media .media-grid{gap:var(--column-gap);align-items:start}
 /* Equal top and bottom edges; the wider radio frame retains its prominence. */
 .magazine:not(.scene-page) .media-tv img,
 .magazine:not(.scene-page) .media-radio img{
  height:clamp(250px,25vw,360px);aspect-ratio:auto;object-fit:cover;background:#f5f5f5;
 }
 .magazine:not(.scene-page) .media-tv img{object-position:65% 50%}
 .magazine:not(.scene-page) .media-radio img{object-position:50% 30%}
 .magazine:not(.scene-page) .field-directing{display:flex;flex-direction:column;min-height:0}
 .magazine:not(.scene-page) .field-directing img{
  flex:1;min-height:0;height:0;contain:size;aspect-ratio:auto!important;object-fit:contain!important;
 }
 .magazine:not(.scene-page) .field-side{gap:36px;align-content:start}
}
@media(max-width:1100px){
 .magazine:not(.scene-page) .site-header{padding-inline:var(--gutter)}
 .magazine:not(.scene-page) .page-heading{flex-wrap:wrap}
 .magazine:not(.scene-page) .page-heading>p{max-width:560px}
}
@media(max-width:760px){
 body.magazine:not(.scene-page){--gutter:24px;--column-gap:32px;--section-space:68px}
 .magazine:not(.scene-page).detail-page main{padding-top:42px;padding-bottom:72px}
 .magazine:not(.scene-page) .page-heading{margin-bottom:44px;padding-bottom:28px}
 .magazine:not(.scene-page) .page-heading .eyebrow,
 .magazine:not(.scene-page) .expert-name{font-size:16px!important}
 .magazine:not(.scene-page) .section-kicker{font-size:15px}
 .magazine:not(.scene-page) .visual-heading{margin-bottom:32px}
 .magazine:not(.scene-page) .visual-heading h2>span{font-size:16px;margin-right:16px}
 .magazine:not(.scene-page) .visual-heading>a{font-size:15px}
 .magazine:not(.scene-page) .visual-grid.two,
 .magazine:not(.scene-page) .visual-grid.three{grid-template-columns:1fr;gap:48px}
 .magazine:not(.scene-page) .aligned-card>.card-heading{min-height:0;margin-bottom:18px}
 .magazine:not(.scene-page) .aligned-card>.card-heading h3,
 .magazine:not(.scene-page) #mbc-friends .card-heading h3{font-size:21px}
 .magazine:not(.scene-page) .aligned-card .production-credit,
 .magazine:not(.scene-page) .aligned-card .broadcast-credit{font-size:15px!important}
 .magazine:not(.scene-page) .consulting-image-pair,
 .magazine:not(.scene-page) .spatial-storytelling-layout,
 .magazine:not(.scene-page) .consulting-text-columns{grid-template-columns:1fr;gap:36px}
 .magazine:not(.scene-page) .consulting-photo h3{font-size:21px}
 .magazine:not(.scene-page) .consulting-block{padding-bottom:64px;margin-bottom:64px}
 .magazine:not(.scene-page) .lecture-photo-strip{gap:24px;margin:32px 0 56px}
 .magazine:not(.scene-page) .book-ribbon-set{gap:32px;padding-right:32px}
 .magazine:not(.scene-page) .research-books{margin-bottom:64px}
 .magazine:not(.scene-page) .research-closing{margin-top:64px}
 .magazine:not(.scene-page) .field-gallery{gap:40px}
 .magazine:not(.scene-page) .field-side,
 .magazine:not(.scene-page) .field-more{gap:32px 24px}
 .magazine:not(.scene-page).home-page .hero-profile-spread{padding-top:24px;padding-bottom:64px}
 .magazine:not(.scene-page) .hero-editorial .cover-composition{padding:0 0 36px}
 .magazine:not(.scene-page) .hero-editorial .cover-composition .visual-cover-name span{font-size:14px;letter-spacing:.08em}
 .magazine:not(.scene-page) .hero-editorial .cover-composition .hero-about{font-size:15px}
 .magazine:not(.scene-page) .kazakhstan-feature .production-intro h2{white-space:normal;font-size:clamp(23px,5.4vw,32px);line-height:1.5}
 .magazine:not(.scene-page) .kazakhstan-feature .production-intro h2 .festival-name{display:block;margin-inline-start:-.18em}
}