@font-face{font-family:Pretendard;src:url("assets/fonts/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#f7f4ed;--ink:#342b24;--muted:#72675d;--line:#d8d0c2;--accent:#8b492c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,'Malgun Gothic',sans-serif;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b7744b;outline-offset:5px}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:Pretendard,'Malgun Gothic',sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.4}h2{font-size:42px}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,'Batang',serif;font-size:32px;font-weight:bold;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand small{font:10px/1.5 Arial;letter-spacing:2px;width:90px;margin-left:12px;white-space:normal}.mark{color:var(--accent);font:42px Georgia}nav{display:flex;gap:38px;font-size:14px}nav a:last-child{border-bottom:1px solid var(--ink)}.toggle{display:none}.hero{height:min(760px,85vh);min-height:580px;position:relative;color:white}.hero>img{object-position:center 55%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#17110bd1,#17110b22),linear-gradient(0deg,#17110b66,transparent 30%)}.hero-copy{position:absolute;top:15%;left:9%}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:600;margin-bottom:23px}.hero h1{font-size:clamp(44px,5vw,70px);margin-bottom:25px}.hero-copy>p:not(.eyebrow){color:#f0e9df;font-size:16px}.light-button{display:flex;gap:65px;justify-content:space-between;align-items:center;background:var(--paper);color:var(--ink);padding:16px 22px;margin-top:32px;width:fit-content;font-size:14px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.wrap{max-width:1280px;width:88%;margin:auto}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:110px}.story-text{padding-top:35px;color:var(--muted)}.story-text p+p{margin-top:20px}.signature{display:block;margin-top:30px;color:var(--accent);font-family:inherit}.menu{background:#eae5d9;padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading>p{font-size:14px;color:var(--muted)}.tabs{display:flex;gap:10px;margin:35px 0}.tabs button{border:1px solid #bdb3a3;padding:9px 23px;background:transparent;border-radius:30px;color:var(--ink);font-size:14px}.tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-image{height:300px;position:relative;overflow:hidden}.product-image img{transition:transform .5s}.product-image:hover img{transform:scale(1.04)}.product-image span{position:absolute;left:14px;top:14px;background:var(--paper);padding:4px 10px;font-size:9px;letter-spacing:1px}.product-title{display:flex;justify-content:space-between;gap:12px;margin-top:20px;align-items:center}.product-title h3{font-size:19px;font-weight:500}.product-title b,.more-menu b{font-size:14px;font-weight:400}.products article>p{font-size:13px;color:var(--muted);margin-top:7px}.more-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:45px;border-top:1px solid #c8bfaf;padding-top:10px}.more-menu>div{display:flex;justify-content:space-between;border-bottom:1px solid #d4cbbb;padding:14px 0;font-size:15px}.menu-note{font-size:12px;color:var(--muted);margin-top:22px}.space{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding-block:110px}.space-photo{height:530px;position:relative}.space-photo img{object-position:70% center}.space-photo span{position:absolute;bottom:20px;left:24px;color:white;font-size:10px;letter-spacing:2px}.space-copy>p:not(.eyebrow){margin-top:28px;color:var(--muted);font-size:15px}.space-copy ul{padding-left:18px;margin-block:25px;font-size:14px;color:var(--muted)}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:5px;font-size:14px}.visit{background:#453c30;color:#f3eee3;padding-block:85px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.visit h2{font-size:48px}.visit-grid>div>p:not(.eyebrow){margin-top:25px;font-size:14px;color:#d3cabc}.visit-info>div{display:grid;grid-template-columns:100px 1fr;padding:20px 0;border-bottom:1px solid #726758;font-size:15px}.visit-info h3{font-size:13px;font-weight:400;color:#cfc0aa}.visit-info small{display:block;color:#cbbfac;font-size:12px;margin-top:5px}.address-button{width:100%;background:#eee7d9;color:var(--ink);border:0;padding:15px 20px;margin-top:25px;display:flex;justify-content:space-between;font-size:14px}.notice{font-size:13px;color:#eee7d9;margin-top:15px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:45px}.footer-top p{font-size:14px;color:var(--muted)}.footer-top>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.7px;color:var(--muted)}.top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);z-index:12;font-size:22px}[hidden]{display:none!important}@media(max-width:800px){header{height:74px}.brand{font-size:26px}.brand small{font-size:9px;width:70px}.mark{font-size:34px}.toggle{display:flex;flex-direction:column;gap:6px;padding:12px;border:0;background:transparent}.toggle span{width:23px;height:1px;background:var(--ink)}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:24px 6%;border-bottom:1px solid var(--line);gap:0}nav.open{display:flex;flex-direction:column}nav a{padding:13px 0}nav a:last-child{border:0}.hero{min-height:590px;height:78vh;max-height:750px}.hero-copy{left:7%;top:15%}.hero h1{font-size:45px}.hero-bottom{left:7%;right:7%}.hero-bottom>span{display:none}.eyebrow{font-size:10px;letter-spacing:1.6px}h2{font-size:32px}.story,.space,.visit-grid{grid-template-columns:1fr;gap:30px}.story,.space{padding-block:65px}.story-text{padding:0;font-size:15px}.menu{padding-block:60px}.section-heading{display:block}.section-heading>p{margin-top:20px}.products{grid-template-columns:1fr;gap:35px}.product-image{height:auto;aspect-ratio:1.25}.tabs{gap:8px}.tabs button{padding:8px 17px;font-size:13px}.more-menu{grid-template-columns:1fr;margin-top:30px}.space-photo{height:380px}.space-copy{padding-top:10px}.visit{padding-block:60px}.visit h2{font-size:38px}.visit-info>div{grid-template-columns:85px 1fr}.footer-top{flex-wrap:wrap;padding-block:30px}.footer-top p{width:100%;order:3}.footer-bottom{flex-direction:column;gap:8px}.top{bottom:16px;right:14px}html{scroll-padding-top:85px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Space editorial gallery */
.space-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:-36px}.space-gallery figure{margin:0;min-width:0}.space-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.space-gallery figcaption{padding-top:15px;font-size:15px;display:flex;align-items:baseline;gap:12px}.space-gallery figcaption span{color:var(--accent);font-size:11px;letter-spacing:1px}.space-photo-note{grid-column:1/-1;margin-top:-65px;color:var(--muted);font-size:12px}@media(max-width:800px){.space-gallery{grid-template-columns:1fr;gap:28px;margin-top:5px}.space-gallery img{aspect-ratio:4/3}.space-gallery figcaption{padding-top:11px;font-size:15px}.space-photo-note{margin-top:-8px;font-size:11px}}

/* Review 2: readable copy, stable spacing and mobile navigation */
.skip-link{position:fixed;top:-100px;left:16px;background:var(--ink);color:white;padding:12px 18px;z-index:30}.skip-link:focus{top:10px}
.space{column-gap:70px;row-gap:45px}.space-gallery,.space-photo-note{margin-top:0}.space-photo-note{margin-top:-25px}
.products article>p,.section-heading>p,.space-copy li{font-size:15px}.menu-note,.space-photo-note,.visit-info small{font-size:13px}.footer-bottom{font-size:12px;letter-spacing:0}
.demo-note{display:block;margin-top:28px;padding:20px 22px;border:1px solid #83735f;background:#ffffff06}.demo-note strong{font-size:14px;font-weight:500;color:#eee7d9}.demo-note p{font-size:13px;color:#d3cabc;line-height:1.8;margin-top:6px}
.tabs button{min-height:44px}.toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}.toggle span{transition:transform .2s}.toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media(min-width:801px) and (max-width:1100px){.wrap{width:90%}nav{gap:22px}.space{column-gap:40px}.product-image{height:250px}.product-title h3{font-size:17px}}
@media(max-width:800px){nav{max-height:calc(100dvh - 74px);overflow:auto}nav a{font-size:16px;min-height:48px}.tabs button{font-size:14px}.space{gap:30px}.space-photo-note{margin-top:-8px}.hero-copy{right:7%}.hero h1{font-size:clamp(36px,10.6vw,45px)}.hero .eyebrow{letter-spacing:1px}.light-button{max-width:100%;gap:25px}.visit-info h3{font-size:14px}.visit-info>div{grid-template-columns:80px minmax(0,1fr)}.demo-note{padding:18px}.footer-bottom{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.toggle span{transition:none}}

/* Typography refinement */
body{font-size:16px;letter-spacing:-.015em}.hero h1{line-height:1.3;letter-spacing:-.04em}.signature{font-weight:500}.story-text,.section-heading>p,.space-copy>p:not(.eyebrow),.space-copy li,.products article>p,.visit-grid>div>p:not(.eyebrow){font-size:16px}.menu-note,.space-photo-note,.visit-info small,.demo-note p,.footer-bottom{font-size:14px}.product-title h3{font-weight:600}.hero-bottom:has(>span:only-child){justify-content:flex-start}@media(max-width:800px){.hero-bottom{display:none}.story-text{font-size:16px}.hero h1{font-size:clamp(32px,9.2vw,42px)}h2{font-size:30px;line-height:1.4}.visit h2{font-size:34px}}

/* Readability update: shared desktop/mobile type scale */
body{font-size:17px}
.brand small{font-size:12px;line-height:1.5;letter-spacing:1.2px;width:105px}
nav{font-size:16px;gap:28px}
.eyebrow{font-size:14px;line-height:1.6;letter-spacing:1.6px}
.hero-copy>p:not(.eyebrow),.story-text,.section-heading>p,
.space-copy>p:not(.eyebrow),.space-copy li,.products article>p,
.visit-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.8}
.light-button,.tabs button,.text-link,.address-button{font-size:16px}
.hero-bottom{font-size:14px;letter-spacing:.4px}
.product-image span{font-size:14px;line-height:1.5;letter-spacing:.5px;padding:5px 10px}
.product-title h3{font-size:20px;line-height:1.5}
.product-title b,.more-menu b{font-size:16px;white-space:nowrap}
.more-menu>div{font-size:17px;gap:16px}
.space-photo span{font-size:14px;line-height:1.5;letter-spacing:1px;background:#211b15b8;padding:5px 9px;right:24px;width:fit-content}
.space-gallery figcaption{font-size:16px;line-height:1.7}
.space-gallery figcaption span{font-size:14px}
.menu-note,.space-photo-note,.visit-info small,.demo-note p,.footer-bottom{font-size:15px;line-height:1.8}
.visit-info>div{font-size:17px;grid-template-columns:110px minmax(0,1fr);gap:12px}
.visit-info h3,.demo-note strong{font-size:16px}
.visit-info small,.demo-note p{color:#e0d6c8}
.footer-top p,.footer-top>a:last-child{font-size:16px}
.footer-bottom{gap:16px;flex-wrap:wrap}
@media(min-width:801px) and (max-width:1100px){nav{gap:18px}.product-title{align-items:baseline;flex-wrap:wrap;gap:6px 12px}}
@media(max-width:800px){
  .brand small{font-size:12px;width:95px;margin-left:6px}
  .eyebrow,.hero .eyebrow{font-size:14px;letter-spacing:1px}
  .story-text{font-size:17px}
  .tabs{flex-wrap:wrap;gap:8px}
  .tabs button{font-size:16px;padding:8px 14px}
  .visit-info>div{grid-template-columns:90px minmax(0,1fr);gap:10px}
  .visit-info h3{font-size:16px}
  .space-gallery figcaption{font-size:16px}
  .space-photo-note{font-size:15px}
  .hero-copy{top:12%}
}
@media(max-width:360px){
  .visit-info>div{grid-template-columns:1fr;gap:5px}
  .hero .eyebrow{max-width:240px}
}


/* Mobile navigation spacing fix */
@media (max-width:800px) {
  header nav {
    gap: 0;
    padding: 12px 6%;
  }
  header nav a {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 12px 0;
  }
}