:root{--paper:#f4f0e7;--ink:#202624;--wine:#743b42;--muted:#626760;--line:#cfcfc4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:18px/1.8 'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif;background:var(--paper);color:var(--ink);word-break:keep-all}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.055em;font-weight:500;line-height:1.35}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{display:block;width:100%;height:auto}button{background:none;border:0}a:hover{color:var(--wine)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a34f5c;outline-offset:5px}p{color:var(--muted)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.project-notice{padding:8px 48px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ffffff28;background:var(--ink);color:var(--paper);font-size:18px}.project-notice a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.project-notice a:hover{color:white}.site-header{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:27px 48px;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{font:44px/.9 Georgia,serif;letter-spacing:5px;display:inline-block;text-align:center}.wordmark span{display:block;font:18px/1.2 'Malgun Gothic',sans-serif;letter-spacing:7px;margin-top:10px}.site-header nav{display:flex;gap:34px;align-items:center}.nav-plan{border-bottom:1px solid var(--wine);padding-bottom:5px;color:var(--wine)}[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none}.hero{height:max(630px,calc(100vh - 160px));max-height:860px;position:relative;color:white;background:var(--ink)}.hero>img{height:100%;object-fit:cover;object-position:50% 55%}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1117138c,transparent 75%),linear-gradient(0deg,#131c18bb,transparent 85%)}.hero-content{position:absolute;z-index:1;left:7vw;bottom:65px;right:7vw}.eyebrow{font-size:18px;letter-spacing:.1em;display:block;margin-bottom:25px}.hero h1{font-size:clamp(48px,5.5vw,82px);font-weight:500;letter-spacing:-.06em;line-height:1.3}.hero-content>div{display:flex;justify-content:space-between;align-items:end;margin-top:25px;gap:30px}.hero p{color:#fffaf0}.outline-button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:56px;border:1px solid;padding:14px 26px;line-height:1.5}.outline-button{border-color:#ffffffe0;color:white}.outline-button:hover{background:white;color:var(--ink)}.button{background:var(--wine);border-color:var(--wine);color:white}.button:hover{background:#5b2e34;color:white}.hero-side{position:absolute;right:28px;top:32px;z-index:1;writing-mode:vertical-rl;font-size:18px;letter-spacing:.15em}.introduction{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-block:110px}.introduction h2{font-size:46px;line-height:1.4}.introduction p{margin:28px 0}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:5px 0;font-size:18px}.menu-preview{padding-bottom:100px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:0 50px;margin-bottom:45px}.section-heading h2{font-size:44px}.section-heading>a{grid-column:2;justify-self:start;margin-top:24px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.menu-photo{position:relative}.menu-photo img{aspect-ratio:4/3.6;object-fit:cover}.menu-photo>span{position:absolute;left:0;bottom:0;padding:9px 20px;background:var(--paper);font:28px/1.2 Georgia,serif}.card-line{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:24px}.card-line h2{font-size:26px}.card-line>span{font-size:18px;white-space:nowrap}.menu-card p{font-size:18px;margin-top:12px}.menu-card .text-link{margin-top:18px}.space-feature{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:60% 40%}.space-feature>img{height:660px;object-fit:cover}.space-feature>div{padding:65px 4vw;align-self:center}.space-feature h2{font-size:44px}.space-feature p{color:#ccd0c7;margin:28px 0}.space-feature a:hover{color:white}.visit-invitation{padding-block:100px;text-align:center}.visit-invitation h2{font-size:48px}.visit-invitation p{margin:25px 0 35px}.visit-invitation .button{margin-top:25px}.page-intro{padding-block:80px 65px;text-align:center}.page-intro h1{font-size:clamp(40px,4.8vw,68px);line-height:1.4}.page-intro em{font-style:normal;color:var(--wine)}.page-intro p{margin:28px auto 0;max-width:780px}.filters{display:flex;gap:30px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;margin-bottom:45px}.filters button{border-bottom:2px solid transparent;padding:4px 0}.filters [aria-pressed=true]{border-color:var(--wine);color:var(--wine)}.menu-caption{margin:35px 0 0;font-size:18px}.menu-guide{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-block:50px 85px;margin-top:65px}.menu-guide h2{font-size:32px}.menu-guide p{margin-bottom:20px}.course-cover{height:580px;position:relative;background:var(--ink)}.course-cover>img{height:100%;object-fit:cover}.course-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101713b3,transparent 75%)}.course-cover>div{position:absolute;left:7vw;bottom:45px;color:white;z-index:1}.course-cover h1{font-size:64px;margin:18px 0}.course-cover p{color:white;font:28px/1.3 Georgia,serif}.course-cover a:hover{color:white}.course-overview{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:80px}.course-overview h2{font-size:35px}.price{margin:25px 0}.price strong{font:36px/1.3 Georgia,serif;color:var(--ink);margin-left:15px}.course-flow{padding-block:60px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.course-flow h2{font-size:42px;margin-bottom:25px}.course-flow ol{margin:0;padding:0;list-style:none}.course-flow li{display:flex;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.course-flow li>span{font:28px/1.3 Georgia,serif;color:var(--wine)}.course-flow li h3{font-size:24px;margin-bottom:8px}.course-note{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding-block:45px}.course-note h2{font-size:28px}.other-courses{padding-block:30px 90px}.other-courses>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.other-courses>a>strong{font-size:27px;font-weight:500}.philosophy-visual{position:relative}.philosophy-visual img{height:620px;object-fit:cover}.philosophy-visual blockquote{position:absolute;bottom:35px;left:7vw;color:white;background:#202624dc;margin:0;padding:24px 36px;font:italic 44px/1.4 Georgia,serif}.principles{padding-block:85px}.principles article{display:grid;grid-template-columns:1fr 1.25fr 1.5fr;gap:40px;padding:38px 0;border-top:1px solid var(--line)}.principles h2{font-size:34px}.journal-invite{padding-block:0 100px;text-align:center}.journal-invite h2{font-size:40px;margin-bottom:28px}.wide-photo{margin:0 48px}.wide-photo img{height:650px;object-fit:cover}.wide-photo figcaption{padding-top:18px;font-size:18px}.space-text{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-block:80px}.space-text h2{font-size:44px}.space-text p{margin-bottom:24px}.space-details{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.space-details article{padding-top:25px;border-top:1px solid var(--line)}.space-details span{color:var(--wine)}.space-details h3{font-size:26px;margin:16px 0}.reading{width:min(780px,calc(100% - 48px));margin:65px auto 95px}.reading .lead{font-size:23px;color:var(--ink)}.reading h2{font-size:32px;margin:42px 0 25px}.reading blockquote{font-size:30px;line-height:1.7;border-left:2px solid var(--wine);padding-left:28px;margin:45px 0}.reading .button{margin-top:35px}.visit-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;padding-bottom:100px;align-items:start}form label{display:block;margin-bottom:10px;font-weight:600}input,select,textarea{width:100%;min-height:56px;padding:13px 16px;background:#fffdf8;border:1px solid var(--line);border-radius:0;margin-bottom:26px;max-width:100%;min-width:0}textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-note{font-size:18px;margin-top:20px}.plan-card{border:1px solid var(--line);padding:32px;background:#ebe7db}.plan-card h2{font-size:36px;margin-bottom:26px}.plan-card img{aspect-ratio:3/2;object-fit:cover}dl{margin:25px 0}dl>div{display:flex;gap:20px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}dd{margin:0;text-align:right}.total{color:var(--wine)}.total dd{font-size:26px;font-weight:600}.plan-footnote{font-size:18px}.plan-card #plan-note{margin:20px 0;overflow-wrap:anywhere}.reset-plan{margin-top:22px}footer{padding:70px 48px 35px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand{display:flex;align-items:start;gap:60px}.footer-brand p{color:#cad0c7}footer nav{display:flex;gap:15px 30px;flex-wrap:wrap;align-content:start;justify-content:end}footer a:hover{color:#fff}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:25px;display:flex;gap:60px;justify-content:space-between}.footer-bottom p{max-width:760px;color:#cad0c7;font-size:18px}.footer-bottom a{font-size:18px;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}.skip{position:fixed;top:-100px;left:12px;z-index:100;padding:12px;background:var(--wine);color:white}.skip:focus{top:12px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}.notice-short{display:none}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.site-header{padding:25px 24px;gap:25px}.site-header nav{gap:23px}.project-notice{padding-inline:24px}.card-line{display:block}.card-line>span{display:inline-block;margin-top:8px}.menu-grid{gap:24px}.course-overview,.course-flow{gap:45px}.visit-layout{gap:35px}.footer-brand{gap:30px}.footer-bottom{display:block}.footer-bottom a{display:inline-block;margin-top:25px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.project-notice{padding:8px 20px;line-height:1.5;gap:8px}.notice-long{display:none}.notice-short{display:inline}.site-header{padding:22px 20px}.wordmark{font-size:36px;letter-spacing:4px}.wordmark span{font-size:18px;letter-spacing:5px;margin-top:7px}.menu-toggle{display:block;font-size:18px}.site-header nav{position:absolute;top:100%;left:0;right:0;display:none;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:11px}.nav-plan{margin-top:6px}.hero{height:620px;min-height:0;max-height:none}.hero>img{object-position:61% center}.hero::after{background:linear-gradient(0deg,#14211ae6,transparent 100%)}.hero-content{left:24px;right:24px;bottom:35px}.hero .eyebrow{font-size:18px;letter-spacing:.01em;margin-bottom:20px}.hero h1{font-size:43px;line-height:1.4}.hero-content>div{display:block;margin-top:20px}.hero p{font-size:18px}.hero .outline-button{margin-top:25px}.hero-side{display:none}.eyebrow{letter-spacing:.04em;font-size:18px}.introduction{grid-template-columns:1fr;gap:10px;padding-block:60px}.introduction h2{font-size:32px;line-height:1.5}.introduction p br{display:none}.section-heading{grid-template-columns:1fr;gap:0}.section-heading h2{font-size:33px}.section-heading>a{grid-column:1;margin-top:20px}.menu-grid{grid-template-columns:1fr;gap:45px}.menu-photo img{aspect-ratio:4/3}.card-line{display:flex;gap:10px}.card-line h2{font-size:27px}.card-line>span{font-size:18px}.menu-preview{padding-bottom:65px}.space-feature{grid-template-columns:1fr}.space-feature>img{height:390px}.space-feature>div{padding:40px 24px 55px}.space-feature h2{font-size:34px}.visit-invitation{padding-block:65px}.visit-invitation h2{font-size:34px}.page-intro{padding-block:50px 40px}.page-intro h1{font-size:39px}.page-intro p br{display:none}.filters{gap:15px 25px;margin-bottom:32px;padding-block:16px}.menu-guide{grid-template-columns:1fr;gap:22px;margin-top:45px;padding-block:35px 60px}.menu-guide h2{font-size:29px}.course-cover{height:460px}.course-cover>img{object-position:60% center}.course-cover>div{left:24px;bottom:32px}.course-cover h1{font-size:44px;margin:14px 0}.course-cover p{font-size:25px}.course-overview{grid-template-columns:1fr;gap:28px;padding-block:48px}.course-overview h2{font-size:30px}.course-flow{grid-template-columns:1fr;gap:25px;padding-block:42px 50px}.course-flow h2{font-size:34px}.course-flow li{gap:20px}.course-note{grid-template-columns:1fr;gap:22px;padding-block:35px}.other-courses{padding-bottom:60px}.other-courses>a{display:grid;grid-template-columns:1fr;gap:8px}.other-courses>a>strong{font-size:27px}.philosophy-visual img{height:450px}.philosophy-visual blockquote{left:20px;right:20px;bottom:25px;padding:20px;font-size:32px}.principles{padding-block:50px}.principles article{grid-template-columns:1fr;gap:20px;padding-block:30px}.principles h2{font-size:32px}.journal-invite{padding-bottom:65px}.journal-invite h2{font-size:32px}.wide-photo{margin-inline:20px}.wide-photo img{height:430px}.space-text{grid-template-columns:1fr;gap:28px;padding-block:45px}.space-text h2{font-size:34px}.space-details{grid-template-columns:1fr;gap:30px}.reading{margin-block:45px 65px}.reading h2{font-size:29px}.reading .lead{font-size:21px}.reading blockquote{font-size:26px}.visit-layout{grid-template-columns:1fr;gap:35px;padding-bottom:65px}.field-pair{gap:16px}.plan-card{padding:24px}.plan-card h2{font-size:32px}.plan-card dd{max-width:65%}footer{padding:50px 20px 28px;grid-template-columns:1fr;gap:35px}.footer-brand{display:block}.footer-brand p{margin-top:25px}footer nav{justify-content:start;gap:14px 25px}.footer-bottom{grid-column:1}.footer-bottom a{white-space:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Portfolio headline refinement · Noonnu · 2026-09-21 */
html:root body h1,html:root body h2{font-family:'RB Bookk',Georgia,'Noto Serif KR',serif;font-weight:400;letter-spacing:-.025em;line-height:1.35;font-synthesis:none;text-wrap:balance}
html:root body h2{font-weight:400}
html:root body :is(h1,h2) :is(em,i,strong){font-family:inherit;font-weight:inherit;letter-spacing:inherit}