.template-page.others:has(.story-page) .breadcrumb{display:none}.story-page{--story-navy:#406282;--story-orange:#ed7d31;--story-cream:#f0dcaa;--story-paper:#fffdf8;--story-ink:#28231f;--story-muted:#675f57;overflow:hidden;color:var(--story-ink);background:var(--story-paper)}.story-page *,.story-page *:before,.story-page *:after{box-sizing:border-box}.story-page img{display:block;width:100%;height:100%;object-fit:cover}.story-shell{width:min(calc(100% - 40px),1200px);margin-inline:auto}.story-page h1,.story-page h2,.story-page h3,.story-page p,.story-page blockquote,.story-page dl{margin-top:0}.story-page h1,.story-page h2{color:var(--story-navy);font-family:var(--DTFontTypo_Body);font-weight:700;letter-spacing:-.04em;text-wrap:balance}.story-page h1{max-width:780px;margin-bottom:20px;font-size:clamp(2.65rem,5.5vw,5.8rem);line-height:.96}.story-page h2{margin-bottom:22px;font-size:clamp(2rem,3.8vw,4rem);line-height:1.02}.story-page h3{color:var(--story-navy);font-size:.94rem;line-height:1.18;letter-spacing:.025em}.story-eyebrow{margin-bottom:13px!important;color:var(--story-orange);font-size:.78rem;font-weight:800;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.story-paper{background-color:var(--story-cream);background-image:linear-gradient(#f0dcaae6,#f0dcaae6),url(klampet-kraft-paper.png)}.story-prose{color:var(--story-muted);font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.72}.story-prose p{margin-bottom:1rem}.story-edge{position:relative}.story-edge:after{content:"";position:absolute;z-index:4;right:-2px;bottom:-2px;left:-2px;height:clamp(24px,3vw,48px);background-position:center bottom;background-repeat:repeat-x;background-size:auto 100%;pointer-events:none}.story-edge--cream:after{background-image:url(klampet-painted-edge-cream.png)}.story-edge--paper:after{background-image:url(klampet-painted-edge-cream.png)}.story-hero{min-height:clamp(560px,66vw,790px);display:grid;align-items:center;isolation:isolate}.story-hero__media,.story-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0}.story-hero__media{z-index:-2}.story-hero__veil{z-index:-1;background:linear-gradient(90deg,#fffdf8f5,#fffdf8e0 34%,rgba(255,253,248,var(--story-overlay)) 55%,#fffdf80d 78%)}.story-hero__content{padding-block:clamp(90px,12vw,150px)}.story-hero__content p:last-child{max-width:620px;color:var(--story-ink);font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.58}.story-origin{padding:clamp(70px,8vw,112px) 0}.story-origin__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,7vw,100px);align-items:start}.story-callouts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(40px,6vw,72px);border-block:1px solid rgba(64,98,130,.28)}.story-callouts span{padding:21px 14px;color:var(--story-navy);font-weight:750;text-align:center;border-right:1px solid rgba(64,98,130,.24)}.story-callouts span:last-child{border:0}.story-source{min-height:650px;display:grid;isolation:isolate;background:var(--story-paper)}.story-source__media{position:absolute;z-index:-1;top:0;right:38%;bottom:0;left:0}.story-source__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 30%,var(--story-paper) 98%)}.story-source__layout{display:grid;grid-template-columns:52% 48%;align-items:center;padding-block:clamp(80px,9vw,130px)}.story-source__content{grid-column:2;padding-left:clamp(20px,5vw,70px)}.story-statement{margin:28px 0 0;color:var(--story-orange);font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:800;line-height:1.4}.story-promise{padding:clamp(72px,8vw,112px) 0}.story-heading{max-width:760px;margin-bottom:48px;text-align:center}.story-benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,2vw,28px)}.story-benefit{display:grid;grid-template-rows:82px 44px auto;justify-items:center;text-align:center}.story-benefit__icon{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#fffdf8bf}.story-benefit__icon svg{width:50px;height:50px;fill:none;stroke:var(--story-navy);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.story-benefit__icon svg .accent{stroke:var(--story-orange)}.story-benefit h3{align-self:start;margin:10px 0 7px}.story-benefit p{margin:0;color:var(--story-muted);font-size:.88rem;line-height:1.45}.story-split{padding:clamp(72px,8vw,112px) 0;background:var(--story-paper)}.story-split__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,7vw,96px);align-items:center}.story-split__media{min-height:clamp(380px,42vw,560px);overflow:hidden;border-radius:46% 54% 48% 52%/8% 10% 9% 11%}.story-split__media--blend{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 100%)}.story-split blockquote{margin:32px 0 0;padding-left:24px;border-left:4px solid var(--story-orange);color:var(--story-navy);font-size:clamp(1.35rem,2.4vw,2.2rem);font-weight:750;line-height:1.25}.story-split--reverse .story-split__content{grid-column:2}.story-split--reverse .story-split__media{grid-column:1;grid-row:1}.story-meaning{padding:clamp(72px,9vw,126px) 0;background:var(--story-navy);color:#fff}.story-meaning h2,.story-meaning p{color:#fff}.story-meaning__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,9vw,130px);align-items:center}.story-meaning__layout>div>p:last-child{max-width:550px;font-size:1.1rem;line-height:1.7}.story-acronym{display:grid;gap:0}.story-acronym div{display:grid;grid-template-columns:80px 1fr;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.story-acronym dt{color:var(--story-orange);font-size:clamp(2.6rem,5vw,5rem);font-weight:800;line-height:1}.story-acronym dd{margin:0;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:700}.story-details{padding:clamp(72px,8vw,112px) 0}.story-details__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(46px,8vw,110px);align-items:center}.story-details__list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none}.story-details__list li{position:relative;padding:18px 10px 18px 34px;border-bottom:1px solid rgba(64,98,130,.22);color:var(--story-navy);font-weight:750}.story-details__list li:before{content:"";position:absolute;top:24px;left:8px;width:10px;height:10px;border:2px solid var(--story-orange);border-radius:50%}.story-closing{min-height:660px;display:grid;place-items:center;position:relative;isolation:isolate;color:#fff;text-align:center}.story-closing__media,.story-closing__overlay{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0}.story-closing__overlay{z-index:-1;background:rgba(23,45,65,var(--story-overlay))}.story-closing__content{padding:90px 0}.story-closing h2{max-width:980px;margin-inline:auto;color:#fff}.story-closing__content>p:not(.story-eyebrow){max-width:720px;margin:0 auto 30px;font-size:1.1rem;line-height:1.6}.story-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.klampet-button--light,.klampet-button--light:visited{border-color:#fff;background:transparent;color:#fff}.klampet-button--light:hover{border-color:var(--story-orange);background:var(--story-orange)}@media(max-width:1100px){.story-benefits{grid-template-columns:repeat(3,1fr);row-gap:40px}.story-benefit{grid-template-rows:82px 44px auto}}@media(max-width:899px){.story-origin__grid,.story-source__layout,.story-split__grid,.story-meaning__layout,.story-details__grid{grid-template-columns:1fr}.story-source__media{position:relative;inset:auto;height:420px}.story-source__media:after{background:linear-gradient(180deg,transparent 45%,var(--story-paper) 100%)}.story-source__layout{padding-top:0}.story-source__content{grid-column:auto;padding:0}.story-split--reverse .story-split__content,.story-split--reverse .story-split__media{grid-column:auto;grid-row:auto}.story-split--reverse .story-split__media{grid-row:1}.story-meaning__layout{gap:40px}}@media(max-width:767px){.story-shell{width:min(calc(100% - 28px),1200px)}.story-hero{min-height:660px;align-items:end}.story-hero__veil{background:linear-gradient(0deg,#fffdf8fa,#fffdf8e0 44%,#fffdf81f 78%)}.story-hero__content{padding:280px 0 74px}.story-callouts{grid-template-columns:1fr 1fr}.story-callouts span:nth-child(2){border-right:0}.story-benefits{grid-template-columns:1fr 1fr;gap:34px 18px}.story-benefit{grid-template-rows:76px 48px auto}.story-benefit__icon{width:70px;height:70px}.story-benefit__icon svg{width:46px;height:46px}.story-split__media{min-height:340px}.story-split__media--blend{-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent);mask-image:linear-gradient(180deg,#000 84%,transparent)}.story-acronym div{grid-template-columns:60px 1fr}.story-details__list{grid-template-columns:1fr}.story-closing{min-height:720px}.story-actions{display:grid}.story-actions .klampet-button{width:min(100%,320px)}}@media(max-width:390px){.story-page h1{font-size:2.45rem}.story-page h2{font-size:1.9rem}.story-benefit p{font-size:.82rem}}@media(prefers-reduced-motion:reduce){.story-page *{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/klampet-story.css.map */