html body.dt-brands-page #page-header, html body.dt-brands-page .page-header{display: none !important}html body.dt-brands-page{background: var(--dt-s-fafaf7, #fafaf7)}html body.dt-brands-page #site-content{padding-top: 0 !important;padding-bottom: 0 !important}html body .dt-br{position: relative;overflow: clip;background: var(--paper);color: var(--ink);font-size: 16px}html body .dt-br > .dt-ambient i:nth-child(1){top: -180px;left: -160px;width: 640px;height: 640px}html body .dt-br > .dt-ambient i:nth-child(2){top: 20px;right: -220px;width: 580px;height: 580px}html body .dt-br > .dt-ambient i:nth-child(3){top: 420px;bottom: auto;left: 34%;width: 480px;height: 480px;opacity: 0.4}html body .dt-br__wrap{position: relative;z-index: 1;width: 100%;max-width: 1320px;margin: 0 auto;padding: 0 32px}html body .dt-ui .dt-br a{text-decoration: none}html body .dt-br__hero{position: relative;padding: 104px 0 64px;text-align: center}html body .dt-br__pill{display: inline-flex;align-items: center;gap: 9px;height: 36px;padding: 0 16px 0 12px;border-radius: 999px;background: var(--glass-bg);box-shadow: var(--glass-shadow);color: var(--ink-2);font: 600 12.5px/1 var(--body);letter-spacing: 0.1em;text-transform: uppercase;animation: dt-br-fade 0.9s var(--ease) both}html body .dt-br__dot{width: 8px;height: 8px;border-radius: 50%;background: var(--green);box-shadow: 0 0 0 4px rgba(var(--dt-p-4cd964-rgb, 76, 217, 100), 0.18);animation: dt-br-pulse 2.4s ease-in-out infinite}html body .dt-ui .dt-br__title{margin: 24px auto 22px;color: var(--ink);font: 800 clamp(48px, 8.4vw, 112px) / 0.94 var(--display);letter-spacing: -0.055em}html body .dt-br__line{display: block;overflow: hidden;padding-bottom: 0.06em}html body .dt-br__line > span{display: block;animation: dt-br-rise 1.1s var(--ease) both}html body .dt-br__line:nth-child(2) > span{animation-delay: 0.1s}html body .dt-br__accent{background: linear-gradient(100deg, var(--dt-p-1a8030, #1a8030) 0%, var(--dt-p-2fb24a, #2fb24a) 55%, var(--dt-p-4cd964, #4cd964) 100%);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent}html body .dt-ui .dt-br__lede{max-width: 580px;margin: 0 auto;color: var(--ink-2);font: 500 clamp(16px, 1.4vw, 18.5px) / 1.6 var(--body);animation: dt-br-fade 1.1s 0.25s var(--ease) both}html body .dt-ui .dt-br__stats{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 36px}html body .dt-ui .dt-br__stats li{display: flex;align-items: baseline;gap: 8px;padding: 14px 22px;border-radius: 999px;background: var(--glass-bg);box-shadow: var(--glass-shadow);animation: dt-br-pop 0.8s var(--spring) both}html body .dt-ui .dt-br__stats li:nth-child(2){animation-delay: 0.08s}html body .dt-ui .dt-br__stats li:nth-child(3){animation-delay: 0.16s}html body .dt-ui .dt-br__stats b{font: 800 24px/1 var(--display);letter-spacing: -0.03em;font-variant-numeric: tabular-nums}html body .dt-ui .dt-br__stats span{color: var(--muted);font: 600 14px/1 var(--body)}html body .dt-br__head{margin-bottom: 28px}html body .dt-br__head--row{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 18px}html body .dt-br__eyebrow{display: inline-flex;align-items: center;gap: 12px;margin-bottom: 12px;color: var(--green-deep);font: 700 12.5px/1 var(--body);letter-spacing: 0.16em;text-transform: uppercase}html body .dt-br__eyebrow::before{content: "";width: 26px;height: 1.5px;border-radius: 2px;background: currentColor}html body .dt-ui .dt-br__h2{font: 800 clamp(32px, 4vw, 52px) / 1 var(--display);letter-spacing: -0.045em}html body .dt-br__featured{padding: 24px 0 72px}html body .dt-ui .dt-br__cards{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px}html body .dt-br__card{--tint-a: var(--sky);--tint-b: #eef9f0;position: relative;display: flex;flex-direction: column;min-height: 420px;overflow: hidden;padding: 20px;border-radius: 32px;background: radial-gradient(120% 90% at 0% 0%, var(--tint-a) 0%, var(--tint-b) 60%, #fff 100%);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(10, 10, 10, 0.04), 0 26px 50px -30px rgba(10, 10, 10, 0.3);color: var(--ink);isolation: isolate;transition: transform 0.6s var(--ease), box-shadow 0.6s var(--ease);animation: dt-br-card 0.9s var(--ease) both;animation-delay: calc(var(--k, 0) * 70ms + 0.1s)}html body .dt-br__card--sand{--tint-a: var(--sand);--tint-b: #fbf4ea}html body .dt-br__card--lilac{--tint-a: var(--lilac);--tint-b: #f4f0fc}html body .dt-br__card--mint{--tint-a: var(--mint);--tint-b: #eef9f4}html body .dt-br__card:hover{color: var(--ink);transform: translateY(-6px);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 2px 4px rgba(10, 10, 10, 0.05), 0 40px 70px -34px rgba(10, 10, 10, 0.4)}html body .dt-br__card-top{position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between}html body .dt-br__logo{display: grid;flex: none;place-items: center;overflow: hidden;width: 58px;height: 58px;border-radius: 50%;background: #fff;box-shadow: inset 0 0 0 1px var(--line), 0 10px 22px -12px rgba(10, 10, 10, 0.35);color: var(--ink);font: 800 22px/1 var(--display)}html body .dt-br__logo img{width: 44px;height: 44px;object-fit: contain}html body .dt-br__logo--sm{width: 44px;height: 44px;box-shadow: inset 0 0 0 1px var(--line), 0 6px 14px -10px rgba(10, 10, 10, 0.35);font-size: 16px}html body .dt-br__logo--sm img{width: 32px;height: 32px}html body .dt-br__count{display: inline-flex;align-items: center;height: 32px;padding: 0 14px;border-radius: 999px;background: rgba(255, 255, 255, 0.7);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9);color: var(--ink-2);font: 700 12.5px/1 var(--body);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}html body .dt-br__shots{position: relative;flex: 1;min-height: 220px;margin: 6px -6px 0}html body .dt-br__shot{position: absolute;top: 50%;left: 50%;overflow: hidden;width: 54%;aspect-ratio: 1;border-radius: 24px;background: #fff;box-shadow: 0 1px 2px rgba(10, 10, 10, 0.06), 0 22px 40px -22px rgba(10, 10, 10, 0.4);transition: transform 0.8s var(--ease)}html body .dt-br__shot img{display: block;width: 100%;height: 100%;object-fit: cover;mix-blend-mode: multiply}html body .dt-br__shot--0{z-index: 3;transform: translate(-50%, -50%) rotate(-2deg)}html body .dt-br__shot--1{z-index: 2;transform: translate(-96%, -46%) rotate(-11deg) scale(0.86)}html body .dt-br__shot--2{z-index: 1;transform: translate(-4%, -46%) rotate(10deg) scale(0.86)}html body .dt-br__card:hover .dt-br__shot--0{transform: translate(-50%, -54%) rotate(0deg) scale(1.04)}html body .dt-br__card:hover .dt-br__shot--1{transform: translate(-108%, -48%) rotate(-15deg) scale(0.88)}html body .dt-br__card:hover .dt-br__shot--2{transform: translate(8%, -48%) rotate(14deg) scale(0.88)}html body .dt-br__card-foot{position: relative;z-index: 2;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: end;gap: 4px 12px;margin-top: 10px}html body .dt-br__name{grid-column: 1;font: 800 30px/1 var(--display);letter-spacing: -0.04em}html body .dt-br__models{grid-column: 1;overflow: hidden;color: var(--muted);font: 600 13.5px/1.3 var(--body);text-overflow: ellipsis;white-space: nowrap}html body .dt-br__go{display: grid;grid-column: 2;grid-row: 1 / span 2;place-items: center;width: 52px;height: 52px;border-radius: 50%;background: var(--dark-bg);box-shadow: var(--dark-shadow);color: #fff;transition: transform 0.5s var(--spring)}html body .dt-br__go .dt-i{width: 20px;height: 20px;transition: transform 0.5s var(--ease)}html body .dt-br__card:hover .dt-br__go{transform: scale(1.06)}html body .dt-br__card:hover .dt-br__go .dt-i{transform: translateX(3px) rotate(-30deg)}html body .dt-br__all{padding: 0 0 72px}html body .dt-br__search{position: relative;display: flex;align-items: center;gap: 10px;width: min(360px, 100%);height: 54px;padding: 0 8px 0 18px;border-radius: 999px;background: #fff;box-shadow: var(--chip-shadow);transition: box-shadow 0.3s var(--ease)}html body .dt-br__search:focus-within{box-shadow: inset 0 0 0 1.5px var(--ink), 0 0 0 5px rgba(10, 10, 10, 0.06)}html body .dt-br__search > .dt-i{width: 19px;height: 19px;color: var(--muted)}html body .dt-ui .dt-br__search input{flex: 1;min-width: 0;height: 100%;margin: 0;padding: 0;border: 0;background: none;box-shadow: none;color: var(--ink);font: 600 15.5px/1 var(--body);outline: none}html body .dt-ui .dt-br__search input::-webkit-search-cancel-button{display: none}html body .dt-ui .dt-br__search input::placeholder{color: var(--soft);font-weight: 500}html body .dt-ui .dt-br__search-clear{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 50%;background: rgba(10, 10, 10, 0.06)}html body .dt-ui .dt-br__search-clear[hidden]{display: none}html body .dt-ui .dt-br__search-clear .dt-i{width: 15px;height: 15px}html body .dt-br__index{display: flex;flex-wrap: wrap;gap: 6px;margin: 0 0 28px;padding: 8px;border-radius: 24px;background: var(--glass-bg);box-shadow: var(--glass-shadow)}html body .dt-br__index > *{display: grid;flex: 1 0 34px;place-items: center;max-width: 46px;height: 38px;border-radius: 12px;font: 700 13.5px/1 var(--body)}html body .dt-br__index a{color: var(--ink);transition: background 0.25s var(--ease), color 0.25s var(--ease), transform 0.45s var(--spring)}html body .dt-br__index a:hover, html body .dt-br__index a.is-on{background: var(--ink);color: #fff;transform: translateY(-1px)}html body .dt-br__index span{color: rgba(10, 10, 10, 0.18)}html body .dt-br__groups{display: grid;gap: 6px}html body .dt-br__group{display: grid;grid-template-columns: 88px minmax(0, 1fr);align-items: start;gap: 18px;padding: 18px 0;border-top: 1px solid var(--line);scroll-margin-top: 120px}html body .dt-br__group[hidden]{display: none}html body .dt-br__letter{position: sticky;top: 110px;padding-top: 8px;color: rgba(10, 10, 10, 0.16);font: 800 56px/0.9 var(--display);letter-spacing: -0.05em}html body .dt-ui .dt-br__list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px}html body .dt-ui .dt-br__list li[hidden]{display: none}html body .dt-br__row{display: flex;align-items: center;gap: 14px;padding: 12px 16px 12px 12px;border-radius: 24px;background: rgba(255, 255, 255, 0.85);box-shadow: var(--chip-shadow);color: var(--ink);transition: transform 0.5s var(--spring), background 0.25s var(--ease), box-shadow 0.3s var(--ease)}html body .dt-br__row:hover{background: #fff;color: var(--ink);transform: translateY(-2px);box-shadow: inset 0 0 0 1px var(--line-2), inset 0 1px 0 #fff, 0 16px 30px -18px rgba(10, 10, 10, 0.35)}html body .dt-br__row-text{display: grid;flex: 1;gap: 4px;min-width: 0}html body .dt-br__row-text b{overflow: hidden;font: 700 16px/1.15 var(--body);text-overflow: ellipsis;white-space: nowrap}html body .dt-br__row-text small{color: var(--muted);font: 600 12.5px/1 var(--body)}html body .dt-br__row-go{display: grid;flex: none;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: rgba(10, 10, 10, 0.05);transition: background 0.25s var(--ease), color 0.25s var(--ease)}html body .dt-br__row-go .dt-i{width: 16px;height: 16px;transition: transform 0.45s var(--ease)}html body .dt-br__row:hover .dt-br__row-go{background: var(--ink);color: #fff}html body .dt-br__row:hover .dt-br__row-go .dt-i{transform: translateX(2px)}html body .dt-ui .dt-br__none{padding: 36px 0;color: var(--muted);font: 600 16px/1.5 var(--body);text-align: center}html body .dt-ui .dt-br__none[hidden]{display: none}html body .dt-br__band{padding: 0 0 96px}html body .dt-br__band-card{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 28px 40px;overflow: hidden;padding: clamp(32px, 5vw, 64px);border-radius: 40px;background: linear-gradient(145deg, #17191a 0%, #0a0a0a 70%);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 40px 80px -40px rgba(10, 10, 10, 0.6);color: #fff;isolation: isolate}html body .dt-br__band-orb{position: absolute;z-index: -1;border-radius: 50%;filter: blur(10px);pointer-events: none}html body .dt-br__band-orb--a{top: -160px;left: -120px;width: 420px;height: 420px;background: radial-gradient(closest-side, rgba(var(--dt-p-4cd964-rgb, 76, 217, 100), 0.42), transparent);animation: dt-br-drift 14s ease-in-out infinite alternate}html body .dt-br__band-orb--b{right: -140px;bottom: -200px;width: 460px;height: 460px;background: radial-gradient(closest-side, rgba(228, 220, 248, 0.22), transparent);animation: dt-br-drift 18s ease-in-out infinite alternate-reverse}html body .dt-br__band-copy{flex: 1 1 420px;max-width: 620px}html body .dt-br__eyebrow--light{color: var(--green)}html body .dt-ui .dt-br__band-title{color: #fff;font: 800 clamp(30px, 3.6vw, 48px) / 1.02 var(--display);letter-spacing: -0.045em}html body .dt-ui .dt-br__band-title span{color: rgba(255, 255, 255, 0.5)}html body .dt-ui .dt-br__band-copy p{margin-top: 14px;color: rgba(255, 255, 255, 0.72);font: 500 16.5px/1.6 var(--body)}html body .dt-br__band-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px}html body .dt-ui .dt-br__band-btn, html body .dt-ui .dt-br__band-btn:hover{background: #fff;box-shadow: 0 14px 30px -14px rgba(0, 0, 0, 0.6);color: var(--ink)}html body .dt-ui .dt-br__band-btn--ghost, html body .dt-ui .dt-br__band-btn--ghost:hover{background: rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.12);color: #fff}html body .dt-br__band-link{display: inline-flex;flex-basis: 100%;align-items: center;gap: 8px;color: rgba(255, 255, 255, 0.7);font: 600 14.5px/1 var(--body)}html body .dt-br__band-link:hover{color: #fff}html body .dt-br__band-link .dt-i{width: 16px;height: 16px;transition: transform 0.4s var(--ease)}html body .dt-br__band-link:hover .dt-i{transform: translateX(3px)}@keyframes dt-br-rise{from{transform: translate3d(0, 105%, 0)}}@keyframes dt-br-fade{from{opacity: 0;transform: translate3d(0, 10px, 0)}}@keyframes dt-br-pop{from{opacity: 0;transform: scale(0.9)}}@keyframes dt-br-card{from{opacity: 0;transform: translate3d(0, 26px, 0)}}@keyframes dt-br-pulse{0%, 100%{box-shadow: 0 0 0 4px rgba(var(--dt-p-4cd964-rgb, 76, 217, 100), 0.18)}50%{box-shadow: 0 0 0 7px rgba(var(--dt-p-4cd964-rgb, 76, 217, 100), 0.06)}}@keyframes dt-br-drift{to{transform: translate3d(60px, 30px, 0) scale(1.08)}}@media (max-width: 1023px){html body .dt-ui .dt-br__cards{grid-template-columns: repeat(2, minmax(0, 1fr))}html body .dt-ui .dt-br__list{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 767px){html body .dt-br__wrap{padding: 0 16px}html body .dt-br__hero{padding: 64px 0 40px}html body .dt-ui .dt-br__title{margin: 20px auto 16px}html body .dt-ui .dt-br__stats{gap: 8px;margin-top: 26px}html body .dt-ui .dt-br__stats li{padding: 11px 16px}html body .dt-ui .dt-br__stats b{font-size: 20px}html body .dt-ui .dt-br__stats span{font-size: 13px}html body .dt-br__featured{padding-bottom: 48px}html body .dt-ui .dt-br__cards{display: flex;gap: 12px;margin: 0 -16px;padding: 4px 16px 18px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding: 0 16px;scrollbar-width: none;overscroll-behavior-x: contain}html body .dt-ui .dt-br__cards::-webkit-scrollbar{display: none}html body .dt-ui .dt-br__card-item{flex: 0 0 78%;scroll-snap-align: start}html body .dt-br__card{min-height: 360px;padding: 16px;border-radius: 28px}html body .dt-br__shots{min-height: 190px}html body .dt-br__name{font-size: 26px}html body .dt-br__go{width: 46px;height: 46px}html body .dt-br__head--row{align-items: stretch;flex-direction: column}html body .dt-br__search{width: 100%}html body .dt-br__index{flex-wrap: nowrap;overflow-x: auto;margin: 0 -16px 18px;padding: 8px 16px;border-radius: 0;background: none;box-shadow: none;scrollbar-width: none}html body .dt-br__index::-webkit-scrollbar{display: none}html body .dt-br__index > *{flex: 0 0 38px;background: rgba(255, 255, 255, 0.7);box-shadow: var(--chip-shadow)}html body .dt-br__index span{display: none}html body .dt-br__group{grid-template-columns: 1fr;gap: 10px;padding: 14px 0}html body .dt-br__letter{position: static;padding: 0;font-size: 34px}html body .dt-ui .dt-br__list{grid-template-columns: 1fr;gap: 8px}html body .dt-br__band{padding-bottom: 64px}html body .dt-br__band-card{border-radius: 32px}html body .dt-br__band-actions, html body .dt-ui .dt-br__band-btn{width: 100%}}@media (prefers-reduced-motion: reduce){html body .dt-br *, html body .dt-br *::before{animation: none !important;transition: none !important}}
