/* Homepage composition and shared exhibition identity. */
.rich-content [style*="scaleX"]{max-width:calc(100% / max(1,var(--rich-scale-x,1)))}
/* Exhibition reading and verified space information. */
.exhibition-copy .exhibition-title.has-poster-title{width:min(100%,380px);max-width:calc(100% / max(1,var(--heading-scale-x)));font-size:0;line-height:0;letter-spacing:0;margin:24px 0 18px}
.exhibition-copy .exhibition-title small{line-height:1.25}
.exhibition-copy .exhibition-title.has-poster-title small{margin-top:22px}
.exhibition-copy .exhibition-title small.has-poster-subtitle{display:block;width:66%;max-width:230px;font-size:0;line-height:0}
.poster-subtitle-art{display:block;width:100%;height:auto}
.exhibition-jump,.space-jump{display:flex;flex-wrap:wrap;gap:16px 26px}
.exhibition-jump{margin-top:26px}
.exhibition-reading{padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header) + 24px)}
.exhibition-reading:first-of-type{margin-top:52px}
.reading-heading h2{font-size:28px;line-height:1.45;margin:12px 0 20px;overflow-wrap:anywhere}
.reading-heading .text-link{margin-bottom:24px}
.reading-copy{font-size:15px;line-height:1.95;max-width:48em}
.reading-copy p{margin:0 0 1.25em}
.reading-copy p:last-child{margin-bottom:0}
.reading-copy h3{font:500 19px/1.65 var(--body-font);transform:none;margin:0 0 24px}
.history-reading .reading-copy ol{list-style:none;padding:0;margin:0}
.history-reading .reading-copy li{padding:0 0 24px 22px;margin-bottom:26px;border-left:1px solid var(--line);position:relative}
.history-reading .reading-copy li:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:-4px;top:10px}
.history-reading .reading-copy li h3{margin-bottom:8px}
.history-reading .reading-copy li p{margin-bottom:8px}
.route-plans{display:grid;gap:24px;margin:28px 0 14px}
.route-plans figure{margin:0;background:var(--bg);padding:18px}
.route-plans img{width:100%;height:auto;max-height:430px;object-fit:contain}
.route-plans figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:12px 8px}
.space-jump{margin:32px 0}
.space-section{padding:30px 0;scroll-margin-top:calc(var(--header) + 24px)}
.space-heading h2{font-size:24px;margin:12px 0 22px}
.placement-list h3{font:500 15px/1.6 var(--body-font);transform:none;letter-spacing:normal;margin:0 0 6px}
.card-image.is-text{aspect-ratio:4/5;padding:54px 22px 28px;display:flex;align-items:center;border:1px solid var(--line);background:var(--bg)}
.card-title-art{width:100%;display:grid;gap:28px;color:var(--accent)}
.card-title-art>span{font:400 clamp(26px,7vw,44px)/1.55 var(--heading-font);word-break:keep-all;overflow-wrap:anywhere}
.card-title-art small{font-size:10px;letter-spacing:.12em}
.work-layout.without-image{display:block;max-width:900px}
.work-layout.without-image .work-text{padding-top:12px}
.work-layout.without-image .work-desc{font-size:15px;line-height:1.95;max-width:48em}
.artist-hero.without-profile{grid-template-columns:minmax(0,1fr)}
.artist-row.without-profile{grid-template-columns:24px minmax(0,1fr) 18px}
@media(min-width:768px){
 .route-plans{grid-template-columns:1fr 1fr;gap:32px}.route-plans img{max-height:500px}
 .exhibition-reading{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:40px;padding-block:56px}
 .reading-heading h2{font-size:32px}.reading-copy{font-size:16px}
 .space-section{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:40px}
 .card-title-art>span{font-size:clamp(26px,3.4vw,42px)}
 .card-image.is-text{padding:54px 28px 28px}
 .work-layout.without-image .work-desc{font-size:16px}
}
.brand b{font:600 15px/1.4 var(--body-font);letter-spacing:-.045em;word-break:keep-all}
.brand>span{font-size:8px;letter-spacing:.12em;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.brand{min-width:0;max-width:calc(100% - 145px);overflow-wrap:anywhere}
.brand:has(>span) .brand-logo{max-height:36px}
.site-header .header-edition{display:none}
.header-tools{flex-shrink:0}
.footer-brand{font:400 clamp(24px,5vw,44px)/1.3 var(--heading-font);letter-spacing:-.045em;word-break:keep-all}
.home-page.has-home-hero .site-header{background:color-mix(in srgb,var(--paper) 70%,transparent);backdrop-filter:blur(10px)}
.hero-background{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:0;min-height:100svh;padding:calc(var(--header) + env(safe-area-inset-top) + 28px) var(--pad) 0}
.hero-background .hero-art{position:absolute;inset:calc(var(--header) + env(safe-area-inset-top)) 0 0;z-index:-2;width:100%;height:auto;margin:0;grid-column:auto;grid-row:auto;align-self:auto}
.hero-background .voyage-graphic{position:absolute;inset:0;width:100%;height:100%}
.hero-background .voyage-vessel{position:absolute;top:43.42105263%;left:54%;height:23.94736842%;width:auto;max-width:none;aspect-ratio:68/182;transform:translateX(-50%);z-index:2}
.hero-background .hero-art>img{object-fit:contain}
.hero-background::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 93%,transparent) 0%,color-mix(in srgb,var(--paper) 78%,transparent) max(60%,500px),transparent max(85%,620px))}
.hero-background .hero-topline{position:relative;z-index:1;width:100%;margin:0 auto 20px}
.hero-background .hero-copy{width:min(100%,540px);padding:30px 0 clamp(120px,24svh,220px);align-self:start;grid-column:1;grid-row:2}
.hero-background .hero-copy .display-title{font-size:clamp(144px,44vw,200px);margin-top:0}
.hero-background .hero-kicker{max-width:25em;margin:0 0 var(--hero-kicker-gap,48px)}
.hero-background .hero-coordinate{margin-left:auto}
.hero-background .hero-copy .display-title.has-poster-title{width:clamp(280px,78vw,480px);max-width:calc(100% / max(1,var(--heading-scale-x)));font-size:0;line-height:0;letter-spacing:0;margin-bottom:24px;transform-origin:left center}
.poster-title-art{display:block;width:100%;height:auto;overflow:visible}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.footer-institutions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px}
.footer-institutions img{display:block;height:auto;object-fit:contain;flex:none}
.footer-institutions .institution-busan{width:158px}
.footer-institutions .institution-domoheon{width:134px}
.hero-background .hero-rich{max-width:270px;background:transparent;padding:0;margin:0;backdrop-filter:none;color:var(--ink)}
.home-onview{position:relative;padding:28px var(--pad) 0;background:var(--paper)}
.home-onview .hero-bottom{width:100%}
.hero-background .art-caption{display:none}
.no-home-hero main{padding-top:calc(var(--header) + env(safe-area-inset-top))}
.city-vision-inner.section-shell{padding-block:36px}
.city-vision-inner .section-label{margin-bottom:24px}
.city-vision-title{font-size:26px;max-width:none}
.city-vision-body{font-size:13px;line-height:1.8}
.city-vision-body p{margin-bottom:.75em}
.city-vision-body p:last-child{margin-bottom:0}
.city-vision-inner .vision-route{height:42px;margin:8px 0 16px}
.city-vision-inner .lottie-route-canvas{width:150px;height:56px;top:-4px}
.poster-section{background:var(--bg)}
.home-content{position:relative;isolation:isolate;background:var(--section-bg);color:var(--section-ink);--ink:var(--section-ink)}
.home-content .eyebrow{color:inherit}
.home-content .section-label{border-color:currentColor}
.section-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.home-content.has-section-background::before{content:"";position:absolute;inset:0;background:var(--section-bg);opacity:.85;z-index:-1}
.home-content-title{font:400 32px/1.5 var(--heading-font);margin-bottom:24px}
.home-content-title p{margin:0}
.home-content-body{font-size:14px;line-height:1.9}
.home-content-grid{display:grid;gap:28px}
.home-content-grid figure img{width:100%;height:auto;max-height:600px;object-fit:contain}
@media(max-width:599px){.site-header .progress{display:none}.home-page .header-edition{display:none}}
@media(min-width:600px){
 .footer-institutions{gap:32px;margin-top:48px}
 .footer-institutions .institution-busan{width:200px}
 .footer-institutions .institution-domoheon{width:170px}
 .brand b{font-size:18px}.brand{max-width:300px}.brand>span{font-size:9px}
 .hero-background .hero-copy{padding-bottom:clamp(120px,24svh,250px)}
 .hero-background .hero-copy .display-title{font-size:240px}
 .home-onview{padding-top:32px}
 .city-vision-inner.section-shell{padding-block:44px}
 .vision-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}
 .city-vision-inner .vision-route{margin-bottom:0}
 .home-content-grid.has-content-image{grid-template-columns:1fr 1fr;align-items:start}
}
@media(min-width:960px){
 .site-header .header-edition{display:-webkit-box;position:absolute;left:50%;transform:translateX(-50%);width:calc(100% - 640px);text-align:center;line-height:1.5;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .hero-background{padding:calc(var(--header) + env(safe-area-inset-top) + 34px) max(var(--pad),calc((100vw - var(--max))/2)) 0;grid-template-columns:minmax(0,1fr)}
 .hero-background::after{background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 97%,transparent) 0%,color-mix(in srgb,var(--paper) 84%,transparent) 25%,color-mix(in srgb,var(--paper) 25%,transparent) 52%,transparent 75%)}
 .hero-background .hero-copy{align-self:center;padding:40px 0 60px}
 .hero-background .hero-copy .display-title{font-size:clamp(180px,min(22vw,34svh),310px)}
 .hero-background .hero-rich{max-width:340px}
 .home-onview{padding:40px max(var(--pad),calc((100vw - var(--max))/2)) 0}
 .city-vision-inner.section-shell{padding-block:44px}
 .city-vision-inner .section-label{margin-bottom:28px}
 .vision-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px}
 .city-vision-title{font-size:30px;max-width:14em}
 .city-vision-body{font-size:14px;line-height:1.8}
 .city-vision-inner .vision-route{height:48px;margin-top:12px}
 .city-vision-inner .lottie-route-canvas{width:190px;height:68px;top:-6px}
 .home-content-title{font-size:44px}.home-content-body{font-size:16px}.home-content-grid{gap:64px}
}
@media(max-width:359px){
 .footer-institutions{gap:18px}
 .footer-institutions .institution-busan{width:140px}
 .footer-institutions .institution-domoheon{width:118px}
 .brand b{font-size:13px}.brand{max-width:150px}
 .menu-label{display:none}.header-tools{gap:10px}
}