:root{--ink:#17130f;--paper:#fff;--gold:#9b6d32;--line:#e9e4dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",sans-serif}.topbar{height:78px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(210,200,185,.6)}.brand{display:grid;color:inherit;text-decoration:none;line-height:1}.brand small{font:italic 12px "DM Serif Display",serif;letter-spacing:.13em;color:var(--gold)}.brand strong{margin-top:5px;font:20px "DM Serif Display",serif;letter-spacing:.08em}.topbar nav{display:flex;align-items:center;gap:28px}.topbar nav a{font-size:11px;letter-spacing:.13em;color:inherit;text-decoration:none}.topbar .language{border:1px solid var(--line);padding:11px}.hero{height:min(960px,100svh);min-height:720px;position:relative;overflow:hidden;background:#eee}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 42%,rgba(30,20,10,.18))}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(118px,15vh,160px) 24px 54px}.hero-copy>span,.visit-copy>span{font-size:11px;font-weight:600;letter-spacing:.22em}.hero-copy>p{margin:33px 0 5px;color:var(--gold);font:italic clamp(22px,3vw,34px) "DM Serif Display",serif}.hero h1{margin:0;font:clamp(56px,9vw,118px)/.92 "DM Serif Display",serif;letter-spacing:.08em}.hero h2{margin:26px 0 0;font:500 clamp(25px,3.8vw,48px)/1.5 "Noto Serif KR",serif;letter-spacing:-.025em}.hero-actions{margin-top:auto;display:flex;gap:10px}.hero-actions a,.visit-copy>a{min-width:154px;padding:15px 18px;border:1px solid rgba(30,24,20,.7);color:inherit;text-decoration:none;font-size:13px;display:flex;justify-content:space-between;gap:20px}.hero-actions .primary{background:var(--ink);color:#fff}.section{padding:clamp(90px,12vw,160px) clamp(24px,8vw,120px);max-width:1440px;margin:auto}.section-no{display:flex;gap:18px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.16em}.section-no span{color:#777}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;margin-top:65px;align-items:start}.about h2,.section-heading h2{margin:0;font:500 clamp(46px,7vw,92px)/1.2 "Noto Serif KR",serif;letter-spacing:-.055em}.about h2 em,.section-heading em{font-style:normal;color:var(--gold)}.about-body{padding-top:10px;max-width:520px;font-size:17px;line-height:2}.about-body p{margin:0 0 18px}.philosophy{margin-top:65px;padding-top:27px;border-top:1px solid var(--line);display:grid;gap:15px}.philosophy small{font-size:10px;letter-spacing:.15em;color:var(--gold)}.philosophy strong{font:500 clamp(23px,2.5vw,34px)/1.55 "Noto Serif KR",serif}.favorites{border-top:1px solid var(--line)}.section-heading{margin:50px 0 60px}.section-heading>p{font-size:11px;letter-spacing:.18em;color:var(--gold)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.menu-grid article{margin:0}.menu-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.menu-grid article>div{padding:22px 4px}.menu-grid small{font-size:10px;letter-spacing:.15em;color:var(--gold)}.menu-grid h3{font:500 28px "Noto Serif KR",serif;margin:12px 0}.menu-grid p{font-size:14px;line-height:1.8;color:#5c5751;margin:0}.text-link{margin-top:35px;margin-left:auto;width:min(100%,310px);border-bottom:1px solid var(--ink);padding:14px 0;display:flex;justify-content:space-between;color:inherit;text-decoration:none;font-size:13px}.visit{height:min(950px,100svh);min-height:720px;position:relative;overflow:hidden}.visit>img{width:100%;height:100%;object-fit:cover;object-position:center}.visit-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,15,9,.02),rgba(22,15,9,.2) 48%,rgba(16,10,6,.72))}.visit-copy{position:absolute;inset:auto clamp(24px,8vw,120px) clamp(50px,8vw,95px);color:#fff}.visit-copy>p{margin:16px 0 8px;font-size:12px;letter-spacing:.2em}.visit-copy h2{margin:0 0 23px;font:500 clamp(45px,7vw,88px)/1.2 "Noto Serif KR",serif;letter-spacing:-.05em}.visit-info{font-size:13px;margin-bottom:28px}.visit-copy>a{width:min(100%,290px);border-color:rgba(255,255,255,.7)}footer{min-height:160px;padding:45px clamp(24px,8vw,120px);display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.14em}footer strong{font:22px "DM Serif Display",serif;margin-right:auto}footer a{color:inherit;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}
@media(max-width:720px){.topbar{height:62px;padding:0 16px}.brand small{font-size:9px}.brand strong{font-size:15px}.topbar nav{gap:13px}.topbar nav a{display:none}.topbar nav a:last-child{display:block;font-size:9px;padding:9px}.hero{height:auto;min-height:0;aspect-ratio:4/5;margin-top:62px}.hero-copy{padding:34px 18px 26px}.hero-copy>span{font-size:9px}.hero-copy>p{margin:16px 0 2px;font-size:19px}.hero h1{font-size:47px;letter-spacing:.06em}.hero h2{font-size:22px;line-height:1.45;margin-top:13px}.hero-actions{width:100%;justify-content:center}.hero-actions a{min-width:0;width:44%;padding:12px 13px;font-size:11px}.section{padding:82px 21px}.about-grid{display:block;margin-top:38px}.about h2,.section-heading h2{font-size:46px}.about-body{margin-top:45px;font-size:16px;line-height:1.9}.philosophy{margin-top:48px}.section-heading{margin:38px 0 36px}.menu-grid{display:flex;overflow-x:auto;gap:12px;margin-right:-21px;padding-right:21px;scroll-snap-type:x mandatory;scrollbar-width:none}.menu-grid::-webkit-scrollbar{display:none}.menu-grid article{flex:0 0 78vw;scroll-snap-align:start}.menu-grid h3{font-size:25px}.text-link{margin-top:24px}.visit{height:auto;min-height:0;aspect-ratio:4/5}.visit-copy{inset:auto 21px 28px}.visit-copy>span{font-size:9px}.visit-copy h2{font-size:39px;margin-bottom:16px}.visit-info{font-size:10px;line-height:1.7;margin-bottom:18px}.visit-copy>a{font-size:11px;padding:13px 14px}footer{min-height:130px;padding:35px 21px;display:grid;gap:10px}footer strong{margin:0}}

/* HERO DESKTOP LEFT ALIGNMENT */
@media(min-width:721px){
  .hero-shade{background:linear-gradient(90deg,rgba(25,17,12,.24) 0%,rgba(25,17,12,.11) 32%,rgba(25,17,12,.02) 58%,transparent 72%),linear-gradient(180deg,rgba(15,10,7,.02),transparent 70%,rgba(15,10,7,.08))}
  .hero-copy{align-items:flex-start;justify-content:center;text-align:left;width:58%;padding:120px 4vw 70px 7vw;color:#fff;text-shadow:0 2px 14px rgba(15,10,8,.65),0 1px 2px rgba(0,0,0,.35)}
  .hero-copy>p{color:rgba(255,255,255,.82)}
  .hero h1{font-size:clamp(56px,7.7vw,105px);letter-spacing:.075em;white-space:nowrap}
  .hero h2{font-size:clamp(25px,3.5vw,46px);margin-top:29px}
  .hero-actions{margin-top:42px;text-shadow:none}
  .hero-actions a{border-color:rgba(255,255,255,.78);background:rgba(255,255,255,.08);backdrop-filter:blur(5px)}
  .hero-actions .primary{background:#fff;color:var(--ink)}
}

/* HERO MOBILE LEFT ALIGNMENT */
@media(max-width:720px){
  .hero-shade{background:linear-gradient(90deg,rgba(24,16,11,.21) 0%,rgba(24,16,11,.09) 58%,transparent 100%),linear-gradient(180deg,rgba(15,10,7,.02),transparent 68%,rgba(15,10,7,.09))}
  .hero-copy{align-items:flex-start;justify-content:flex-start;text-align:left;width:72%;padding:38px 0 25px 22px;color:#fff;text-shadow:0 2px 12px rgba(15,10,8,.72),0 1px 2px rgba(0,0,0,.38)}
  .hero-copy>p{color:rgba(255,255,255,.82)}
  .hero h1{font-size:43px;white-space:nowrap}
  .hero h2{font-size:21px}
  .hero-actions{justify-content:flex-start;width:calc(100vw - 44px);margin-top:auto;text-shadow:none}
  .hero-actions a{width:auto;min-width:132px;border-color:rgba(255,255,255,.78);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(5px)}
  .hero-actions .primary{background:#fff;color:var(--ink)}
}

/* INSTAGRAM */
.instagram{border-top:1px solid var(--line)}
.instagram-heading{margin:50px 0 60px;display:flex;align-items:end;justify-content:space-between;gap:40px}
.instagram-heading>p{font-size:11px;letter-spacing:.18em;color:var(--gold);order:2;margin:0 0 10px}
.instagram-heading h2{margin:0;font:500 clamp(46px,7vw,92px)/1.2 "Noto Serif KR",serif;letter-spacing:-.055em}
.instagram-heading em{font-style:normal;color:var(--gold)}
.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.instagram-tile{aspect-ratio:430/587;background-image:url("assets/instagram-grid.jpg");background-repeat:no-repeat;background-size:300% 100%;background-position-y:center}
.instagram-tile-1{background-position-x:left}
.instagram-tile-2{background-position-x:center}
.instagram-tile-3{background-position-x:right}
.instagram-bottom{margin-top:34px;display:flex;align-items:end;justify-content:space-between;gap:40px}
.instagram-bottom>p{margin:0;font-size:14px;line-height:1.9;color:#5c5751}
.instagram-bottom .text-link{margin:0}

/* BOUNCE */
.bounce{border-top:1px solid var(--line)}
.bounce-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(55px,8vw,120px);align-items:center;margin-top:58px}
.bounce-image{overflow:hidden}.bounce-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.bounce-copy{max-width:520px}.bounce-copy .eyebrow,.shop-info-heading>p{margin:0 0 22px;font-size:11px;letter-spacing:.18em;color:var(--gold)}
.bounce-copy h2,.shop-info-heading h2{margin:0 0 38px;font:500 clamp(45px,6vw,82px)/1.23 "Noto Serif KR",serif;letter-spacing:-.055em}
.bounce-copy h2 em,.shop-info-heading em{font-style:normal;color:var(--gold)}
.bounce-copy>p:not(.eyebrow){font-size:16px;line-height:1.95;color:#514b45;margin:0 0 13px}.bounce-copy>p strong{color:var(--ink)}
.bounce-notes{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.bounce-notes span{padding:9px 12px;border:1px solid var(--line);font-size:11px;color:#5c5751}
.dark-link,.info-actions a{display:flex;justify-content:space-between;gap:20px;background:var(--ink);color:#fff;text-decoration:none;padding:16px 18px;font-size:13px;width:min(100%,310px)}

/* STORE INFORMATION */
.shop-info{border-top:1px solid var(--line)}.shop-info-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:52px 0 58px}.shop-info-heading>p{order:2}.shop-info-heading h2{margin:0}
.info-list{border-top:1px solid var(--ink)}.info-list>div{display:grid;grid-template-columns:minmax(120px,1fr) 2.4fr;gap:30px;padding:27px 4px;border-bottom:1px solid var(--line)}.info-list small{font-size:10px;letter-spacing:.16em;color:var(--gold);padding-top:4px}.info-list p{margin:0;font-size:15px;line-height:1.8}.info-list p span{color:#777}.info-list a{color:inherit;text-decoration:none;border-bottom:1px solid #bdb5aa}
.info-actions{display:flex;gap:10px;margin-top:36px}.info-actions a{background:#fff;color:var(--ink);border:1px solid var(--ink)}

@media(max-width:720px){
  .instagram-heading{display:block;margin:38px 0 36px}
  .instagram-heading>p{margin:0 0 14px;order:initial}
  .instagram-heading h2{font-size:43px}
  .instagram-grid{display:flex;overflow-x:auto;gap:10px;margin-right:-21px;padding-right:21px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .instagram-grid::-webkit-scrollbar{display:none}
  .instagram-tile{flex:0 0 76vw;scroll-snap-align:start}
  .instagram-bottom{display:block;margin-top:26px}
  .instagram-bottom .text-link{margin-top:18px}
  .bounce-grid{display:flex;flex-direction:column;gap:38px;margin-top:38px}.bounce-image{width:100%}.bounce-copy h2{font-size:44px;margin-bottom:28px}.bounce-copy>p:not(.eyebrow){font-size:15px}.bounce-notes{margin:24px 0}.dark-link{width:100%}
  .shop-info-heading{display:block;margin:38px 0}.shop-info-heading>p{margin-bottom:16px}.shop-info-heading h2{font-size:39px}.info-list>div{grid-template-columns:1fr;gap:10px;padding:23px 2px}.info-actions{display:grid}.info-actions a{width:100%}
}