.ksb-morning{padding-block:var(--space-7)}.ksb-morning__container{padding-inline:var(--gutter-mobile)}.ksb-morning__grid{display:flex;flex-direction:column;gap:var(--space-6);align-items:center}.ksb-morning__media{width:100%;max-width:540px;aspect-ratio:4 / 5;border-radius:var(--kjm-radius-card);overflow:hidden;background:var(--shoji)}.ksb-morning__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--kjm-ease, cubic-bezier(.2,.7,.2,1))}@media(hover:hover)and (pointer:fine){.ksb-morning__media:hover img{transform:scale(1.04)}}.ksb-morning__copy{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:560px}.ksb-morning__eyebrow{font-family:var(--font-mono);font-size:clamp(13px,.78rem,14px);text-transform:uppercase;letter-spacing:.1em;color:var(--wabi)}.ksb-morning__h2{margin:0;font-family:var(--font-body);font-weight:700;color:var(--navy);font-size:clamp(32px,5vw,44px);line-height:1.15;letter-spacing:-.02em}.ksb-morning__lede{margin:0;font-family:var(--font-body);font-size:clamp(16px,1.8vw,18px);color:var(--navy);line-height:1.6}.ksb-morning__stats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3);padding-block:var(--space-5);border-block:1px solid rgb(15 31 60 / .1)}.ksb-morning__stat{display:grid;grid-template-columns:110px 1fr;column-gap:var(--space-4);align-items:baseline}.ksb-morning__stat-num{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.4vw,26px);color:var(--cerise);line-height:1;letter-spacing:-.02em;white-space:nowrap}.ksb-morning__stat-label{font-family:var(--font-body);font-size:15px;color:var(--navy);line-height:1.5;text-wrap:pretty}.ksb-morning__stat-key{font-weight:700;margin-inline-end:4px}@media(min-width:600px){.ksb-morning__stat{grid-template-columns:130px 1fr}}.ksb-morning__compare{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.ksb-morning__compare-col{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--kjm-radius-card-sm)}.ksb-morning__compare-col--coffee{background:var(--shoji);border:1px solid rgb(15 31 60 / .12);opacity:.78}.ksb-morning__compare-col--ronin{background:var(--navy);color:var(--shoji)}.ksb-morning__compare-eyebrow{font-family:var(--font-mono);font-size:clamp(12px,.72rem,13px);text-transform:uppercase;letter-spacing:.1em;color:var(--wabi)}.ksb-morning__compare-col--ronin .ksb-morning__compare-eyebrow{color:var(--wabi)}.ksb-morning__compare-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.ksb-morning__compare-list li{font-family:var(--font-body);font-size:14px;line-height:1.5;position:relative;padding-inline-start:var(--space-3)}.ksb-morning__compare-list li:before{content:"\b7";position:absolute;inset-inline-start:0;color:var(--wabi);font-weight:700}.ksb-morning__price{margin:0;font-family:var(--font-mono);font-size:clamp(13px,.78rem,14px);text-transform:uppercase;letter-spacing:.08em;color:var(--navy);opacity:.78}.ksb-morning__cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:var(--navy);color:var(--shoji);font-family:var(--font-mono);font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;padding-block:var(--space-3);padding-inline:var(--space-6);border-radius:0;border:none;min-height:48px;transition:opacity .2s,transform .28s var(--kjm-ease, cubic-bezier(.2,.7,.2,1))}@media(hover:hover)and (pointer:fine){.ksb-morning__cta:hover{opacity:.92;transform:translateY(-2px)}}.ksb-morning__cta:focus-visible{outline:3px solid var(--cerise);outline-offset:4px}@media(min-width:600px){.ksb-morning__container{padding-inline:var(--gutter-tablet)}.ksb-morning__compare{grid-template-columns:1fr 1fr}}@media(min-width:900px){.ksb-morning{padding-block:var(--space-8)}.ksb-morning__container{padding-inline:var(--gutter-desktop)}.ksb-morning__grid{flex-direction:row;align-items:flex-start;gap:var(--space-8)}.ksb-morning__media{flex:0 0 540px;max-width:540px;position:sticky;top:calc(var(--header-height, 72px) + var(--space-5))}.ksb-morning__copy{flex:1 1 auto;max-width:560px}}@media(min-width:1200px){.ksb-morning__media{flex-basis:600px;max-width:600px}}@media(prefers-reduced-motion:reduce){.ksb-morning__media img,.ksb-morning__cta{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-morning-ritual.css.map */