.drb-biotics{padding-block:clamp(48px,5.6vw,88px);background-color:var(--bio-bg);color:var(--bio-ink)}.drb-biotics--tex{background-image:linear-gradient(rgba(var(--bio-veil-rgb, 34, 55, 31),var(--bio-tex-veil, .88)),rgba(var(--bio-veil-rgb, 34, 55, 31),var(--bio-tex-veil, .88))),var(--bio-tex);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.drb-biotics--abyss.drb-biotics--tex{background-image:linear-gradient(rgba(14,26,16,var(--bio-tex-veil, .88)),rgba(14,26,16,var(--bio-tex-veil, .88))),var(--bio-tex)}.drb-biotics--cream.drb-biotics--tex{background-image:linear-gradient(rgba(247,248,244,var(--bio-tex-veil, .88)),rgba(247,248,244,var(--bio-tex-veil, .88))),var(--bio-tex)}.drb-biotics--deep{--bio-veil-rgb: 34, 55, 31;--bio-bg: var(--drb-green-deep);--bio-ink: var(--drb-cream);--bio-mute: rgba(247, 248, 244, .72);--bio-card: rgba(255, 255, 255, .07);--bio-line: rgba(255, 255, 255, .16)}.drb-biotics--abyss{--bio-veil-rgb: 14, 26, 16;--bio-bg: var(--drb-green-abyss);--bio-ink: var(--drb-cream);--bio-mute: rgba(247, 248, 244, .7);--bio-card: rgba(255, 255, 255, .06);--bio-line: rgba(255, 255, 255, .14)}.drb-biotics--cream{--bio-veil-rgb: 247, 248, 244;--bio-bg: var(--drb-cream);--bio-ink: var(--drb-ink);--bio-mute: var(--drb-muted);--bio-card: rgba(47, 74, 53, .05);--bio-line: var(--drb-line)}.drb-biotics--plum{--bio-veil-rgb: 94, 34, 53;--bio-bg: var(--drb-plum-deep);--bio-ink: var(--drb-cream);--bio-mute: rgba(247, 248, 244, .72);--bio-card: rgba(255, 255, 255, .07);--bio-line: rgba(255, 255, 255, .16)}.drb-biotics__head{margin-bottom:clamp(30px,3.6vw,52px)}.drb-biotics__eyebrow{margin:0 0 12px;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bio-mute)}.drb-biotics .drb-biotics__h2{margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(2.8rem,3.4vw,4.4rem);line-height:1.14;letter-spacing:-.015em;color:var(--bio-ink);max-width:52ch}.drb-biotics__intro{margin-top:clamp(16px,1.8vw,24px);max-width:58ch;font-size:1.6rem;line-height:1.6;color:var(--bio-mute)}.drb-biotics__intro>:first-child{margin-top:0}.drb-biotics__intro>:last-child{margin-bottom:0}.drb-biotics__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);margin-bottom:clamp(30px,3.4vw,50px)}.drb-biotics__tab{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:40px;min-height:132px;padding:18px 20px;position:relative;border:1px solid var(--bio-line);border-radius:14px;overflow:hidden;background-color:#eceee8;border-color:#d2d6cc;color:#454b43;--bio-mute: #6b716a;font-family:var(--font-body-family);text-align:left;cursor:pointer;transform:translateZ(0);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease}.drb-biotics__tab{--bio-pat: rgba(47, 74, 53, .07)}.drb-biotics__tab[aria-selected=true]{--bio-pat: rgba(255, 255, 255, .085)}.drb-biotics__tab--shot{background-image:linear-gradient(to top,#eceee8f1,#eceee8ec 46%,#eceee8e4),var(--bio-shot);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.drb-biotics__tab--shot[aria-selected=true]{--bio-veil-on: max(var(--bio-veil, .75), .5);background-image:linear-gradient(to top,rgba(var(--bio-veil-rgb, 34, 55, 31),calc(var(--bio-veil-on) * 1.14)),rgba(var(--bio-veil-rgb, 34, 55, 31),calc(var(--bio-veil-on) * .92)) 46%,rgba(var(--bio-veil-rgb, 34, 55, 31),calc(var(--bio-veil-on) * .74))),var(--bio-shot)}.drb-biotics--cream .drb-biotics__tab--shot{background-image:linear-gradient(to top,#f7f8f4e6,#f7f8f4d1 46%,#f7f8f4a8),var(--bio-shot)}.drb-biotics__tab:not(.drb-biotics__tab--shot):nth-child(1){background-image:repeating-linear-gradient(114deg,transparent 0 9px,var(--bio-pat) 9px 10px)}.drb-biotics__tab:not(.drb-biotics__tab--shot):nth-child(2){background-image:radial-gradient(circle,var(--bio-pat) 2.6px,transparent 2.7px);background-size:22px 22px;background-position:6px 6px}.drb-biotics__tab:not(.drb-biotics__tab--shot):nth-child(3){background-image:radial-gradient(circle,var(--bio-pat) 1.5px,transparent 1.6px),radial-gradient(circle,var(--bio-pat) 1px,transparent 1.1px);background-size:15px 15px,24px 24px;background-position:0 0,8px 11px}.drb-biotics__num{font-size:clamp(1.5rem,1.4vw,1.8rem);font-weight:500;color:var(--bio-mute);font-variant-numeric:tabular-nums}.drb-biotics__tablabel{font-size:clamp(2rem,2vw,2.6rem);font-weight:600;line-height:1.2;letter-spacing:-.01em}.drb-biotics__tab:hover{border-color:#a8afa2}@media(hover:hover){.drb-biotics__tab:hover{transform:scale(1.02)}.drb-biotics__tab[aria-selected=true]:hover{transform:scale(1.055)}}.drb-biotics__tab[aria-selected=true]{transform:scale(1.055);z-index:2;background-color:#35553c;border-color:#f7f8f457;color:var(--drb-cream, #f7f8f4);--bio-mute: rgba(247, 248, 244, .74)}.drb-biotics__tab[aria-selected=true] .drb-biotics__tablabel,.drb-biotics__tab[aria-selected=true] .drb-biotics__num{text-shadow:0 1px 10px rgba(14,26,16,.55)}.drb-biotics__tab:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--drb-accent, #fd961e)}.drb-biotics__tabs.is-timed .drb-biotics__tab[aria-selected=true]:after{animation:drb-bio-run var(--bio-cycle, 5s) linear forwards}.drb-biotics__tabs.is-timed.is-paused .drb-biotics__tab[aria-selected=true]:after{animation-play-state:paused}@keyframes drb-bio-run{0%{width:0}to{width:100%}}.drb-biotics__tab:focus-visible{outline:2px solid var(--bio-ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){.drb-biotics__tab{transition:none}}.drb-biotics__panel{display:grid;gap:clamp(24px,3vw,56px)}.drb-biotics__panel[hidden]{display:none}@media screen and (min-width:990px){.drb-biotics__panel--media{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}.drb-biotics__copy{font-size:1.55rem;line-height:1.68;color:var(--bio-ink);max-width:62ch}.drb-biotics__copy>:first-child{margin-top:0}.drb-biotics__copy>:last-child{margin-bottom:0}.drb-biotics__copy p{margin:0 0 1em}.drb-biotics__copy strong{color:var(--bio-ink)}.drb-biotics__media{aspect-ratio:var(--biotics-ar, 2 / 1);max-width:100%;border-radius:14px;overflow:hidden;background:var(--bio-card);border:1px solid var(--bio-line)}.drb-biotics__img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:749px){.drb-biotics__tabs{--bio-chev: 10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.drb-biotics__tab{min-height:108px;padding:14px calc(var(--bio-chev) + 4px) 16px calc(var(--bio-chev) + 8px);align-items:center;text-align:center;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - var(--bio-chev)) 0,100% 50%,calc(100% - var(--bio-chev)) 100%,0 100%,var(--bio-chev) 50%)}.drb-biotics__tab:first-child{padding-left:10px;clip-path:polygon(0 0,calc(100% - var(--bio-chev)) 0,100% 50%,calc(100% - var(--bio-chev)) 100%,0 100%)}.drb-biotics__tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--bio-ink)}.drb-biotics__panel--bg{position:relative;padding:clamp(20px,5vw,28px);border-radius:14px;overflow:hidden;background-image:linear-gradient(to bottom,#08100ae6,#08100ad6 45%,#08100ae6),var(--bio-panel);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}.drb-biotics__panel--bg .drb-biotics__copy>*{color:var(--drb-cream, #f7f8f4);text-shadow:0 1px 12px rgba(6,12,8,.6)}.drb-biotics__panel--bg .drb-biotics__media{display:none}.drb-biotics__num{font-size:1.25rem}.drb-biotics__tablabel{font-size:1.4rem;letter-spacing:-.02em}.drb-biotics__tab[aria-selected=true]{transform:scale(1.03);filter:none}@media(hover:hover){.drb-biotics__tab:hover{transform:scale(1.015)}.drb-biotics__tab[aria-selected=true]:hover{transform:scale(1.03)}}}.drb-biotics__linkrow{display:flex;flex-wrap:wrap;gap:clamp(18px,2.4vw,34px);margin:clamp(26px,3vw,40px) 0 0}.drb-biotics__link{display:inline-flex;align-items:center;gap:8px;font-size:1.55rem;font-weight:600;color:var(--bio-ink);text-decoration:none}.drb-biotics__link>span{border-bottom:1px solid currentColor;padding-bottom:2px}.drb-biotics__link svg{width:18px;height:18px;flex:none;transition:transform .15s ease}.drb-biotics__link:hover svg{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.drb-biotics__link svg{transition:none}.drb-biotics__link:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/drb-biotics.css.map */