/* Homepage presentation: constrained hero artwork with full-width navigation. */
body.home.kbn-bistro-page{margin:0;background:#050403;color:#ead9ad;font-family:"Nunito Sans",Arial,sans-serif;overflow-x:hidden}
body.home.kbn-bistro-page .skip{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#efe1bb;color:#17100b;padding:.75rem 1rem}
body.home.kbn-bistro-page .skip:focus{top:1rem}
.kbn-home{width:100%;max-width:none;margin:0;background:#050403;min-height:100vh;overflow:hidden;box-shadow:none}
.kbn-hero-stage{position:relative;width:100%;background:#050403}
.kbn-hero{position:relative;width:100%;max-width:1400px;margin:0 auto;height:max(760px,100vh);height:max(760px,100svh);background-color:#080907;background-image:linear-gradient(90deg,rgba(0,0,0,.12),transparent 18%,transparent 82%,rgba(0,0,0,.12)),linear-gradient(to bottom,rgba(0,0,0,.02) 0%,transparent 58%,#050403 100%),var(--kbn-hero-img,url("../images/homepage-bg.jpeg"));background-repeat:no-repeat;background-position:center top;background-size:cover}
/* Wide-screen side wings stay page-dark outside the 1400px canvas and fade only across a controlled overlap into the artwork. */
@media (min-width:1401px){
 .kbn-hero-stage::before,.kbn-hero-stage::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:calc((100vw - 1400px)/2 + 180px);pointer-events:none}
 .kbn-hero-stage::before{left:0;background:linear-gradient(to right,#050403 0,#050403 calc(100% - 180px),rgba(5,4,3,.96) calc(100% - 150px),rgba(5,4,3,.74) calc(100% - 105px),rgba(5,4,3,.38) calc(100% - 58px),rgba(5,4,3,.12) calc(100% - 22px),transparent 100%)}
 .kbn-hero-stage::after{right:0;background:linear-gradient(to left,#050403 0,#050403 calc(100% - 180px),rgba(5,4,3,.96) calc(100% - 150px),rgba(5,4,3,.74) calc(100% - 105px),rgba(5,4,3,.38) calc(100% - 58px),rgba(5,4,3,.12) calc(100% - 22px),transparent 100%)}
}
.kbn-logo{position:absolute;z-index:5;right:clamp(20px,3.5vw,72px);top:clamp(14px,2.4vh,28px);width:clamp(60px,4.5vw,86px);height:auto;display:block;filter:brightness(0) invert(1) drop-shadow(0 3px 5px rgba(0,0,0,.72))}
.kbn-nav{position:absolute;z-index:8;top:clamp(210px,25vh,272px);left:50%;width:100vw;max-width:none;transform:translateX(-50%);height:58px;background-color:#382217;background-image:linear-gradient(to bottom,rgba(255,229,174,.1),rgba(16,7,3,.2)),url("../images/wood-pattern-001.jpg");background-repeat:no-repeat,repeat;background-position:center,center;background-size:cover,auto 100%;display:flex;align-items:center;justify-content:center;padding:0 24px;box-shadow:0 5px 14px rgba(0,0,0,.55),inset 0 1px rgba(224,169,91,.2)}
.kbn-nav__links{width:min(100%,1280px);display:flex;align-items:center;justify-content:center;gap:0;list-style:none;margin:0 auto;padding:0}
.kbn-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;color:#d7bd76;text-decoration:none;text-transform:uppercase;font:400 clamp(12px,.78vw,14px)/1 var(--font-display);letter-spacing:.015em;text-shadow:0 2px 2px #070402,0 0 8px rgba(0,0,0,.8);white-space:nowrap;transition:color .2s,transform .2s}
.kbn-nav a:hover,.kbn-nav a:focus-visible{color:#fff0b7;transform:translateY(-1px)}
.kbn-nav .is-menu{align-self:flex-start;height:74px;margin-top:-8px;padding:9px 18px 0;background:url("../images/plaque-nav.svg") center/100% 100% no-repeat;color:#f0d798;line-height:1.02;text-align:center;filter:drop-shadow(0 3px 3px rgba(0,0,0,.65))}
.kbn-nav .is-menu span{display:block;font-size:10px;margin-top:3px}
.kbn-social{display:flex;gap:5px;margin-left:7px}
.kbn-social a{padding:0;width:26px;min-height:26px;font-family:Arial,sans-serif;font-size:11px;border:1px solid rgba(181,147,80,.75);border-radius:50%;background:rgba(12,7,4,.28)}
.kbn-promos{position:absolute;z-index:9;left:50%;bottom:-66px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,clamp(120px,13vw,175px));gap:clamp(8px,1.2vw,16px);align-items:start}
.kbn-promo{position:relative;width:100%;min-height:0;aspect-ratio:260 / 270;display:flex;align-items:center;justify-content:center;padding:40px 26px 16px;box-sizing:border-box;background:url("../images/plaque-card.svg") center/100% 100% no-repeat;color:#f4ead2;text-align:center;text-decoration:none;text-transform:uppercase;font:400 clamp(14px,.9vw,17px)/1.08 var(--font-display);text-shadow:0 2px #000,0 0 4px rgba(0,0,0,.45);filter:drop-shadow(0 5px 5px rgba(0,0,0,.72));transition:filter .2s,transform .2s}
.kbn-promo small{display:block;text-transform:none;font:400 clamp(11px,.66vw,13px)/1.1 Georgia,serif;margin-bottom:4px}
.kbn-promo:hover{filter:brightness(1.14) drop-shadow(0 6px 6px rgba(0,0,0,.78));transform:translateY(-2px)}
.kbn-footer{position:relative;width:100%;margin-top:0;min-height:430px;padding:112px max(28px,calc((100vw - 1180px)/2)) 30px;background:transparent url("../images/bg-footer1000.webp") center top/100% 100% no-repeat;color:#f2e5c4}
.kbn-footer__grid{width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:145px 1fr 1fr 1fr minmax(250px,.9fr);gap:32px;align-items:start}
.kbn-footer h2{margin:0 0 15px;color:#d7bd7d;text-transform:uppercase;font:400 30px/1 var(--font-display);letter-spacing:.025em;text-shadow:0 2px #000}
.kbn-footer h2:after{content:"";display:block;margin-top:8px;border-bottom:1px dotted #b99a62}
.kbn-footer p,.kbn-footer address{margin:0;color:#f4e8cb;font:600 10px/1.45 "Nunito Sans",Arial,sans-serif;text-transform:uppercase;font-style:normal;text-shadow:0 1px 2px #000}
.kbn-footer a{color:#ecd89e}
.kbn-award{position:relative;display:flex;width:132px;min-height:132px;box-sizing:border-box;background:linear-gradient(145deg,#f7f2e5,#e8dfc8);color:#2c2418;align-items:center;justify-content:center;padding:14px 12px;text-align:center;font:700 11px/1.15 Georgia,serif;border:1px solid rgba(193,158,91,.85);outline:1px solid rgba(245,229,184,.35);outline-offset:-5px;box-shadow:0 7px 16px rgba(0,0,0,.34);text-decoration:none}
.kbn-award:before{content:"";position:absolute;inset:8px;border-top:2px solid rgba(143,112,61,.35);border-bottom:2px solid rgba(143,112,61,.35);pointer-events:none}
.kbn-award span{position:relative;display:block}
.kbn-award strong{display:block;font-size:28px;line-height:1;margin:8px 0 5px;color:#a88943}
.kbn-typewriter-link{display:flex;justify-content:center;align-items:center;align-self:stretch;min-height:210px;padding-top:34px;box-sizing:border-box}
.kbn-typewriter{display:block;width:clamp(250px,15vw,300px);max-width:none;height:auto;margin:18px auto 0;filter:drop-shadow(0 9px 6px rgba(0,0,0,.48));transition:transform .2s}
.kbn-typewriter:hover{transform:translateY(-4px)}
.kbn-hours strong{color:#e6c97c}
.kbn-copyright{display:flex;justify-content:center;gap:10px;margin-top:40px;color:#a9946e;font-size:10px;text-transform:uppercase;text-shadow:0 1px #000}
.kbn-copyright a{text-decoration:none}

/* Homepage content layout below the protected desktop navigation boundary. */
@media (max-width:1320px){
 .kbn-footer{padding-inline:38px}
 .kbn-footer__grid{grid-template-columns:135px 1fr 1fr 1fr minmax(220px,.85fr);gap:20px}
 .kbn-typewriter{width:240px;margin-top:22px}
 .kbn-promos{grid-template-columns:repeat(3,clamp(128px,12vw,158px));gap:12px}
}
@media (max-width:1180px){
 .kbn-footer__grid{gap:18px}
 .kbn-promos{grid-template-columns:repeat(3,clamp(124px,14vw,154px))}
}
@media (max-width:860px){
 .kbn-hero{height:720px;background-position:center top;background-size:cover}
 .kbn-footer{padding-top:105px;background-size:auto 100%}
 .kbn-footer__grid{grid-template-columns:1fr 1fr 1fr}
 .kbn-award{grid-column:1}
 .kbn-typewriter-link{grid-column:1/-1;justify-self:center;width:min(100%,320px)}
 .kbn-typewriter{width:220px;margin-top:24px}
 .kbn-promos{grid-template-columns:repeat(3,clamp(120px,15vw,148px));gap:12px}
}
@media (max-width:640px){
 .kbn-hero{height:650px;background-position:center top;background-size:cover}
 .kbn-promos{bottom:-50px;grid-template-columns:repeat(3,clamp(100px,28vw,124px));gap:7px}
 .kbn-promo{font-size:11px;padding:34px 10px 12px}
 .kbn-footer{padding:92px 22px 28px;background-size:auto 100%}
 .kbn-footer__grid{grid-template-columns:1fr 1fr;gap:28px 20px}
 .kbn-footer__grid>*{grid-column:auto}
 .kbn-footer h2{font-size:24px}
 .kbn-award{width:118px;min-height:118px}
 .kbn-typewriter-link{grid-column:1/-1;justify-self:center;width:min(100%,280px);min-height:170px;padding-top:22px}
 .kbn-typewriter{width:190px;margin-top:18px}
 .kbn-copyright{margin-top:28px;flex-direction:column;align-items:center}
}
@media (max-width:390px){
 .kbn-promos{grid-template-columns:repeat(3,72px);gap:3px}
 .kbn-promo{font-size:9px}
 .kbn-footer__grid{grid-template-columns:1fr}
 .kbn-footer__grid>*,.kbn-typewriter-link{grid-column:1}
 .kbn-award{min-height:105px}
 .kbn-typewriter{width:180px;margin-top:16px}
}
@media (prefers-reduced-motion:reduce){.kbn-nav a,.kbn-promo,.kbn-typewriter{transition:none}}

/* ── WP primary nav inside .kbn-nav wrapper ─── */
.kbn-nav .nav-link{min-height:48px;color:#d7bd76;font-family:var(--font-display);font-size:clamp(12px,.78vw,14px);font-weight:400;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 2px 2px #070402,0 0 8px rgba(0,0,0,.8);transition:color .2s,transform .2s}
.kbn-nav .nav-link:hover,.kbn-nav .nav-item:focus-within>.nav-link{color:#fff0b7;background:rgba(255,220,100,.06);transform:translateY(-1px)}
.kbn-nav .nav-item+.nav-item:not(.menus)>.nav-link,.kbn-nav .nav-item.menus+.nav-item>.nav-link{position:relative}
.kbn-nav .nav-item+.nav-item:not(.menus)>.nav-link::before,.kbn-nav .nav-item.menus+.nav-item>.nav-link::before{content:"|";position:absolute;left:0;top:50%;transform:translateY(-50%);color:rgba(215,189,118,.38);font-weight:300;font-size:13px;pointer-events:none}
.kbn-nav .nav-item.menus>.nav-link{align-self:flex-start;width:114px;height:74px;min-height:74px;margin:0 4px;margin-top:-8px;padding:12px;box-sizing:border-box;background:url("../images/plaque-nav.svg") center/100% 100% no-repeat;box-shadow:none;color:#f0d798;line-height:1.15;text-align:center;filter:drop-shadow(0 3px 3px rgba(0,0,0,.65));transform:none}
.kbn-nav .nav-label--bistro .bistro-line{display:block;line-height:1.1}
.kbn-nav .nav-item.menus>.nav-link:hover{filter:brightness(1.12) drop-shadow(0 4px 4px rgba(0,0,0,.72));transform:none}
.kbn-nav .nav-item.menus>.nav-link .desktop-caret{display:none}
.kbn-nav .kbn-reservation-nav .kbn-reserve-trigger{margin:8px 4px;font-size:10px}
.kbn-nav .social-nav a{color:#d7bd76;border:1px solid rgba(181,147,80,.75);background:rgba(12,7,4,.28);width:26px;height:26px;font-size:11px}
.kbn-nav .social-nav a:hover{color:#fff0b7}

/* Progressive hero atmosphere: JS adds this clipped layer only when motion is allowed. */
.kbn-hero__motion{position:absolute;inset:0;z-index:1;overflow:hidden;contain:paint;isolation:isolate;pointer-events:none}
.kbn-hero__motion-image{position:absolute;inset:-4%;background-color:#080907;background-image:linear-gradient(90deg,rgba(0,0,0,.12),transparent 18%,transparent 82%,rgba(0,0,0,.12)),linear-gradient(to bottom,rgba(0,0,0,.02) 0%,transparent 58%,#050403 100%),var(--kbn-hero-img,url("../images/homepage-bg.webp"));background-repeat:no-repeat;background-position:center top;background-size:cover;transform:translate3d(var(--kbn-hero-motion-x,0),var(--kbn-hero-motion-y,0),0) scale(var(--kbn-hero-motion-scale,1.07));transform-origin:50% 48%;transition:transform var(--kbn-hero-motion-duration,18000ms) cubic-bezier(.22,.61,.36,1);backface-visibility:hidden}
.kbn-hero__motion-flare{position:absolute;left:0;top:0;width:min(72vw,860px);height:min(48vw,560px);border-radius:50%;background:radial-gradient(ellipse at 38% 42%,rgba(255,247,220,.26) 0,rgba(249,218,159,.13) 14%,rgba(225,172,90,.055) 33%,transparent 67%),linear-gradient(104deg,transparent 24%,rgba(255,227,171,.08) 48%,transparent 72%);mix-blend-mode:screen;opacity:var(--kbn-flare-opacity,.05);transform:translate3d(var(--kbn-flare-x,-6vw),var(--kbn-flare-y,-8vh),0) rotate(var(--kbn-flare-rotate,-12deg)) scale(var(--kbn-flare-scale,1));transform-origin:center;transition:transform var(--kbn-flare-duration,9000ms) cubic-bezier(.22,.61,.36,1),opacity var(--kbn-flare-duration,9000ms) ease-in-out;backface-visibility:hidden}
.kbn-hero.is-atmosphere-active .kbn-hero__motion-image{will-change:transform}
.kbn-hero.is-atmosphere-active .kbn-hero__motion-flare{will-change:transform,opacity}
@media (prefers-reduced-motion:reduce){.kbn-hero__motion{display:none!important}.kbn-hero__motion-image,.kbn-hero__motion-flare{transition:none!important;will-change:auto!important}}

/* Stable bottom feather sits above static/moving hero imagery and below all interactive chrome. */
.kbn-hero::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,rgba(5,4,3,0) 50%,rgba(5,4,3,.045) 59%,rgba(5,4,3,.16) 68%,rgba(5,4,3,.38) 77%,rgba(5,4,3,.68) 86%,rgba(5,4,3,.9) 94%,#050403 100%)}
@media (max-width:860px){.kbn-hero::after{background:linear-gradient(to bottom,rgba(5,4,3,0) 46%,rgba(5,4,3,.05) 57%,rgba(5,4,3,.18) 67%,rgba(5,4,3,.42) 78%,rgba(5,4,3,.72) 87%,rgba(5,4,3,.92) 95%,#050403 100%)}}
@media (max-width:640px){.kbn-hero::after{background:linear-gradient(to bottom,rgba(5,4,3,0) 43%,rgba(5,4,3,.055) 55%,rgba(5,4,3,.2) 66%,rgba(5,4,3,.46) 77%,rgba(5,4,3,.76) 87%,rgba(5,4,3,.94) 95%,#050403 100%)}}