/* Himene Site Kit — design layer for the Gutenberg pages.
   The pages are standard blocks with their own colours and sizes, so they still read well without this file.
   This layer adds the finishing touches blocks can't express: type details, overlaps, the arch, the pinned
   label, the dashed paths between steps, hover lifts and the hidden fallbacks. */

:root{
	--hk-dawn-top:#E9C793; --hk-dawn:#F3E6CB; --hk-mist:#F5F1E8; --hk-wool:#EBE4D6;
	--hk-ink:#22281F; --hk-ink-muted:#5C5F53; --hk-ink-inverse:#ECE6DA; --hk-label:#ADA796;
	--hk-moor:#2F3B2A; --hk-moss:#5E7044; --hk-heather:#7A5470; --hk-gritstone:#C9BFAE; --hk-line:#8C8573;
	--hk-bracken:#9A5220; --hk-bracken-light:#E0955A; --hk-gold:#E3B76A; --hk-dusk:#2B3445; --hk-night:#10130F;
	--hk-serif:"Fraunces","Iowan Old Style",Georgia,serif;
	--hk-sans:"Manrope","Segoe UI",system-ui,sans-serif;
	--hk-gutter:clamp(16px,4vw,56px);
	/* Same frame as Kadence's header and footer: Customizer → General → Layout (Content Max Width, Edge padding). */
	--hk-edge:var(--global-content-edge-padding,var(--hk-gutter));
	--hk-content:calc(var(--global-content-width,1312px) - 2 * var(--hk-edge));
}

/* ---------- Fallbacks: only shown when the plugin is switched off ---------- */
.hk-fallback{display:none!important}
.editor-styles-wrapper .hk-fallback{display:block!important;opacity:.6;padding:10px 14px;border:1px dashed currentColor;border-radius:8px;font-size:14px}
.editor-styles-wrapper .hk-fallback::before{content:"Fallback · shown only if the Himene plugin is switched off: ";font-weight:700}

/* ---------- Sections sit edge to edge, one after the other ---------- */
:where(.entry-content,.editor-styles-wrapper) > .hk-section,
:where(.entry-content,.editor-styles-wrapper) > .hk-hero,one after the other ---------- */
:where(.entry-content,.editor-styles-wrapper) > .wp-block-group__inner-container > .hk-section,:where(.entry-content,.editor-styles-wrapper) > .wp-block-group__inner-container > .hk-hero{margin-block:0!important}
.hk-section,.hk-hero{position:relative}
.hk-section .wp-block-group__inner-container,.hk-hero .wp-block-group__inner-container{display:contents}
/* Content width: Kadence's content width, so sections line up with the header and footer. */
.hk-section .wp-block-group.hk-wrap{width:100%!important;max-width:calc(var(--hk-content) + 2 * var(--hk-edge))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;padding-left:var(--hk-edge)!important;padding-right:var(--hk-edge)!important}
.hk-section .wp-block-group.hk-wrap > *,.hk-section .wp-block-group.hk-wrap > .wp-block-group__inner-container > *{max-width:none!important}
.hk-hero > .wp-block-cover__inner-container{width:100%!important;max-width:calc(var(--hk-content) + 2 * var(--hk-edge))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;padding-left:var(--hk-edge)!important;padding-right:var(--hk-edge)!important}
.wp-block-cover.hk-hero{padding-left:0!important;padding-right:0!important}
.wp-block-group.hk-wrap > *,.wp-block-group.hk-wrap > .wp-block-group__inner-container > *,.wp-block-group.hk-wrap > .wp-block-group__inner-container > *{max-width:var(--hk-content)!important;margin-left:auto!important;margin-right:auto!important}
.hk-section :is(.wp-block-column,.wp-block-group) .wp-block-group__inner-container > *,.hk-section .wp-block-columns,.hk-section .wp-block-column > *,.hk-section .wp-block-column > .wp-block-group__inner-container > *{max-width:none!important}
/* Full-width drawings inside a section: edge to edge, no theme offsets. */
.hk-section .hk-dusk-art,.hk-section .hk-meadow-art,.hk-section > .wp-block-group__inner-container > .hk-dusk-art,.hk-section > .wp-block-group__inner-container > .hk-meadow-art{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.hk-teaser .hk-teaser-hills,.hk-teaser .hk-teaser-hills img{max-width:none!important;width:100%!important}
.hk-hero .hk-hero-copy > .wp-block-group__inner-container,.hk-hero .hk-hero-copy{max-width:none!important;margin-left:0!important;margin-right:0!important}
.hk-hero-copy > *,.hk-hero-copy > .wp-block-group__inner-container > *,.hk-hero-copy > .wp-block-group__inner-container > *{margin-left:0!important;margin-right:0!important}
.hk-hero .hk-h1{max-width:880px!important}
.hk-hero .hk-lead,.hk-hero-compact .hk-lead{max-width:600px!important}

/* ---------- Type ---------- */
:is(.hk-section,.hk-hero) :is(h1,h2,h3,.hk-serif){font-family:var(--hk-serif);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:400;letter-spacing:-.012em;text-wrap:balance}
:is(.hk-section,.hk-hero) .hk-h1{max-width:880px;margin:0;font-weight:380;letter-spacing:-.02em}
:is(.hk-section,.hk-hero) .hk-h2{margin:0}
:is(.hk-section,.hk-hero) .hk-h3{margin:0;font-weight:500;line-height:1.2}
:is(.hk-section,.hk-hero) em mark{font-style:italic}
:is(.hk-section,.hk-hero) .hk-eyebrow{margin:0 0 16px;font-family:var(--hk-sans)}
:is(.hk-section,.hk-hero) .hk-lead{max-width:600px;margin-top:28px}
:is(.hk-section,.hk-hero) p{text-wrap:pretty}

/* ---------- Buttons ---------- */
.hk-button .wp-block-button__link{display:inline-flex;align-items:center;gap:10px;min-height:52px;font-family:var(--hk-sans);text-decoration:none;transition:transform .3s ease,background-color .3s ease,color .3s ease}
@media (hover:hover) and (pointer:fine){.hk-button .wp-block-button__link:hover{transform:translateY(-2px)}}
.hk-button-primary .wp-block-button__link:hover{background-color:#83441a!important}
.hk-button-ghost .wp-block-button__link:hover{background-color:var(--hk-ink)!important;color:var(--hk-mist)!important}
.hk-button-ember .wp-block-button__link:hover{background-color:var(--hk-gold)!important}
.hk-ctas{gap:14px}
.hk-ctas .wp-block-button{margin:0!important}

/* ---------- Hero (Cover block) ---------- */
.hk-hero{overflow:hidden}
.hk-hero .wp-block-cover__inner-container{width:100%;max-width:none}
.hk-hero .hk-hero-copy{width:100%}
.hk-live-svg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hk-hero.is-live .wp-block-cover__image-background{opacity:0}
@media (max-width:700px){
	.hk-hero{min-height:max(640px,100svh)!important;padding-bottom:min(330px,44vh)!important;padding-top:118px!important}
	.hk-hero .hk-lead{font-size:17px!important}
}

/* Compact hero of the inner pages: the meadow sits under the words. */
.hk-hero-compact .hk-meadow-art{margin-bottom:0!important}
.hk-hero-compact .hk-meadow-art img,.hk-dusk-art img{display:block;width:100%;height:auto}
.hk-hero-compact .hk-meadow-art img{min-height:150px;object-fit:cover;object-position:50% 100%}
/* Product heroes: about 60% of the screen, the meadow alive at the bottom. */
.hk-hero-compact .hk-meadow-art img,.hk-hero-compact .hk-meadow-scene{height:clamp(110px,13vw,190px)!important;min-height:0;width:100%;object-fit:cover;object-position:50% 100%}
.hk-hero-compact .hk-meadow-scene{display:block}
.hk-hero-compact .hk-h1{max-width:860px}
.hk-hero-compact .hk-lead{margin-top:18px!important;margin-bottom:0!important}
.hk-hero-compact .hk-hero-price{margin-top:14px!important;margin-bottom:0!important}
.hk-hero-compact .hk-ctas{margin-top:22px!important}
.hk-hero-compact .hk-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hk-dusk-art img{min-height:230px;object-fit:cover;object-position:70% 100%}
.hk-dusk-art svg.hk-dusk-scene{min-height:230px;height:auto}

/* ---------- Section heads ---------- */
.hk-sec-head{align-items:flex-end!important}
.hk-sec-head .hk-side{max-width:420px;margin:0 0 6px auto}
@media (max-width:781px){.hk-sec-head .hk-side{margin:20px 0 0}}

/* Left-aligned blocks, even where a theme centres images or headings. */
.hk-section :is(h1,h2,h3,p){text-align:left}
.hk-section :is(.hk-svc-icon,.hk-step-icon,.hk-how-icon){margin:0!important;text-align:left}
.hk-section .hk-farm-img figcaption{text-align:left}
.hk-section :is(.hk-svc-item,.hk-teaser-main,.hk-teaser-how,.hk-teaser-step,.hk-pin,.hk-fact,.hk-how,.wp-block-column) > :is(h2,h3,p,figure,ul,.wp-block-buttons),.hk-section :is(.hk-svc-item,.hk-teaser-main,.hk-teaser-how,.hk-pin,.hk-fact,.hk-how,.wp-block-column) > .wp-block-group__inner-container > :is(h2,h3,p,figure,ul,.wp-block-buttons),.hk-section :is(.hk-svc-item,.hk-teaser-main,.hk-teaser-how,.hk-teaser-step,.hk-pin,.hk-fact,.hk-how,.wp-block-column) > .wp-block-group__inner-container > :is(h2,h3,p,figure,ul,.wp-block-buttons){margin-left:0!important;margin-right:0!important;max-width:none}

/* ---------- Services ---------- */
.hk-svc{align-items:start;column-gap:clamp(28px,3.4vw,48px)!important;row-gap:48px!important}
@media (min-width:1180px){.hk-svc{grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:32px!important}}
.hk-svc-item{display:flex;flex-direction:column;gap:14px;height:100%}
.hk-svc-item > *,.hk-svc-item > .wp-block-group__inner-container > *{margin:0!important}
.hk-svc-icon img{width:40px;height:40px;display:block}
.hk-svc-item > .hk-svc-from,.hk-svc-item > .wp-block-group__inner-container > .hk-svc-from{margin-top:4px!important}
.hk-svc-item > .hk-svc-tags,.hk-svc-item > .wp-block-group__inner-container > .hk-svc-tags{padding-top:6px}
.hk-svc-item.is-new .hk-h3::after{content:"New";display:inline-block;margin-left:10px;padding:3px 9px;border-radius:999px;background:var(--hk-gold);color:#191D17;font:800 10px/1.4 var(--hk-sans);letter-spacing:.12em;text-transform:uppercase;vertical-align:middle}
.hk-svc-link a{font-weight:700;text-decoration:none}
.hk-svc-link a:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- Packs teaser ---------- */
.hk-teaser{position:relative;overflow:hidden;isolation:isolate;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
@media (hover:hover) and (pointer:fine){.hk-teaser:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(34,40,31,.7)}}
.hk-teaser-grid{margin:0!important;gap:0!important}
.hk-teaser-main{padding-bottom:clamp(64px,7vw,92px)!important}
.hk-teaser-main > *,.hk-teaser-how > *,.hk-teaser-main > .wp-block-group__inner-container > *,.hk-teaser-how > .wp-block-group__inner-container > *{margin-top:0!important}
.hk-teaser-main > * + *,.hk-teaser-main > .wp-block-group__inner-container > * + *{margin-top:14px!important}
.hk-teaser .hk-teaser-badge{display:inline-block;width:fit-content;padding:6px 12px;border-radius:999px;background:var(--hk-gold);color:#191D17!important;font-size:11px!important}
.hk-teaser-price > *,.hk-teaser-price > .wp-block-group__inner-container > *{margin:0!important}
.hk-teaser-price .hk-price{font-weight:450;font-variant-numeric:tabular-nums}
.hk-teaser .hk-teaser-ctas{margin-top:22px!important}
.hk-teaser-how{border-left:1px solid rgba(245,241,232,.1);padding-bottom:clamp(64px,7vw,92px)!important}
.hk-teaser-how .hk-teaser-lead{margin:6px 0 24px!important}
.hk-teaser-step{position:relative}
.hk-teaser-step > *,.hk-teaser-step > .wp-block-group__inner-container > *{margin:0!important}
.hk-teaser-step .hk-step-icon{flex:none}
.hk-teaser-step .hk-step-icon img{width:48px;height:48px;display:block}
.hk-teaser-step:not(:last-child)::after{content:"";position:absolute;left:23px;top:54px;bottom:-14px;border-left:1.5px dashed rgba(227,183,106,.45)}
.hk-teaser-step p{margin:0!important}
.hk-teaser-hills{position:absolute!important;left:0;right:0;bottom:0;margin:0!important;z-index:2;pointer-events:none}
.hk-teaser-hills img{display:block;width:100%;height:clamp(34px,4vw,52px);object-fit:fill;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);transform-origin:bottom}
@media (hover:hover) and (pointer:fine){.hk-teaser:hover .hk-teaser-hills img{transform:scaleY(1.15)}}
@media (max-width:781px){
	.hk-teaser-main{padding-bottom:clamp(24px,4vw,36px)!important}
	.hk-teaser-how{border-left:0;border-top:1px solid rgba(245,241,232,.1)}
}

/* ---------- Work ---------- */
.hk-work .hk-sec-head{margin-bottom:28px!important}

/* ---------- Studio ---------- */
.hk-arch{position:relative;align-self:flex-start}
.hk-arch .hk-arch-img{margin:0}
.hk-arch .hk-arch-img img{width:100%;display:block}
.hk-pin{position:absolute;right:-8px;bottom:44px;width:236px;margin:0!important;box-shadow:0 18px 40px -24px rgba(34,40,31,.45)}
.hk-pin > *,.hk-pin > .wp-block-group__inner-container > *{margin:0!important}
.hk-section .hk-pin{padding:20px 22px!important;background:var(--hk-moor)!important;color:var(--hk-mist)}
.hk-pin .hk-pin-title{font-style:italic;font-size:34px!important;line-height:1!important;color:var(--hk-gold)!important}
.hk-pin .hk-pin-text{color:var(--hk-ink-inverse)!important;font-size:14px!important;line-height:1.5!important}
.hk-pin .hk-pin-text{margin-top:10px!important;font-variant-numeric:tabular-nums}
.hk-about-grid .hk-quote{margin-top:36px!important;padding-left:0}
.hk-chips{list-style:none;margin:32px 0 0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.hk-chips li{margin:0;padding:8px 16px;border-radius:999px;background:var(--hk-wool);font-size:14px;font-weight:600;color:var(--hk-moor)}
.hk-farm-img{margin:0}
.hk-farm-img img{width:100%;display:block}
.hk-farm-img figcaption{margin-top:12px;font-size:14px;font-weight:500;color:var(--hk-ink-muted);text-align:left}
@media (max-width:600px){.hk-pin{right:12px;bottom:16px;width:200px}.hk-section .hk-pin{padding:16px 18px!important}.hk-pin .hk-pin-title{font-size:28px!important}}

/* ---------- Contact at dusk ---------- */
.hk-contact-sec .hk-dusk-art{margin:0!important}
.hk-contact-sec a{color:var(--hk-gold)}
.hk-contact-sec a:hover{color:var(--hk-mist)}
.hk-facts > *,.hk-facts > .wp-block-group__inner-container > *{margin:0!important}
.hk-fact p{margin:0!important}
.hk-fact .hk-label + p{margin-top:4px!important}

/* ---------- How it works (Packs page) ---------- */
.hk-how > *,/* ---------- How it works (Packs page) ---------- */
.hk-how > .wp-block-group__inner-container > *{margin-top:0!important}
.hk-how .hk-how-sub{margin-top:16px!important;max-width:720px}
.hk-how-list{position:relative}
.hk-how-step{position:relative}
.hk-how-step > *,.hk-how-step > .wp-block-group__inner-container > *{margin:0!important}
.hk-how-step > * + *,.hk-how-step > .wp-block-group__inner-container > * + *{margin-top:10px!important}
.hk-how-icon img{width:64px;height:64px;display:block;border-radius:999px;box-shadow:0 0 0 8px var(--hk-wool)}
.hk-how-step .hk-eyebrow{margin-top:16px!important}
@media (min-width:782px){
	.hk-how-list::before{content:"";position:absolute;left:32px;right:12%;top:32px;border-top:1.5px dashed var(--hk-line);opacity:.7}
}
@media (max-width:781px){
	.hk-how-step{padding-left:84px;min-height:64px}
	.hk-how-icon{position:absolute;left:0;top:0;margin:0!important}
	.hk-how-step .hk-eyebrow{margin-top:0!important}
	.hk-how-step:not(:last-child)::after{content:"";position:absolute;left:31px;top:76px;bottom:-24px;border-left:1.5px dashed var(--hk-line)}
}

/* ---------- FAQ ---------- */
.hk-faq{max-width:880px}

@media (prefers-reduced-motion:reduce){
	.hk-teaser,.hk-button .wp-block-button__link,.hk-teaser-hills img{transition:none}
}

/* ---------- Kadence header and page frame ---------- */
body.hk-kit{background-color:var(--hk-mist)}
body.hk-kit .content-bg,body.hk-kit .site{background-color:var(--hk-mist)}
.pin-spacer:has(> .hk-work){background:var(--hk-wool)}
body.hk-kit .main-navigation .menu > .hk-menu-cta > a,
body.hk-kit .header-navigation .menu > .hk-menu-cta > a,body.hk-kit .main-navigation .menu > .wp-block-group__inner-container > .hk-menu-cta > a,body.hk-kit .main-navigation .menu > .hk-menu-cta > .wp-block-group__inner-container > a,body.hk-kit .header-navigation .menu > .wp-block-group__inner-container > .hk-menu-cta > a,body.hk-kit .header-navigation .menu > .hk-menu-cta > .wp-block-group__inner-container > a{display:inline-flex;align-items:center;min-height:44px;padding:0 22px!important;margin-left:0;white-space:nowrap;border-radius:999px;background:var(--hk-ink);color:var(--hk-mist)!important;font-weight:700}
body.hk-kit .header-navigation .menu > .hk-menu-cta > a:hover,body.hk-kit .header-navigation .menu > .wp-block-group__inner-container > .hk-menu-cta > a:hover,body.hk-kit .header-navigation .menu > .hk-menu-cta > .wp-block-group__inner-container > a:hover{background:var(--hk-moor)}
body.hk-kit .site-header .header-navigation .menu > li > a,body.hk-kit .site-header .header-navigation .menu > .wp-block-group__inner-container > li > a,body.hk-kit .site-header .header-navigation .menu > li > .wp-block-group__inner-container > a{font-weight:600}
body.hk-kit .mobile-navigation .hk-menu-cta > a,body.hk-kit .mobile-navigation .hk-menu-cta > .wp-block-group__inner-container > a{font-weight:700;color:var(--hk-bracken)!important}
/* Mobile menu button: two heavy bars, the lower one shorter. */
body.hk-kit .menu-toggle-open{width:52px;height:52px;padding:0!important;border-radius:999px;background:var(--hk-ink)!important;color:var(--hk-mist)!important;justify-content:center}
body.hk-kit .menu-toggle-open .menu-toggle-icon{display:none}
body.hk-kit .menu-toggle-open::before,body.hk-kit .menu-toggle-open::after{content:"";position:absolute;left:14px;height:3.5px;border-radius:4px;background:var(--hk-mist)}
body.hk-kit .menu-toggle-open{position:relative}
body.hk-kit .menu-toggle-open::before{top:19px;width:24px}
body.hk-kit .menu-toggle-open::after{top:29px;width:15px}


/* Desktop menu: the Himene sizes (Kadence settings hold them too; this keeps them if a setting is reset). */
body.hk-kit .site-branding .site-title{font-family:var(--hk-serif);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:500;letter-spacing:-.01em;line-height:1}
body.hk-kit .site-header .header-navigation .menu{align-items:center}

/* Mobile menu: full screen on moor green, opening as a circle from the button; big serif links. */
body.hk-kit #mobile-drawer .drawer-inner{background:var(--hk-moor)!important;width:100%!important;max-width:none!important;
	clip-path:circle(0 at calc(100% - var(--hk-edge) - 26px) 44px);transition:clip-path .5s cubic-bezier(.32,.72,0,1),opacity 0s!important;opacity:1!important}
body.hk-kit #mobile-drawer.active .drawer-inner{clip-path:circle(150% at calc(100% - var(--hk-edge) - 26px) 44px)}
body.hk-kit #mobile-drawer .drawer-overlay{background:transparent!important}
body.hk-kit #mobile-drawer .drawer-header{padding:18px var(--hk-edge) 0;justify-content:flex-end;min-height:88px}
body.hk-kit #mobile-drawer .menu-toggle-close{width:52px;height:52px;padding:0!important;border-radius:999px;background:var(--hk-mist)!important;color:var(--hk-ink)!important;display:flex;align-items:center;justify-content:center;position:relative}
body.hk-kit #mobile-drawer .menu-toggle-close .toggle-close-bar{background:var(--hk-ink)!important;width:24px!important;height:3.5px!important;border-radius:4px;left:14px!important}
body.hk-kit #mobile-drawer .drawer-content{display:flex;flex-direction:column;min-height:calc(100% - 106px);padding:24px var(--hk-edge) 40px!important}
body.hk-kit #mobile-drawer .mobile-navigation ul.menu{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
body.hk-kit #mobile-drawer .mobile-navigation ul li{border:0!important;width:auto}
body.hk-kit #mobile-drawer .mobile-navigation ul li > a,body.hk-kit #mobile-drawer .mobile-navigation ul li > .drawer-nav-drop-wrap > a{padding:6px 0!important;border:0!important;color:var(--hk-mist)!important;font-family:var(--hk-serif)!important;font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:400!important;font-size:clamp(34px,10vw,48px)!important;line-height:1.15!important;letter-spacing:-.01em}
body.hk-kit #mobile-drawer .mobile-navigation ul li > a:hover{color:var(--hk-gold)!important}
body.hk-kit #mobile-drawer .mobile-navigation li.hk-menu-cta{margin-top:24px}
body.hk-kit #mobile-drawer .mobile-navigation li.hk-menu-cta > a{display:inline-flex!important;align-items:center;min-height:56px;padding:0 30px!important;border-radius:999px;background:var(--hk-bracken-light)!important;color:#191D17!important;font:700 16px/1 var(--hk-sans)!important;letter-spacing:0}
body.hk-kit #mobile-drawer .drawer-content::after{content:"Holmfirth · West Yorkshire";display:block;margin-top:auto;padding-top:40px;font:700 12px var(--hk-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--hk-label)}
body.hk-kit #mobile-drawer .mobile-navigation li{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
body.hk-kit #mobile-drawer.active .mobile-navigation li{opacity:1;transform:none}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(1){transition-delay:135ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(2){transition-delay:170ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(3){transition-delay:205ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(4){transition-delay:240ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(5){transition-delay:275ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(6){transition-delay:310ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(7){transition-delay:345ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(8){transition-delay:380ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(9){transition-delay:415ms}
body.hk-kit #mobile-drawer.active .mobile-navigation li:nth-child(10){transition-delay:450ms}

/* Footer: the night after the dusk contact section. */
body.hk-kit .site-footer,body.hk-kit .site-footer .site-footer-wrap,body.hk-kit .site-footer .site-bottom-footer-wrap,body.hk-kit .site-footer .site-middle-footer-wrap,body.hk-kit .site-footer .site-top-footer-wrap{background:var(--hk-night)!important;border:0!important}
body.hk-kit .site-footer,body.hk-kit .site-footer .footer-html{color:var(--hk-label)!important;font-size:14px;font-weight:500}
body.hk-kit .site-footer a{color:var(--hk-label)!important;text-decoration:none}
body.hk-kit .site-footer a:hover{color:var(--hk-mist)!important}
body.hk-kit .site-footer .site-bottom-footer-inner-wrap{padding-top:44px!important;padding-bottom:44px!important;align-items:center}
@media (max-width:767px){body.hk-kit .site-footer .site-bottom-footer-inner-wrap{gap:18px}body.hk-kit .site-footer .footer-html,body.hk-kit .site-footer .footer-navigation .menu{text-align:left;justify-content:flex-start}}

@media (prefers-reduced-motion:reduce){
	body.hk-kit #mobile-drawer .drawer-inner{transition:none!important}
	body.hk-kit #mobile-drawer .mobile-navigation li{transition:none;opacity:1;transform:none}
}
body.hk-kit .header-navigation .menu > li.hk-menu-cta{padding-left:8px}
body.hk-kit .site-footer .footer-navigation .menu > li:last-child > a{padding-right:0!important}
body.hk-kit .site-footer .footer-navigation .menu > li:first-child > a{padding-left:0!important}

/* ---------- Finishing: feel (press feedback, touch, focus, type, materials) ---------- */
:root{--hk-ease-out:cubic-bezier(.23,1,.32,1)}
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}

/* Every pressable thing answers the press, on touch and mouse alike. */
body.hk-kit :is(.hk-button .wp-block-button__link,.hk-btn,.hk-menu-cta > a,.hk-tier,.hk-switch button,.hk-switch [role=radio],.hk-switch [role=tab],.hk-filter,.hk-filters button,.hk-addon-toggle,.hk-arrow,.hk-icon-btn,.hk-linkbtn,.menu-toggle-open,.menu-toggle-close,.hk-card-plus){
	touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.hk-kit :is(.hk-button .wp-block-button__link,.hk-btn,.hk-menu-cta > a,.hk-switch button,.hk-switch [role=radio],.hk-switch [role=tab],.hk-filters button,.hk-arrow,.hk-icon-btn,.menu-toggle-open,.menu-toggle-close){transition:transform 140ms var(--hk-ease-out),background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
body.hk-kit :is(.hk-button .wp-block-button__link,.hk-btn,.hk-menu-cta > a,.hk-switch button,.hk-switch [role=radio],.hk-switch [role=tab],.hk-filters button,.hk-arrow,.hk-icon-btn,.menu-toggle-open,.menu-toggle-close):active{transform:scale(.97)}
body.hk-kit .hk-tier:active{transform:scale(.985)}
body.hk-kit a:not([class]):active{opacity:.75}
:is(body.hk-kit.hk-kit.hk-kit) .hk-tier{transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--hk-ease-out),background .25s ease}

/* Text links in the services get a finger-sized hit area without moving anything. */
@media (pointer:coarse){
	.hk-svc-link a,.hk-svc-also a,.hk-contact-sec .hk-fact a{display:inline-block;padding-block:10px;margin-block:-10px}
}

/* Keyboard focus: always visible, never on mouse click. */
body.hk-kit :focus-visible{outline:2px solid var(--hk-bracken);outline-offset:3px;border-radius:6px}
body.hk-kit :is(.hk-contact-sec,.hk-teaser,.hk-svc-item.is-dark,#mobile-drawer,.site-footer) :focus-visible{outline-color:var(--hk-gold)}

/* Type: tracking tightens as size grows. */
:is(.hk-section,.hk-hero) .hk-h2{letter-spacing:-.015em}
:is(.hk-section,.hk-hero) .hk-h3{letter-spacing:-.005em}
body.hk-kit{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

/* The sticky header becomes a frosted layer: content scrolls under it, no hard divider. */
body.hk-kit #masthead .item-is-fixed.item-is-stuck,body.hk-kit #masthead .kadence-sticky-header.item-is-stuck{background:rgba(245,241,232,.78)!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 1px 0 rgba(34,40,31,.06)}
@media (prefers-reduced-transparency:reduce){
	body.hk-kit #masthead .item-is-fixed.item-is-stuck,body.hk-kit #masthead .kadence-sticky-header.item-is-stuck{background:var(--hk-mist)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* The mobile menu closes faster than it opens: the system responds, it doesn't perform. */
body.hk-kit #mobile-drawer:not(.active) .drawer-inner{transition-duration:.32s!important}
body.hk-kit #mobile-drawer .drawer-content{overscroll-behavior:contain}

@media (prefers-reduced-motion:reduce){
	body.hk-kit :is(.hk-button .wp-block-button__link,.hk-btn,.hk-menu-cta > a,.hk-tier):active{transform:none}
}

/* ---------- Product pages: benefits, comparison, demo, right-sized hosting ---------- */
.hk-benefit > *,.hk-benefit > .wp-block-group__inner-container > *{margin:0!important}
.hk-benefit .hk-h3{margin-top:10px!important}
.hk-benefit p:last-child{margin-top:10px!important}
.hk-benefits{align-items:start}
@media (min-width:1080px){.hk-benefits,.hk-guide{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.hk-who .hk-who-title{margin:0!important}
.hk-who .hk-chips{margin-top:16px!important}
.hk-compare{align-items:stretch!important}
.hk-compare-card{display:flex;flex-direction:column;gap:14px}
.hk-compare-card > *,.hk-compare-card > .wp-block-group__inner-container > *{margin:0!important}
.hk-compare-list{list-style:none;padding:0!important;margin:0!important;display:grid;gap:6px}
.hk-compare-list li{position:relative;padding-left:22px;font-size:15px}
.hk-compare-list li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:999px;background:var(--hk-moss)}
.hk-compare-card.is-dark .hk-compare-list li{color:var(--hk-ink-inverse)}
.hk-compare-card.is-dark .hk-compare-list li::before{background:var(--hk-gold)}
.hk-compare-card .hk-compare-from{margin-top:auto!important;padding-top:10px}
.hk-demo{gap:24px}
.hk-demo .hk-demo-copy{flex:1 1 420px;max-width:680px}
.hk-demo .hk-demo-copy > *,.hk-demo .hk-demo-copy > .wp-block-group__inner-container > *{margin:0!important}
.hk-demo .hk-demo-copy .hk-h2{margin-top:8px!important}
.hk-demo .hk-demo-copy p:last-child{margin-top:10px!important}
.hk-right-story p{margin:0 0 16px!important}
.hk-guide-title{margin-bottom:24px!important}
.hk-guide-card > *,.hk-guide-card > .wp-block-group__inner-container > *{margin:0!important}
.hk-guide-card p + p{margin-top:6px!important}
@media (hover:hover) and (pointer:fine){.hk-guide-card{transition:transform .25s var(--hk-ease-out),box-shadow .25s ease}.hk-guide-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(34,40,31,.5)}}

/* A catalogue with a single offer: no switch to show. */
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-switch.is-single{display:none}

/* ---------- Menu: the Services drop-down ---------- */
body.hk-kit .header-navigation .sub-menu{background:var(--hk-mist)!important;border-radius:14px;padding:8px!important;box-shadow:0 24px 48px -24px rgba(34,40,31,.45),0 0 0 1px rgba(34,40,31,.06);min-width:220px}
body.hk-kit .header-navigation .sub-menu li a{color:var(--hk-ink)!important;padding:10px 14px!important;border-radius:10px;font-size:15px;font-weight:600;width:100%}
@media (hover:hover) and (pointer:fine){body.hk-kit .header-navigation .sub-menu li a:hover{background:var(--hk-wool)!important;color:var(--hk-bracken)!important}}
body.hk-kit .header-navigation .sub-menu li{border:0!important}
body.hk-kit #mobile-drawer .mobile-navigation .sub-menu{padding:2px 0 10px 4px!important;border:0!important}
body.hk-kit #mobile-drawer .mobile-navigation .sub-menu li > a{font-family:var(--hk-sans)!important;font-size:19px!important;font-weight:600!important;padding:6px 0!important;color:var(--hk-ink-inverse)!important}
body.hk-kit #mobile-drawer .drawer-nav-drop-wrap .drawer-sub-toggle{color:var(--hk-gold)!important;border:0!important}
body.hk-kit .header-navigation .sub-menu li > a{font-size:15px!important;font-weight:600!important;background:transparent!important}
body.hk-kit .header-navigation .sub-menu li.current-menu-item > a,body.hk-kit .header-navigation .sub-menu li.current_page_item > a{background:var(--hk-wool)!important;color:var(--hk-bracken)!important}

/* Hosting: "Why right-sized?" card. */
.hk-right-cols{align-items:center!important}
.hk-right-story > *,.hk-right-story > .wp-block-group__inner-container > *{margin:0 0 14px!important}
.hk-right-story .hk-right-num{margin-bottom:10px!important;letter-spacing:-.02em}
.hk-right .hk-eyebrow + .hk-h2{margin-top:6px!important}
.hk-right .hk-h2 + p{margin-top:16px!important}
.hk-right-story > :last-child,.hk-right-story > .wp-block-group__inner-container > :last-child,.hk-right .wp-block-column > :last-child{margin-bottom:0!important}
.hk-right-cols{margin-bottom:0!important}

/* ---------- 2.6: The Greenhouse (home) ---------- */
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-visual{position:relative}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-badge{position:absolute;top:-28px;left:-20px;z-index:2;margin:0!important;filter:drop-shadow(0 10px 18px rgba(34,40,31,.25))}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-badge img{width:64px;height:64px;display:block}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-card{box-shadow:0 40px 80px -48px rgba(34,40,31,.55),0 0 0 1px rgba(34,40,31,.06);transform:rotate(-1.2deg)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-card > *{margin-block:0}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-who{padding-bottom:14px;border-bottom:1px solid rgba(34,40,31,.1)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-who p{margin:0}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-portrait{margin:0!important;flex:none}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-portrait img{width:56px!important;height:56px!important;border-radius:999px;object-fit:cover;box-shadow:0 0 0 3px var(--hk-mist),0 0 0 4.5px var(--hk-moss)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:999px;background:#4C9A52;box-shadow:0 0 0 3px rgba(76,154,82,.18);vertical-align:1px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-bubble{max-width:88%;margin:0!important;padding:12px 16px;border-radius:18px 18px 18px 6px;background:var(--hk-wool);color:var(--hk-ink)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-bubble.is-client{margin-left:auto!important;border-radius:18px 18px 6px 18px;background:var(--hk-moor);color:var(--hk-mist)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-seasons{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0!important;padding:14px 0 0;border-top:1px solid rgba(34,40,31,.1)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-seasons li{margin:0;padding:6px 12px;border-radius:999px;background:var(--hk-wool);font-size:13px;font-weight:600;color:var(--hk-ink-muted)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-seasons li:has(strong){background:var(--hk-moss);color:var(--hk-mist)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-seasons li strong{font-weight:700}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-promises{list-style:none;margin:24px 0 0!important;padding:0;display:grid;gap:12px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-promises li{position:relative;margin:0;padding-left:34px;font-weight:600;font-size:17px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-promises li::before{content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:999px;background:var(--hk-moss) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5F1E8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/16px no-repeat}
@media (max-width:781px){
	:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-visual{margin-top:40px}
	:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-badge{left:-6px;top:-30px}
	:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-card{transform:none}
}
@media (prefers-reduced-motion:reduce){:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-gh-card{transform:none}}

/* ---------- 2.6: legal pages ---------- */
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal > *{margin-block:0}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal > * + *{margin-top:16px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal p,:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal li{font-size:17px;line-height:1.7}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal .hk-lead{font-size:19px;margin-top:10px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal .hk-legal-h{margin-top:clamp(40px,5vw,56px);padding-top:24px;border-top:1px solid rgba(34,40,31,.12);scroll-margin-top:110px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-toc{margin-top:28px!important;padding:22px 26px 22px 46px;border-radius:18px;background:var(--hk-wool);columns:2;column-gap:32px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-toc li{font-size:15px!important;line-height:1.5!important;margin:0 0 6px;break-inside:avoid}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-toc a{color:var(--hk-ink);text-decoration:none;font-weight:600}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-toc a:hover{color:var(--hk-bracken);text-decoration:underline}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-list{padding-left:22px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-list li{margin-bottom:8px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-list li::marker{color:var(--hk-moss)}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal a{color:var(--hk-bracken);text-underline-offset:3px}
:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-contact{margin-top:48px!important;padding-top:24px;border-top:1px solid rgba(34,40,31,.12)}
@media (max-width:700px){:is(body.hk-kit.hk-kit.hk-kit,.editor-styles-wrapper) .hk-legal-toc{columns:1}}