.koios-split-spotlight{--koios-color-bg: var(--color-background, #ffffff);--koios-color-text: var(--color-foreground, #1a2332);--koios-color-heading: var(--color-foreground-heading, var(--color-foreground, #1a2332));--koios-color-muted: var(--color-foreground-muted, var(--color-foreground, #5c6b7a));--koios-color-accent: var(--color-button, var(--color-accent, #1565c0));--koios-color-accent-text: var(--color-button-text, #ffffff);--koios-font-body: var(--font-body--family, var(--font-body-family, inherit));background:var(--kss-outer-bg, var(--koios-color-bg))}.koios-split-spotlight h2,.koios-split-spotlight p{margin:0}.koios-split-spotlight.is-full-width{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box}.koios-split-spotlight.is-full-width:not(.is-flush){padding-left:var(--kss-edge-pad, 0);padding-right:var(--kss-edge-pad, 0)}.shopify-section:has(.koios-split-spotlight.is-full-width),.section:has(.koios-split-spotlight.is-full-width){padding-left:0!important;padding-right:0!important;max-width:none!important}.shopify-section:has(.koios-split-spotlight.is-full-width)>.page-width,.section:has(.koios-split-spotlight.is-full-width)>.page-width{max-width:none!important;padding-left:0!important;padding-right:0!important}.koios-split-spotlight__grid{display:grid;grid-template-columns:var(--kss-content-col, 1fr) var(--kss-media-col, 1fr);align-items:stretch;min-height:var(--kss-min-height, 560px)}.koios-split-spotlight.is-media-left .koios-split-spotlight__grid{grid-template-columns:var(--kss-media-col, 1fr) var(--kss-content-col, 1fr)}.koios-split-spotlight.is-media-left .koios-split-spotlight__content{order:2}.koios-split-spotlight.is-media-left .koios-split-spotlight__media{order:1}.koios-split-spotlight__content{display:flex;align-items:center;min-height:var(--kss-min-height, 560px);padding:clamp(32px,5vw,64px) clamp(24px,5vw,72px);background:var(--kss-content-bg, var(--koios-color-bg));color:var(--kss-content-text, var(--koios-color-text))}.koios-split-spotlight__content-inner{width:100%;max-width:var(--kss-content-max, 520px)}.koios-split-spotlight__eyebrow{display:inline-block;margin-bottom:12px;color:var(--kss-eyebrow, var(--koios-color-muted));font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.koios-split-spotlight__heading{margin-bottom:16px;color:var(--kss-heading, var(--koios-color-heading))}.koios-split-spotlight:not(.is-theme-typography) .koios-split-spotlight__heading{font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.15}.is-theme-typography.koios-split-spotlight .koios-split-spotlight__heading{font-family:var(--font-h2--family, var(--font-heading--family, inherit));font-style:var(--font-h2--style, normal);font-weight:var(--font-h2--weight, var(--font-heading--weight, inherit));font-size:var(--font-h2--size, var(--font-size-h2, inherit));line-height:var(--font-h2--line-height, 1.15);letter-spacing:var(--font-h2--letter-spacing, normal);text-transform:var(--font-h2--case, none)}.is-theme-typography.koios-split-spotlight.is-theme-colors .koios-split-spotlight__heading{color:var(--font-h2--color, var(--koios-color-heading))}.is-theme-typography.koios-split-spotlight:not(.is-theme-colors) .koios-split-spotlight__heading{color:var(--kss-heading, #ffffff)}.koios-split-spotlight__text{margin-bottom:28px;max-width:42ch;color:var(--kss-text, var(--koios-color-muted));line-height:1.5}.koios-split-spotlight:not(.is-theme-typography) .koios-split-spotlight__text{font-size:clamp(16px,1.8vw,20px)}.is-theme-typography.koios-split-spotlight .koios-split-spotlight__text{font-family:var(--font-body--family, var(--font-body-family, inherit));font-size:var(--font-paragraph--size, var(--font-body--size, inherit));font-weight:var(--font-body--weight, inherit);line-height:var(--font-paragraph--line-height, 1.5)}.is-theme-typography.koios-split-spotlight.is-theme-colors .koios-split-spotlight__text{color:var(--koios-color-muted);opacity:.85}.is-theme-typography.koios-split-spotlight:not(.is-theme-colors) .koios-split-spotlight__text{color:var(--kss-text, rgba(255, 255, 255, .9))}.koios-split-spotlight:not(.is-theme-colors) .koios-split-spotlight__eyebrow{color:var(--kss-eyebrow, rgba(255, 255, 255, .85))}.koios-split-spotlight__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:var(--kss-btn-radius, 4px);border:2px solid transparent;background:var(--kss-btn-bg, var(--koios-color-accent));color:var(--kss-btn-text, var(--koios-color-accent-text));font:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.koios-split-spotlight__btn:hover{background:var(--kss-btn-bg-hover, var(--kss-btn-bg, var(--koios-color-accent)));color:var(--kss-btn-text-hover, var(--kss-btn-text, var(--koios-color-accent-text)))}.koios-split-spotlight__btn.is-outline{background:transparent;border-color:currentColor;color:var(--kss-btn-text, var(--koios-color-accent-text))}.koios-split-spotlight__btn.is-outline:hover{background:#ffffff1f}.koios-split-spotlight__media{position:relative;min-height:var(--kss-min-height, 560px);background:#f1f5f9;overflow:hidden}.koios-split-spotlight__media-inner{position:absolute;top:0;right:0;bottom:0;left:0}.koios-split-spotlight__image,.koios-split-spotlight__video,.koios-split-spotlight__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:var(--kss-media-fit, cover);object-position:var(--kss-media-focus, center center);background:#eef2f6}.koios-split-spotlight__image--mobile{display:none}.koios-split-spotlight__empty{display:grid;place-items:center;width:100%;height:100%;padding:24px;color:var(--koios-color-muted);font-size:14px;text-align:center}.is-theme-colors.koios-split-spotlight{--kss-content-bg: var(--color-background-secondary, var(--koios-color-bg));--kss-content-text: var(--koios-color-text);--kss-heading: var(--koios-color-heading);--kss-text: var(--koios-color-muted);--kss-eyebrow: var(--koios-color-muted);--kss-btn-bg: var(--koios-color-accent);--kss-btn-bg-hover: var(--color-button-hover, var(--koios-color-accent));--kss-btn-text: var(--koios-color-accent-text)}.is-theme-typography.koios-split-spotlight,.is-theme-colors.koios-split-spotlight{font-family:var(--koios-font-body);font-weight:var(--font-body--weight, inherit)}.is-theme-colors.koios-split-spotlight .koios-split-spotlight__content{color:var(--kss-content-text)}@media(max-width:768px){.koios-split-spotlight__grid{grid-template-columns:1fr;min-height:0}.koios-split-spotlight.is-media-left .koios-split-spotlight__content,.koios-split-spotlight.is-media-left .koios-split-spotlight__media{order:unset}.koios-split-spotlight.is-stack-media-first .koios-split-spotlight__media{order:-1}.koios-split-spotlight__content{min-height:auto;padding:40px 20px}.koios-split-spotlight__media{aspect-ratio:var(--kss-mobile-ratio, 4 / 5);width:100%;min-height:var(--kss-min-height-mobile, 420px);max-height:85vh}.koios-split-spotlight__image--mobile{display:block}.koios-split-spotlight__media:has(.koios-split-spotlight__image--mobile) .koios-split-spotlight__image--desktop{display:none}}@media(prefers-reduced-motion:reduce){.koios-split-spotlight__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/koios-split-spotlight.css.map */