.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap;line-height:1;text-decoration:none}
.brand-type{display:inline-flex;align-items:baseline;font-weight:800;letter-spacing:-.065em}
.brand-period{color:#d4f76a}
.brand-one{margin-left:.06em;color:#d4f76a}
.brand-wheel{position:relative;width:.9em;height:.9em;flex:none;perspective:4em;transform:scaleX(-1)}
.brand-wheel-angle{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateZ(-10deg) rotateY(-34deg) rotateX(8deg);animation:brand-wheel-angle 4.2s ease-in-out infinite}
.brand-wheel-plane{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translateZ(var(--wheel-depth,0em));animation:brand-wheel-roll 4.2s linear infinite}
.brand-wheel-back{--wheel-depth:-.18em}
.brand-wheel-barrel{--wheel-depth:-.055em}
.brand-wheel-front{--wheel-depth:.07em}
.brand-wheel-surface{fill:#f9faf6}
@keyframes brand-wheel-roll{from{transform:translateZ(var(--wheel-depth,0em)) rotate(0)}to{transform:translateZ(var(--wheel-depth,0em)) rotate(-360deg)}}
@keyframes brand-wheel-angle{0%,100%{transform:rotateZ(-10deg) rotateY(-34deg) rotateX(8deg)}50%{transform:rotateZ(-10deg) rotateY(-54deg) rotateX(8deg)}}
@media(max-width:600px){.wordmark.brand,.detail-logo.brand,.logo.brand{font-size:24px}.detail-header:has(>.brand){flex-wrap:wrap}}
@media(max-width:420px){.header:has(>.brand){height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding:16px 0}.header:has(>.brand)>.desktop-nav{order:3;flex-basis:100%;margin:0}.header:has(>.brand)>.desktop-nav a{padding:0}.header:has(>.brand)>.header-actions{margin-left:auto}}
@media(max-width:360px){.wordmark.brand,.detail-logo.brand,.logo.brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){.brand-wheel-angle,.brand-wheel-plane{animation:none}}

footer:has(>.legal-links){flex-wrap:wrap}
footer>.legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;grid-column:1/-1;flex-basis:100%;width:100%;min-width:0;font-size:14px;line-height:1.6}
footer>.legal-links a{min-width:0;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}

@media(max-width:600px){body:has(.floating-cart:not([hidden])) footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}