.kh{--ink:#191918;--warm:#f4f1eb;--red:#ce0000;--gutter:clamp(20px,4vw,64px);font:400 14px/1.8 Montserrat,Arial,sans-serif;color:var(--ink);background:var(--warm)}.kh *{box-sizing:border-box}.kh [hidden]{display:none!important}.kh h1,.kh h2,.kh h3,.kh p{margin:0}.kh h1,.kh h2,.kh h3{font-family:KrRodfat,'Rodfat Two',serif;font-weight:400;text-transform:uppercase;line-height:1.08;color:inherit}.kh h1{font-size:clamp(42px,3.8vw,56px)}.kh h2{font-size:clamp(30px,3vw,44px)}.kh h3{font-size:28px}.kh a{color:inherit;text-decoration:none}.kh a:focus-visible,.kh button:focus-visible,.kh input:focus-visible{outline:3px solid var(--red);outline-offset:5px}.kh .kh-eyebrow{font:600 10px/1.6 Montserrat,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--red);margin-bottom:8px}.kh-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--warm)}.kh-hero-copy{padding:44px var(--gutter);align-self:center}.kh-hero .kh-eyebrow{color:#e6b4a6}.kh-hero-copy>p{max-width:450px;margin-top:20px}.kh .kh-button{display:inline-flex;align-items:center;gap:24px;background:var(--red);color:white;padding:16px 24px;border:2px solid white;border-radius:20px;box-shadow:0 0 0 2px var(--red);font:700 11px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.5px;margin-top:28px}.kh .kh-button:hover{background:#fff;color:var(--ink);border-color:var(--ink);box-shadow:0 0 0 2px #fff}.kh-hero-image{position:relative;min-width:0;min-height:360px;overflow:hidden}.kh-hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kh-hero-image>span{position:absolute;bottom:22px;left:24px;right:24px;background:var(--warm);padding:13px 18px;font-size:9px;font-weight:700;letter-spacing:1px;color:var(--ink)}.kh-hero-image strong{display:block;font-family:KrRodfat,serif;font-size:23px;line-height:1.2;letter-spacing:0}.kh-hero-image>span>span{position:absolute;right:18px;top:21px;font-size:20px}.kh-nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dcd8d0;padding:0 var(--gutter);background:var(--warm)}.kh-nav a{padding:19px 22px;font-weight:600;border-right:1px solid #dcd8d0;display:flex;justify-content:space-between}.kh-nav a:first-child{border-left:1px solid #dcd8d0}.kh-nav a:hover{background:#e9e4db}.kh-nav span{color:#8b8173;font-size:10px}.kh-section{padding:56px var(--gutter);scroll-margin-top:35px}.kh-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}.kh-heading>p{font-size:13px;max-width:410px;color:#6a655d}.kh-tools{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:14px}.kh-filters{display:flex;gap:8px;flex-wrap:wrap}.kh button{font:600 11px/1.6 Montserrat,Arial,sans-serif;cursor:pointer;box-shadow:none}.kh-filters button{padding:9px 17px;border:1px solid #cfc8bc;border-radius:30px;color:var(--ink);background:transparent;min-height:42px}.kh-filters button[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink)}.kh-search{width:280px}.kh-search label{font-size:10px;display:block;margin-bottom:4px}.kh .kh-search input{width:100%;border:1px solid #cfc8bc;background:#fff;border-radius:8px;padding:10px 13px!important;font:400 12px/1.6 Montserrat,Arial,sans-serif;height:44px}.kh-results{font-size:11px;color:#6a655d;margin-bottom:20px!important}.kh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.kh-card{min-width:0}.kh-card-image{display:block;overflow:hidden;border-radius:12px}.kh-card-image img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .25s}.kh-card-image:hover img{transform:scale(1.025)}.kh-card-facts{font-size:10px;color:#756957;margin:16px 0 7px!important}
/* Draft-only presentation of the existing shared editorial template 1136. */
.kh-card .elementor-1136 .elementor-element-184b024{background:none!important;min-height:0!important;--min-height:0;padding:0!important}.kh-card .elementor-1136 .elementor-element-184b024:before{display:none!important}.kh-card .elementor-1136 .elementor-element-4a2b593{padding:0!important;position:static!important;gap:14px!important}.kh-card .elementor-1136 .elementor-element-a6145f3{display:none}.kh-card .elementor-1136 .elementor-element-0598f18{text-align:left}.kh-card .elementor-1136 .elementor-heading-title{font-size:25px!important;line-height:1.15!important;color:var(--ink)!important}.kh-card .elementor-1136 .elementor-element-c61465c{text-align:left}.kh-card .elementor-1136 .elementor-button{padding:10px 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--ink)!important;text-decoration:underline;text-underline-offset:5px;font-size:10px!important}.kh-card .elementor-1136 .elementor-button:hover{color:var(--red)!important}.kh-empty{padding:35px 20px;background:#e9e4db;border-radius:12px;text-align:center}.kh-empty p{margin-top:12px}.kh .kh-reset{border:0;background:var(--ink);color:#fff;border-radius:20px;padding:12px 20px;margin-top:18px}.kh-guides{background:#e9e4db}.kh-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kh-guide{border-top:0;padding:22px 0;display:flex;flex-direction:column;align-items:start}.kh-guide h3{margin-bottom:12px}.kh-guide>p{font-size:13px;max-width:350px;flex:1}.kh-guide-link{display:flex;justify-content:space-between;width:100%;font-size:11px;font-weight:600;margin-top:24px}.kh-guide:hover .kh-guide-link{color:var(--red)}.kh-inspiration{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:var(--ink);color:var(--warm)}.kh-inspiration .kh-eyebrow{color:#e6b4a6}.kh-inspiration p:not(.kh-eyebrow){max-width:450px;margin-top:20px}.kh-inspiration-art{position:relative}.kh-inspiration-art img{width:100%;max-height:320px;object-fit:cover;border-radius:12px;filter:brightness(.55)}.kh-inspiration-art p{position:absolute;bottom:25px;left:25px;font-size:18px}.kh-inspiration-art strong{font-family:KrRodfat,serif;font-size:32px;text-transform:uppercase}
@media(max-width:1024px){.kh-hero-copy{padding-block:32px}.kh h1{font-size:42px}.kh-tools{align-items:stretch;flex-direction:column;gap:16px}.kh-search{width:100%}.kh-grid{gap:18px}.kh-card .elementor-1136 .elementor-heading-title{font-size:21px!important}.kh-inspiration{gap:28px}.kh-heading{align-items:start}.kh-heading>p{max-width:270px}}
@media(max-width:767px){.kh-hero{grid-template-columns:1fr}.kh h1{font-size:43px}.kh-hero-copy{padding:28px var(--gutter) 34px}.kh-hero-image{min-height:0;height:240px}.kh-hero-image>span{bottom:16px;left:20px;right:20px}.kh-nav{padding:0}.kh-nav a{padding:16px 15px;font-size:12px}.kh-nav span{display:none}.kh-heading{flex-direction:column;gap:14px}.kh-heading>p{max-width:none}.kh-section{padding:38px var(--gutter)}.kh-grid,.kh-guide-grid,.kh-inspiration{grid-template-columns:1fr}.kh-grid{gap:30px}.kh-card .elementor-1136 .elementor-heading-title{font-size:28px!important}.kh-filters{gap:6px}.kh-filters button{padding:8px 12px}.kh-inspiration{gap:32px}.kh .kh-button{font-size:10px;padding:15px 19px}.kh-search input{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.kh-card-image img{transition:none}}
@media(min-width:768px) and (max-width:1024px){.kh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A single quiet field boundary; isolate from global Elementor input rings. */
.kh .kh-search{width:340px;max-width:100%}.kh .kh-search label{font:600 11px/1.5 Montserrat,Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink);margin:0 0 8px}
.kh .kh-search-field{display:flex;align-items:center;gap:12px;height:48px;padding:0 15px;background:#fff;border:1px solid #bfb7aa;border-radius:12px;transition:border-color .15s,box-shadow .15s}
.kh .kh-search-field:hover{border-color:#81786b}.kh .kh-search-field:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(206,0,0,.1)}
.kh .kh-search-field>svg{display:block;flex:0 0 19px;width:19px;height:19px;fill:none!important;stroke:#756957;stroke-width:1.6;stroke-linecap:round}.kh .kh-search-field>svg *{fill:none!important;stroke:inherit}
.kh .kh-search-field input[type=search]{flex:1;min-width:0;width:100%;height:100%;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--ink);font:400 13px/1.5 Montserrat,Arial,sans-serif;letter-spacing:0;text-transform:none;appearance:none;-webkit-appearance:none}
.kh .kh-search-field input::placeholder{color:#82796d;opacity:1}
@media(max-width:1024px){.kh .kh-search{width:100%}}
@media(max-width:767px){.kh .kh-search-field input[type=search]{font-size:16px!important}.kh .kh-search-field{gap:10px;padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.kh .kh-search-field{transition:none}}
/* Icons communicate category and facts; text remains visible at every size. */
.kh .kh-icon{display:block;width:24px;height:24px;flex:0 0 auto;fill:none!important;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.kh .kh-icon *{fill:none!important;stroke:inherit}
.kh .kh-filters{gap:10px}.kh .kh-filters button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:108px;min-height:96px;padding:14px 20px;border-radius:12px;border:1px solid #c8c0b4;background:transparent;color:#4e493f;font-size:12px;line-height:1.4}.kh .kh-filters button .kh-icon{width:32px;height:32px}.kh .kh-filters button:hover{background:#e9e4db;border-color:#8f8475}.kh .kh-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.kh .kh-filters button[aria-pressed=true] .kh-icon{color:#f1cabd}
.kh .kh-tools{align-items:center}.kh .kh-card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#e9e4db;border:1px solid #d6cebf;border-radius:10px;margin:16px 0 18px!important;padding:15px 0;color:var(--ink)}.kh-card-facts>div{min-width:0;padding:0 12px}.kh-card-facts>div+div{border-left:1px solid #cfc5b5}.kh-card-facts .kh-icon{color:#8b3022;width:22px;height:22px;margin-bottom:9px}.kh .kh-card-facts dt{font:500 10px/1.5 Montserrat,Arial,sans-serif;color:#655b4f;margin:0 0 3px}.kh .kh-card-facts dd{font:700 13px/1.45 Montserrat,Arial,sans-serif;color:var(--ink);margin:0;overflow-wrap:normal}
@media(max-width:1024px){.kh .kh-tools{align-items:stretch}.kh .kh-filters button{flex:1}}
@media(max-width:767px){.kh .kh-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.kh .kh-filters button{min-width:0;min-height:88px;padding:12px 5px;font-size:10px;gap:9px}.kh .kh-filters button .kh-icon{width:28px;height:28px}.kh .kh-card-facts dd{font-size:12px}.kh-card-facts>div{padding-inline:10px}}

/* Image and key facts form one continuous card surface. */
.kh .kh-card-image{border-radius:12px 12px 0 0}
.kh .kh-card-facts{margin:0 0 18px!important;border-top:0;border-radius:0 0 12px 12px}
.kh .kh-card-facts dt{font:500 8px/1 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:0;margin:0 0 6px}
/* Featured editorial story, separate from recipe filters. */
.kh-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}.kh-feature-image{display:block;min-width:0}.kh-feature-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 40%;border-radius:12px}.kh-feature>div>p:not(.kh-eyebrow){margin-top:18px;max-width:510px}.kh-feature ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px;font-size:12px;font-weight:600}.kh-feature li:before{content:'✓';color:#8b3022;margin-right:12px}.kh-guides .kh-guide>.kh-icon{width:34px;height:34px;margin-bottom:22px;color:#8b3022}.kh-feature .kh-button{margin-top:24px}
@media(max-width:767px){.kh-feature{grid-template-columns:1fr;gap:26px}.kh-feature-image img{aspect-ratio:4/3}}

/* Full-width Grill Tips hero; established Hibachi video controls and behaviour. */
.kh .kh-video-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:70vh;min-height:70svh;padding:80px 24px 100px;background:#191918;color:#fff;text-align:center;overflow:hidden}
.kh-video-hero .hb-hero-video{position:absolute;inset:0;z-index:-2}.kh-video-hero video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.kh-video-hero:before{content:'';position:absolute;inset:0;background:#0005;z-index:-1;transition:opacity .25s;pointer-events:none}
.kh-video-hero .hb-wrap{width:100%;max-width:530px;transition:opacity .25s,visibility .25s}.kh .kh-video-hero h1{font-size:clamp(38px,4vw,60px);line-height:1.03;color:#fff}.kh .kh-video-hero .kh-eyebrow{color:#fff;font-size:11px;margin-bottom:14px}.kh .kh-video-intro{font-size:clamp(16px,1.6vw,24px);line-height:1.4;margin:26px auto 0;max-width:490px}
.kh-video-hero.hb-video-clear .hb-wrap{opacity:0;visibility:hidden;pointer-events:none}.kh-video-hero.hb-video-clear:before{opacity:0}
.kh-video-hero .hb-video-controls-widget{position:absolute;bottom:24px;right:var(--gutter);z-index:2}.kh-video-hero .hb-video-controls{display:flex;align-items:center;gap:10px}.kh-video-hero .hb-video-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #ffffff80;border-radius:24px;background:#191918b8;color:#fff;font:600 11px/1.4 Montserrat,sans-serif;box-shadow:none;cursor:pointer}.kh-video-hero .hb-video-controls button:hover{background:#191918}.kh-video-hero .hb-video-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}.kh-video-hero .hb-video-controls svg{width:17px;height:17px;flex:none}.kh-video-hero .hb-video-play{width:44px;padding:10px!important}.kh-video-hero .hb-play-icon{display:none}.kh-video-hero .is-paused .hb-play-icon{display:block}.kh-video-hero .is-paused .hb-pause-icon{display:none}
@media(max-width:767px){.kh .kh-video-hero{min-height:65svh;padding:65px 24px 90px}.kh-video-hero .hb-wrap{max-width:360px}.kh-video-hero .hb-video-controls-widget{bottom:20px;right:20px}}
@media(prefers-reduced-motion:reduce){.kh-video-hero:before,.kh-video-hero .hb-wrap{transition:none}}

/* Hub clarity: one reading order and prominent, explicit section entrances.
   Scope to the hub so guide navigation and guide cards keep their own layout. */
.kh-hub .kh-explore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 var(--gutter);background:#191918;border:0;color:#fff}
.kh-hub .kh-explore a{display:flex;align-items:center;justify-content:flex-start;gap:22px;min-width:0;padding:32px 26px;border:0;border-radius:0;min-height:145px;color:#fff}
.kh-hub .kh-explore a:hover,.kh-hub .kh-explore a:focus-visible{background:#302b26}.kh-hub .kh-explore a:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.kh-hub .kh-explore .kh-icon{width:40px;height:40px;color:#e6b4a6}.kh-hub .kh-explore-copy{display:block;color:#fff}.kh-hub .kh-explore-copy strong{display:block;font:400 clamp(26px,2.3vw,36px)/1.1 KrRodfat,'Rodfat Two',serif;text-transform:uppercase}.kh-hub .kh-explore-copy>span{display:block;margin-top:9px;font:400 12px/1.5 Montserrat,sans-serif;color:#d9d3ca}.kh-hub .kh-explore-arrow{display:block;margin-left:auto;font-size:24px;color:#e6b4a6}
.kh-hub>.kh-section{padding-block:64px;background:var(--warm);color:var(--ink)}.kh-hub .kh-heading{margin-bottom:32px}.kh-hub .kh-guides .kh-guide{border:0;padding:26px;background:#e9e4db;border-radius:12px}.kh-hub .kh-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-hub .kh-guides .kh-guide>p{max-width:none}.kh-hub .kh-inspiration-art img{filter:none;display:block;max-height:360px}.kh-hub .kh-inspiration{gap:48px}.kh-hub .kh-inspiration .kh-button{margin-top:24px}
@media(max-width:1024px){.kh-hub .kh-explore a{padding:26px 16px;gap:14px}.kh-hub .kh-explore .kh-icon{width:30px;height:30px}.kh-hub .kh-explore-arrow{font-size:20px}}
@media(max-width:767px){.kh-hub .kh-explore{grid-template-columns:1fr;padding:12px var(--gutter)}.kh-hub .kh-explore a{min-height:94px;padding:18px 10px;gap:20px}.kh-hub .kh-explore-copy strong{font-size:28px}.kh-hub .kh-explore-copy>span{margin-top:5px;font-size:12px}.kh-hub .kh-explore-arrow{display:block;font-size:24px}.kh-hub>.kh-section{padding-block:38px}.kh-hub .kh-guide-grid{grid-template-columns:1fr}.kh-hub .kh-inspiration{gap:26px}}

/* Brand-colour navigation and compact title/description groups. */
.kh-hub .kh-explore{background:#000;color:#fff}.kh-hub .kh-explore a,.kh-hub .kh-explore .kh-icon,.kh-hub .kh-explore-copy,.kh-hub .kh-explore-copy>span,.kh-hub .kh-explore-arrow{color:#fff}.kh-hub .kh-explore a:hover,.kh-hub .kh-explore a:focus-visible{background:#ce0000}.kh-hub .kh-explore a:focus-visible{outline-color:#fff}.kh-hub .kh-explore-copy>span{margin:2px 0 0}
.kh-hub .kh-heading{flex-direction:column;align-items:flex-start;gap:4px}.kh-hub .kh-heading>p{max-width:600px}.kh-hub .kh-inspiration>div>p{margin-top:4px}
.kh-hub .kh-guides .kh-guide{padding:0;overflow:hidden;display:flex;align-items:stretch}.kh-hub .kh-guide-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}.kh-hub .kh-guide-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px;flex:1}.kh-hub .kh-guide-body h3{margin-bottom:6px}.kh-hub .kh-guide-body>p{font-size:13px;margin:0;flex:1}.kh-hub .kh-guide-body .kh-guide-link{margin-top:20px}
@media(max-width:767px){.kh-hub .kh-explore-copy>span{margin:2px 0 0}.kh-hub .kh-guide-body{padding:20px}}

/* Reset inherited heading margins so title/description spacing stays compact. */
.kh-hub .kh-explore-copy strong{margin:0;line-height:1}.kh-hub .kh-heading h2,.kh-hub .kh-inspiration h2{margin:0}

/* Expanded content uses the approved card and filter components. */
.kh-hub .kh-story-grid{margin-top:40px;background:transparent}
.kh-hub .kh-story-grid .kh-guide{padding:0;overflow:hidden;display:flex;align-items:stretch;border:0;background:#e9e4db;border-radius:12px}
.kh-hub .kh-tools{align-items:flex-start;flex-direction:column}.kh-hub .kh-tools .kh-search{width:100%;max-width:540px}
@media(max-width:767px){.kh-hub .kh-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:8px}.kh-hub .kh-filters button{flex:0 0 82px}.kh-hub .kh-inspiration>div>p{margin-top:4px}}

/* Share content-driven row heights so wrapped facts and titles stay aligned. */
.kh .kh-grid>.kh-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}
.kh .kh-card-facts>div{display:flex;flex-direction:column;align-items:flex-start}
.kh .kh-card-facts .kh-icon{flex-shrink:0}
.kh .kh-card-facts dd{overflow-wrap:anywhere}
.kh .kh-card>.elementor-1136{display:flex;flex-direction:column;min-width:0}
.kh .kh-card .elementor-1136 .elementor-element-184b024{flex:1;width:100%}
.kh .kh-card .elementor-1136 .elementor-element-4a2b593{flex:1;width:100%;justify-content:flex-start}
.kh .kh-card .elementor-1136 .elementor-element-c61465c{margin-top:auto}
