.klaasje-story{--klaasje-story-max: 1240px;--klaasje-story-gut: 24px;--klaasje-story-pad: clamp(64px, 9vw, 120px)}.klaasje-story__band{padding:var(--klaasje-story-pad) 0}.klaasje-story__band--white{background:var(--klaasje-white)}.klaasje-story__band--light{background:linear-gradient(180deg,#fff,#eef3f6 46%,#dfe8ed)}.klaasje-story__band--soft{background:linear-gradient(145deg,#bfd7ef,#d9e5f2 32%,#eddfe6 62%,#fae2da)}.klaasje-story__band--navy{background:linear-gradient(160deg,#24506b 0%,var(--klaasje-navy) 55%,#102a3a 100%)}.klaasje-story__band.is-first{padding-top:calc(var(--klaasje-header-space, 88px) + var(--klaasje-story-pad))}.klaasje-story__inner{max-width:var(--klaasje-story-max);margin:0 auto;padding:0 var(--klaasje-story-gut)}.klaasje-story__band--hero,.klaasje-story__band.is-first.klaasje-story__band--hero{padding:0;margin-top:calc(-1 * var(--klaasje-header-space, 88px))}.klaasje-story__hero{position:relative;display:grid;place-items:end center;min-height:clamp(420px,var(--klaasje-story-hero-h, 70vh),820px);overflow:hidden}.klaasje-story__hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.klaasje-story__hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(9,22,31,calc(var(--klaasje-story-shade, .35) * .4)),rgba(9,22,31,calc(var(--klaasje-story-shade, .35) * .1)) 40%,rgba(9,22,31,calc(var(--klaasje-story-shade, .35) * .25)) 65%,rgba(9,22,31,var(--klaasje-story-shade, .35)))}.klaasje-story__hero-text{position:relative;z-index:1;max-width:var(--klaasje-story-max);padding:var(--klaasje-header-space, 88px) var(--klaasje-story-gut) clamp(16px,1.8vw,28px);text-align:center}.klaasje-story__hero-text .klaasje-story__title{color:var(--klaasje-white);max-width:none;font-size:clamp(34px,5.5vw,72px)}.klaasje-story__intro--hero{color:#ffffffdb;margin-left:auto;margin-right:auto}.klaasje-story__title{font-family:var(--klaasje-display);font-weight:500;font-size:clamp(40px,8vw,96px);line-height:.98;letter-spacing:-.03em;text-transform:lowercase;color:var(--klaasje-navy);margin:0;max-width:16ch}.klaasje-story__intro{font-family:var(--klaasje-body);font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:#5a6b76;max-width:56ch;margin:20px 0 0}.klaasje-story__inner--hero .klaasje-story__media{margin-top:clamp(32px,5vw,56px)}.klaasje-story__chapter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,72px)}.klaasje-story__chapter--right .klaasje-story__media{order:2}.klaasje-story__chapter--none{grid-template-columns:1fr;justify-items:center;text-align:center}.klaasje-story__chapter--none .klaasje-story__body{max-width:58ch}.klaasje-story__chapter--none .klaasje-story__heading{max-width:20ch}.klaasje-story__chapter--none .klaasje-story__body p{text-wrap:balance}.klaasje-story__chapter--none .klaasje-story__body,.klaasje-story__chapter--none .klaasje-story__heading{margin-inline:auto}.klaasje-story__heading{font-family:var(--klaasje-display);font-weight:500;font-size:clamp(28px,4vw,52px);line-height:1.04;letter-spacing:-.02em;text-transform:lowercase;color:var(--klaasje-navy);margin:0 0 18px}.klaasje-story__body{font-family:var(--klaasje-body);font-size:clamp(16px,1.3vw,18px);line-height:1.7;color:#33474f;max-width:48ch}.klaasje-story__body>*:first-child{margin-top:0}.klaasje-story__body>*:last-child{margin-bottom:0}.klaasje-story__body p{margin:0 0 1em}.klaasje-story__body a{color:inherit;text-decoration:underline;text-underline-offset:2px}.klaasje-story__media{position:relative;overflow:hidden;border-radius:var(--klaasje-r-box);background:#eef2f4}.klaasje-story__img{display:block;width:100%;height:100%;object-fit:cover}.klaasje-story__img--groep{object-position:center 12%}@media(max-width:749px){.klaasje-story__hero{min-height:clamp(380px,118vw,520px)}.klaasje-story__img--groep{object-position:55% top}}.klaasje-story__img--ph{fill:#193d5338}.klaasje-story__media--wide{aspect-ratio:21 / 9}.klaasje-story__media--landscape{aspect-ratio:4 / 3}.klaasje-story__media--square{aspect-ratio:1 / 1}.klaasje-story__media--portrait{aspect-ratio:4 / 5}.klaasje-story__outro{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.klaasje-story__heading--outro{margin:0;max-width:none;white-space:nowrap;font-size:clamp(min(18px,5.2vw),2.5vw,30px);line-height:1}.klaasje-story__team{list-style:none;margin:0 auto clamp(36px,3vw,40px);padding:0;width:100%;max-width:760px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}@media(min-width:640px){.klaasje-story__team{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.klaasje-story__member{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0}.klaasje-story__avatar-link{display:block;border-radius:50%;margin-bottom:12px}.klaasje-story__avatar{display:block;width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:center top;background:#eef2f4;transition:transform .25s ease}@media(hover:hover)and (pointer:fine){.klaasje-story__avatar-link:hover .klaasje-story__avatar{transform:scale(1.05)}}.klaasje-story__member-name,.klaasje-story__member-role{line-height:1.2;letter-spacing:-.01em;margin:0}.klaasje-story__member-name{font-family:var(--klaasje-display);font-weight:500;font-size:18px;color:var(--klaasje-navy)}.klaasje-story__member-role{font-family:var(--klaasje-body);font-size:13px;letter-spacing:0;color:#8a969d;margin-top:4px}.klaasje-story__band--dark .klaasje-story__member-name{color:var(--klaasje-white)}.klaasje-story__band--dark .klaasje-story__member-role{color:#ffffffb3}@media(prefers-reduced-motion:reduce){.klaasje-story__avatar{transition:none}}.klaasje-story__btn--leeg{opacity:.45;cursor:default}.klaasje-story__band--dark .klaasje-story__title,.klaasje-story__band--dark .klaasje-story__heading{color:var(--klaasje-white)}.klaasje-story__band--dark .klaasje-story__intro,.klaasje-story__band--dark .klaasje-story__body{color:#ffffffd1}.klaasje-story__band--dark .klaasje-story__media{background:#ffffff14}.klaasje-story__band--dark .klaasje-story__img--ph{fill:#ffffff3d}.klaasje-story__body--wide{max-width:68ch}.klaasje-story__hint{max-width:1240px;margin:0 auto;padding:24px;font-family:var(--klaasje-body);font-size:14px;line-height:1.5;color:#5a6b76;text-align:center}.klaasje-story__leeg{font-family:var(--klaasje-body);font-size:15px;color:#5a6b76;text-align:center;margin:0}@media(max-width:989px){.klaasje-story__chapter{grid-template-columns:1fr;gap:24px}.klaasje-story__chapter--right .klaasje-story__media{order:0}.klaasje-story__body{max-width:none}.klaasje-story__media--wide{aspect-ratio:3 / 2}}.klaasje-page__switch{display:inline-flex;gap:4px;padding:4px;margin:0 0 32px;border:1px solid rgba(25,61,83,.14);border-radius:var(--klaasje-r-pill)}.klaasje-page__switch-item{font-family:var(--klaasje-body);font-size:14px;line-height:1;color:var(--klaasje-navy);text-decoration:none;padding:10px 18px;border-radius:var(--klaasje-r-pill);transition:background-color .2s ease,color .2s ease}.klaasje-page__switch-item.is-active{background:var(--klaasje-navy);color:var(--klaasje-white)}.klaasje-page__switch-item:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:0}@media(hover:hover)and (pointer:fine){.klaasje-page__switch-item:not(.is-active):hover{background:#193d530f}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/klaasje-story.css.map */