@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f4f1e9;--ink:#24231e;--orange:#ed522f;--line:#d5d2c7;--muted:#716f65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{line-height:1.3;letter-spacing:-.065em}h2{font-size:clamp(32px,3.3vw,49px);font-weight:800}p{word-break:keep-all}.skip{position:fixed;left:20px;top:-80px;z-index:99;padding:12px;background:var(--ink);color:white}.skip:focus{top:10px}header{height:96px;max-width:1440px;padding:0 5%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{display:flex;gap:14px;align-items:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;line-height:1.4;letter-spacing:.01em}.logo small{display:block;font-family:'Noto Sans KR',sans-serif;font-size:10px;font-weight:500;letter-spacing:.06em;margin-top:3px}.monogram{font-size:43px;letter-spacing:-.1em;line-height:1}.monogram>span{color:var(--orange);font-size:28px;margin-left:3px}nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover,.source-link:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:10px 22px}.menu{display:none}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.13fr 1fr;min-height:630px}.hero-copy{padding:70px 0 26px 9%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-family:'Space Grotesk','Noto Sans KR',sans-serif;font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.5;margin-bottom:27px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:9px}.hero h1{font-size:clamp(37px,4vw,61px);font-weight:900;margin-bottom:27px}.fit{position:relative;color:var(--orange)}.fit svg{position:absolute;width:100%;left:0;bottom:-10px;height:20px;fill:none;stroke:var(--orange);stroke-width:4}.lead{font-size:15px;line-height:1.95;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:16px 22px;font-size:13px;font-weight:600;border-radius:2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#47453b}.text-link{font-size:12px}.hero-foot{margin-top:auto;padding-top:62px;display:flex;gap:25px;font-size:10px;letter-spacing:.03em}.hero-foot>span:first-child{font-family:'Space Grotesk';color:var(--muted)}.hero-art{position:relative;border-left:1px solid var(--line);overflow:hidden;min-height:630px}.hero-art>svg{position:absolute;width:100%;height:100%;object-fit:cover}.art-label{position:absolute;top:35px;left:35px;font-family:'Space Grotesk';font-weight:600;font-size:11px;line-height:1.4;letter-spacing:.07em;z-index:1}.art-bottom{position:absolute;bottom:39px;left:35px;right:34px;display:flex;justify-content:space-between;align-items:flex-end;font-family:'Space Grotesk';font-size:10px;line-height:1.5}.art-bottom b{font-size:8px;font-weight:400}.art-number{font-size:82px;font-weight:700;letter-spacing:-.08em;line-height:1}.art-number span{font-size:32px;margin-left:7px;vertical-align:top}.art-caption{position:absolute;right:20px;top:30px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.13em;color:var(--muted)}.ticker{display:flex;justify-content:space-around;align-items:center;gap:25px;background:var(--orange);padding:18px 4%;font-family:'Space Grotesk';font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap}.ticker i{font-size:26px;line-height:1;font-style:normal}.section{max-width:1440px;margin:auto;padding:95px 6%}.about{display:grid;grid-template-columns:1fr 1.05fr;gap:70px}.about-copy .large-copy{font-size:23px;line-height:1.65;font-weight:600;letter-spacing:-.05em;margin-bottom:23px}.about-copy>p:not(.large-copy){color:var(--muted);line-height:1.95;font-size:14px}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:36px 0 23px;border-top:1px solid var(--line);padding-top:24px;gap:15px}.facts strong{display:block;font-family:'Space Grotesk';font-size:30px;font-weight:500;line-height:1.3}.facts span{font-size:10px;color:var(--muted)}.source-link{font-size:11px;text-decoration:underline;text-underline-offset:5px}.programs{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.9;padding-bottom:5px}.program-controls{margin-top:42px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;align-items:center}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:9px 17px;background:transparent;font-size:12px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button span{font-family:'Space Grotesk';margin-left:6px;opacity:.6}.search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#eae7de;border-radius:30px}.search>span{font-size:22px;line-height:1}.search input{border:0;background:transparent;width:140px;font-size:12px;color:var(--ink);outline-offset:7px}.count{font-size:10px;color:var(--muted);padding:18px 0}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 23px}.program-card{min-width:0}.thumbnail{position:relative;aspect-ratio:1.5;overflow:hidden;display:block;background:#ddd8ca}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.thumbnail:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#0006)}.program-card:hover img{transform:scale(1.055)}.thumbnail .card-index{position:absolute;left:12px;top:10px;font-family:'Space Grotesk';font-size:10px;color:white;background:#24231eab;padding:2px 6px;z-index:1}.thumbnail .card-play{position:absolute;right:12px;bottom:10px;font-size:11px;color:white;z-index:1;background:#24231e96;padding:3px 9px;border-radius:20px}.program-meta{font-family:'Space Grotesk';font-size:9px;letter-spacing:.1em;color:var(--orange);margin:14px 0 6px}.program-card h3{font-size:17px;letter-spacing:-.04em;font-weight:700;line-height:1.5}.program-card .english{font-family:'Space Grotesk';font-size:10px;color:var(--muted);margin-top:1px}.program-card .description{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.7}.program-note{color:var(--muted);font-size:10px;margin-top:34px}.empty{text-align:center;padding:70px 10px;color:var(--muted)}.method{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.method .eyebrow{color:#ff9d77}.method-intro>p:not(.eyebrow){font-size:13px;color:#aeaca2;margin-top:25px}.method-art{height:190px;position:relative;width:230px;margin-top:25px;overflow:hidden}.method-art span{border:1px solid #ed522f;position:absolute;width:175px;height:130px;border-radius:50%;transform:rotate(-30deg);left:0;top:25px}.method-art span:nth-child(2){left:23px}.method-art span:nth-child(3){left:46px}.method-art i{position:absolute;left:72px;top:70px;font-family:'Space Grotesk';font-size:11px;line-height:1.4;font-style:normal;letter-spacing:.05em}.principles details{border-bottom:1px solid #56554c}.principles details:first-child{border-top:1px solid #56554c}summary{list-style:none;display:flex;align-items:center;gap:20px;padding:22px 0;font-weight:500;font-size:17px;letter-spacing:-.03em}summary::-webkit-details-marker{display:none}summary span{font-family:'Space Grotesk';font-size:10px;color:#9c9b91;letter-spacing:.05em}summary i{font-style:normal;margin-left:auto;font-weight:400;font-size:23px;line-height:1;transition:transform .2s}details[open] summary i{transform:rotate(45deg)}.principles details>div{padding:0 30px 24px}.principles small{font-family:'Space Grotesk';color:#ff9d77;font-size:9px;letter-spacing:.1em}.principles p{font-size:12px;color:#bcbab0;line-height:1.85;margin-top:8px}.principles .source-link{display:inline-block;margin-top:25px;color:#bcbab0}.video-section{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.video-card a{display:block;position:relative;aspect-ratio:1.7;background:#dfdbcf;overflow:hidden}.video-card img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:17px 23px;border-radius:50%;font-size:17px;box-shadow:0 5px 30px #0004}.video-label{position:absolute;bottom:15px;left:15px;background:var(--ink);color:var(--paper);font-family:'Space Grotesk';font-size:9px;padding:5px 11px;letter-spacing:.06em}.video-section>div>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:24px;line-height:1.9}.outline{border:1px solid var(--ink);margin-top:27px}.faq{padding-top:25px;display:grid;grid-template-columns:1fr 1.15fr;column-gap:90px}.faq>.eyebrow{grid-column:1/-1;margin-bottom:20px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{font-size:14px;padding:20px 0}.faq details p{font-size:12px;color:var(--muted);padding:0 0 25px;line-height:1.85}.contact{background:#e4e6cf;display:grid;grid-template-columns:1fr 1.05fr;gap:90px}.contact>div>p:not(.eyebrow){font-size:14px;color:#626354;margin-top:25px}.contact .button{margin-top:28px}.contact-info{padding-top:15px}.contact-info h3{font-size:18px;letter-spacing:-.04em}.contact-info dl{margin-top:25px}.contact-info dl>div{display:flex;padding:18px 0;border-bottom:1px solid #bec1ab;gap:25px}.contact-info dt{width:70px;flex-shrink:0;font-size:11px;color:#626354}.contact-info dd{margin:0;font-size:13px;line-height:1.8}.contact-info dd a:hover{text-decoration:underline}.map-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:16px 0;font-size:12px;font-weight:600}.contact-info>small{font-size:9px;color:#626354;display:block;line-height:1.8;margin-top:16px}footer{max-width:1440px;margin:auto;padding:45px 6% 30px}.footer-brand{font-family:'Space Grotesk';font-size:clamp(28px,6.35vw,92px);font-weight:700;line-height:1.3;letter-spacing:-.06em;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px}.footer-brand>span{color:var(--orange)}footer>div{display:flex;justify-content:space-between;margin-top:22px;font-size:10px;color:var(--muted)}
@media(min-width:1441px){.method,.contact{max-width:none;padding-left:max(6%,calc((100vw - 1267px)/2));padding-right:max(6%,calc((100vw - 1267px)/2))}}@media(max-width:1050px){nav{gap:18px}.hero{min-height:540px}.hero-art{min-height:540px}.hero-copy{padding-top:55px}.hero h1{font-size:43px}.actions{gap:15px}.button{gap:20px;padding:14px 18px}.section{padding:70px 6%}.about,.method,.contact,.video-section,.faq{gap:40px}.program-grid{grid-template-columns:repeat(3,1fr)}.ticker{font-size:14px}.ticker span:last-of-type,.ticker i:last-child{display:none}}
@media(max-width:760px){header{height:78px;padding:0 6%;position:relative}.logo{font-size:12px;gap:11px}.monogram{font-size:37px}.logo small{font-size:9px}.menu{display:block;border:0;background:none;font-size:12px;color:var(--ink);padding:12px 0 12px 16px}.menu>span{margin-left:8px;font-size:20px}nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);z-index:10;padding:24px 6%;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #0001;flex-direction:column;align-items:stretch;gap:18px}nav.open{display:flex}.nav-contact{text-align:center}.hero{grid-template-columns:1fr}.hero-copy{padding:43px 6% 27px}.hero h1{font-size:clamp(36px,7.8vw,58px);margin-bottom:23px}.hero .eyebrow{margin-bottom:22px}.lead{font-size:12px}.actions{flex-wrap:wrap;gap:22px;margin-top:26px}.hero-foot{margin-top:32px;padding-top:0;gap:15px;font-size:9px}.hero-art{min-height:390px;height:390px;border-left:0;border-top:1px solid var(--line)}.hero-art>svg{height:550px;top:-70px}.art-label{left:6%;top:25px}.art-bottom{left:6%;bottom:25px}.art-number{font-size:62px}.art-caption{top:25px}.ticker{gap:18px;justify-content:flex-start;padding:15px 6%;font-size:12px}.ticker i{font-size:20px}.ticker span:nth-of-type(n+3),.ticker i:nth-of-type(n+3){display:none}.section{padding:57px 6%}.eyebrow{margin-bottom:20px;font-size:10px}h2{font-size:33px}.about,.method,.contact,.video-section,.faq{grid-template-columns:1fr;gap:30px}.about-copy .large-copy{font-size:19px}.about-copy>p:not(.large-copy){font-size:12px}.facts{margin-top:25px;padding-top:19px}.facts strong{font-size:27px}.facts span{font-size:9px}.section-heading{display:block}.section-heading>p{margin-top:22px;font-size:12px}.program-controls{display:block;margin-top:27px;padding-bottom:15px}.filters{gap:7px}.filters button{padding:8px 12px;font-size:11px}.search{margin-top:16px;width:100%}.search input{width:100%;font-size:12px}.program-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}.program-card h3{font-size:14px}.program-meta{font-size:8px;margin-top:11px}.program-card .english{font-size:9px}.program-card .description{font-size:10px}.thumbnail .card-index{left:8px;top:7px;font-size:9px}.thumbnail .card-play{right:7px;bottom:7px;font-size:9px}.program-note{font-size:9px}.method{gap:15px}.method-art{height:150px;margin-top:10px}.principles summary{font-size:16px}.video-section{gap:30px}.video-section .eyebrow{margin-bottom:16px}.faq{gap:20px}.faq>.eyebrow{margin-bottom:0}.faq h2{margin-bottom:5px}.faq summary{font-size:13px}.contact{gap:25px}.contact-info{padding-top:5px}.contact-info h3{font-size:17px}.contact-info dl>div{gap:15px}.contact-info dt{width:58px}footer{padding:35px 6% 25px}.footer-brand{font-size:clamp(27px,7.7vw,56px);padding-bottom:20px}footer>div{font-size:9px;gap:10px}.footer-brand>span{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}[hidden]{display:none!important}
