.kramen-story-wrap{--kramen-green: #596e5b;--kramen-green-deep: #3d4f40;--kramen-ink: #1a1c1a;--kramen-muted: #3a3f3a;--kramen-warm: #f3f1ec;--kramen-glow: rgba(89, 110, 91, .14);font-family:Jost,sans-serif;font-size:1.6rem;color:var(--kramen-ink)}.kramen-story-banner{position:relative;overflow:hidden;border-radius:1.25rem;padding:clamp(2rem,5vw,3.25rem) clamp(1.5rem,4vw,3rem);background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(89,110,91,.12) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(89,110,91,.08) 0%,transparent 50%),linear-gradient(145deg,#f6f5f1,#eceae4 48%,#e4e8e2);border:1px solid rgba(89,110,91,.14);box-shadow:0 1px #ffffffb3 inset}.kramen-story-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(26,28,26,.04) 1px,transparent 0);background-size:22px 22px;pointer-events:none;opacity:.55}.kramen-story-banner__inner{position:relative;z-index:1}.kramen-story-banner__title{margin:0 0 .85rem;font-size:clamp(2.4rem,4.5vw,3.2rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--kramen-ink)}.kramen-story-banner__teaser{margin:0 0 1.6rem;font-size:clamp(1.8rem,2.8vw,2.08rem);font-weight:500;line-height:1.62;color:var(--kramen-muted)}.kramen-story-banner__cta{display:inline-flex;align-items:center;gap:.45rem;padding:.85rem 1.35rem .85rem 1.45rem;border:1.5px solid var(--kramen-green);border-radius:999px;background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--kramen-green-deep);font-family:inherit;font-size:1.65rem;font-weight:600;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.kramen-story-banner__cta:hover{background:#fff;border-color:var(--kramen-green-deep);transform:translateY(-2px);box-shadow:0 8px 24px var(--kramen-glow)}.kramen-story-banner__cta:focus-visible{outline:2px solid var(--kramen-green);outline-offset:3px}.kramen-story-banner__cta-icon{display:inline-flex;transition:transform .3s ease;animation:kramen-chevron-bounce 2.2s ease-in-out infinite}.kramen-story-banner__cta.is-expanded .kramen-story-banner__cta-icon{transform:rotate(180deg);animation:none}@keyframes kramen-chevron-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.kramen-story-detail{scroll-margin-top:7rem;margin-top:clamp(2.5rem,6vw,4rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid rgba(89,110,91,.12)}.kramen-story-detail[hidden],.kramen-story-detail.is-collapsed{display:none}.kramen-story-detail:not(.is-collapsed):not([hidden]){animation:kramen-detail-expand .45s ease-out}@keyframes kramen-detail-expand{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.kramen-story-detail__lead{margin:0 0 clamp(2.25rem,5vw,3.5rem);font-size:clamp(1.9rem,3.2vw,2.2rem);font-weight:500;line-height:1.65;color:var(--kramen-muted);max-width:38rem}.kramen-story-detail__grid{display:grid;gap:clamp(2rem,4vw,2.75rem)}@media screen and (min-width:900px){.kramen-story-detail__grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 3rem}.kramen-story-detail__block--wide{grid-column:1 / -1;max-width:52rem}}.kramen-story-detail__block{opacity:0;transform:translateY(1.25rem);transition:opacity .65s ease,transform .65s ease}.kramen-story-detail__block.is-visible{opacity:1;transform:translateY(0)}.kramen-story-detail__block:nth-child(2){transition-delay:.08s}.kramen-story-detail__block:nth-child(3){transition-delay:.14s}.kramen-story-detail__block:nth-child(4){transition-delay:.2s}.kramen-story-detail__block:nth-child(5){transition-delay:.26s}.kramen-story-detail__heading{margin:0 0 .65rem;font-size:clamp(2.16rem,3.5vw,2.56rem);font-weight:650;line-height:1.25;color:var(--kramen-ink)}.kramen-story-detail__text{margin:0;font-size:clamp(1.7rem,2.4vw,1.9rem);font-weight:500;line-height:1.68;color:var(--kramen-muted)}.kramen-story-detail__block--contrast{padding:clamp(1.5rem,3vw,2rem);border-radius:1rem;background:linear-gradient(135deg,#596e5b12,#596e5b08);border:1px solid rgba(89,110,91,.12)}.kramen-story-detail__block--contrast .kramen-story-detail__heading{color:var(--kramen-green-deep)}.kramen-story-detail__block--contrast .kramen-story-detail__text{font-size:clamp(1.7rem,2.4vw,1.9rem);font-weight:500;line-height:1.68}
/*# sourceMappingURL=/cdn/shop/t/4/assets/soffexpert-kramen-story.css.map */