/* KLO Render — markup produced by the klo-render mu-plugin shortcodes.
   Tokens mirror klo-kit.css; loaded sitewide (small file). */

.klo-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:72px;padding-top:40px;border-top:1px solid rgba(10,13,28,.14)}
@media (max-width:1024px){.klo-stats-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.klo-stats-grid{grid-template-columns:repeat(2,1fr);margin-top:48px;gap:24px}}

.klo-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
@media (max-width:767px){.klo-details-grid{grid-template-columns:1fr}}
.klo-detail{margin:0}
.klo-detail img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;display:block}
.klo-detail figcaption{font:400 14px/21px "Instrument Sans",system-ui,sans-serif;color:#5c584d;margin-top:12px}
.klo-panel:not(.klo-panel--paper) .klo-detail figcaption{color:#a9a498}

.klo-lines>div{padding:4px 0}
.klo-team-name{font-weight:600}
.klo-visit-label{margin-bottom:8px}
.klo-visit-link{font:600 12px/16px "Instrument Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#c8f25c;border-bottom:3px solid currentColor;padding-bottom:4px;display:inline-flex;min-height:44px;align-items:center}
.klo-visit-link:hover{color:#54dff0}

.klo-bend-card .klo-card-media{position:relative}
.klo-card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.klo-search-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}

/* Hide a whole search group when its grid came back empty (helper 3 hides
   the grid widget itself; this removes the now-orphaned label row). */
.klo-search-group:has(.elementor-widget-loop-grid[style*="display: none"]){display:none}

/* ---- Bend media panel (shortcode-rendered klo-panel) ---- */
.klo-bend-media{padding:128px 96px 128px 120px;margin-bottom:var(--frame,12px)}
@media (max-width:1024px){.klo-bend-media{padding:96px 40px 96px 64px}}
@media (max-width:767px){.klo-bend-media{padding:64px 16px 64px 40px}}
.klo-media-h2{font-family:"Bricolage Grotesque","Arial Narrow",sans-serif;font-weight:800;font-variation-settings:"wdth" 75;text-transform:uppercase;font-size:clamp(34px,5vw,72px);line-height:.92;margin:24px 0 48px}
.klo-screens-grid{display:grid;grid-template-columns:3fr 1fr;gap:24px;align-items:end}
@media (max-width:767px){.klo-screens-grid{grid-template-columns:1fr}}
.klo-screen-card{margin:0;background:#0a0d1c;border:1px solid #2a2f45;border-radius:16px;padding:12px}
.klo-screen-card img{width:100%;display:block;border-radius:8px}
.klo-screen-card--mob{max-width:300px;width:100%;justify-self:end}
@media (max-width:767px){.klo-screen-card--mob{justify-self:start}}
.klo-media-caption{font:400 14px/21px "Instrument Sans",system-ui,sans-serif;color:#a9a498;margin-top:16px}
.klo-bend-media .klo-details-grid{margin-top:48px}

/* ---- Template utility classes ---- */
.klo-lime{color:#c8f25c}
.klo-small-text{font:400 14px/21px "Instrument Sans",system-ui,sans-serif}
.klo-nowrap{white-space:nowrap}
.klo-email-pink,.klo-email-pink a{color:#ff4fa3}
.klo-email-pink a:hover{color:#54dff0}
.klo-panel--jade .klo-email-pink,.klo-panel--jade .klo-email-pink a{color:#c8f25c}
.klo-giant .elementor-heading-title{color:#ff4fa3;text-shadow:0 0 12px rgba(255,79,163,.6)}
.klo-contact-h2 .elementor-heading-title{font-family:"Bricolage Grotesque","Arial Narrow",sans-serif;font-weight:800;font-variation-settings:"wdth" 75;text-transform:uppercase;font-size:clamp(44px,8.6vw,124px);line-height:.92}
.klo-count-num{font-family:"Bricolage Grotesque","Arial Narrow",sans-serif;font-weight:800;font-variation-settings:"wdth" 75;font-size:clamp(96px,16vw,240px);line-height:.8;color:#ff4fa3;text-shadow:0 0 12px rgba(255,79,163,.6)}
@media (max-width:767px){.klo-count-num{font-size:96px}}
.klo-close-x{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #f2ebdc;color:#c8f25c;font-size:26px;line-height:1;text-decoration:none}
.klo-close-x:hover{color:#54dff0;border-color:#54dff0}
.klo-arrow{color:#ff4fa3}
.klo-panel--jade .klo-arrow{color:#c8f25c}

/* Menu popup: 01–05 numbers as lime prefixes (Elementor's walker does not
   print menu-item descriptions, so the numbers come from CSS counters). */
.klo-menu-nav .elementor-nav-menu{counter-reset:klo-menu}
.klo-menu-nav .elementor-nav-menu>li>a::before{counter-increment:klo-menu;content:counter(klo-menu,decimal-leading-zero);font:600 12px/16px "Instrument Sans",system-ui,sans-serif;letter-spacing:.08em;color:#c8f25c;display:inline-block;width:44px;vertical-align:super;margin-right:8px}

/* Footer nav menus */
.klo-foot-nav .elementor-nav-menu a{font:400 17px/27px "Instrument Sans",system-ui,sans-serif;color:#f2ebdc;padding:5px 0;min-height:36px;display:inline-flex;align-items:center}
.klo-foot-nav .elementor-nav-menu a:hover{color:#54dff0}

/* Person card image */
.klo-person-card-img img{aspect-ratio:1/1;object-fit:cover;border-radius:20px;width:100%}

/* Entry / sign media ratios */
.klo-entry .klo-card-media img,.klo-sign .klo-card-media img{aspect-ratio:4/3;object-fit:cover;width:100%}
.klo-entry .klo-card-media img{aspect-ratio:3/2}

/* Bend prev/next cards */
.klo-prevnext .elementor-post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:767px){.klo-prevnext .elementor-post-navigation{grid-template-columns:1fr}}
.klo-prevnext .elementor-post-navigation__link{border:2px solid #2a2f45;border-radius:20px;padding:32px;width:auto}
@media (max-width:767px){.klo-prevnext .elementor-post-navigation__link{padding:20px}}
.klo-prevnext .elementor-post-navigation__link:hover{border-color:#54dff0}
.klo-prevnext .post-navigation__next--title,.klo-prevnext .post-navigation__prev--title{font-family:"Bricolage Grotesque","Arial Narrow",sans-serif;font-weight:800;font-variation-settings:"wdth" 75;text-transform:uppercase;font-size:clamp(26px,2.8vw,40px);line-height:.95;color:#f2ebdc}
.klo-prevnext .post-navigation__next--label,.klo-prevnext .post-navigation__prev--label{font:600 12px/16px "Instrument Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a9a498}

/* Search widget (Search template bar) */
.klo-search{max-width:880px}
.klo-search input[type="search"],.klo-search .e-search-input{font-family:"Bricolage Grotesque","Arial Narrow",sans-serif;font-weight:800;font-variation-settings:"wdth" 75;text-transform:uppercase;font-size:32px;height:72px;border-radius:999px;background:#1a1d2b;color:#f2ebdc;border:2px solid #6b7090;padding:0 28px}
@media (max-width:767px){.klo-search input[type="search"],.klo-search .e-search-input{font-size:24px;height:56px}}
.klo-search button[type="submit"],.klo-search .e-search-submit{height:72px;border-radius:999px;background:#ff4fa3;color:#0a0d1c;font:600 12px/16px "Instrument Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:0 28px;border:none}
@media (max-width:767px){.klo-search button[type="submit"],.klo-search .e-search-submit{height:56px}}
.klo-search .elementor-search-form__input{font-family:"Bricolage Grotesque","Arial Narrow",sans-serif;font-weight:800;font-variation-settings:"wdth" 75;text-transform:uppercase;font-size:32px;height:72px;border-radius:999px;background:#1a1d2b;color:#f2ebdc;border:2px solid #6b7090;padding:0 28px}
.klo-search .elementor-search-form__submit{height:72px;border-radius:999px;background:#ff4fa3;color:#0a0d1c;font:600 12px/16px "Instrument Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:0 28px;border:none;min-width:0}
@media (max-width:767px){.klo-search .elementor-search-form__input{font-size:24px;height:56px}.klo-search .elementor-search-form__submit{height:56px}}

/* Hero image ratios */
.klo-hero-img img{aspect-ratio:16/9;object-fit:cover;width:100%;border-radius:20px}
.klo-entry-hero img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:20px}

/* Footer + menu small link rows */
.klo-foot-legal a,.klo-foot-search{font:600 12px/16px "Instrument Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#f2ebdc;margin-left:24px}
.klo-foot-legal a:first-child{margin-left:0}
.klo-foot-search{margin-left:0}
.klo-foot-legal a:hover,.klo-foot-search:hover{color:#54dff0}
.klo-menu-socials a{font:600 12px/16px "Instrument Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#f2ebdc;margin-right:24px}
.klo-menu-socials a:hover{color:#c8f25c}

/* Bends empty state (Loop Grid nothing-found message) */
.klo-empty{border:2px dashed #6b7090;border-radius:24px;padding:72px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.klo-empty h2{font-family:"Bricolage Grotesque","Arial Narrow",sans-serif;font-weight:800;font-variation-settings:"wdth" 75;text-transform:uppercase;font-size:clamp(26px,2.8vw,40px);line-height:.95;margin:0}
.klo-empty p{margin:0;max-width:52ch;color:#a9a498}
.klo-empty a.klo-btn-p,.klo-empty a.klo-btn-s{font:600 12px/16px "Instrument Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;min-height:48px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;text-decoration:none;margin:0 4px}
.klo-empty a.klo-btn-p{background:#ff4fa3;color:#0a0d1c}
.klo-empty a.klo-btn-p:hover{background:#54dff0}
.klo-empty a.klo-btn-s{background:transparent;color:#f2ebdc;border:2px solid #6b7090}
.klo-empty a.klo-btn-s:hover{border-color:#54dff0;color:#54dff0}
