:root{--pink:#e8a0b0;--blush:#2c2427;--cream:#151312;--red:#ef8098;--ink:#f8f0e5;--green:#8ba894;--yellow:#f2c968;--line:rgba(255,255,255,.15)}
body{background:#151312;color:#f8f0e5}
.nav-wrap{background:linear-gradient(#151312 20%,transparent)}
.nav{background:rgba(25,22,21,.82);box-shadow:0 10px 35px rgba(0,0,0,.24)}
.menu-toggle{color:#fff}
.hero{min-height:900px;grid-template-columns:.82fr 1.18fr;padding-top:130px}
.hero-copy{position:relative;z-index:4}
.hero-brand{font-family:'DM Sans',sans-serif;font-size:clamp(76px,9.2vw,154px);line-height:.72;font-weight:600;letter-spacing:-.09em;color:#f8f0e5;margin-top:28px}
.hero-by{font-family:'Playfair Display',serif;font-size:clamp(42px,5vw,78px);line-height:1;font-style:italic;color:var(--red);margin:7px 0 38px 8px}
.hero h1{font-size:clamp(34px,3.6vw,58px);line-height:1.02;letter-spacing:-.035em}
.hero .lead{color:#cfc6bc;font-size:17px;max-width:540px}
.hero-gallery{position:relative;min-height:670px}
.hero-photo{margin:0;position:absolute;overflow:hidden;border-radius:28px;background:#282322;box-shadow:0 25px 65px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.13)}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.04)}
.hero-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,9,9,.84))}
.hero-photo figcaption{position:absolute;left:22px;bottom:20px;z-index:2;font-size:16px;font-weight:600;letter-spacing:.13em}
.hero-photo figcaption span{font-size:11px;letter-spacing:.08em;color:#e9d8d0;text-transform:none;font-weight:500}
.hero-photo-main{left:3%;top:8%;width:55%;height:74%;transform:rotate(-3deg);z-index:2}
.hero-photo-top{right:0;top:0;width:42%;height:43%;transform:rotate(3deg);z-index:3}
.hero-photo-bottom{right:2%;bottom:2%;width:43%;height:48%;transform:rotate(1.5deg);z-index:3}
.hero-stamp{position:absolute;right:34%;top:43%;z-index:5;width:118px;height:118px;border-radius:50%;background:var(--red);color:#24191b;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:600;letter-spacing:.12em;transform:rotate(10deg);padding:18px;border:6px solid #151312}
.marquee{background:#ef8098;color:#24191b}
.card{border:1px solid var(--line)}
.card:not(.photo-card) h3{margin-top:auto}
.card-coffee{background:#2c2427}.card-sweet{background:#5f4a25;color:#fff}.card-brunch{background:#28332c}
.photo-card{padding:0;overflow:hidden;color:#fff}
.photo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-card:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.card-overlay{position:absolute;z-index:2;left:30px;right:30px;bottom:30px}
.instagram-strip:hover{background:#211d1b}
.story{background:#251d20}.arch{background:#a84f63}.visit-card{background:#2b2426}.map-art{background:#2b382f}.pill.dark{background:#f8f0e5;border-color:#f8f0e5;color:#1d1918!important}.roads{opacity:.12}.map-art small{color:#f8f0e5}
@media(max-width:900px){.hero{display:block;position:relative;min-height:850px;padding-right:5vw}.hero-copy{width:56%;padding-top:25px}.hero-brand{font-size:11.5vw}.hero-by{font-size:6vw}.hero-gallery{position:absolute;right:3vw;top:135px;width:43%;height:650px;min-height:0}.hero-photo-main{width:83%;height:64%;left:0;top:12%}.hero-photo-top{width:55%;height:31%;right:0}.hero-photo-bottom{width:58%;height:36%;right:0;bottom:5%}.hero-stamp{right:39%;top:44%;width:90px;height:90px;font-size:9px}.nav-links{background:#1b1817}}
@media(max-width:650px){.hero{padding-top:110px;min-height:auto}.hero-copy{width:100%;padding-top:0}.hero-brand{font-size:21vw}.hero-by{font-size:12vw}.hero-gallery{position:relative;right:auto;top:auto;width:100%;height:520px;margin-top:35px}.hero-photo-main{width:68%;height:67%;left:0}.hero-photo-top{width:45%;height:35%}.hero-photo-bottom{width:48%;height:42%}.hero-stamp{right:28%;top:40%;width:94px;height:94px;font-size:9px}.hero h1{font-size:39px}}