/* Site-wide reading system. Keep artwork, galleries and the cover independent. */
@font-face{font-family:SiteMaru;src:url('assets/MaruBuri-Regular.otf');font-display:swap}
:root{--type-title:2.5rem;--type-section:1.75rem;--type-body:1rem;--type-note:.875rem;--reading-width:900px;--copy:#d6d3cc;--secondary:#b6aa8e;--heading-font:'Cormorant Garamond',SiteMaru,Georgia,serif;--body-font:'Noto Sans KR',Arial,sans-serif}
html{font-size:100%}
body{font-family:var(--body-font);font-size:var(--type-body);line-height:1.65}
main:not(.cover){font-family:var(--body-font);font-size:var(--type-body);line-height:1.65;overflow-wrap:break-word}
main :is(p,li){font-size:var(--type-body);line-height:1.65}
main p{margin-top:0;margin-bottom:10px}
main h1:not(.visually-hidden),html[lang] main .statement-opening h2{font-family:var(--heading-font)!important;font-size:var(--type-title)!important;line-height:1.15!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.015em!important;color:#f2f2f2}
main h2,main h3,html[lang] main .chapter .chapter-head h2,html[lang] main .chapter h2{font-family:var(--heading-font)!important;font-size:var(--type-section)!important;line-height:1.3!important;font-weight:400!important;letter-spacing:0!important;color:#f2f2f2}
main h2{margin:0 0 12px}
main h3{margin:20px 0 10px}
.unified-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin:16px 0 0}
main .unified-back{display:inline-block;font:400 var(--type-note)/1.5 var(--body-font);color:#c5c1b8;margin:0;text-decoration:none}
.unified-back:hover{color:#fff}
main .unified-intro,main .page-intro{display:block;padding:16px 0 24px;margin:0;border:0;min-height:0}
main .unified-intro h1,main .page-intro h1{margin:0 0 8px!important}
main .unified-subtitle,main .subtitle,main .notation-intro>p,main .head .ko{font:400 1rem/1.65 SiteMaru,serif;color:var(--secondary);margin:0;text-align:left}
main .unified-meta{font:400 var(--type-note)/1.65 var(--body-font);color:var(--secondary);margin:12px 0 0;max-width:var(--reading-width)}
main .unified-intro .sub{font-size:var(--type-note);letter-spacing:0;text-transform:none}
main .unified-intro+.ocean-gallery{margin-top:0}
main .project-writing,main .ocean-writing{padding:24px 0 0;margin-top:24px}
main :is(.project-bilingual,.ocean-bilingual){display:block;max-width:var(--reading-width);margin-left:0;margin-right:auto;font:400 var(--type-body)/1.65 var(--body-font);color:var(--copy)}
main :is(.project-bilingual,.ocean-bilingual)>div{font:inherit}
main :is(.project-bilingual,.ocean-bilingual)>div+div{margin-top:18px}
main :is(.project-bilingual,.ocean-bilingual) p{font:inherit;margin:0 0 10px}
main :is(.series-copy,.audience-copy,.project-copy){font:400 var(--type-body)/1.65 var(--body-font);color:var(--copy);max-width:var(--reading-width);margin:16px 0 20px}
main :is(.notation-series,.series-video){padding-top:24px;padding-bottom:12px}
main .notation-heading{align-items:baseline;flex-wrap:wrap;gap:12px}
main .notation-heading h2 span,main .series-video h2 span,main .series-video h3 span{font:400 1rem/1.65 SiteMaru,serif;color:var(--secondary)}
main :is(.series-meta,.audience-meta,.audience-kicker,.series-source,.exhibition-note,.video-caption,.video-label,.eyebrow,.selection-note,.page-end,.other-work,.meta,figcaption),main .notation-nav,main .series-number{font-size:var(--type-note)!important;line-height:1.65;letter-spacing:0}
main .notation-nav{gap:12px 24px;padding:12px 0}
main .notation-nav span{font-size:var(--type-note)}
main .art-project-link h2{font-size:var(--type-section)!important;margin:0 0 6px}
main.art-bar-index .art-project-link p{font-size:1rem;line-height:1.65}
main .art-project-link .other-work{font-size:var(--type-note)}
main .bilingual-title .title-en{font-size:var(--type-section);line-height:1.3}
main .bilingual-title .title-ko,main .bilingual-title .title-divider{font-size:1rem;line-height:1.65}
main .card h2.bilingual-title{flex-wrap:wrap;white-space:normal;gap:2px 10px}
main .bilingual-title .title-en,main .bilingual-title .title-ko{flex:0 1 auto;white-space:normal}
main .card h2.bilingual-title .title-ko{flex-basis:100%;margin-top:3px}
main .card h2.bilingual-title .title-divider{display:none}
main .card a .bilingual-title .title-en{font-size:var(--type-section)}
main .feature-copy p{font-size:1rem;line-height:1.65}
/* All real language switches share the same right-aligned toolbar treatment. */
.unified-toolbar :is(.languages,.work-language),.statement-tools .languages{position:static;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0;padding:0;font:400 var(--type-note)/1.5 Arial,sans-serif}
.unified-toolbar :is(.languages,.work-language) button,.statement-tools .languages button{background:none;border:0;border-bottom:1px solid transparent;color:#aaa;min-width:38px;min-height:44px;padding:8px 4px;font:inherit;cursor:pointer}
.unified-toolbar :is(.languages,.work-language) button[aria-pressed=true],.statement-tools .languages button[aria-pressed=true]{color:#fff;border-bottom-color:var(--secondary);font-weight:400}
.unified-toolbar .work-language{margin-left:auto}
.unified-toolbar .languages{margin-left:auto}
main .unified-meta-block,main .unified-meta-block p,main .unified-meta-block>div{font:400 var(--type-note)/1.65 var(--body-font)!important;color:var(--secondary);margin:0 0 6px}
main .unified-meta-block{margin-top:14px;max-width:var(--reading-width)}
main [data-language-only][hidden]{display:none!important}
.unified-toolbar button:focus-visible,.unified-back:focus-visible{outline:1px solid #fff;outline-offset:4px}
/* Imported Empathy copy: remove legacy inline sizes/colours, not content. */
main.empathy-original{padding-top:0}
.empathy-original .btx-text-content-inner,.empathy-original .btx-text-content-inner :is(span,i,b,strong,a){font-size:var(--type-body)!important;line-height:1.65!important;color:var(--copy)!important;background:transparent!important}
.empathy-original .btx-text{max-width:var(--reading-width);margin:0 0 24px;text-align:left}
.empathy-original .btx-text .btx-row{margin-left:0!important;margin-right:0!important;display:block}
.empathy-original .btx-text :is(.btx-col-6,.btx-col-12){width:100%!important;padding-left:0!important;padding-right:0!important}
.empathy-original .btx-text .btx-col-6+.btx-col-6{margin-top:24px}
.empathy-original .btx-heading :is(h4,h5){font-family:var(--heading-font);font-size:var(--type-section)!important;line-height:1.3;color:#f2f2f2}
.empathy-original .btx-divider{margin:24px 0}
.empathy-original .btx-text a{text-decoration:underline;text-underline-offset:3px}
/* Existing narrative work: retain its images and sequence with the same rhythm. */
main.wrap .part{padding:28px 0;grid-template-columns:42px minmax(0,1fr);gap:24px}
main.wrap .part .n{font-size:28px}
main.wrap .open,main.wrap .rite{padding:28px 0}
main.wrap .open p,main.wrap .part p.lead,main.wrap details p,main.wrap .step .d,main.wrap .owners .note{font:400 var(--type-body)/1.65 var(--body-font);max-width:var(--reading-width);color:var(--copy)}
main.wrap .owners{padding-top:28px}
main.wrap details{max-width:var(--reading-width)}
main.wrap :is(summary,.open small,.part .v small,.rite .eb,.owners .eb,.row,.row .go){font-size:var(--type-note);line-height:1.65;letter-spacing:0;text-transform:none}
main.wrap .part figure{margin:24px 0}
main.wrap .part .v,main.wrap .part .v em{font-size:var(--type-body);line-height:1.65}
/* Statement retains its chapter imagery and centred masthead. */
html[lang] main :is(.chapter p,.chapter-original p,.statement-ending p){font:400 var(--type-body)/1.65 var(--body-font);max-width:var(--reading-width);letter-spacing:0;word-spacing:normal;margin:0 0 10px}
main .statement-tools{min-height:44px;padding:16px 0 0}
main .statement-opening{padding:16px 0 24px}
main .opening-subtitle,main .chapter-subtitle{font-size:1rem;line-height:1.65}
main :is(.statement-eyebrow,.chapter-head .chapter-kicker,.chapter .work-label,.chapter-full-text summary,.reading-index nav a){font-size:var(--type-note);line-height:1.5}
main .reading-index nav{gap:20px;justify-content:flex-start}
main .chapter .work-links a{font-size:1rem}
/* About uses the same title and body scale as Work. */
body.unified-about main{padding-top:0;padding-bottom:32px}
#about-content{max-width:var(--reading-width)}
#about-content section{margin:0 0 28px}
#about-content h2{font-size:var(--type-section);text-transform:none;letter-spacing:0;margin:0 0 12px}
#about-content p,#about-content .bio p{font:400 var(--type-body)/1.65 var(--body-font);color:var(--copy);margin:0 0 10px}
body>footer,main>footer{font-size:var(--type-note);line-height:1.5}
@media(max-width:700px){
 :root{--type-title:1.875rem}
 main .unified-intro,main .page-intro{padding:12px 0 20px}
 .unified-toolbar{margin-top:12px;gap:10px}
 main .notation-heading h2 span{display:block;margin:4px 0 0}
 main .art-project-link h2{font-size:var(--type-section)!important}
 main.wrap .part{grid-template-columns:minmax(0,1fr);gap:10px}
 main .reading-index nav{gap:18px}
 main .feature-copy h1{font-size:var(--type-title)!important}
}