.sbb{--sbb-gutter: clamp(16px, 4vw, 56px);--sbb-maxw: 1320px;--sbb-hair: 1px solid var(--sbb-rule);--sbb-ease: cubic-bezier(.2, .7, .2, 1);background:var(--sbb-paper);color:var(--sbb-ink);font:400 1.0625rem/1.65 var(--sbb-f-sans);-webkit-font-smoothing:antialiased}.sbb--cream{background:var(--sbb-cream)}.sbb *,.sbb *:before,.sbb *:after{box-sizing:border-box}.sbb .sbb-wrap{width:100%;max-width:var(--sbb-maxw);margin-inline:auto;padding-inline:var(--sbb-gutter)}.sbb h1,.sbb h2,.sbb h3{margin:0;font-family:var(--sbb-f-display);font-weight:400;line-height:1.04;letter-spacing:-.02em;text-transform:none;text-wrap:balance;color:inherit}.sbb h1 em,.sbb h2 em,.sbb h3 em{font-style:italic;color:var(--sbb-accent)}.sbb p{margin:0}.sbb .sbb-micro{font:500 .75rem/1.4 var(--sbb-f-sans);letter-spacing:.14em;text-transform:uppercase}.sbb .sbb-lede{font-size:clamp(1.125rem,1.02rem + .35vw,1.3125rem);line-height:1.55;color:var(--sbb-ink-soft);max-width:40rem}.sbb .sbb-actions{display:flex;flex-wrap:wrap;gap:12px}.sbb .sbb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border:1px solid var(--sbb-ink);border-radius:0;background:var(--sbb-ink);color:var(--sbb-paper);font:500 .75rem/1.2 var(--sbb-f-sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background-color .2s var(--sbb-ease),color .2s var(--sbb-ease)}.sbb .sbb-btn--accent{background:var(--sbb-accent);border-color:var(--sbb-accent)}.sbb .sbb-btn--ghost{background:transparent;color:var(--sbb-ink)}@media(hover:hover){.sbb .sbb-btn:hover{background:var(--sbb-paper);color:var(--sbb-ink)}.sbb .sbb-btn--accent:hover{background:var(--sbb-paper);color:var(--sbb-accent)}.sbb .sbb-btn--ghost:hover{background:var(--sbb-ink);color:var(--sbb-paper)}}.sbb .sbb-btn:active{transform:translateY(1px)}.sbb .sbb-btn--accent:active{background:var(--sbb-accent-deep);border-color:var(--sbb-accent-deep);color:var(--sbb-paper)}.sbb a:focus-visible,.sbb button:focus-visible{outline:2px solid var(--sbb-accent);outline-offset:3px}@media(max-width:599px){.sbb .sbb-actions .sbb-btn{flex:1 1 100%;min-height:48px}}@media(prefers-reduced-motion:reduce){.sbb *{transition:none!important}}.sbb-band{padding-block:clamp(72px,8vw,136px)}.sbb .sbb-head{display:grid;gap:16px;margin-bottom:48px;max-width:46rem}.sbb .sbb-head h2{font-size:clamp(2.25rem,1.35rem + 3.1vw,4.25rem)}.sbb .sbb-head__text{color:var(--sbb-ink-soft);max-width:40rem}.sbb .sbb-head__text a,.sbb .sbb-rte a{color:var(--sbb-ink);text-underline-offset:4px}.sbb .sbb-textlink{color:var(--sbb-ink);font-weight:500;text-underline-offset:5px;text-decoration-thickness:1px}@media(hover:hover){.sbb .sbb-textlink:hover{color:var(--sbb-accent)}}.sbb .sbb-grid{list-style:none;margin:0;padding:0;display:grid;gap:40px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:900px){.sbb .sbb-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sbb .sbb-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.sbb .sbb-grid--2{max-width:880px}.sbb .sbb-card{display:grid;gap:6px;align-content:start}.sbb .sbb-card[hidden]{display:none}.sbb .sbb-card__link{color:inherit;text-decoration:none;display:grid;gap:14px}.sbb .sbb-card__media{aspect-ratio:4 / 5;overflow:hidden;background:var(--sbb-cream)}.sbb--cream .sbb-card__media{background:var(--sbb-paper)}.sbb .sbb-card__media img,.sbb .sbb-card__media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--sbb-ease)}@media(hover:hover){.sbb .sbb-card__link:hover img{transform:scale(1.03)}.sbb .sbb-card__link:hover .sbb-card__title{color:var(--sbb-accent)}}.sbb .sbb-card__title{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);line-height:1.15}.sbb .sbb-card__note{font-size:.875rem;color:var(--sbb-ink-soft)}.sbb .sbb-card__price{font-size:.875rem;font-weight:500}.sbb .sbb-filter{display:flex;flex-wrap:wrap;gap:8px;margin:-16px 0 40px}.sbb .sbb-chip{min-height:44px;padding:0 20px;border:1px solid var(--sbb-rule);border-radius:0;background:transparent;color:var(--sbb-ink);font:500 .75rem/1 var(--sbb-f-sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.sbb .sbb-chip[aria-pressed=true]{background:var(--sbb-ink);border-color:var(--sbb-ink);color:var(--sbb-paper)}.sbb .sbb-filter__note{flex-basis:100%;font-size:.875rem;color:var(--sbb-ink-soft);margin-top:8px}.sbb .sbb-feature{display:grid;gap:48px;align-items:start}.sbb .sbb-feature__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--sbb-cream)}.sbb--cream .sbb-feature__media{background:var(--sbb-paper)}.sbb .sbb-feature__media img,.sbb .sbb-feature__media svg{width:100%;height:100%;object-fit:cover;display:block}.sbb .sbb-feature__caption{position:absolute;left:16px;bottom:16px;padding:6px 10px;background:var(--sbb-paper);font-size:.75rem}.sbb .sbb-feature__body{display:grid;gap:24px}.sbb .sbb-feature__body .sbb-head{margin-bottom:0}.sbb .sbb-feature__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding-block:16px;border-block:var(--sbb-hair)}.sbb .sbb-feature__price strong{font:400 clamp(2.25rem,1.6rem + 2vw,3.25rem)/1 var(--sbb-f-display)}.sbb .sbb-feature__price span{font-size:.875rem;color:var(--sbb-ink-soft)}.sbb .sbb-points{list-style:none;margin:0;padding:0;display:grid}.sbb .sbb-point{display:grid;gap:4px;padding-block:18px;border-top:var(--sbb-hair)}.sbb .sbb-point:last-child{border-bottom:var(--sbb-hair)}.sbb .sbb-point h3{font-size:1.25rem;line-height:1.2}.sbb .sbb-point p{color:var(--sbb-ink-soft);font-size:.9375rem}.sbb .sbb-points--tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:var(--sbb-hair)}.sbb .sbb-points--tiers .sbb-point{border:0;padding:20px 12px;text-align:center}.sbb .sbb-points--tiers .sbb-point+.sbb-point{border-left:var(--sbb-hair)}.sbb .sbb-points--tiers .sbb-point__figure{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sbb-ink-soft)}.sbb .sbb-points--tiers h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.sbb .sbb-feature__fine{font-size:.875rem;color:var(--sbb-ink-soft)}@media(min-width:900px){.sbb .sbb-feature{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:80px;align-items:center}.sbb .sbb-feature--flip .sbb-feature__media{order:2}.sbb .sbb-feature__media{position:sticky;top:120px}}.sbb .sbb-form{display:grid;gap:18px;max-width:40rem}.sbb .sbb-form__row{display:grid;gap:18px}@media(min-width:600px){.sbb .sbb-form__row{grid-template-columns:1fr 1fr}}.sbb .sbb-field{display:grid;gap:6px;font-size:.875rem;font-weight:500}.sbb .sbb-field input,.sbb .sbb-field select,.sbb .sbb-field textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--sbb-line, #8A837B);border-radius:0;background:var(--sbb-paper);color:var(--sbb-ink);font:400 1rem/1.4 var(--sbb-f-sans)}.sbb .sbb-field textarea{min-height:120px;resize:vertical}.sbb .sbb-field small{font-weight:400;color:var(--sbb-ink-soft)}.sbb .sbb-check{display:flex;gap:10px;align-items:center;font-size:.9375rem}.sbb .sbb-check input{width:20px;height:20px;accent-color:var(--sbb-accent)}.sbb .sbb-form__msg{padding:14px 16px;border:1px solid var(--sbb-rule);background:var(--sbb-paper)}.sbb .sbb-form__msg--error{border-color:var(--sbb-accent)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sbb-base.css.map */