.db-stories{background:var(--db-foam, #f4f7f8);color:var(--db-ink, #001130);padding:clamp(7rem,10vw,12rem) 0}.db-stories .db-header{margin-bottom:3.2rem}.db-stories .db-header__title{color:var(--db-ink, #001130)}.db-stories__wrap{position:relative}.db-stories__rail{list-style:none;margin:0;display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.4rem clamp(2rem,5vw,6.4rem) 1.6rem;scrollbar-width:none}.db-stories__rail::-webkit-scrollbar{display:none}.db-stories__item{flex:none;width:min(42rem,82vw);scroll-snap-align:start;display:flex}.db-stories__card{position:relative;display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid rgba(0,17,48,.08);border-radius:.8rem;overflow:hidden;text-decoration:none;color:var(--db-ink, #001130);transition:transform .45s var(--db-ease),box-shadow .45s var(--db-ease)}.db-stories__card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #00113024}.db-stories__card:focus-visible{outline:2px solid var(--db-flare, #e00f00);outline-offset:3px}.db-stories__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--db-deep, #021c4a)}.db-stories__media--empty{background:radial-gradient(120% 120% at 20% 0%,#0d4468,#021c4a 55%,#001130)}.db-stories__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--db-ease),transform .9s var(--db-ease)}.db-stories__excerpt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:2.4rem;background:#fff;opacity:0;transition:opacity .4s var(--db-ease)}.db-stories__excerpt p{margin:0;font-size:1.5rem;line-height:1.65;color:#001130c7;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}@media(hover:hover)and (pointer:fine){.db-stories__card:hover .db-stories__media img{opacity:0}.db-stories__card:hover .db-stories__excerpt{opacity:1}}.db-stories__body{display:flex;flex-direction:column;gap:.8rem;flex:1;padding:2rem 2.4rem 2.4rem}.db-stories__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 400);text-transform:uppercase;letter-spacing:.02em;font-size:2rem;line-height:1.15;color:var(--db-ink, #001130);transition:color .25s var(--db-ease)}.db-stories__card:hover .db-stories__title{color:var(--db-flare, #e00f00)}.db-stories__author{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#0011308c}.db-stories__read{margin-top:auto;align-self:flex-start;padding:.7rem 1.4rem;border:1px solid rgba(0,17,48,.16);border-radius:999px;background:#fff;font-size:1.15rem;font-weight:600;letter-spacing:.04em;color:var(--db-ink, #001130);transition:background-color .3s var(--db-ease),color .3s var(--db-ease),border-color .3s var(--db-ease)}.db-stories__card:hover .db-stories__read{background:var(--db-ink, #001130);border-color:var(--db-ink, #001130);color:#fff}.db-stories__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:4.8rem;height:4.8rem;padding:0;border:1px solid rgba(0,17,48,.1);border-radius:50%;background:#fff;color:var(--db-ink, #001130);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 26px #0011302e;transition:transform .3s var(--db-ease),background-color .3s var(--db-ease),color .3s var(--db-ease),opacity .3s var(--db-ease)}.db-stories__arrow svg{width:1.8rem;height:1.8rem}.db-stories__arrow--prev{left:1.2rem}.db-stories__arrow--next{right:1.2rem}.db-stories__arrow:hover{background:var(--db-flare, #e00f00);color:#fff;transform:translateY(-50%) scale(1.08)}.db-stories__arrow[disabled]{opacity:0;pointer-events:none}@media(hover:none){.db-stories__arrow{display:none}}@media screen and (max-width:749px){.db-stories .db-header{margin-bottom:2.4rem}.db-stories__item{width:min(34rem,86vw)}.db-stories__title{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.db-stories__rail{scroll-behavior:auto}.db-stories__card,.db-stories__media img,.db-stories__excerpt,.db-stories__title,.db-stories__read,.db-stories__arrow{transition:none}.db-stories__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/db-stories.css.map */