#news-interviews{scroll-margin-top:90px}
.site-header nav a{font-size:15px;letter-spacing:.02em}
/* Phone/tablet reading layouts. Desktop review spreads retain their fixed artboards. */
.magazine:not(.scene-page) main>*{min-width:0}
@media(max-width:1100px){
 body.magazine:not(.scene-page){--gutter:24px;font-size:18px;line-height:1.7}
 .magazine:not(.scene-page) .site-header{min-height:70px;padding:10px 24px;gap:12px;isolation:isolate}
 .magazine:not(.scene-page) .brand{font-size:25px;margin-right:auto}
 .magazine:not(.scene-page) .menu-button{display:block;order:2;min-width:44px;min-height:44px;font-size:14px;margin:0;text-align:center}
 .magazine:not(.scene-page) .contact-link{order:3;font-size:12px;padding:9px 10px;min-height:40px;margin:0}
 .magazine:not(.scene-page) .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:16px 24px 24px;background:white;box-shadow:0 18px 24px #0001;border-top:1px solid #eee;gap:0;z-index:70}
 .magazine:not(.scene-page) .site-header nav.is-open{display:flex;flex-direction:column}
 .magazine:not(.scene-page) .site-header nav a{display:block;padding:15px 0;font-size:24px;line-height:1.25;border-bottom:1px solid #eee}
 .magazine:not(.scene-page) .site-header nav sup{font-size:12px;margin-right:12px}
 .magazine:not(.scene-page) .detail-page main{padding-top:40px}
 .magazine:not(.scene-page) .resume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
 .magazine:not(.scene-page) .resume-grid>div:last-child{grid-column:1/-1}
 .magazine:not(.scene-page) .visual-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .magazine:not(.scene-page) .page-heading{gap:30px}
 .magazine:not(.scene-page) .media-jump-nav{top:70px}
 .magazine:not(.scene-page) .lecture-information{gap:36px}
 .magazine:not(.scene-page) .contact-editorial a,.magazine:not(.scene-page) .contact-mail{overflow-wrap:anywhere}
}
@media(max-width:600px){
 body.magazine:not(.scene-page){--gutter:20px}
 .magazine:not(.scene-page) .site-header{padding:10px 20px;gap:10px}
 .magazine:not(.scene-page) .brand{font-size:22px;letter-spacing:-.045em}
 .magazine:not(.scene-page) .contact-link{font-size:11px;padding:8px;letter-spacing:0}
 .magazine:not(.scene-page) .visual-spread{padding:52px 20px}
 .magazine:not(.scene-page) .hero-profile-spread{padding-top:20px;padding-bottom:40px}
 .magazine:not(.scene-page) .hero-editorial{min-height:0;grid-template-columns:1fr}
 .magazine:not(.scene-page) .hero-editorial-copy{padding:36px 24px}
 .magazine:not(.scene-page) .hero-editorial h1{font-size:clamp(46px,13.2vw,66px);line-height:1.17;letter-spacing:-.05em;margin-bottom:32px}
 .magazine:not(.scene-page) .hero-editorial .visual-cover-name{font-size:25px;gap:14px;flex-wrap:wrap;padding-top:20px}
 .magazine:not(.scene-page) .hero-editorial .visual-cover-name span{font-size:16px}
 .magazine:not(.scene-page) .hero-about{font-size:18px;margin-top:24px}
 .magazine:not(.scene-page) .hero-editorial figure img{height:auto;max-height:520px;aspect-ratio:4/5;object-fit:contain}
 .magazine:not(.scene-page) .visual-heading{align-items:start;flex-wrap:wrap;gap:18px;margin-bottom:30px}
 .magazine:not(.scene-page) .visual-heading h2{font-size:clamp(36px,10vw,48px);line-height:1.15;letter-spacing:-.045em}
 .magazine:not(.scene-page) .visual-heading>a{font-size:16px;margin-left:auto}
 .magazine:not(.scene-page) .visual-grid.two,.magazine:not(.scene-page) .visual-grid.three,.magazine:not(.scene-page) .resume-grid,.magazine:not(.scene-page) .lecture-information{grid-template-columns:1fr;gap:36px}
 .magazine:not(.scene-page) .resume-grid>div:last-child{grid-column:auto}
 .magazine:not(.scene-page) .resume-grid li{font-size:20px;line-height:1.65;padding-bottom:12px}
 .magazine:not(.scene-page) .resume-grid h3{font-size:28px;margin-bottom:20px}
 .magazine:not(.scene-page) .resume-grid .resume-interests{display:block}
 .magazine:not(.scene-page) .resume-interests li{font-size:16px;overflow-wrap:anywhere}
 .magazine:not(.scene-page) .visual-card h3{font-size:27px;line-height:1.35}
 .magazine:not(.scene-page) .visual-card figcaption p{font-size:18px}
 .magazine:not(.scene-page) .visual-frame,.magazine:not(.scene-page) .performer-pair{aspect-ratio:16/10}
 .magazine:not(.scene-page) .visual-card figcaption{padding-top:16px}
 .magazine:not(.scene-page) .visual-card figcaption h3{border-left-width:3px;padding-left:12px}
 .magazine:not(.scene-page) .concert-editorial,.magazine:not(.scene-page) .profile-editorial,.magazine:not(.scene-page) .research-editorial,.magazine:not(.scene-page) .contact-editorial{grid-template-columns:1fr;gap:28px}
 .magazine:not(.scene-page) .concert-copy h3{font-size:34px;line-height:1.3}
 .magazine:not(.scene-page) .concert-artists span{font-size:27px}
 .magazine:not(.scene-page) .visual-hero{height:auto;aspect-ratio:4/5}
 .magazine:not(.scene-page) .hero-caption{inset:35% 0 0;padding:24px 20px}
 .magazine:not(.scene-page) .hero-caption h3{font-size:30px;line-height:1.3;padding-left:14px}
 .magazine:not(.scene-page) .hero-caption p{font-size:17px}
 .magazine:not(.scene-page) .arirang-kicker{font-size:19px;padding-left:12px;border-left-width:3px}
 .magazine:not(.scene-page) .arirang-description{font-size:20px;line-height:1.7}
 .magazine:not(.scene-page) .arirang-credit{font-size:19px}
 .magazine:not(.scene-page) .intro-film{min-height:370px}
 .magazine:not(.scene-page) .intro-film-caption{padding:28px}
 .magazine:not(.scene-page) .intro-film-caption h2{font-size:76px}
 .magazine:not(.scene-page) .intro-film-caption p{font-size:20px}
 .magazine:not(.scene-page) .field-key{font-size:clamp(36px,10vw,48px);line-height:1.3}
 .magazine:not(.scene-page) .field-explanation{font-size:23px;line-height:1.75;margin-top:30px}
 .magazine:not(.scene-page) .profile-editorial-copy{padding:32px 24px}
 .magazine:not(.scene-page) .profile-editorial-copy p{font-size:30px;line-height:1.5}
 .magazine:not(.scene-page) .research-editorial h3{font-size:36px;line-height:1.5}
 .magazine:not(.scene-page) .research-editorial figure{height:auto;aspect-ratio:4/5}
 .magazine:not(.scene-page) .research-editorial img{object-fit:cover}
 .magazine:not(.scene-page) .book-card{width:180px}
 .magazine:not(.scene-page) .book-image{height:245px}
 .magazine:not(.scene-page) .book-ribbon-set{gap:30px;padding-right:30px}
 .magazine:not(.scene-page) .book-card h3{font-size:20px}
 .magazine:not(.scene-page) .book-card p{font-size:15px}
 .magazine:not(.scene-page) .contact-editorial h2{font-size:clamp(55px,16vw,80px);margin-bottom:28px}
 .magazine:not(.scene-page) .contact-editorial a{font-size:21px}
 .magazine:not(.scene-page) .contact-editorial figure{height:420px}
 .magazine:not(.scene-page) .page-heading{margin-bottom:36px;display:block}
 .magazine:not(.scene-page) .page-heading h1{font-size:64px;line-height:1.1}
 .magazine:not(.scene-page) .page-heading>p{font-size:17px;line-height:1.8;margin-top:22px}
 .magazine:not(.scene-page) .planning-program{display:flex;flex-direction:column;gap:24px;padding:38px 0}
 .magazine:not(.scene-page) .planning-program>figure,.magazine:not(.scene-page) .planning-program>.program-copy{width:100%;order:initial;grid-column:auto;grid-row:auto;min-width:0}
 .magazine:not(.scene-page) .program-copy h2{font-size:33px;line-height:1.35;border-left-width:3px;padding-left:14px;overflow-wrap:anywhere}
 .magazine:not(.scene-page) .program-copy p,.magazine:not(.scene-page) .about-copy p{font-size:19px;line-height:1.8}
 .magazine:not(.scene-page) .page-about .resume-grid{margin-bottom:50px}
 .magazine:not(.scene-page) .about-intro{display:flex;flex-direction:column}
 .magazine:not(.scene-page) .about-intro figure{width:100%}
 .magazine:not(.scene-page) .work-copy h3{white-space:normal;font-size:30px;line-height:1.35}
 .magazine:not(.scene-page) .work-copy h3 small{font-size:18px}
 .magazine:not(.scene-page) .director-works{gap:42px}
 .magazine:not(.scene-page) .work-card>figure>img{max-height:none;height:auto;aspect-ratio:16/10;object-fit:cover}
 .magazine:not(.scene-page) .media-jump-nav{gap:26px;padding:12px 0;margin-bottom:36px}
 .magazine:not(.scene-page) .media-jump-nav a{font-size:20px;min-height:36px}
 .magazine:not(.scene-page) .voice-panel{scroll-margin-top:142px}
 .magazine:not(.scene-page) .detail-page .media-grid{grid-template-columns:1fr}
 .magazine:not(.scene-page) .media-tv,.magazine:not(.scene-page) .broadcast-tv{width:100%}
 .magazine:not(.scene-page) .lecture-photo-strip{grid-template-columns:1fr;gap:26px}
 .magazine:not(.scene-page) .lecture-photo-strip img{height:auto;width:100%;aspect-ratio:4/3;object-fit:contain}
 .magazine:not(.scene-page) .archive-row a.news-with-thumb{grid-template-columns:88px minmax(0,1fr);gap:15px;align-items:start}
 .magazine:not(.scene-page) .news-thumbnail{width:88px;height:70px}
 .magazine:not(.scene-page) .archive-title,.magazine:not(.scene-page) .paper-row .archive-title{font-size:22px;line-height:1.5}
 .magazine:not(.scene-page) .archive-meta{font-size:13px}
 .magazine:not(.scene-page) .news-entry-copy .archive-title{font-size:20px;margin-top:8px}
 .magazine:not(.scene-page) .column-thumbnail{width:72px!important;height:64px!important}
 .magazine:not(.scene-page) .archive-row a.column-with-thumb{gap:15px;align-items:start}
 .magazine:not(.scene-page) .archive input{font-size:16px}
 .magazine:not(.scene-page) .papers-layout{display:flex;flex-direction:column-reverse;gap:30px}
 .magazine:not(.scene-page) .research-portrait{width:100%;position:static}
 .magazine:not(.scene-page) .field-gallery{display:grid;grid-template-columns:1fr;gap:30px}
 .magazine:not(.scene-page) .field-side,.magazine:not(.scene-page) .field-more{grid-column:auto;grid-template-columns:1fr;gap:30px}
 .magazine:not(.scene-page) .field-gallery .field-lead{grid-column:auto;grid-row:auto}
 .magazine:not(.scene-page) .field-gallery img{height:auto;aspect-ratio:4/3;object-fit:contain}
 .magazine:not(.scene-page) .connect-page{grid-template-columns:1fr;gap:32px}
 .magazine:not(.scene-page) .connect-page h1{font-size:clamp(58px,17vw,80px);line-height:1.1}
 .magazine:not(.scene-page) .connect-page figure{width:100%;margin:0}
 .magazine:not(.scene-page) .mag-footer{padding:36px 20px;gap:24px}
 .magazine:not(.scene-page) .mag-footer>div{font-size:15px;gap:14px;flex-wrap:wrap}
 dialog{width:calc(100% - 24px);max-width:none;max-height:calc(100svh - 24px);padding:20px;margin:auto}
 .dialog-close{font-size:16px;min-height:44px;margin-bottom:20px}
 .detail-head h2{font-size:34px;line-height:1.3;overflow-wrap:anywhere}
 .detail-head p{font-size:16px;line-height:1.7}
 .detail-head .project-subtitle{font-size:17px;line-height:1.6}
 #detail-gallery{grid-template-columns:1fr;gap:20px}
 #detail-copy{font-size:18px;line-height:1.8;margin-top:28px}
 #detail-gallery>img{width:100%;max-height:none}
}