:root{--brown:#3a281d;--cream:#f4efe6;--sand:#d6c2a5;--olive:#67705a;--ink:#25221f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans KR',sans-serif}a{text-decoration:none;color:inherit}img{display:block;width:100%}header{position:fixed;z-index:20;top:0;width:100%;height:84px;padding:0 5vw;display:flex;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);transition:.3s}header.scrolled{height:70px;background:rgba(39,29,22,.95);backdrop-filter:blur(10px)}.logo{font:400 27px Italiana;letter-spacing:3px}.logo small{display:block;font:500 7px 'Noto Sans KR';letter-spacing:2px;margin-top:2px}nav{display:flex;gap:38px;margin:auto;font-size:11px;letter-spacing:1px}nav a:hover{color:var(--sand)}.reserve{padding:12px 18px;border:1px solid rgba(255,255,255,.6);font-size:10px;letter-spacing:1px}.menu-btn{display:none}.hero{height:920px;position:relative;color:#fff}.hero>img{height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,16,11,.72),rgba(24,16,11,.1) 65%)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-48%)}.hero-copy>span,.title>span,.space-panel>span,.location-copy>span{font-size:10px;letter-spacing:3px;color:#d6c2a5}.hero h1{font:400 clamp(70px,8vw,120px)/.9 Italiana;margin:27px 0}.hero h1 em{color:#d8c1a1}.hero-copy p{line-height:1.8;color:#e7ddd1}.hero-copy>a{display:inline-block;margin-top:30px;padding:15px 0;border-bottom:1px solid #fff;font-weight:600}.hero-copy>a b{margin-left:60px}.open{position:absolute;right:5vw;bottom:35px;text-align:right}.open small,.open span{display:block;font-size:8px;letter-spacing:2px}.open b{display:block;font:400 26px Italiana;margin:7px 0}.section{padding:130px 8vw}.story{display:grid;grid-template-columns:.2fr .8fr 1fr;gap:5vw;background:var(--cream)}.story-no{font:400 65px Italiana;color:#cbbca7}.title h2,.space-panel h2,.location-copy h2{font:400 clamp(45px,5vw,72px)/1.08 Italiana;letter-spacing:-1px;margin:20px 0}.title h2 em{font-style:normal;color:#8c6e53}.story-copy{padding-top:45px}.story-copy .lead{font-size:21px;font-weight:600;line-height:1.6}.story-copy>p:not(.lead){color:#77716a;line-height:1.9}.story-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid #d8d0c4}.story-copy dl div{padding:22px 15px 0;border-right:1px solid #d8d0c4}.story-copy dt{font:400 15px Italiana}.story-copy dd{margin:9px 0;font-size:11px;line-height:1.6;color:#827a71}.space{display:grid;grid-template-columns:1.25fr .75fr;min-height:780px;background:var(--brown);color:#fff}.space-photo{overflow:hidden}.space-photo img{height:100%;object-fit:cover;object-position:65% center}.space-panel{padding:110px 6vw;align-self:center}.space-panel p{color:#bfb3a8;line-height:1.9}.space-panel ul{padding:0;margin:40px 0 0;list-style:none}.space-panel li{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:11px;letter-spacing:1px}.space-panel li b{float:right;color:#8f7d6c}.menu-section{background:#faf8f4}.menu-head{display:flex;align-items:end;justify-content:space-between}.menu-head>p{color:#7e776f}.menu-hero{display:grid;grid-template-columns:1.35fr .65fr;margin-top:55px;background:var(--brown);color:#fff}.menu-hero>img{height:580px;object-fit:cover}.menu-hero>div{padding:60px;align-self:center}.menu-hero small,.menu-grid small{font-size:9px;letter-spacing:2px;color:#bba78f}.menu-hero h3{font:400 38px Italiana;margin:17px 0}.menu-hero p{font-size:13px;line-height:1.8;color:#c8bdb3}.menu-hero b{display:block;margin-top:25px;font:400 27px Italiana}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.menu-grid article{position:relative}.crop{height:330px;overflow:hidden;margin-bottom:22px}.crop img{width:200%;height:100%;object-fit:cover;max-width:none}.latte img{transform:translateX(-45%)}.croissant img{transform:translateX(0)}.cake img{transform:translateX(-4%);object-position:left bottom}.tart img{transform:translateX(-50%);object-position:right bottom}.menu-grid h3{font:400 25px Italiana;margin:10px 0}.menu-grid p{min-height:40px;font-size:12px;color:#7c756e}.menu-grid b{font:400 20px Italiana}.notice{text-align:right;font-size:10px;color:#999;margin-top:25px}.center{text-align:center}.gallery{background:#eae2d6}.gallery-grid{height:650px;display:grid;grid-template-columns:1.1fr .9fr .8fr;grid-template-rows:1fr 1fr;gap:13px;margin-top:50px}.gallery-grid figure{margin:0;overflow:hidden}.gallery-grid img{height:100%;object-fit:cover}.g1{grid-row:1/3}.g2{grid-column:2/4}.g2 img{object-position:center}.g3 img{object-position:70%}.g4 img{object-position:left bottom}.location{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw}.map{height:600px;background:#ded7ca;position:relative;overflow:hidden;display:grid;place-content:center;text-align:center}.road{position:absolute;background:#f7f3ec}.road.one{width:150%;height:65px;left:-25%;top:45%;transform:rotate(-12deg)}.road.two{height:150%;width:48px;left:60%;top:-25%;transform:rotate(20deg)}.map i{position:relative;z-index:2;width:85px;height:85px;border-radius:50% 50% 50% 8px;display:grid;place-items:center;background:var(--brown);color:#fff;transform:rotate(-45deg);font:400 13px Italiana}.map i:before{content:'OBJET';transform:rotate(45deg)}.map i{font-size:0}.map span,.map>b,.map>p{position:relative;z-index:2}.map span{display:none}.map>b{margin-top:25px;font:400 20px Italiana}.map>p{font-size:10px}.location-copy{align-self:center}.location-copy>p{color:#777}.location-copy dl{margin:35px 0}.location-copy dl div{display:grid;grid-template-columns:90px 1fr;padding:14px 0;border-bottom:1px solid #ddd}.location-copy dt{font:400 12px Italiana}.location-copy dd{margin:0;font-size:12px;color:#777}.location-btns{display:flex;gap:10px}.location-btns a{padding:14px 18px;background:var(--brown);color:#fff;font-size:11px}footer{padding:50px 8vw;background:#231a15;color:#fff;display:flex;align-items:end;justify-content:space-between}footer p{font-size:10px;line-height:1.8;color:#978a80}footer>small{font-size:8px;color:#75685e}.top{position:fixed;z-index:10;right:25px;bottom:25px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brown);box-shadow:0 8px 25px rgba(0,0,0,.15)}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.on{opacity:1;transform:none}
@media(max-width:1000px){nav,.reserve{display:none}.menu-btn{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:22px}header.open nav{display:flex;position:absolute;top:70px;left:0;width:100%;padding:25px;background:#2b211b;flex-direction:column}.story{grid-template-columns:.15fr .85fr}.story-copy{grid-column:2}.space,.location{grid-template-columns:1fr}.space-photo{height:520px}.menu-grid{grid-template-columns:1fr 1fr}.gallery-grid{height:520px}.map{height:450px}.location-copy{padding-top:0}}
@media(max-width:640px){header{height:70px}.hero{height:780px}.hero>img{object-position:60% center}.hero h1{font-size:62px}.hero-copy{left:6vw;right:6vw;top:48%}.open{display:none}.section{padding:85px 6vw}.story{display:block}.story-no{margin-bottom:20px}.story-copy dl{grid-template-columns:1fr}.story-copy dl div{border-right:0;border-bottom:1px solid #d8d0c4}.space-photo{height:360px}.space-panel{padding:75px 6vw}.menu-head{display:block}.menu-hero{grid-template-columns:1fr}.menu-hero>img{height:360px}.menu-hero>div{padding:35px 25px}.menu-grid{grid-template-columns:1fr}.crop{height:420px}.gallery-grid{height:auto;display:block}.gallery-grid figure{height:300px;margin-bottom:12px}.map{height:350px}.location{gap:50px}.location-copy dl div{grid-template-columns:80px 1fr}footer{display:block}.title h2,.space-panel h2,.location-copy h2{font-size:44px}}