
:root{
  --p-cream:#FEFAE0;--p-mustard:#F4D35E;--p-orange:#E85D04;--p-brown:#3D2914;--p-brown-l:#5C4033;
  --fg:#0b0b12;--muted:#2b2b36;--head:'Dela Gothic One',cursive;--body:'Outfit',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--p-cream);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--p-orange)}
.top{background:var(--p-brown);color:var(--p-cream);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.top a{color:var(--p-cream);text-decoration:none;font-weight:700}
.brand{font-family:var(--head);font-size:18px;letter-spacing:.02em;text-transform:uppercase;color:var(--p-cream)}
.brand small{display:block;font-family:var(--body);font-size:10px;letter-spacing:.18em;color:var(--p-mustard);margin-top:3px}
.nav{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.nav a:hover{color:var(--p-mustard)}
.btn{display:inline-flex;align-items:center;background:var(--p-orange);color:var(--p-cream)!important;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:10px 18px;border-radius:999px;border:2.5px solid var(--p-mustard);text-decoration:none}
.hero{padding:56px 22px 28px;background:linear-gradient(180deg,#FFF4D0,#FEFAE0);border-bottom:4px solid var(--p-brown)}
.hero-inner{max-width:820px;margin:0 auto}
.crumb{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.crumb a{color:var(--p-orange);text-decoration:none}
h1{font-family:var(--head);font-size:clamp(28px,5vw,48px);line-height:1.05;text-transform:uppercase;color:var(--fg);font-weight:400;margin:0 0 14px}
.lede{font-size:16px;font-weight:600;color:var(--muted);max-width:640px}
.meta{margin-top:16px;font-size:13px;font-weight:700;color:var(--p-brown-l)}
.wrap{max-width:820px;margin:0 auto;padding:36px 22px 70px}
.article,.prose{font-size:17px;color:var(--fg)}
.article h2,.prose h2{font-family:var(--head);font-size:clamp(22px,3vw,32px);line-height:1.1;text-transform:uppercase;margin:36px 0 12px;font-weight:400}
.article h3,.prose h3{font-family:var(--body);font-size:20px;font-weight:800;margin:28px 0 10px;color:var(--p-brown)}
.article p,.prose p{margin:0 0 16px}
.article ul,.article ol,.prose ul,.prose ol{margin:0 0 18px 1.2em}
.article li,.prose li{margin:0 0 8px}
.article a,.prose a{font-weight:700}
.article img,.prose img{border-radius:12px;border:3px solid var(--p-brown);margin:18px 0;box-shadow:5px 5px 0 var(--p-orange)}
.article figure{margin:22px 0}
.cardlist{display:grid;gap:14px;margin-top:28px}
.cardlist a{display:block;background:#fff;border:2.5px solid var(--p-brown);border-radius:14px;padding:18px 18px 16px;text-decoration:none;color:var(--fg);box-shadow:4px 4px 0 var(--p-brown)}
.cardlist a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--p-orange)}
.cardlist b{display:block;font-size:17px;font-weight:800;margin-bottom:6px;color:var(--fg)}
.cardlist span{display:block;font-size:14px;font-weight:600;color:var(--muted)}
.note{background:#fff;border:2px dashed var(--p-brown);border-radius:12px;padding:14px 16px;margin:20px 0;font-size:14px;font-weight:600;color:var(--muted)}
.foot{background:var(--p-brown);color:var(--p-cream);padding:40px 22px}
.foot-inner{max-width:820px;margin:0 auto;display:grid;gap:10px}
.foot a{color:var(--p-mustard);font-weight:700}
.foot .tiny{font-size:13px;font-weight:600;opacity:.95}
@media(max-width:640px){.nav{width:100%}.hero{padding:40px 16px 22px}.wrap{padding:28px 16px 56px}}

.hero-media{margin-top:22px;border-radius:16px;overflow:hidden;border:3px solid var(--p-brown);box-shadow:6px 6px 0 var(--p-orange)}
.hero-media img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin:0;border:0;border-radius:0;box-shadow:none}
.blog-list{display:grid;gap:22px;margin-top:10px}
.blog-card{display:grid;grid-template-columns:minmax(140px,280px) 1fr;gap:0;align-items:stretch;background:#fff;border:2.5px solid var(--p-brown);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--fg);box-shadow:4px 4px 0 var(--p-brown)}
.blog-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--p-orange)}
.blog-card img{width:100%;height:100%;min-height:180px;max-height:100%;object-fit:cover;margin:0;border:0;border-radius:0;box-shadow:none;display:block;grid-row:1 / -1}
.blog-card .body{padding:18px 20px 20px;min-width:0;position:relative;z-index:1;background:#fff}
.blog-card .date{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--p-orange);margin-bottom:8px}
.blog-card h2{font-family:var(--head);font-size:clamp(20px,2.6vw,28px);line-height:1.15;text-transform:uppercase;font-weight:400;margin:0 0 12px;color:var(--fg);position:relative;z-index:1}
.blog-card .more{display:inline-flex;align-items:center;background:#0aa;color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;border-radius:999px}
@media(max-width:720px){
  .blog-card{grid-template-columns:1fr;grid-template-rows:auto auto;align-items:stretch;gap:0}
  .blog-card img{grid-row:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:cover}
  .blog-card .body{padding:16px 18px 18px}
  .blog-card h2{font-size:clamp(18px,5.2vw,24px);line-height:1.2}
}


.article figure{margin:22px 0}
/* blog-v2 */

.hero-media{margin-top:22px;border-radius:16px;overflow:hidden;border:3px solid var(--p-brown);box-shadow:6px 6px 0 var(--p-orange)}
.hero-media img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin:0;border:0;border-radius:0;box-shadow:none}

.article figure{margin:22px 0}

/* === SITE CHROME (from rooms/contact) === */
:root{--p-cream:#FEFAE0;--p-mustard:#F4D35E;--p-orange:#E85D04;--p-brown:#3D2914;--p-brown-l:#5C4033;--headfont:'Dela Gothic One',cursive}

.hd{position:absolute;top:0;left:0;right:0;z-index:80;background:transparent;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:nowrap}

.hd-logo{display:flex;align-items:center;gap:12px;text-decoration:none}

.hd-logo .badge{width:46px;height:46px;background:var(--p-orange);color:var(--p-cream);font-family:var(--headfont);font-size:24px;display:grid;place-items:center;border:3px solid var(--p-brown);box-shadow:4px 4px 0 var(--p-brown);font-weight:400}

.hd-logo .word{font-family:var(--headfont);font-size:18px;letter-spacing:.02em;line-height:.95;color:var(--p-cream);font-weight:400;text-transform:uppercase;text-shadow:2px 2px 0 rgba(61,41,20,.7)}

.hd-logo .word small{font-family:'Outfit',sans-serif;font-size:9px;letter-spacing:.28em;color:var(--p-mustard);font-weight:700;display:block;margin-top:4px;text-shadow:1px 1px 0 rgba(61,41,20,.6)}

.hd-cta{display:flex;align-items:center;gap:14px;white-space:nowrap}

.hd-socials{display:inline-flex;align-items:center;gap:8px}

.hd-socials a{width:36px;height:36px;display:inline-grid;place-items:center;color:var(--p-cream);background:rgba(61,41,20,.55);border:2px solid var(--p-cream);border-radius:50%;text-decoration:none;transition:all .15s;box-shadow:2px 2px 0 var(--p-brown)}

.hd-socials a:hover{background:var(--p-orange);color:var(--p-cream);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--p-brown)}

.hd-phone{font-family:'Outfit',sans-serif;font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--p-cream);text-decoration:none;text-shadow:1px 1px 0 rgba(61,41,20,.7)}

.hd-phone:hover{color:var(--p-mustard)}

.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--p-orange);color:var(--p-cream);font-family:'Outfit',sans-serif;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;border-radius:999px;border:2.5px solid var(--p-brown);box-shadow:4px 4px 0 var(--p-brown);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}

.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--p-brown)}

.btn.ghost{background:var(--p-cream);color:var(--p-brown)}

.hd-nav{display:flex;align-items:center;gap:2px;font-family:'Outfit',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--p-cream);white-space:nowrap;position:static}

.nav-item{position:relative}

.nav-item.has-mega::before{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:30px;background:transparent}

.nav-link{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;font-weight:inherit;color:var(--p-cream);text-decoration:none;padding:10px 12px;border-radius:6px;transition:color .15s,background .15s;text-shadow:1px 1px 0 rgba(61,41,20,.7)}

.nav-link:hover,.nav-item:hover .nav-link,.nav-item.open .nav-link{color:var(--p-mustard);background:rgba(232,93,4,.20);text-shadow:1px 1px 0 rgba(61,41,20,.8)}

.nav-link .caret{font-size:8px;transition:transform .2s;display:inline-block}

.nav-item.has-mega:hover .caret,.nav-item.has-mega:focus-within .caret,.nav-item.open .caret{transform:rotate(180deg)}

.mega{position:fixed;top:84px;left:50%;transform:translateX(-50%) translateY(-8px);width:min(980px,calc(100vw - 28px));background:#FFFCEF;border:3px solid var(--p-brown);border-radius:18px;box-shadow:8px 8px 0 var(--p-brown);padding:22px;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}

.nav-item.has-mega:hover .mega,.nav-item.has-mega:focus-within .mega,.nav-item.open .mega{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}

.mega-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:12px;border-bottom:2px dashed var(--p-brown)}

.mega-hd h6{font-family:var(--headfont);font-size:20px;color:var(--p-brown);text-transform:uppercase;font-weight:400;letter-spacing:.02em;line-height:1}

.mega-hd h6 em{font-style:normal;color:var(--p-orange)}

.mega-hd small{font-family:'Outfit',sans-serif;font-size:10px;font-weight:700;color:var(--p-brown-l);letter-spacing:.16em;text-transform:uppercase}

.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

.mega-grid.cols-3{grid-template-columns:repeat(3,1fr)}

.mega-grid.cols-5{grid-template-columns:repeat(5,1fr);gap:8px}

.mega-grid.hero-2{grid-template-columns:repeat(2,1fr);gap:14px}

.mega-grid.hero-3{grid-template-columns:repeat(3,1fr);gap:10px}

.mega-grid.hero-3 .mega-card.hero{min-height:200px}

.mega-grid.hero-3 .mega-card.hero .pic{height:96px}

.mega-grid.hero-3 .mega-card.hero .info b{font-size:14px}

.mega-grid.hero-3 .mega-card.hero .info .sub{font-size:11px;-webkit-line-clamp:3}

@media(max-width:1100px){.mega-grid.hero-3{grid-template-columns:repeat(2,1fr)}}

.mega-card.hero{position:relative;min-height:240px;box-shadow:3px 3px 0 #3D2914;border-radius:14px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}

.mega-card.hero:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 #3D2914;background:#F4D35E}

.mega-card.hero .pic{aspect-ratio:16/10;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1)}

.mega-card.hero:hover .pic{transform:scale(1.06)}

.mega-card.hero .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(61,41,20,.55) 100%);pointer-events:none;z-index:1}

.mega-card.hero .pic::before{content:"";position:absolute;top:0;bottom:0;left:-75%;width:60%;background:linear-gradient(120deg,transparent 0%,rgba(244,211,94,.55) 50%,transparent 100%);transform:skewX(-20deg);pointer-events:none;z-index:2;transition:left .9s cubic-bezier(.2,.8,.2,1)}

.mega-card.hero:hover .pic::before{left:125%}

.mega-card.hero .badge{position:absolute;top:10px;left:10px;z-index:3;background:#E85D04;color:#FEFAE0;font-family:Outfit,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:4px;border:1.5px solid #3D2914;box-shadow:2px 2px 0 #3D2914;transition:background .2s,color .2s}

.mega-card.hero:hover .badge{background:#3D2914;color:#F4D35E}

.mega-card.hero .info{padding:14px 16px 14px;flex:1;display:flex;flex-direction:column;gap:8px}

.mega-card.hero .info b{font-family:var(--headfont);font-size:22px;font-weight:400;color:#3D2914;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;margin:0}

.mega-card.hero .info .sub{font-family:Outfit,sans-serif;font-size:12px;color:#5C4631;font-weight:600;letter-spacing:.02em;line-height:1.45}

.mega-card.hero .info .cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;color:#3D2914;text-transform:uppercase;letter-spacing:.1em;padding-top:10px;border-top:1.5px dashed #3D2914}

.mega-card.hero .info .cta .arr{display:inline-block;transition:transform .25s ease;font-size:14px}

.mega-card.hero:hover .info .cta .arr{transform:translateX(6px)}

@keyframes heroPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

.nav-item.has-mega[data-stay-for]:hover .mega-card.hero .badge{animation:heroPulse 1.6s ease-in-out infinite}

.mega.mega-wide{width:min(1180px,calc(100vw - 28px))}

.mega-dest .pic{aspect-ratio:1/1;background:var(--p-brown) center/cover no-repeat;display:grid;place-items:end start;position:relative;overflow:hidden}

.mega-dest .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%);pointer-events:none}

.mega-dest .dest-ico-badge{position:absolute;top:6px;left:6px;background:var(--p-mustard);color:var(--p-brown);font-size:14px;line-height:1;padding:5px 7px;border:2px solid var(--p-brown);border-radius:99px;box-shadow:2px 2px 0 var(--p-brown);z-index:3}

.mega-dest:hover .pic{filter:brightness(1.06) saturate(1.05)}

.mega-dest .info{padding:9px 11px}

.mega-dest .info b{font-size:13px;line-height:1.05;display:block;color:var(--p-brown)}

.mega-dest .info span{font-size:10.5px;color:var(--p-brown-l);font-weight:600;letter-spacing:.04em}

.mega-card{display:flex;flex-direction:column;text-decoration:none;background:var(--p-cream);border:2px solid var(--p-brown);border-radius:12px;overflow:hidden;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:2px 2px 0 var(--p-brown)}

.mega-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--p-brown);background:var(--p-mustard)}

.mega-card .pic{aspect-ratio:4/3;background:var(--p-brown) center/cover;border-bottom:2px solid var(--p-brown)}

.mega-card .info{padding:8px 10px 10px;flex:1;display:flex;flex-direction:column}

.mega-card .info b{display:block;font-family:'Outfit',sans-serif;font-size:12px;font-weight:800;color:var(--p-brown);text-transform:uppercase;letter-spacing:.03em;line-height:1.15;margin-bottom:2px}

.mega-card .info span{display:block;font-family:'Outfit',sans-serif;font-size:10px;color:var(--p-brown-l);font-weight:500;letter-spacing:.04em;line-height:1.3}

.mega-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:2px dashed var(--p-brown);gap:12px;flex-wrap:wrap}

.mega-foot p{font-family:'Outfit',sans-serif;font-size:11px;color:var(--p-brown-l);font-weight:600;line-height:1.4;margin:0;flex:1;min-width:200px}

.mega-foot p b{color:var(--p-brown)}

.mega-all{display:inline-block;background:var(--p-orange);color:var(--p-cream);font-family:'Outfit',sans-serif;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;border-radius:999px;border:2px solid var(--p-brown);box-shadow:3px 3px 0 var(--p-brown);text-decoration:none;transition:transform .15s,box-shadow .15s;white-space:nowrap}

.mega-all:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--p-brown)}

.hamburger{display:none;background:var(--p-orange);color:var(--p-cream);border:2.5px solid var(--p-brown);font-family:'Outfit',sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border-radius:999px;box-shadow:3px 3px 0 var(--p-brown);cursor:pointer;align-items:center;gap:6px;line-height:1}

.hamburger:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--p-brown)}

.hamburger .bars{display:inline-flex;flex-direction:column;gap:3px}

.hamburger .bars b{display:block;width:14px;height:2px;background:var(--p-cream);border-radius:1px}

.mm-overlay{position:fixed;inset:0;background:rgba(61,41,20,.55);opacity:0;pointer-events:none;transition:opacity .25s;z-index:200}

body.mm-open .mm-overlay{opacity:1;pointer-events:auto}

.mm-panel{position:fixed;top:0;right:0;height:100vh;width:min(380px,92vw);background:var(--p-cream);border-left:4px solid var(--p-brown);transform:translateX(105%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:210;padding:22px 20px 80px;box-shadow:-12px 0 0 var(--p-brown)}

body.mm-open .mm-panel{transform:translateX(0)}

.mm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}

.mm-top .mm-logo{font-family:var(--headfont);font-size:16px;color:var(--p-brown);text-transform:uppercase;letter-spacing:.02em;line-height:1;text-decoration:none;font-weight:400}

.mm-top .mm-logo em{font-style:normal;color:var(--p-orange)}

.mm-close{background:var(--p-brown);color:var(--p-cream);border:none;font-family:var(--headfont);font-size:22px;width:42px;height:42px;border-radius:50%;cursor:pointer;line-height:1;box-shadow:3px 3px 0 var(--p-orange);display:grid;place-items:center}

.mm-section{font-family:var(--headfont);font-size:16px;color:var(--p-brown);text-transform:uppercase;font-weight:400;letter-spacing:.04em;margin:22px 0 8px;padding-bottom:6px;border-bottom:2px dashed var(--p-brown)}

.mm-section em{font-style:normal;color:var(--p-orange)}

.mm-link{display:flex;align-items:center;gap:11px;padding:9px 4px;border-bottom:1px solid rgba(61,41,20,.10);color:var(--p-brown);text-decoration:none;font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;letter-spacing:.02em;transition:background .15s,color .15s;border-radius:6px}

.mm-link:hover{color:var(--p-orange);background:rgba(232,93,4,.06);padding-left:8px}

.mm-link .thumb{width:42px;height:42px;border-radius:8px;background:var(--p-brown) center/cover;border:2px solid var(--p-brown);flex:0 0 auto;box-shadow:2px 2px 0 var(--p-brown)}

.mm-link .thumb-dest{display:grid;place-items:center;overflow:hidden;position:relative}

.mm-link .thumb-dest .thumb-ico{font-size:22px;line-height:1;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.30))}

.mm-link .ttl{flex:1;min-width:0}

.mm-link .ttl b{display:block;font-weight:800;font-size:13px;line-height:1.1;text-transform:uppercase;letter-spacing:.02em}

.mm-link .ttl span{display:block;font-size:10.5px;color:var(--p-brown-l);font-weight:500;letter-spacing:.02em;margin-top:2px;text-transform:none}

.mm-link .arrow{font-family:var(--headfont);font-size:14px;color:var(--p-orange);line-height:1}

.mm-cta{display:block;text-align:center;margin-top:24px;background:var(--p-orange);color:var(--p-cream);font-family:'Outfit',sans-serif;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:14px 18px;border-radius:999px;border:2.5px solid var(--p-brown);box-shadow:4px 4px 0 var(--p-brown);text-decoration:none}

.mm-foot{margin-top:18px;text-align:center;font-family:'Outfit',sans-serif;font-size:11px;color:var(--p-brown-l);font-weight:600;letter-spacing:.06em}

.mm-foot a{color:var(--p-brown);text-decoration:none;font-weight:800}

@media(max-width:1180px){.hd-nav{display:none}.hamburger{display:inline-flex}}

@media(max-width:760px){.hd-phone{display:none}}

@media(max-width:560px){.hd-socials{display:none}}

@media(max-width:640px){.hd-logo .word small{display:none}}

@media(max-width:980px){.mega{display:none}}

@media(max-width:680px){.hd{padding:12px 14px}.hd-logo .badge{width:38px;height:38px;font-size:20px;border-width:2.5px;box-shadow:3px 3px 0 var(--p-brown)}.hd-logo .word{font-size:14px;letter-spacing:0;line-height:.95}.hd .btn{padding:9px 16px;font-size:11px;letter-spacing:.10em;box-shadow:3px 3px 0 var(--p-brown)}}

@media(max-width:880px){.detail .wrap{grid-template-columns:1fr;gap:28px}}

.side-card .actions .btn{width:100%}

@media(max-width:760px){.gallery .wrap{grid-template-columns:1fr 1fr}}

@media(max-width:760px){.gallery .pic.tall{grid-row:auto;aspect-ratio:4/3}}

@media(max-width:880px){.rel-grid{grid-template-columns:1fr 1fr}}

@media(max-width:560px){.rel-grid{grid-template-columns:1fr}}

.final .btn{background:var(--p-cream);color:var(--p-brown)}

.final .btn.ghost{background:transparent;color:var(--p-cream);border-color:var(--p-cream);box-shadow:4px 4px 0 var(--p-brown)}

.foot{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}

@media(max-width:760px){.foot{grid-template-columns:1fr 1fr}}

@media(max-width:480px){.foot{grid-template-columns:1fr}}

.foot h6{font-family:var(--headfont);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:400;color:var(--p-mustard);margin-bottom:14px}

.foot ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px}

.foot a{color:var(--p-cream);text-decoration:none;opacity:.85}

.foot a:hover{opacity:1;color:var(--p-mustard)}

.foot p{font-size:13px;line-height:1.55;opacity:.85;margin-bottom:8px}

.foot-bot{max-width:1200px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(254,250,224,.18);text-align:center;font-size:11px;color:rgba(254,250,224,.55);letter-spacing:.06em;text-transform:uppercase}

@media(max-width:780px){.spdec-item{font-size:34px !important}
.spdec-cocktail .d1,.spdec-cocktail .d2,.spdec-cocktail .d3,.spdec-cocktail .d4,.spdec-cocktail .d6{font-size:48px !important}
.spdec-cards .d1,.spdec-cards .d2,.spdec-cards .d3,.spdec-cards .d4,.spdec-cards .d5{font-size:48px !important}
.spdec-cards .pool8{width:48px;height:48px}.spdec-cards .pool8::after{width:22px;height:22px;font-size:14px}
.spdec-vinyl .v1{width:240px;height:240px;right:-80px}
.spdec-vinyl .v2{width:180px;height:180px;left:-60px}
.spdec-vinyl .v3{width:90px;height:90px}
.spdec-vinyl .needle{width:160px;height:18px;right:-30px;top:-30px}
.spdec-vinyl .needle::before{width:20px;height:20px;top:-3px}
.spdec-vinyl .d1{font-size:56px}.spdec-vinyl .d2{font-size:42px}.spdec-vinyl .eq{height:60px}.spdec-vinyl .eq span{height:50px}
.spdec-cocktail .cheers{font-size:22px !important;padding:8px 16px}
.spdec-lights .lightstring{height:80px}.spdec-lights .bulb{width:22px;height:30px}
.spdec-lights .d2{font-size:64px}
.spdec-docs .d1,.spdec-docs .d2,.spdec-docs .d3,.spdec-docs .d4,.spdec-docs .d5{font-size:46px !important}
.spdec-docs .typeline{font-size:11px;padding:7px 12px;max-width:240px;left:4%}
.spdec-leaves .d1,.spdec-leaves .d2,.spdec-leaves .d3,.spdec-leaves .d4{font-size:36px}
.spdec-leaves .d5{font-size:42px}.spdec-leaves .d6{font-size:54px}
}

@media(max-width:980px){.spfeat-wrap{grid-template-columns:1fr;gap:30px}}

@media(max-width:980px){.spfeat-photo{max-width:100%;aspect-ratio:16/10}.spfeat-stage{min-height:auto}}

@media(max-width:780px){.spfeat{padding:60px 22px 80px}.spfeat-vinyl .turntable,.spfeat-cocktail .glass,.spfeat-cards .felt,.spfeat-lights .pavilion,.spfeat-docs .laptop,.spfeat-leaves .yard{max-width:340px}.spfeat-vinyl .platter-label{font-size:11px}.spfeat-cocktail .cherry{width:18px;height:18px}.spfeat-cards .ball-roll{width:42px;height:42px}.spfeat-cards .ball-roll::after{width:20px;height:20px;font-size:13px}.spfeat-cards .ball-color{width:28px;height:28px}.spfeat-lights .firepit{width:60px;height:60px}.spfeat-lights .firepit::after{font-size:42px;top:-22px}.spfeat-lights .moon{width:42px;height:42px;top:38px}.spfeat-leaves .sun{width:60px;height:60px}.spfeat-leaves .plant{font-size:60px}}

@media(max-width:880px){.spplay-wrap{grid-template-columns:1fr;gap:24px;text-align:center;justify-items:center}}

@media(max-width:880px){.spplay-btn{width:120px;height:120px}.spplay-btn::after{border-width:24px 0 24px 38px;margin-left:10px}}

@media(max-width:880px){.spplay-eq{justify-content:center}}

@media(max-width:780px){.sig{padding:70px 18px}}

@media(max-width:780px){.sig-paper{padding:40px 24px 36px;border-radius:5px}}

@media(max-width:780px){.sig-header{grid-template-columns:1fr;gap:18px}}

@media(max-width:780px){.sig-stamps{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}

@media(max-width:980px){.sig-blocks{grid-template-columns:1fr;gap:36px}}

@media(max-height:700px){.spcine{height:auto;min-height:780px}}

@media(max-width:780px){.spcine-frame{inset:14px}}

@media(max-width:980px){.spcine-deco .turntable,.spcine-deco .glass,.spcine-deco .pool-felt,.spcine-deco .pavilion,.spcine-deco .laptop,.spcine-deco .yard{position:absolute;top:auto;bottom:20%;right:-12%;width:380px;height:380px;opacity:.35;transform:none}}

@media(max-width:780px){.spcine-wrap{padding:100px 22px 60px}}

.spcine-cta .btn{display:inline-flex;align-items:center;gap:8px;background:var(--p-orange);color:var(--p-cream);text-decoration:none;font-family:'Outfit',sans-serif;font-size:14px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;padding:18px 30px;border-radius:99px;border:3px solid var(--p-cream);box-shadow:5px 5px 0 var(--p-brown),10px 10px 30px rgba(0,0,0,.4);transition:transform .15s,box-shadow .15s}

.spcine-cta .btn:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--p-brown),14px 14px 40px rgba(0,0,0,.5)}

.spcine-cta .btn.ghost{background:rgba(13,8,5,.55);color:var(--p-cream);border:3px solid var(--p-mustard);box-shadow:5px 5px 0 rgba(244,211,94,.3)}

.spcine-cta .btn.ghost:hover{background:var(--p-mustard);color:var(--p-brown)}

@media(max-width:780px){.spcine-scroll{display:none}}

@media(max-width:980px){.sphero{padding:110px 22px 70px}.sphero-wrap{grid-template-columns:1fr;gap:50px}}

.sphero-cta .btn{font-size:13px;padding:14px 26px}

@media(max-width:980px){
  .sphero-right{min-height:auto;padding:20px 0 50px}
  .sphero-stage{max-width:100%}
  .sphero-mainpic{transform:none;box-shadow:8px 8px 0 var(--p-orange),14px 14px 0 var(--p-brown-l)}
  .sphero-mainpic:hover{transform:none}
  .sphero-pic-cap{left:20px;bottom:-22px}
  .sphero-pic-cap .cap-name{font-size:15px}
}

@media(max-width:880px){.spmeta-wrap{padding:20px 36px}.spmeta-stubs{justify-content:flex-start}}

@media(max-width:980px){.spmood-grid{grid-template-columns:1fr 1fr;gap:24px}}

@media(max-width:680px){.spmood-grid{grid-template-columns:1fr;gap:24px}}

.spscene-cta .btn{font-size:13px}

@media(max-width:980px){.spday-grid{grid-template-columns:repeat(2,1fr);gap:20px}}

@media(max-width:600px){.spday-grid{grid-template-columns:1fr}}

@media(max-width:780px){.spday-stub .spd-pic{display:none}}

@media(max-width:880px){.spgrid-pol{grid-template-columns:1fr;gap:30px}}

@media(max-width:980px){.sppair-grid{grid-template-columns:1fr;gap:20px}}

@media(max-width:680px){.narr ul.bullets{grid-template-columns:1fr}}

@media(max-width:600px){.tstep{grid-template-columns:auto 1fr;gap:12px}.tstep .ttime{grid-column:span 2}}

@media(max-width:760px){.dgrid{grid-template-columns:1fr}}

@media(max-width:980px){.icols{grid-template-columns:1fr 1fr}}

@media(max-width:640px){.icols{grid-template-columns:1fr}}

@media(max-width:760px){.stats .wrap{grid-template-columns:repeat(2,1fr)}}

@media(max-width:980px){.cgrid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:520px){.cgrid{grid-template-columns:1fr}}

@media(max-width:760px){.trow{grid-template-columns:1fr;text-align:center}}

@media(max-width:760px){.trow .trooms{text-align:center}}

@media(max-width:880px){.split .wrap{grid-template-columns:1fr;gap:24px}}

@media(max-width:980px){.rmhero{padding:110px 22px 60px}.rmhero-wrap{grid-template-columns:1fr;gap:50px}}

.rmhero-cta .btn{font-size:13px;padding:14px 26px}

@media(max-width:980px){
  .rmhero-right{min-height:auto;padding:20px 0 80px}
  .rmhero-stage{max-width:100%}
  .rmhero-mainpic{transform:none;box-shadow:8px 8px 0 var(--p-orange),14px 14px 0 var(--p-brown-l)}
  .rmhero-mainpic:hover{transform:none}
  .rmhero-pic-cap{left:20px;bottom:-22px}
  .rmhero-pic-cap .cap-name{font-size:15px}
  .rmhero-altpic{position:relative;bottom:auto;right:auto;width:65%;margin:36px auto 0;transform:rotate(2.5deg)}
  .rmhero-sticker.s1{top:-20px;right:0;font-size:9.5px;padding:5px 10px}
  .rmhero-sticker.s2{display:none}
}

@media(max-width:540px){
  .rmhero-mainpic .tape{width:90px;height:22px}
  .rmhero-pic-cap{padding:8px 14px}
  .rmhero-pic-cap .cap-name{font-size:13px}
  .rmhero-altpic{width:78%}
}

@media(max-width:880px){.rmticket-wrap{padding:30px 20px}.rmticket-pre{margin:0 0 14px;padding:0 0 14px;border-right:none;border-bottom:2px dashed var(--p-brown);width:100%}.rmticket-stubs{grid-template-columns:repeat(3,1fr)}}

@media(max-width:520px){.rmticket-stubs{grid-template-columns:repeat(2,1fr)}}

@media(max-width:880px){.rmstory-grid{grid-template-columns:1fr;gap:20px}}

@media(max-width:980px){.rmbento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:150px}}

@media(max-width:680px){.rmbento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}}

@media(max-width:680px){.rb.w2{grid-column:span 2}.rb.h2{grid-row:auto}}

@media(max-width:880px){.rmday-line{grid-template-columns:1fr;gap:18px}.rmday-line::before{display:none}}

@media(max-width:880px){.rmwall-grid{grid-template-columns:1fr 1fr;gap:20px}}

@media(max-width:520px){.rmwall-grid{grid-template-columns:1fr}}

@media(max-width:880px){.rmpair-grid{grid-template-columns:1fr}}

@media(max-width:880px){.rmpost-card{grid-template-columns:1fr}}

@media(max-width:880px){.rmpost-left{border-right:none;border-bottom:3px dashed var(--p-brown)}}

.rmpost-right .btn{font-size:11px;padding:10px 18px}

@media(max-width:880px){.rmcomp-grid{grid-template-columns:1fr}}

.rmkey .btn{font-size:13px;padding:14px 28px;background:var(--p-mustard);color:var(--p-brown);border-color:var(--p-cream);box-shadow:5px 5px 0 var(--p-brown)}

.rmkey .btn.ghost{background:var(--p-cream);color:var(--p-orange)}

@media(max-width:1100px){.rel-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:760px){.rel-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:480px){.rel-grid{grid-template-columns:1fr}}

@media(max-width:780px){.rxhero{padding:140px 22px 90px;min-height:auto}.rxhero .floating{display:none}}

@media(max-width:880px){.rxmani .wrap{grid-template-columns:1fr;gap:40px}}

@media(max-width:1100px){.rxpicks-grid{grid-template-columns:repeat(2,1fr);gap:30px}}

@media(max-width:560px){.rxpicks-grid{grid-template-columns:1fr;gap:28px}}

@media(max-width:980px){.rxincl-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:680px){.rxincl-grid{grid-template-columns:repeat(2,1fr);gap:14px}}

@media(max-width:680px){.rxlrow{grid-template-columns:1fr;gap:8px;padding:22px 22px}}

@media(max-width:680px){.rxlrow .qty{text-align:left;justify-self:start}}

@media(max-width:1100px){.rxgrid{grid-template-columns:repeat(2,1fr);gap:28px}}

@media(max-width:560px){.rxgrid{grid-template-columns:1fr;gap:30px}}

@media(max-width:880px){.rxbones .wrap{grid-template-columns:1fr;gap:40px}}

@media(min-width:881px){.rxbones .pic-stack{display:block}}

@media(max-width:580px){.rxbones .timeline{grid-template-columns:auto 1fr;gap:10px}.rxbones .timeline .arrow{display:none}}

html:not(.menu-ready) .mm-panel,
html:not(.menu-ready) .mm-overlay{transition:none !important}

.hd .nav-link{text-shadow:none !important}

body.sx .hd .nav-link{text-shadow:none !important}

.nav-item.has-mega:hover > .nav-link,
.nav-item.has-mega:focus-within > .nav-link,
.nav-item.has-mega.open > .nav-link{
  color:#3D2914 !important;
  background:#FFFCEF !important;
  text-shadow:none !important;
}

body.sx .hd .mega,
body.sx .hd .mega *{text-shadow:none !important}

body.sx .hd .mega a,
body.sx .hd .mega .mega-card,
body.sx .hd .mega .mega-card .info b,
body.sx .hd .mega .mega-hd h6,
body.sx .hd .mega .mega-foot p b{color:#3D2914 !important}

body.sx .hd .mega .mega-card .info span,
body.sx .hd .mega .mega-foot p,
body.sx .hd .mega .mega-hd small{color:#5C4631 !important}

body.sx .hd .mega .mega-hd h6 em{color:#E85D04 !important}

body.sx .hd .mega .mega-all{color:#FEFAE0 !important;background:#E85D04 !important}

body.sx .hd .mega .mega-dest .dest-ico-badge{color:#3D2914 !important;background:#F4D35E !important}

body.sx .hd .mega .mega-card:hover{background:#F4D35E !important}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important
  }
}

@media (pointer:coarse){
  a,button,.btn,.hd-cta a,.hd-cta button,.mm-link,.mm-close,.mm-cta,.hamburger,
  .nav-link,.float-book,.foot a,.hd-logo,.hd-phone,.hd-socials a{min-height:44px}
}

body.mm-open{overflow:hidden}

.hd,.hd-cta,.hd-nav,.hd-logo,.builder,.builder-hd,.urgency,.itin-wrap,.itin,.pricecard,
.am-grid,.foot-grid,.cards,.row,.grid,.wrap,.amhero .wrap,.story .wrap,.crosslinks .grid,
.features .wrap,.gallery .wrap,.foot-grid,.story-card,.story-stage,.story-controls,
.am-card,.feat,.card,.room,.tile,.space,.subhero,section,article,header,footer,main,aside{
  min-width:0
}

.hd > *,.hd-cta > *,.hd-nav > *,.row > *,.grid > *,.cards > *,
.foot-grid > *,.am-grid > *{min-width:0}

nav a,.foot a,.hd-nav a,.mm-link,.crumbs a{overflow-wrap:anywhere}

.hd *,.hd-cta *,.hd-nav *,.foot *,.foot-grid *,.builder *,.builder-hd *,
.itin-wrap *,.itin *,.urgency *,.pricecard *,
.amhero *,.amhero .wrap *,.story *,.story .wrap *,.story-card *,.story-stage *,
.crosslinks *,.crosslinks .grid *,.features *,.features .wrap *,
.gallery *,.gallery .wrap *,.cards *,.am-grid *,.am-card *,
section .wrap *,section .grid *,section .row *,
header *,footer *,main *,nav *,aside .mm-section,aside .mm-link{min-width:0}

@media (max-width:380px){
  .hd .btn[href*="mews"],.hd .btn.book,.hd a.btn:last-child,
  .hd-cta > .btn:not(.hamburger):not(.mm-close){display:none}
  .hd{padding:10px 12px;gap:6px}
  .hd-logo .word{font-size:12px;letter-spacing:0}
  .hamburger{padding:7px 11px;font-size:10px}
}

@media (max-width:760px){
  .awards{
    gap:8px !important;padding:14px 18px !important;
    flex-direction:column !important;align-items:center !important;
    letter-spacing:.12em !important;font-size:10.5px !important;
    line-height:1.5 !important;text-align:center
  }
  .awards .div,.awards span.div,.awards > .div{display:none !important}
  .awards span{max-width:100%;display:block;text-align:center;letter-spacing:.12em !important}
  .awards b{letter-spacing:.04em !important;font-size:13px !important}
  .awards span br{display:none}
}

@media (max-width:560px){
  .videoblock .vidcaption{
    gap:18px !important;letter-spacing:.14em !important;
    font-size:10.5px !important
  }
  .videoblock .vidcaption b{font-size:15px !important;letter-spacing:.02em !important}
  .videoblock .vidcaption .item{max-width:100%;padding:0 8px}
}

@media (max-width:480px){
  body .hd-cta > *:not(.hamburger):not(#hbtn):not([id="hbtn"]){display:none !important}
  body.sx .hd .hd-cta > .btn,
  body.sx .hd .hd-cta > .hd-phone,
  body.sx .hd .hd-cta > .hd-socials,
  body.sx .hd .hd-cta > a:not(.hamburger){display:none !important}
  body .hd-cta .hamburger,body .hd-cta #hbtn{display:inline-flex !important}
  body .hd-nav,body .hd-phone,body .hd-socials{display:none !important}
  .hd{padding:10px 12px;gap:6px;flex-wrap:nowrap}
  .hd-logo{flex:1 1 auto;min-width:0;max-width:calc(100% - 100px)}
  .hd-logo .word{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media (max-width:760px){
  .ampark{padding:48px 16px !important}
  .ampark .amwidget-stage{min-height:0 !important}
  .ampark .park-stage{padding:6px 0 !important}
}

@media (max-width:760px){
  .rmbento-grid .rb-cta{
    padding:22px 22px 20px !important;
    gap:12px !important;
  }
  .rmbento-grid .rb-cta .rb-am-body{
    flex:0 1 auto !important;
  }
  .rmbento-grid .rb-cta .rb-am-body h4{
    font-size:24px !important;
    line-height:1.05 !important;
  }
  .rmbento-grid .rb-cta .rb-am-body p{
    font-size:14px !important;
    line-height:1.5 !important;
    max-width:34ch !important;
  }
}

.amwidget-wrap > *, .rmdoor-wrap > *, .rmpair-grid > *,
.am-grid > *, .foot-grid > *,
.crosslinks .grid > *, .features .wrap > *{
  min-width:0;
  max-width:100%;
}

@media (max-width:760px){
  .amwidget-wrap,.rmdoor-wrap,.rmpair-grid,
  .am-grid,.foot-grid{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

@media (max-width:480px){
  .rmpair,.rmwalk,.rmpost,.rmcomp,.rmkey,.rmstory,.wdbuild,.wdblock,
  .rmdoor,.rmreel2,.rmfaq{
    padding-left:clamp(16px,4vw,24px) !important;
    padding-right:clamp(16px,4vw,24px) !important
  }
}

@media (max-width:480px){
  /* Kicker / chip badges with extreme letter-spacing */
  [class*="-kick"],[class*="-kicker"],[class$="-kick"],
  .amwidget-kick,.story-kick,.rmstory-kick,.rmdoor-kick,
  .rmpair-kick,.rmpair-sublabel,.story-tagline{
    max-width:100%;white-space:normal;
    font-size:max(10px,.7rem) !important;letter-spacing:.1em !important;
    padding:5px 10px !important;line-height:1.4
  }
  /* Big display headings that use Dela Gothic One.
     Keep designer text-shadow & color (their rules are more specific
     without !important on shadow, so we don't override them).        */
  .amwidget-copy h2,.amwidget h2,.am h2,
  .amhero h1,.am-h1,
  .story h2,.story-h2,.story-title,
  .rmdoor h2,.rmpair h2,.rmwalk h2,.rmpost h2,
  .rmstory h2,.rmkey h2,.rmcomp h2,.rmfaq h2,
  .wdbuild h2,.wdblock h2,
  .h-hero,h1.h-hero,h1,h2{
    font-size:clamp(20px,6.4vw,32px) !important;
    letter-spacing:0 !important;
    line-height:1.05 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    text-wrap:wrap !important;
    max-width:100% !important
  }
  .amwidget-sub,.story-sub,.rmdoor-sub,.rmpair-sub,.amwidget p{
    font-size:14px !important;line-height:1.55 !important;
    overflow-wrap:break-word !important;max-width:100%
  }
  /* H2/H3/section heads that use letter-spacing should drop it on narrow */
  h2,h3,h4{letter-spacing:0 !important}
  /* Reduce decorative text-shadow at narrow viewports so 4px offset
     doesn't push glyph edges past container. Preserves color via
     descendant inheritance from existing variable-based rules. */
  .amwidget-copy h2,.amhero h1,.story h2,.rmdoor h2,.rmpair h2,
  .h-hero,.am-h1,.story-h2{
    text-shadow:2px 2px 0 rgba(0,0,0,.18) !important
  }
}

@media (max-width:680px){
  .story-card{padding:24px 18px 22px !important;gap:16px !important}
  .story-right{
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:100% !important
  }
  .story-postage{
    order:0 !important;
    width:62px !important;height:62px !important;
    margin:0 0 -16px 0 !important;
    align-self:flex-end !important;
    z-index:5 !important
  }
  .story-year-block{
    order:1 !important;
    width:100% !important;flex:0 0 auto !important;
    padding:18px 12px 14px !important
  }
  .story-year-block small{
    font-size:9px !important;letter-spacing:.20em !important
  }
  .story-year-block b{
    font-size:clamp(38px,11vw,52px) !important;
    letter-spacing:.005em !important;line-height:.95 !important;
    text-shadow:3px 3px 0 var(--p-orange),4px 4px 0 #1a0a02 !important;
    margin:4px 0 8px !important;display:block !important;
    width:100% !important;text-align:center !important
  }
  .story-ground{
    order:2 !important;width:100% !important;
    font-size:10px !important;letter-spacing:.08em !important;
    gap:6px !important;flex-wrap:wrap !important;
    justify-content:center !important;text-align:center !important
  }
  .story-ground b{font-size:11px !important;letter-spacing:.05em !important}
  .story-ground::before,.story-ground::after{
    flex:1 1 30px !important;min-width:30px !important
  }
  .story-left{padding:0 !important}
  .story-stamp{font-size:10px !important;letter-spacing:.10em !important;padding:6px 10px !important}
  .story-title{font-size:clamp(22px,6.5vw,30px) !important;line-height:1.1 !important;letter-spacing:0 !important}
  .story-body{font-size:14px !important;line-height:1.55 !important}
  .story-tags{flex-wrap:wrap !important;gap:6px !important}
  .story-tags li{font-size:10px !important;padding:4px 8px !important;letter-spacing:.04em !important}
  /* Timeline buttons: tighten so 7 buttons fit horizontal scroll comfortably */
  .story-timeline{
    grid-template-columns:repeat(7,minmax(72px,1fr)) !important;
    overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x mandatory !important;padding-bottom:8px !important
  }
  .story-node{scroll-snap-align:center !important;min-width:72px !important}
  .story-line{display:none !important}
  .story-progress{flex-wrap:wrap !important;gap:8px !important}
  .story-ctrl{font-size:10px !important;padding:8px 12px !important}
}

@media (max-width:760px){
  .guests .marquee-wrap{
    overflow-x:auto !important;overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x mandatory !important;
    mask-image:none !important;-webkit-mask-image:none !important;
    margin-top:24px !important;padding:0 16px 8px !important;
    scrollbar-width:none
  }
  .guests .marquee-wrap::-webkit-scrollbar{display:none}
  .guests .marquee{
    animation:none !important;
    width:auto !important;display:flex !important;
    gap:14px !important;padding:0 4px !important
  }
  .guests .review{
    flex:0 0 calc(100vw - 64px) !important;
    max-width:340px !important;
    scroll-snap-align:center !important;
    padding:20px !important
  }
  .guests .review p{font-size:14px !important;line-height:1.55 !important}
}

@media (max-width:820px){
  html body .hd-cta > .btn,
  html body .hd-cta > .hd-phone,
  html body .hd-cta > .hd-socials,
  html body .hd-cta > a:not(.hamburger):not(#hbtn),
  html body .hd-cta > a.btn,
  html body .hd-cta > a[href*="mews"],
  html body .hd-cta > a[href^="tel:"]{display:none !important}
  html body .hd-cta .hamburger,
  html body .hd-cta #hbtn{display:inline-flex !important}
}

@media (max-width:480px){
  html body .hd{padding:10px 12px !important;gap:6px !important;flex-wrap:nowrap !important}
  html body .hd-logo{flex:1 1 auto !important;min-width:0 !important;max-width:calc(100% - 110px) !important}
  html body .hd-logo .word{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
}

@media (max-width:980px){
  html{overflow-x:clip}
}

.hd-nav .mega{white-space:normal;z-index:10050}

body:has(.nav-item.has-mega:hover) .vor-wrapper,
body:has(.nav-item.has-mega.open) .vor-wrapper,
body:has(.nav-item.has-mega:focus-within) .vor-wrapper{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}

.nav-item.has-mega[data-stay-for] .mega-card.hero .info b{
  font-size:14px;white-space:normal;line-height:1.12;overflow-wrap:break-word;hyphens:auto;
}

.nav-item.has-mega[data-stay-for] .mega-card.hero .info .sub{
  white-space:normal;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
}

.nav-item.has-mega[data-stay-for] .mega-foot{
  flex-wrap:wrap;gap:10px;align-items:center;
}

.nav-item.has-mega[data-stay-for] .mega-foot .mega-all{
  flex:0 0 auto;
}

/* Solid sticky header on cream SEO pages — cream nav text needs dark bar */
body[data-seo-pack="1"] .hd{
  position:sticky;top:0;background:#3D2914;padding:14px 28px;
  border-bottom:3px solid #3D2914;box-shadow:0 4px 0 #E85D04;
}
body[data-seo-pack="1"] .hd .nav-link,
body[data-seo-pack="1"] .hd-phone,
body[data-seo-pack="1"] .hd-logo .word{text-shadow:none}
body[data-seo-pack="1"] .hero{padding-top:28px}
/* Hide old simple top bar if any remnant */
body[data-seo-pack="1"] header.top{display:none}
/* Footer chrome on cream pages */
body[data-seo-pack="1"] footer{background:#3D2914;color:#FEFAE0;margin-top:40px}
body[data-seo-pack="1"] .foot{
  max-width:1200px;margin:0 auto;padding:48px 28px 28px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:28px;
}
body[data-seo-pack="1"] .foot h6{
  font-family:'Dela Gothic One',cursive;font-size:16px;text-transform:uppercase;
  color:#F4D35E;margin:0 0 12px;font-weight:400;
}
body[data-seo-pack="1"] .foot p,
body[data-seo-pack="1"] .foot li{font-size:13px;font-weight:600;color:#FEFAE0;line-height:1.55;margin:0 0 8px}
body[data-seo-pack="1"] .foot ul{list-style:none;padding:0;margin:0}
body[data-seo-pack="1"] .foot a{color:#FEFAE0;text-decoration:none;font-weight:700}
body[data-seo-pack="1"] .foot a:hover{color:#F4D35E}
body[data-seo-pack="1"] .foot-bot{
  border-top:2px solid rgba(254,250,224,.2);padding:16px 28px;text-align:center;
  font-size:12px;font-weight:600;color:#FEFAE0;
}
body[data-seo-pack="1"] .foot-bot a{color:#F4D35E;font-weight:800}
@media(max-width:1180px){
  body[data-seo-pack="1"] .hd-nav{display:none}
  body[data-seo-pack="1"] .hamburger{display:inline-flex}
}

@media(max-width:720px){
  .hero h1{font-size:clamp(26px,8.2vw,36px);line-height:1.12}
  .hero-inner{padding:0}
  .hero{padding:28px 16px 20px}
}

