@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Noto+Serif+KR:wght@300;400;500;600&display=swap');
:root{--paper:#f7f5ef;--ink:#302820;--muted:#80786d;--line:#dcd5c9;--brown:#514237;--green:#315b45}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9b7652;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Noto Serif KR',serif;font-weight:400;letter-spacing:-.06em;line-height:1.6}h2{font-size:clamp(26px,3vw,43px)}em{font-style:normal;color:#7e674f}p{color:#766d62}.skip{position:fixed;left:0;top:-100px;z-index:100;background:white}.skip:focus{top:0}header{height:100px;padding:0 4%;display:flex;align-items:center;gap:30px;background:rgba(247,245,239,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:14px;margin-right:auto}.brand img{width:50px;height:57px;object-fit:contain}.brand>span{font-family:Georgia,serif;font-size:18px;letter-spacing:.12em}.brand small{display:block;font-family:'Noto Sans KR',sans-serif;font-size:10px;letter-spacing:.18em;color:var(--muted);margin-top:3px}nav{display:flex;gap:25px;font-size:13px}nav a:hover{color:#9b7652}.header-book{border:1px solid var(--ink);padding:9px 17px;font-size:13px;white-space:nowrap}.header-book span{margin-left:14px}.menu{display:none;border:0;background:none;font-size:25px}.hero{position:relative;min-height:690px;height:calc(100svh - 100px);max-height:960px;overflow:hidden;display:flex;align-items:center}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,243,232,.89),rgba(248,243,232,.5) 44%,transparent 70%)}.hero-content{position:relative;z-index:1;margin-left:10%;padding:70px 0}.eyebrow,.section-label{font-size:11px;letter-spacing:.2em;font-weight:500}.hero h1{font-size:clamp(34px,4.1vw,64px);line-height:1.55;margin:23px 0}.hero-desc{font-size:17px;line-height:1.9;color:#605346}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 25px;font-size:13px;font-weight:500;transition:transform .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn span{margin-left:18px}.dark{background:var(--brown);color:white}.cream{background:var(--paper);color:var(--ink)}.outline{border:1px solid var(--line);background:transparent}.n{font-size:18px;line-height:1}.text-link{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #9a8b7b;padding-bottom:5px;font-size:13px}.hero-location{margin-top:50px;font-size:11px;letter-spacing:.02em;color:#645749;display:flex;gap:15px;align-items:center}.hero-location i{height:10px;width:1px;background:#9f8c75}.scroll-cue{position:absolute;z-index:2;bottom:32px;left:4%;font-size:9px;letter-spacing:.17em;display:flex;align-items:center;gap:25px}.scroll-cue span{font-size:23px}.hero-credit{position:absolute;z-index:2;right:3%;bottom:30px;font-size:9px;letter-spacing:.2em;color:#78654f}.intro-band{border-bottom:1px solid var(--line);padding:28px 10%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.intro-band p{font:italic 23px Georgia,serif;margin:0;color:#857259}.intro-band span{padding-left:28px;border-left:1px solid var(--line)}.wrap{max-width:1200px;padding-left:40px;padding-right:40px;margin:auto}.section{padding-top:110px;padding-bottom:110px}.section-label{color:#8b7860;margin-bottom:24px}.about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:90px}.about-grid h2{margin-bottom:0}.about-grid .lead{font-size:21px;line-height:1.8;color:#51463b;margin-bottom:22px}.about-grid p{font-size:14px;line-height:2}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line)}.principles>div{padding:28px 0 0 30px;border-left:1px solid var(--line)}.principles>div:first-child{border-left:0;padding-left:0}.principles span{color:#9a8267;font:italic 17px Georgia,serif}.principles h3{font-size:18px;font-weight:500;margin:14px 0 6px}.principles p{font-size:12px;margin:0}.classes{background:#eae5da}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-top h2{margin-bottom:0}.section-top>p{font-size:13px;margin-bottom:5px}.class-tabs{display:flex;border-bottom:1px solid #cfc5b6;margin-bottom:40px}.class-tabs button{border:0;background:none;padding:17px 20px;font-size:14px;flex:1;border-bottom:2px solid transparent;color:#958675}.class-tabs button[aria-selected=true]{border-color:var(--brown);color:var(--brown)}.class-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.class-visual{position:relative;background:#d8d1c4}.class-visual img{width:100%;aspect-ratio:1.25;object-fit:cover}.class-visual>span{position:absolute;bottom:14px;left:18px;font-size:8px;letter-spacing:.16em;background:#f7f5efdd;padding:4px 10px}.class-copy h3{font-family:'Noto Serif KR',serif;font-weight:400;font-size:30px;line-height:1.6;letter-spacing:-.04em}.class-copy p:not(.eyebrow){font-size:14px}.class-copy ul{padding:20px 0;list-style:none;border-top:1px solid #d1c8b9;font-size:12px;color:#766b5d}.class-copy li:before{content:'—';margin-right:12px;color:#a48b6a}.class-copy li{margin-bottom:8px}.class-note{margin-top:30px;font-size:12px;text-align:right}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery button{background:transparent;border:0;padding:0;text-align:left;overflow:hidden}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s}.gallery button:hover img{transform:scale(1.04)}.gallery span{display:flex;justify-content:space-between;margin-top:14px;font-size:11px;color:#766c5e}.gallery b{font-size:15px;font-weight:400}.equipment{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:35px;margin-top:45px;font:19px Georgia,serif;letter-spacing:.08em;color:#9b8c76}.membership{background:#eeeadf}.price-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d6ccbd}.price-grid article{padding:40px}.price-private{background:#f8f5ed;border-left:1px solid #d6ccbd}.price-heading>span{font-size:9px;letter-spacing:.2em;color:#998468}.price-heading h3{font-family:'Noto Serif KR',serif;font-size:29px;font-weight:400;margin:12px 0 5px}.price-heading p{font-size:12px;margin-bottom:30px}.price-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d9d1c4;padding:20px 0;gap:15px}.price-row div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.price-row b{font-size:14px;font-weight:500}.price-row div span{font-size:12px;color:#8b7f6e}.price-row strong{font:27px Georgia,serif;white-space:nowrap;letter-spacing:-.025em}.price-row small{font:11px 'Noto Sans KR',sans-serif;margin-left:5px}.price-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px}.price-footer p{font-size:11px;margin:0}.reviews{overflow:hidden}.review-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.review-layout p{font-size:14px;line-height:2}.review-layout small{display:block;margin-top:15px}.muted{color:#948b80;font-size:11px}.review-words{font:clamp(30px,5.5vw,76px) Georgia,serif;color:#ded7c9;white-space:nowrap;margin-top:70px;letter-spacing:.02em}.begin{background:#eeeadf}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #cbbfaa;padding-top:20px}.steps span{font:italic 28px Georgia,serif;color:#ab9478}.steps h3{font-weight:500;font-size:18px;margin:14px 0}.steps p{font-size:13px}.faq{margin-top:55px;border-top:1px solid #d2c8b9}details{border-bottom:1px solid #d2c8b9}summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;list-style:none;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:300;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{padding:0 30px 20px 0;font-size:13px;max-width:850px}.visit-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px}.address{line-height:2;margin-top:30px;font-size:15px}.address strong{font-weight:500;color:var(--ink)}.visit .actions{gap:15px;margin-top:25px}.copy-btn{background:none;border:0;border-bottom:1px solid #a0907d;padding:5px 0;font-size:12px}.contact-card{padding:35px 40px;border:1px solid var(--line);align-self:start}dl{margin:20px 0}dl>div{display:flex;justify-content:space-between;padding:10px 0;gap:20px;font-size:13px}dd{margin:0;white-space:nowrap}dt{color:#8a7c69}.contact-line{border-top:1px solid var(--line);padding-top:25px;margin-top:25px;margin-bottom:20px}.contact-line span{display:block;font-size:10px;color:#8e7f6c}.contact-line a{font:30px Georgia,serif}.contact-card .text-link{font-size:11px}.closing{text-align:center;background:#4a4036;padding:85px 20px}.closing p{font-family:'Noto Serif KR',serif;font-size:34px;line-height:1.7;letter-spacing:-.04em;color:#eee6d7}.closing em{color:#c4af90}footer{padding:55px 6%;display:flex;justify-content:space-between;gap:35px;font-size:11px}footer strong{font:19px Georgia,serif;letter-spacing:.12em}footer p{margin:8px 0}footer small{color:#b0a391;font-size:9px}.top-link{font-size:9px;letter-spacing:.12em;align-self:start}.mobile-dock{display:none}dialog{border:0;padding:25px;background:var(--paper);max-width:min(90vw,720px);color:var(--ink)}dialog::backdrop{background:#241d16b8;backdrop-filter:blur(5px)}dialog img{max-height:70vh;width:min(70vw,600px);object-fit:contain}dialog p{margin:15px 0 0;font-size:13px}#close-lightbox{position:absolute;right:4px;top:0;background:var(--paper);border:0;font-size:25px;width:30px;height:35px}#copy-status{font-size:11px;color:var(--green);min-height:20px;margin:8px 0}
@media(min-width:1500px){.hero-content{margin-left:calc((100vw - 1200px)/2 + 40px)}}
@media(max-width:1100px){nav{gap:15px}header{gap:18px}.brand>span{font-size:14px}.header-book{padding:8px 12px;font-size:11px}.brand img{width:42px}.about-grid{gap:50px}.class-panel{gap:35px}.price-grid article{padding:28px}.price-row div{gap:3px;flex-direction:column;align-items:start}.visit-grid{gap:35px}.contact-card{padding:30px}}
@media(max-width:800px){header{height:78px;padding:0 5%}.brand>span{font-size:15px}.brand img{width:40px;height:48px}.header-book{margin-left:auto}.menu{display:block}.header-book{display:none}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px 7%;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #30282010}nav.open{display:flex;flex-direction:column;gap:20px}html{scroll-padding-top:90px}.hero{height:760px;min-height:0;max-height:none;align-items:start}.hero-photo{object-position:67% center}.hero:after{background:linear-gradient(180deg,#f7f2e5e8 0%,#f7f2e5af 45%,transparent 85%)}.hero-content{margin-left:7%;padding-top:65px;padding-right:6%}.hero h1{font-size:clamp(27px,7.5vw,34px);word-break:keep-all}.hero-desc{font-size:14px}.hero .actions{align-items:start;flex-direction:column;gap:20px}.hero-location{font-size:9px;margin-top:30px;gap:9px}.hero .btn{padding:14px 20px}.scroll-cue{left:7%;bottom:20px}.intro-band{padding:25px 7%;flex-wrap:wrap;gap:16px}.intro-band p{width:100%;font-size:24px}.intro-band span{padding:0;border:0;font-size:10px;margin-right:15px}.wrap{padding-left:7%;padding-right:7%}.section{padding-top:70px;padding-bottom:70px}.about-grid,.review-layout,.visit-grid{grid-template-columns:1fr;gap:25px}.about-grid h2{font-size:29px}.about-grid .lead{font-size:18px}.principles{margin-top:35px;gap:15px}.principles>div{padding-left:12px}.principles h3{font-size:14px}.principles p{font-size:10px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:18px}.class-panel{grid-template-columns:1fr;gap:30px}.class-visual img{aspect-ratio:1.5}.class-tabs{margin-bottom:25px}.class-tabs button{padding:14px 5px;font-size:12px}.class-copy h3{font-size:25px}.class-note{text-align:left;font-size:10px}.gallery{grid-template-columns:repeat(2,1fr);gap:25px 14px}.gallery span{font-size:10px}.equipment{flex-wrap:wrap;gap:20px;font-size:14px}.equipment span{width:43%}.price-grid{grid-template-columns:1fr}.price-grid article{padding:28px}.price-private{border-left:0;border-top:1px solid #d6ccbd}.price-row div{flex-direction:row;gap:12px}.price-row strong{font-size:26px}.price-footer{align-items:start;flex-direction:column}.review-layout{gap:15px}.review-words{margin-top:40px;font-size:32px}.steps{gap:20px}.steps h3{font-size:15px}.steps p{font-size:11px}.begin .text-link{margin-top:20px}.contact-card{padding:28px}.closing p{font-size:27px}.closing{padding:65px 7%}footer{flex-direction:column;padding:40px 7% 110px;gap:18px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--paper);box-shadow:0 -5px 20px #3028200c;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line)}.mobile-dock>a{flex:1;text-align:center;padding:17px 0;font-size:13px}.mobile-dock>a:last-child{background:var(--brown);color:#fff;flex:1.5}.mobile-dock b{margin-right:10px}dialog{padding:22px}dialog img{width:75vw}}
@media(max-width:360px){.hero h1{font-size:32px}.hero-location{flex-wrap:wrap}.price-row b{font-size:12px}.price-row strong{font-size:24px}.steps{gap:12px}.brand>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.class-visual img[hidden]{display:none}.class-visual.two-rooms{display:grid;gap:14px;background:transparent}.class-visual.two-rooms img{aspect-ratio:1.5}.gallery{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.gallery{grid-template-columns:repeat(2,1fr)}}

/* Warm cream campaign direction */
:root{--paper:#fcf8f1;--ink:#3f2d20;--muted:#907c67;--line:#e7d9c8;--brown:#73543c}.hero{background:#f3e6d4;min-height:650px;height:760px;max-height:900px;isolation:isolate}.hero-photo{left:38%;width:62%;object-position:48% center}.hero:after{background:linear-gradient(90deg,#faf3e8 27%,#faf3e8ee 38%,#faf3e84d 58%,transparent 78%)}.hero-content{position:relative;z-index:2;margin-left:7%;max-width:620px}.hero h1{font-size:clamp(33px,3.6vw,55px);line-height:1.55}.hero h1 em{color:#8a5c35}.hero-desc{line-height:2;color:#79634e}.hero-credit{color:#6b5947;background:#fff8;padding:3px 9px;letter-spacing:.06em}.btn{border-radius:40px}.lesson-shortcuts{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-58px;padding-bottom:10px}.lesson-shortcuts>a{position:relative;background:#fffdf8;border:1px solid #efe4d5;border-radius:28px;padding:34px;text-align:center;box-shadow:0 15px 40px #7052340c;transition:transform .2s}.lesson-shortcuts>a:hover{transform:translateY(-5px)}.lesson-icon{display:inline-grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#f3e7d6;font:italic 20px Georgia,serif;color:#967044}.lesson-shortcuts h2{font-size:24px;margin:16px 0 10px;letter-spacing:-.05em}.lesson-shortcuts p{font-size:13px;margin-bottom:0;color:#8c7864}.shortcut-arrow{position:absolute;right:23px;bottom:23px;font-size:18px;color:#ab8f72}.classes{background:#f3e8d9}.class-visual img{border-radius:24px}.class-tabs{border-radius:16px 16px 0 0}.gallery button{border-radius:20px}.gallery img{border-radius:20px}.membership,.begin{background:#f5ecdf}.price-grid{border-radius:26px;overflow:hidden;border-color:#e7d6bf;box-shadow:0 15px 40px #70523408}.price-private{background:#fffaf2}.contact-card{border-radius:26px;background:#fffaf3}.closing{background:#654a35}.header-book{border-radius:30px}.about{padding-top:90px}.principles>div{border:0;padding:25px;background:#f5eddf;border-radius:20px}.principles{gap:20px;border:0}.principles>div:first-child{padding-left:25px}
@media(max-width:800px){.hero{display:flex;flex-direction:column;align-items:stretch;height:auto;max-height:none;min-height:0;padding-bottom:0}.hero-photo{position:relative;order:2;left:0;width:100%;height:390px;object-position:48% center}.hero:after{display:none}.hero-content{margin:0;max-width:none;padding:42px 7% 30px;background:linear-gradient(#fbf5eb,#f6ead9)}.hero h1{font-size:clamp(29px,7.4vw,38px);line-height:1.55;margin-bottom:18px}.hero-desc{font-size:12px}.hero .actions{flex-direction:row;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}.hero .text-link{font-size:11px}.hero-location{font-size:9px;margin-top:20px}.scroll-cue{display:none}.hero-credit{bottom:18px;right:15px;font-size:8px}.lesson-shortcuts{margin-top:0;padding-top:22px;padding-bottom:0;gap:10px}.lesson-shortcuts>a{border-radius:18px;padding:20px 5px 25px;box-shadow:none}.lesson-icon{width:37px;height:37px;font-size:16px}.lesson-shortcuts h2{font-family:'Noto Sans KR',sans-serif;font-size:13px;letter-spacing:-.07em;font-weight:500;margin:12px 0 8px}.lesson-shortcuts p{font-size:9px;line-height:1.8;word-break:keep-all}.shortcut-arrow{display:none}.about{padding-top:60px}.principles{gap:8px}.principles>div,.principles>div:first-child{padding:15px 10px}.principles h3{font-size:12px}.principles p{font-size:9px}.gallery img{border-radius:14px}.gallery button{border-radius:14px}.class-visual img{border-radius:18px}.price-grid{border-radius:20px}.closing{border-radius:30px 30px 0 0}}

/* User-selected poster and soft photographic page backdrop */
body{background:#fcf8f1;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(252,248,241,.87),rgba(252,248,241,.87)),url('assets/hero.webp') center/cover no-repeat}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.poster-hero{padding:32px 5% 28px;background:transparent}.main-poster{display:block;width:min(100%,1000px);height:auto;margin:0 auto;border-radius:26px;box-shadow:0 20px 60px #6c50321a}.poster-actions{display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap;margin:26px auto 0}.lesson-shortcuts{margin-top:0;padding-top:10px}.classes,.membership,.begin{background:rgba(248,239,225,.64)}.about,.reviews,#space,#visit{background:transparent}.principles>div{background:#fff9edb3}.price-private,.contact-card{background:#fffaf2db}header{background:#fcf8f1ed}footer{background:#fcf8f1b3}@media(max-width:800px){.poster-hero{padding:14px 0 24px}.main-poster{width:100%;border-radius:0;box-shadow:none}.poster-actions{gap:20px;padding:0 6%;margin-top:20px}.poster-actions .btn{padding:13px 22px}.poster-actions .text-link{font-size:12px}.lesson-shortcuts{padding-top:0}body:before{background-position:center;background-size:auto 100vh}.classes,.membership,.begin{background:rgba(248,239,225,.65)}}
