:root{color-scheme:dark;--ink:#151515;--cream:#eee6df;--rose:#d5ad98;--text:#f7f2ed;--line:#54484a;--muted:#b7aaa8;--max:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.55}
h1,h2,h3,p{margin-top:0}
a{color:inherit}button,a{font:inherit}button{cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
.wrap{width:min(calc(100% - 7vw),var(--max));margin-inline:auto}
.skip{position:absolute;left:1rem;top:-5rem;z-index:50;padding:.6rem 1rem;background:white;color:#211719}.skip:focus{top:1rem}
header{position:absolute;inset:0 0 auto;height:88px;z-index:20}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:#fff}
.brand img{display:block;width:60px;height:56px;object-fit:contain}
.brand small{font:600 .55rem/1.25 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;text-shadow:0 1px 6px #1c1313}
.navlinks{display:flex;align-items:center;gap:clamp(1rem,2.7vw,3rem);font:600 .76rem/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#fff;text-shadow:0 1px 6px #1c1313}
.navlinks a{text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.navlinks a:hover{opacity:.65}
.navlinks .nav-cta{color:inherit}
.navlinks .lang-link{border-left:1px solid rgba(255,255,255,.65);padding-left:1.3rem;letter-spacing:.08em}
.menu-toggle{display:none}
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:var(--ink)}
.hero-art{position:absolute;inset:0;display:grid;place-items:center;padding:7rem 2rem 5rem}
.hero-art img{display:block;width:min(82vw,930px);max-height:calc(100svh - 12rem);height:auto;object-fit:contain}
.brand-chapter .hero-art img.reveal-ready{opacity:0;transform:translateY(22px) scale(.985);clip-path:inset(10% 0 10% 0)}
.brand-chapter .hero-art img.reveal-ready.is-revealed{opacity:1;transform:none;clip-path:inset(0);transition:opacity 1s ease,transform 1.15s cubic-bezier(.18,.72,.2,1),clip-path 1.15s cubic-bezier(.18,.72,.2,1)}
.hero-media{position:absolute;inset:0;overflow:hidden;background:#181415}
.hero-media .poster,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-media .poster{filter:blur(25px) brightness(.55);transform:scale(1.12)}
.hero-media video{z-index:1}
.hero-media:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(10,8,10,.3),transparent 22%,transparent 76%,rgba(10,8,10,.35))}
.motion-toggle{position:absolute;right:3.5vw;bottom:5.8rem;z-index:3;padding:.45rem .7rem;background:rgba(20,16,18,.55);border:1px solid rgba(255,255,255,.55);color:#fff;font:500 .72rem/1.4 Arial,Helvetica,sans-serif}
.motion-toggle:hover{background:rgba(20,16,18,.9)}
.hero-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.scroll-cue{position:absolute;left:3.5vw;right:3.5vw;bottom:1.7rem;z-index:3;display:flex;align-items:center;gap:.9rem;border-top:1px solid rgba(255,255,255,.7);padding-top:.85rem;text-decoration:none;color:#fff;font:600 .69rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.18em}
.scroll-cue span:first-child{display:grid;place-items:center;width:28px;height:28px;border:1px solid #fff;border-radius:50%;font-size:.9rem;letter-spacing:0}
section.content{padding:clamp(5.5rem,10vw,10rem) 0;scroll-margin-top:0}
.manifesto.content{position:relative;min-height:100svh;display:flex;align-items:stretch;padding:0;background:var(--ink);color:var(--text);overflow:hidden}
.hero-wordmark{position:absolute;z-index:2;top:43%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,3vw,3.5rem);margin:0;color:#d5ad83;text-shadow:0 2px 25px rgba(0,0,0,.7);opacity:0;clip-path:inset(0 100% 0 0);animation:wordmark-arrive 1.25s cubic-bezier(.18,.72,.2,1) .35s both}
.hero-wordmark img{display:block;width:clamp(8rem,20vw,18rem);height:auto;flex:none;object-fit:contain}
.hero-wordmark-name{display:flex;flex-direction:column;gap:.35em;font:400 clamp(.85rem,1.35vw,1.5rem)/1.15 Arial,Helvetica,sans-serif;letter-spacing:.32em}
.hero-wordmark-name span{display:block;white-space:nowrap}
@keyframes wordmark-arrive{from{opacity:.15;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
.manifesto-inner{position:relative;z-index:1;min-height:100svh;display:flex;justify-content:center;align-items:flex-end;padding-block:7rem}
.manifesto-copy{width:min(100%,720px);text-align:center;text-shadow:0 2px 25px rgba(0,0,0,.8)}
.manifesto-english{margin:0;text-align:center;font-family:"Bodoni Moda",Georgia,serif;font-style:italic;font-weight:400;line-height:1.25;font-size:clamp(1.35rem,2.35vw,2.75rem);letter-spacing:.015em;color:#f2c2a1}
.manifesto-photo{position:absolute;inset:0;margin:0;overflow:hidden}
.manifesto-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,7,8,.42),transparent 24%,transparent 58%,rgba(8,7,8,.42)),linear-gradient(90deg,transparent 45%,rgba(8,7,8,.2))}
.manifesto-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.74}
.manifesto-english.copy-visible{animation:cover-type-in .9s cubic-bezier(.18,.72,.2,1) .2s both}
@keyframes cover-type-in{from{opacity:0;transform:translateY(22px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
.manifesto .scroll-cue{justify-content:center;animation:cue-arrive .7s ease 1.65s both}
@keyframes cue-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.reveal-ready{opacity:0;transform:translateY(32px)}
.reveal-ready.is-revealed{opacity:1;transform:translateY(0);transition:opacity .85s ease-out,transform .95s cubic-bezier(.18,.72,.2,1);transition-delay:var(--reveal-delay,0ms)}
.section-heading h2.reveal-ready{clip-path:inset(0 0 100% 0)}
.section-heading h2.reveal-ready.is-revealed{clip-path:inset(0);transition:opacity .85s ease-out,transform .95s cubic-bezier(.18,.72,.2,1),clip-path .95s cubic-bezier(.18,.72,.2,1);transition-delay:var(--reveal-delay,0ms)}
.section-heading h2{--reveal-delay:100ms}
.filter button:nth-child(2){--reveal-delay:70ms}
.filter button:nth-child(3){--reveal-delay:140ms}
.filter button:nth-child(4){--reveal-delay:210ms}
.zone:nth-child(2){--reveal-delay:110ms}
.zone:nth-child(3){--reveal-delay:220ms}
.audience-panel h3{--reveal-delay:80ms}
.audience-panel .status,.audience-panel ul{--reveal-delay:140ms}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;border-top:1px solid currentColor;padding-top:1.1rem;margin-bottom:clamp(3rem,6vw,6rem)}
.section-no,.detail-meta,.zone-kicker,.micro,.footer-meta{font:600 .71rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.section-heading h2{font:400 clamp(4.5rem,10vw,11.8rem)/.84 "Bodoni Moda",Georgia,serif;letter-spacing:-.07em;margin:0}
.program{background:var(--ink)}
.program .section-heading{border-color:var(--line)}
.program .section-no{color:var(--rose)}
.program-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(3rem,8vw,10rem)}
.filter{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.filter button{width:100%;display:grid;grid-template-columns:3.1rem 1fr 1.5rem;align-items:baseline;gap:.5rem;text-align:left;padding:1.2rem .25rem 1.35rem;background:none;border:0;border-bottom:1px solid var(--line);color:var(--muted);font:400 clamp(1.7rem,2.5vw,3.3rem)/1.2 "Bodoni Moda",Georgia,serif;letter-spacing:-.035em;transition:color .2s,padding-left .2s}
.filter button .idx{font:600 .7rem/1 Arial,Helvetica,sans-serif;letter-spacing:.1em;color:#957f7b}
.filter button:after{content:"↗";font:400 clamp(1.2rem,1.9vw,2rem)/1 Arial,Helvetica,sans-serif;text-align:right;opacity:0;transition:opacity .2s}
.filter button[aria-selected="true"]{color:#f0cdb9;padding-left:.7rem}
.filter button[aria-selected="true"]:after,.filter button:hover:after{opacity:1}
.filter button:hover{color:var(--text)}
.detail{position:sticky;top:3rem;align-self:start;min-height:26rem;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--line);padding:1rem 0 0 clamp(2rem,4vw,5rem)}
.detail-meta{color:var(--rose)}
.detail h3{font:400 clamp(2.5rem,3.6vw,4rem)/1.05 "Bodoni Moda",Georgia,serif;letter-spacing:-.06em;margin:2.5rem 0 1.2rem;white-space:nowrap}
.detail p{max-width:36rem;color:#ddcfca;font-size:1.08rem;word-break:keep-all}
.detail .note{border-top:1px solid var(--line);padding-top:1rem;margin:2rem 0 0;color:var(--muted);font-size:.8rem}
.program-photo{width:100%;margin:clamp(4rem,7vw,7rem) 0 0}
.program-photo img{display:block;width:100%;height:auto}
.space{background:var(--ink);color:var(--text)}
.space .section-heading{border-color:var(--line)}
.space .section-no{color:var(--rose)}
.space-top{display:grid;grid-template-columns:1.5fr .5fr;gap:3rem;align-items:end}
.venue{font:400 clamp(6rem,14vw,17rem)/.73 "Bodoni Moda",Georgia,serif;letter-spacing:-.085em;color:var(--rose);margin:0}
.space-top p{border-left:1px solid var(--line);padding-left:1.25rem;margin:0;color:var(--cream);font-size:1.03rem;word-break:keep-all}
.zone-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,5rem);border-top:1px solid var(--line);margin-top:clamp(6rem,12vw,12rem)}
.zone{padding-top:1.2rem}
.zone-kicker{display:block;color:var(--rose);margin-bottom:2.4rem}
.zone h3{font:400 clamp(1.7rem,2.3vw,2.8rem)/1.07 "Bodoni Moda",Georgia,serif;letter-spacing:-.025em;margin:0 0 1.1rem}
.zone p{color:var(--muted);font-size:.93rem;word-break:keep-all;margin:0}
.space-foot{color:var(--muted);font-size:.8rem;margin:3rem 0 0}
.participate{background:var(--ink);color:var(--text)}
.participate .section-heading{border-color:var(--line)}
.participate .section-no{color:var(--rose)}
.audience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:4.5rem}
.audience button{background:none;border:0;border-right:1px solid var(--line);color:var(--muted);padding:1.05rem 1.25rem;text-align:left;font:600 .85rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.04em}
.audience button:last-child{border-right:0}
.audience button[aria-selected="true"]{color:var(--text);box-shadow:inset 0 -3px var(--rose)}
.audience button:hover{color:var(--text)}
.audience-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.5fr);gap:6vw;min-height:26rem}
.audience-panel .micro{color:var(--rose);margin-bottom:1.3rem}
.audience-panel h3{font:400 clamp(3.2rem,6.6vw,7.5rem)/1.1 "Noto Serif KR","Bodoni Moda",Georgia,serif;letter-spacing:-.055em;margin:0 0 1.3rem;word-break:keep-all}
.audience-panel p{font-size:1.03rem;color:var(--muted)}
.audience-panel ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line);align-self:start}
.audience-panel li{display:flex;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.94rem;color:var(--cream)}
.audience-panel li:before{content:"—";color:var(--rose)}
.audience-panel.visitor-view{grid-template-columns:1fr;gap:3.5rem}
.audience-panel.visitor-view h3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;font:400 clamp(2rem,6.2vw,7rem)/1.1 "Bodoni Moda",Georgia,serif;letter-spacing:-.055em;margin-bottom:2rem}
.audience-panel.visitor-view h3 span{white-space:nowrap}
.audience-panel.visitor-view h3 span:nth-child(2){text-align:center}
.audience-panel.visitor-view h3 span:nth-child(3){text-align:right}
.audience-panel.visitor-view ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.locale-en .audience-panel:not(.visitor-view) h3{font-family:"Bodoni Moda",Georgia,serif;font-size:clamp(2.7rem,5.6vw,6.5rem);line-height:1.08;letter-spacing:-.06em;word-break:normal}
.status{display:inline-block;margin-top:1.25rem;border-bottom:1px solid var(--rose);padding-bottom:.4rem;color:var(--rose);font-size:.8rem;letter-spacing:.04em}
footer{padding:clamp(5rem,10vw,10rem) 0 2rem;background:var(--ink);color:var(--cream)}
.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}
.footer-title{display:flex;align-items:flex-end;gap:1rem;margin:0}
.footer-title img{width:100px;height:96px;object-fit:contain}
.footer-title em{font:400 clamp(1.8rem,3.5vw,3.5rem)/1 "Bodoni Moda",Georgia,serif;color:var(--rose);font-style:normal}
.footer-top>p:last-child{font:600 .75rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.15em;margin:0;color:#a89a97}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:clamp(4rem,9vw,9rem);padding-top:1rem;color:var(--muted);font-size:.72rem}
.footer-meta{font-size:.7rem}
@media(max-width:900px){
 .wrap{width:min(calc(100% - 2.5rem),var(--max))}
 .navlinks{gap:1rem;font-size:.65rem}
 .brand small{display:none}
 .program-layout{grid-template-columns:1fr;gap:2.5rem}
 .detail{position:static;min-height:16rem;border-left:0;border-top:1px solid var(--line);padding:1.5rem 0 0}
 .detail h3{margin:1rem 0}
 .space-top{grid-template-columns:1fr 15rem}
 .venue{font-size:clamp(6rem,14vw,9rem)}
 .audience-panel{grid-template-columns:1fr 16rem;gap:2rem}
}
@media(max-width:640px){
 header{height:72px}
 .brand img{width:52px;height:48px}
 .menu-toggle{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;background:none;border:0;color:#fff;font:600 .76rem/1 Arial,Helvetica,sans-serif;letter-spacing:.12em}
 .menu-toggle span{font-size:1.3rem;line-height:1}
 .navlinks{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:1.2rem 1.25rem 2rem;background:rgba(18,16,19,.98);font-size:.9rem}
 .navlinks[data-open="true"]{display:flex}
 .navlinks a{padding:1rem 0;border-bottom:1px solid #54484a}
 .navlinks .lang-link{border-left:0;padding-left:0}
 .hero{min-height:620px}
 .hero-art{padding:6rem 1.25rem 4.5rem}
 .hero-art img{width:min(90vw,580px);max-height:calc(100svh - 10.5rem)}
 .hero-media video{object-fit:contain}
 .motion-toggle{right:1.25rem;bottom:5.4rem}
 .scroll-cue{left:1.25rem;right:1.25rem;bottom:1.3rem}
 section.content{padding:5rem 0}
 .manifesto{min-height:100svh}
 .hero-wordmark{top:42%;width:calc(100% - 2.5rem);gap:clamp(.75rem,4vw,1.5rem)}
 .hero-wordmark img{width:clamp(6.5rem,30vw,10rem)}
 .hero-wordmark-name{font-size:clamp(.7rem,2.65vw,1rem);letter-spacing:.23em}
 .manifesto-inner{min-height:100svh;display:flex;align-items:flex-end;padding-block:5rem}
 .manifesto-photo img{object-position:63% center}
 .manifesto-copy{width:100%}
 .manifesto-english{font-size:clamp(1.45rem,5.7vw,2rem)}
 .section-heading{display:block;margin-bottom:3rem}
 .section-no{display:block;margin-bottom:2rem}
 .section-heading h2{font-size:clamp(3.1rem,14vw,5.8rem)}
 .filter button{font-size:clamp(1.55rem,7vw,2.4rem);grid-template-columns:2rem 1fr 1.4rem;padding:1rem .1rem}
 .detail h3{font-size:clamp(2rem,8.2vw,3.5rem)}
 .program-photo{margin-top:4rem}
 .space-top{grid-template-columns:1fr;gap:3rem}
 .venue{font-size:clamp(4.5rem,19vw,8rem)}
 .space-top p{max-width:18rem}
 .zone-list{grid-template-columns:1fr;gap:0;margin-top:5rem}
 .zone{padding:1.35rem 0;border-bottom:1px solid var(--line)}
 .zone-kicker{margin-bottom:.8rem}
 .zone h3{margin-bottom:.5rem}
 .space-foot{margin-top:1.5rem}
 .audience{grid-template-columns:1fr;margin-bottom:3rem}
 .audience button{border-right:0;border-bottom:1px solid var(--line);padding:.9rem .25rem}
 .audience button:last-child{border-bottom:0}
 .audience button[aria-selected="true"]{box-shadow:inset 3px 0 var(--rose);padding-left:.85rem}
 .audience-panel{grid-template-columns:1fr;gap:3rem;min-height:0}
 .audience-panel h3{font-size:clamp(2.8rem,12vw,4.8rem)}
 .audience-panel.visitor-view h3{gap:.4rem;font-size:clamp(1.45rem,7vw,2.8rem)}
 .audience-panel.visitor-view ul{grid-template-columns:1fr;gap:0}
 .footer-top,.footer-bottom{flex-direction:column}
 .footer-title img{width:76px;height:72px}
 .footer-bottom{margin-top:5rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.manifesto .scroll-cue,.hero-wordmark{animation:none;opacity:1;clip-path:none}.reveal-ready,.brand-chapter .hero-art img.reveal-ready,.section-heading h2.reveal-ready{opacity:1;transform:none;clip-path:none}.reveal-ready.is-revealed,.brand-chapter .hero-art img.reveal-ready.is-revealed,.section-heading h2.reveal-ready.is-revealed{transition:none}.manifesto-english.copy-visible{animation:none;opacity:1;transform:none;clip-path:none}}