.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --hk-ink:#10304a; --hk-navy:#1a5079; --hk-green:#5c946e; --hk-green-light:#86b898; --hk-accent:#3f7552; --hk-paper:#ffffff; --hk-paper-2:#e8eff5; --hk-sans:Archivo, 'Helvetica Neue', Arial, sans-serif; --hk-serif:Newsreader, Georgia, 'Times New Roman', serif; }
/* Start custom CSS *//* HeinKan site CSS: only what Elementor atomic props cannot express. Documented in ELEMENTOR-PLAN. */
@font-face{font-family:'Archivo';src:url('/wp-content/uploads/heinkan-assets/fonts/Archivo.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Newsreader';src:url('/wp-content/uploads/heinkan-assets/fonts/Newsreader-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url('/wp-content/uploads/heinkan-assets/fonts/Newsreader-400i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{overflow-x:clip}
/* header: sticky location wrapper overlays the hero; solid state set by site.js */
.elementor-location-header{position:sticky;top:0;z-index:50;height:0}
.hk-hdr{transition:background .3s,backdrop-filter .3s}
.hk-hdr.is-solid{background:rgba(16,48,74,.94);backdrop-filter:blur(10px)}
/* variable-font width axis and serif italic second line */
.hk-h1,.hk-h2,.hk-name,.hk-name-sm,.hk-menu-link{font-stretch:118%}
.hk-h1{font-stretch:122%}
.hk-num{font-stretch:125%}
.hk-eyebrow,.hk-eyebrow-light,.hk-pill-text,.hk-fig-l{font-stretch:112%}
.hk-btn,.hk-btn-light,.hk-btn-light-lg,.hk-btn-sm,.hk-btn-lg,.hk-submit,.hk-navlink{font-stretch:108%}
.hk-h1 em,.hk-h2 em{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:-.02em}
.hk-h1 em{font-size:1.08em;letter-spacing:-.035em}
.hk-h2 em{color:#3f7552}
.hk-statement{text-wrap:balance}
.hk-form a{color:inherit}
/* button arrow */
.hk-btn::after,.hk-btn-light::after,.hk-btn-light-lg::after,.hk-btn-sm::after,.hk-btn-lg::after{content:"\2192";margin-left:.9em;transition:transform .3s}
.hk-btn:hover::after,.hk-btn-light:hover::after,.hk-btn-light-lg:hover::after,.hk-btn-sm:hover::after{transform:translateX(4px)}
/* blur-to-focus reveal (only armed when JS runs; reduced motion skips it) */
html.hk-anim .hk-focus img{filter:blur(18px);transform:scale(1.08);transition:filter 1.8s cubic-bezier(.2,.7,.1,1),transform 1.8s cubic-bezier(.2,.7,.1,1)}
html.hk-anim .hk-focus.is-in img{filter:none;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.hk-anim .hk-focus img{filter:none;transform:none;transition:none}}
/* unit plan dialog (HTML widget) */
.udlg{width:min(1180px,calc(100% - 40px));max-height:calc(100svh - 40px);padding:0;border:0;background:#fff;color:#10304a;overflow:auto;font-family:'Archivo',Arial,sans-serif}
.udlg::backdrop{background:rgba(16,48,74,.78);backdrop-filter:blur(6px)}
.udlg[open]{animation:udlg-in .45s cubic-bezier(.2,.7,.1,1)}
@keyframes udlg-in{from{opacity:0;transform:translateY(24px)}}
.udlg__in{padding:clamp(20px,3.4vw,48px);display:flex;flex-direction:column;gap:1.4rem}
.udlg__bar{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.udlg .h3{margin:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.1;font-weight:800;font-stretch:118%;text-transform:uppercase}
.udlg__x{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#10304a;color:#fff;border:0;cursor:pointer}
.udlg__x:hover{background:#3f7552}.udlg__x svg{width:22px;height:22px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:transparent;border:1.5px solid #10304a;padding:.65em 1.1em;min-height:44px;font:600 .9rem 'Archivo',Arial,sans-serif;color:#10304a;cursor:pointer}
.chip:hover{background:#e8eff5}.chip[aria-pressed=true]{background:#10304a;color:#fff}
.units__layout{display:flex;gap:24px;align-items:flex-start}
.plan{display:flex;flex-direction:column;gap:5px;flex:1 1 0;min-width:0}
.plan__lbl{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.6;margin:10px 0 0}
.plan__row{display:flex;gap:5px}
.unit{flex:1 1 0;min-width:0;height:clamp(64px,7vw,96px);padding:8px 4px 6px 8px;background:#fff;border:1.5px solid #10304a;color:#10304a;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;cursor:pointer;transition:background .2s,color .2s,opacity .25s,transform .25s}
.unit b{font-size:clamp(.8rem,1.1vw,1.05rem);font-weight:750}
.unit span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-weight:600}
.unit:hover{background:#10304a;color:#fff;transform:translateY(-3px)}
.unit[aria-pressed=true]{background:#3f7552;border-color:#3f7552;color:#fff}
.unit.is-dim{opacity:.22}
.units__detail{flex:0 0 280px;background:#10304a;color:#fff;padding:24px;display:flex;flex-direction:column;gap:1rem}
.units__sel{margin:0;font-size:2.4rem;line-height:1;font-weight:800;text-transform:uppercase}
.figs--stack{display:flex;flex-direction:column;gap:1rem;margin:0}
.figs--stack dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.62}
.figs--stack dd{margin:0;font-size:1.25rem;font-weight:700}
.units__detail .btn{display:inline-flex;justify-content:space-between;padding:1em 1.4em;background:#fff;color:#10304a;font-weight:650;text-decoration:none}
.units__detail .btn:hover{background:#3f7552;color:#fff}
.units__note{font-size:.8rem;opacity:.7;margin:0}.units__note a{font-weight:600}
body:has(dialog[open]){overflow:hidden}
@media (max-width:900px){.units__layout{flex-direction:column}.units__detail{flex:none;width:100%;box-sizing:border-box;position:sticky;bottom:0;padding:14px 16px;gap:.5rem}.units__sel{font-size:1.6rem}.figs--stack{flex-direction:row;flex-wrap:wrap;gap:.5rem 1.4rem}.figs--stack dd{font-size:1rem}.plan__row{flex-wrap:wrap}.unit{flex:1 0 calc(25% - 5px);height:64px}}

/* Hello Elementor theme resets pink hover/links on buttons and links: pin ours */
.udlg a{color:inherit}.udlg .units__note a{color:#10304a;text-decoration:underline}
.udlg .udlg__x:hover,.udlg .udlg__x:focus{background:#3f7552;color:#fff}
.udlg .chip:hover,.udlg .chip:focus{background:#e8eff5;color:#10304a}
.udlg .chip[aria-pressed=true],.udlg .chip[aria-pressed=true]:hover,.udlg .chip[aria-pressed=true]:focus{background:#10304a;color:#fff}
.udlg .unit:hover,.udlg .unit:focus{background:#10304a;color:#fff}
.udlg .unit[aria-pressed=true],.udlg .unit[aria-pressed=true]:hover{background:#3f7552;color:#fff}
.udlg .units__detail .btn,.udlg .units__detail .btn:focus{background:#fff;color:#10304a}
.udlg .units__detail .btn:hover{background:#3f7552;color:#fff}
.udlg :focus-visible{outline:3px solid #86b898;outline-offset:2px}

/* mobile menu button: two-bar icon like the mockup */
.hk-menu-btn{gap:.8em}
.hk-menu-btn::before{content:"";display:block;width:28px;height:2px;background:currentColor;box-shadow:0 7px 0 currentColor;margin-bottom:7px}/* End custom CSS */