@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&family=Noto+Serif+KR:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#452e1c;background:#f4eadc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #946b42;outline-offset:4px}.hero-shell{position:relative;isolation:isolate;overflow:hidden;min-height:780px;height:100svh}header{height:82px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.brand strong{font:600 22px/1.3 'Noto Serif KR',serif;letter-spacing:-.8px}.brand span{display:block;font:400 10px/1.5 'Noto Serif KR',serif;letter-spacing:2px;margin-top:5px}header button{font-size:12px;padding:10px 12px;min-height:44px;border:1px solid #ab9780;background:transparent;color:#452e1c}nav{display:none}nav.open{display:flex;position:absolute;top:82px;left:0;right:0;flex-direction:column;background:#f4eadc;padding:18px 24px;border-bottom:1px solid #b9a48d}nav a{padding:12px 0;font-size:14px}.hero{position:static;padding:26px 24px 0}.hero-background{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-background img{width:100%;height:100%;object-fit:fill;display:block;animation:reveal 2.8s cubic-bezier(.2,.65,.3,1) both}.copy{position:relative}.eyebrow{font:400 10px/1.7 'Noto Serif KR',serif;letter-spacing:1.4px;margin:0 0 18px}h1{font:500 clamp(27px,7.2vw,42px)/1.55 'Noto Serif KR',serif;letter-spacing:-1.3px;margin:0 0 21px;white-space:nowrap}.description{font:400 14px/1.85 'Noto Serif KR',serif;margin:0}.actions{display:flex;gap:10px;margin-top:24px;max-width:350px}.actions a{min-height:48px;flex:1;display:flex;align-items:center;justify-content:center;border:1px solid #62442b;font-size:12px;font-weight:500}.primary{background:#62442b;color:#fffaf2}.actions a:hover{background:#7b583b;color:#fff}.signature{position:absolute;bottom:24px;left:24px;right:24px;border-top:1px solid #aa947b;padding-top:11px;display:flex;justify-content:space-between;font:400 9px/1.6 'Noto Serif KR',serif;letter-spacing:.5px}.visit{padding:44px 24px 60px;background:#f5eee4}.visit h2{font:500 27px/1.6 'Noto Serif KR',serif;margin:0 0 20px}.visit p:not(.eyebrow),.visit a{font-size:12px}.visit a{display:inline-block;padding:12px 0;border-bottom:1px solid #8c7157}@keyframes reveal{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hero-background img{animation:none}}@media(max-width:350px){header{padding:16px 20px}.hero{padding:20px 20px 0}h1{font-size:25px;letter-spacing:-1.4px}.description{font-size:13px}.eyebrow{font-size:9px}.signature{left:20px;right:20px}.hero-shell{min-height:740px}}@media(min-width:760px){.hero-shell{min-height:760px;height:100svh;max-height:1100px}header{height:104px;padding:22px 5%}.brand strong{font-size:30px}.brand span{font-size:13px}header button{display:none}nav,nav.open{position:static;display:flex;flex-direction:row;gap:38px;background:transparent;padding:0;border:0}nav a{font-size:15px}.hero{padding:80px 5% 0}.eyebrow{font-size:15px;letter-spacing:3px;margin-bottom:23px}h1{font-size:clamp(38px,4.45vw,68px);line-height:1.3;letter-spacing:-2px;margin-bottom:32px}.description{font-size:21px;line-height:1.75}.actions{margin-top:45px;max-width:375px;gap:16px}.actions a{min-height:58px;font-size:16px}.signature{left:5%;right:5%;bottom:35px;font-size:12px;padding-top:13px}.visit{padding:50px 5%}.visit h2{font-size:34px}}
.hero-background img{object-fit:cover;object-position:center}
@media(min-width:760px){.hero-background img{object-fit:cover}.hero-shell{height:calc(100svh - 70px);min-height:760px}.hero{padding-top:70px}.actions{margin-top:34px}}

/* Visible two-tier navigation, mobile first */
.site-header{height:auto;padding:0;display:block;background:#f8f0e6;border-top:3px solid #805237;position:relative;z-index:3}
.brand-row{height:83px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-note{display:none}
.brand strong{font-size:21px}
.brand span{font-size:10px;letter-spacing:1.7px}
.header-call{font-size:11px;min-height:40px;padding:10px 12px;display:flex;align-items:center;justify-content:center;color:#fff8ef;background:#704c33;border-radius:3px;white-space:nowrap}
.site-header nav{display:flex;position:static;background:#704c33;color:#fff9f1;flex-direction:row;justify-content:space-between;gap:0;padding:0 10px;border:0}
.site-header nav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 8px;font-size:11px;white-space:nowrap}
.site-header nav a:hover{background:#563923}
.site-header nav a:focus-visible{outline-color:#fff;outline-offset:-4px}
.hero{padding-top:24px}
.hero-background{top:132px}
.hero-shell{min-height:870px}
.signature{bottom:23px}
.visit{scroll-margin-top:20px}
.visit p:not(.eyebrow){line-height:1.9}
@media(max-width:350px){.brand-row{padding:14px 17px}.brand strong{font-size:19px}.header-call{font-size:10px;padding:9px}.site-header nav{padding:0 4px}.site-header nav a{font-size:10px;padding:0 5px}.hero{padding-top:20px}.hero-shell{min-height:800px}}
@media(min-width:760px){.brand-row{height:100px;padding:18px 5%;display:grid;grid-template-columns:1fr auto 1fr}.brand-note{display:block;font:400 12px/1.7 'Noto Serif KR',serif;letter-spacing:1px;margin:0}.brand{text-align:center}.brand strong{font-size:30px}.brand span{font-size:12px}.header-call{justify-self:end;font-size:13px;padding:10px 20px}.site-header nav{justify-content:center;gap:0}.site-header nav a{font-size:14px;min-height:50px;padding:0 40px}.hero-background{top:153px}.hero{padding-top:65px}.hero-shell{height:100svh;min-height:900px}.signature{bottom:28px}}

.distributor{color:#a07847!important;font:600 11px/1.4 'Noto Sans KR',sans-serif!important;letter-spacing:.8px!important;margin:0 0 4px!important}.brand strong{font-size:17px;line-height:1.35}.brand-row{height:95px}.header-call{flex-direction:column;gap:3px;padding:10px 9px;min-height:52px}.header-call span{font-size:10px}.header-call strong{font-size:12px;letter-spacing:.1px}.hero-background{top:144px}.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.slide.active{opacity:1}.hero-background .slide img{animation:none;object-fit:cover}.photo-active .hero-background:after{content:'';position:absolute;inset:0;background:rgba(19,13,8,.46);pointer-events:none}.photo-active .copy,.photo-active .signature,.photo-active .slide-controls{color:#fff8ef}.photo-active .signature{border-color:#c8b8a5}.photo-active .actions a:not(.primary){color:#fff8ef;border-color:#e5d4bf;background:rgba(26,18,11,.3)}.slide-controls{position:absolute;bottom:64px;left:24px;display:flex;align-items:center;gap:12px;font-size:10px;z-index:1}.slide-controls button{font-size:10px;color:inherit;border:1px solid currentColor;background:transparent;padding:9px 12px;min-height:36px;cursor:pointer}.brand-page{max-width:1050px;margin:auto;padding:45px 24px 65px}.brand-page h1{font-size:29px;white-space:normal}.brand-lead{font:400 14px/1.9 'Noto Serif KR',serif;margin:24px 0 40px}.story-row{display:flex;gap:18px;padding:28px 0;border-top:1px solid #cbbbA8}.story-row>span{font:400 16px 'Noto Serif KR',serif;color:#96734f}.story-row h2{font:500 21px/1.5 'Noto Serif KR',serif;margin:0 0 13px}.story-row p,.brand-contact p{font-size:14px;line-height:1.9;color:#67513d;margin:0}.brand-contact{border-top:1px solid #cbbba8;padding-top:35px}.brand-contact h2{font:500 25px 'Noto Serif KR',serif}.brand-contact .actions{margin-bottom:20px}@media(prefers-reduced-motion:reduce){.slide{transition:none}}@media(max-width:350px){.brand strong{font-size:15px}.header-call strong{font-size:11px}.brand-row{gap:8px;padding-left:14px;padding-right:14px}.slide-controls{left:20px}}@media(min-width:760px){.mobile-break{display:none}.brand-row{height:104px}.brand strong{font-size:27px}.distributor{font-size:12px!important}.header-call strong{font-size:17px}.header-call span{font-size:12px}.header-call{padding:10px 20px}.hero-background{top:157px}.slide-controls{left:5%;bottom:72px}.brand-page{padding-top:75px}.brand-page h1{font-size:48px}.brand-lead{font-size:18px}.story-row{padding:35px 0;gap:35px}.story-row h2{font-size:27px}}
.site-logo{display:block;width:185px;height:58px;object-fit:cover;object-position:center}
.brand-row{height:105px}
.hero-background{top:154px}
@media(max-width:350px){.site-logo{width:155px;height:52px}}
@media(min-width:760px){.site-logo{width:270px;height:85px}.brand-row{height:124px}.hero-background{top:177px}}

.site-header .brand .site-name{display:block;font-family:'Noto Sans KR',Pretendard,'Malgun Gothic',sans-serif;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.8px;white-space:nowrap;color:#30251c;text-align:left;-webkit-font-smoothing:antialiased}
.site-header .brand-row{height:96px}
.site-header .brand{min-width:0}
.site-header .header-call{padding:9px 7px}
@media(max-width:350px){.site-header .brand .site-name{font-size:13px;letter-spacing:-.7px}.site-header .header-call strong{font-size:10px}.site-header .brand-row{gap:7px;padding-left:12px;padding-right:12px}}
@media(min-width:760px){.site-header .brand .site-name{font-size:27px;letter-spacing:-1px;text-align:center}.site-header .brand-row{height:110px}}

/* Centered editorial composition */
.hero{padding:38px 22px 0;text-align:center}
.copy{max-width:760px;margin-inline:auto}
h1{font-family:'Nanum Myeongjo','Noto Serif KR',serif;font-weight:400;font-size:clamp(26px,7vw,36px);line-height:1.55;letter-spacing:-1.1px;margin-bottom:20px}
.eyebrow{font-family:'Noto Sans KR',sans-serif;font-size:10px;letter-spacing:2px;font-weight:400;margin-bottom:22px}
.description{font-family:'Noto Sans KR',sans-serif;font-size:13px;line-height:1.9;font-weight:400;color:#725d49}
.actions{margin:25px auto 0;max-width:300px;gap:12px}
.actions a{font-size:11px;min-height:44px;letter-spacing:.3px}
.hero-background{top:145px}
.hero-background:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(249,242,232,.85),rgba(249,242,232,.35) 31%,transparent 55%)}
.photo-active .hero-background:before{background:linear-gradient(to bottom,rgba(24,18,13,.45),transparent 55%)}
.photo-active .description{color:#f2e7da}
.slide-controls{left:50%;transform:translateX(-50%);justify-content:center}
.visit{text-align:center;padding:70px 24px 76px}
.visit h2{font-family:'Nanum Myeongjo','Noto Serif KR',serif;font-weight:400;font-size:28px;letter-spacing:-.7px;line-height:1.6}
.visit p:not(.eyebrow){color:#786552;font-size:13px;line-height:2}
.visit a{margin-top:16px;font-size:12px;letter-spacing:.5px}
.site-header .brand .site-name{font-family:'Noto Serif KR',serif;font-weight:500;letter-spacing:-.9px;text-align:center}
.site-header .brand .distributor{text-align:center}
@media(max-width:350px){.hero{padding:30px 16px 0}h1{font-size:25px}.actions{max-width:275px}.visit h2{font-size:25px}}
@media(min-width:760px){.hero{padding:52px 5% 0}h1{font-size:clamp(40px,3.9vw,58px);line-height:1.4;letter-spacing:-1.6px}.eyebrow{font-size:12px;letter-spacing:3px}.description{font-size:16px;line-height:1.9}.actions{max-width:340px;margin-top:28px}.actions a{font-size:13px;min-height:48px}.hero-background{top:163px}.hero-background:before{background:linear-gradient(to bottom,rgba(249,242,232,.88),rgba(249,242,232,.3) 35%,transparent 60%)}.slide-controls{left:50%;bottom:72px}.visit{padding:90px 5%}.visit h2{font-size:38px}}
/* Lower the hero copy within the showroom image */
.hero{padding-top:86px}
@media(max-width:350px){.hero{padding-top:70px}}
@media(min-width:760px){.hero{padding-top:105px}}
.hero{padding-top:clamp(135px,18svh,165px)}
@media(max-width:350px){.hero{padding-top:120px}}
@media(min-width:760px){.hero{padding-top:clamp(140px,18svh,200px)}}