.kl-brand-story{padding:var(--kl-space-9) 0;background:var(--kl-color-paper)}.kl-brand-story .story-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--kl-space-8);align-items:center}.kl-brand-story .story-panel{padding:var(--kl-space-7);border-radius:var(--kl-radius-xl);background:var(--kl-color-surface);box-shadow:var(--kl-shadow-md)}.kl-brand-story .story-overline{font-size:var(--kl-type-overline);font-weight:var(--kl-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--kl-color-olive);margin-bottom:var(--kl-space-3)}.kl-brand-story .story-headline{font-family:var(--kl-font-display);font-size:var(--kl-type-h1);line-height:var(--kl-leading-tight);color:var(--kl-color-wordmark);margin-bottom:var(--kl-space-5)}.kl-brand-story .story-copy{font-size:var(--kl-type-body-lg);line-height:var(--kl-leading-body);color:var(--kl-color-muted);margin-bottom:var(--kl-space-6)}.kl-brand-story .story-copy+p{margin-top:calc(var(--kl-space-3) * -1);margin-bottom:var(--kl-space-6)}.kl-brand-story .story-stats{display:flex;align-items:flex-start;gap:var(--kl-space-6);flex-wrap:wrap;margin-bottom:var(--kl-space-6)}.kl-brand-story .story-stats .stat{flex:1 1 0;min-width:0}.kl-brand-story .stat strong{display:block;font-family:var(--kl-font-display);font-size:var(--kl-type-h2);color:var(--kl-color-wordmark);line-height:1}.kl-brand-story .stat span{display:block;font-size:var(--kl-type-body-sm);color:var(--kl-color-muted);line-height:var(--kl-leading-label)}.kl-brand-story .story-actions{display:flex;gap:var(--kl-space-3);flex-wrap:wrap}.kl-brand-story .story-media{position:relative;border-radius:var(--kl-radius-xl);overflow:hidden;aspect-ratio:3 / 4;background:var(--kl-gradient-hero);box-shadow:var(--kl-shadow-lg);display:grid;place-items:center}.kl-brand-story .story-media__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.kl-brand-story .story-media-inner{position:relative;z-index:1;width:100%;height:100%;padding:var(--kl-space-8);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#faf8f226,#2e1d158c)}.kl-brand-story .story-media-label{padding:var(--kl-space-4) var(--kl-space-5);border-radius:var(--kl-radius-lg);background:#faf8f2eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(222,215,203,.6);box-shadow:var(--kl-shadow-md)}.kl-brand-story .story-media-label strong{display:block;font-size:var(--kl-type-body);font-weight:var(--kl-weight-bold);color:var(--kl-color-wordmark);margin-bottom:4px}.kl-brand-story .story-media-label span{font-size:var(--kl-type-body-sm);color:var(--kl-color-muted)}@media(max-width:1023px){.kl-brand-story .story-grid{grid-template-columns:1fr}.kl-brand-story .story-media{aspect-ratio:16 / 9;order:-1}}@media(max-width:767px){.kl-brand-story{padding:var(--kl-space-7) 0}.kl-brand-story .story-grid{position:relative;display:grid;gap:var(--kl-space-3);overflow:visible;border-radius:var(--kl-radius-xl);background:transparent;box-shadow:none;isolation:isolate}.kl-brand-story .story-panel{position:relative;z-index:1;margin:0;padding:var(--kl-space-4);border-radius:var(--kl-radius-lg);background:var(--kl-color-surface);border:1px solid var(--kl-color-line);box-shadow:var(--kl-shadow-md);backdrop-filter:none;-webkit-backdrop-filter:none}.kl-brand-story .story-overline{margin-bottom:var(--kl-space-2)}.kl-brand-story .story-headline{font-size:23px;margin-bottom:var(--kl-space-3)}.kl-brand-story .story-copy{font-size:15px;line-height:1.5;margin-bottom:var(--kl-space-4)}.kl-brand-story .story-panel .story-copy+.story-copy{display:none}.kl-brand-story .story-copy+p{margin-bottom:var(--kl-space-5)}.kl-brand-story .story-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--kl-space-2);margin-bottom:var(--kl-space-4);padding:var(--kl-space-3);border-radius:var(--kl-radius-md);background:#f3f0e8db}.kl-brand-story .stat strong{font-size:20px}.kl-brand-story .stat span{font-size:11px;line-height:1.25;min-height:calc(var(--kl-space-5) + var(--kl-space-2));text-wrap:balance}.kl-brand-story .story-actions{display:grid;grid-template-columns:1fr;gap:var(--kl-space-2)}.kl-brand-story .story-actions .kl-btn{min-height:44px;padding-inline:var(--kl-space-4);white-space:normal;text-align:center}.kl-brand-story .story-actions .kl-btn-secondary{display:none}.kl-brand-story .story-media{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:4 / 3;border-radius:var(--kl-radius-xl);box-shadow:var(--kl-shadow-md);order:-1}.kl-brand-story .story-media__img{object-position:center 45%}.kl-brand-story .story-media-inner{padding:0;background:linear-gradient(180deg,#2e1d1505,#2e1d153d)}.kl-brand-story .story-media-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/kl-brand-story.css.map */