@import url(https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap);
:root{--black:#080808;--ink:#111111;--muted:#6d6d69;--paper:#ffffff;--font-sans:'DM Sans',Arial,sans-serif;--font-serif:'Bodoni Moda',Georgia,serif;--page-pad:clamp(1.125rem, 3.2vw, 3.5rem);--page-max:112rem;--header-height:5.25rem;--ease:cubic-bezier(.22, 1, .36, 1)}
*,::after,::before{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
img{display:block;max-width:100%}
.page-width{width:min(100%,var(--page-max));margin-inline:auto;padding-inline:var(--page-pad)}
.announcement{background:var(--black);color:rgba(255,255,255,.82)}
.announcement__inner{display:grid;min-height:2rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}
.announcement__inner>a,.announcement__inner>span{font-size:.65rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.announcement__heritage{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.56);font-family:var(--font-serif);letter-spacing:.18em}
.announcement__heritage span{width:1.5rem;height:1px;background:rgba(255,255,255,.38)}
.announcement__inner>a{justify-self:end}
.announcement__inner>a:hover{color:#fff}
.site-header{position:relative;z-index:80;border-bottom:1px solid rgba(17,17,17,.09);background:var(--paper)}
.header-inner{display:grid;height:var(--header-height);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(1.25rem,2.25vw,2.75rem)}
.brand{position:relative;grid-column:2;grid-row:1;display:block;width:7.25rem;height:var(--header-height);justify-self:center;overflow:hidden}
.brand img{position:absolute;top:50%;left:0;width:100%;height:auto;max-width:none;transform:translateY(-50%);transition:opacity .2s ease}
.brand:hover img{opacity:.72}
.desktop-nav{grid-column:1;grid-row:1;display:flex;align-items:center;gap:clamp(1rem,1.6vw,1.9rem);height:100%}
.desktop-nav a,.desktop-nav span,.header-store{font-size:.77rem;font-weight:500;letter-spacing:.13em;white-space:nowrap;text-transform:uppercase}
.desktop-nav span{color:var(--muted)}
.desktop-nav a{position:relative}
.desktop-nav a::after{position:absolute;right:0;bottom:-.62rem;left:0;height:1px;transform:scaleX(0);transform-origin:right;background:var(--black);content:'';transition:transform 240ms var(--ease)}
.desktop-nav a:focus-visible::after,.desktop-nav a:hover::after{transform:scaleX(1);transform-origin:left}
.header-store{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-self:end;gap:.6rem;transition:opacity 180ms ease}
.header-store:hover{opacity:.58}
.header-store__mobile{display:none}
.mobile-menu,.mobile-menu-backdrop,.mobile-menu-toggle{display:none}
.site-footer{margin-top:1rem;background:#080909;color:rgba(255,255,255,.86)}
.site-footer__inner{padding-top:clamp(2.25rem,3.25vw,3rem)}
.site-footer__grid{display:grid;grid-template-columns:minmax(18.5rem,1.6fr) minmax(8rem,.72fr) minmax(14rem,1.15fr) minmax(15rem,1fr);gap:clamp(2.5rem,4vw,4.5rem);padding-bottom:clamp(2.25rem,3.25vw,3rem)}
.site-footer__logo{position:relative;display:block;width:6.3rem;height:5.4rem;margin-bottom:.3rem;overflow:visible}
.site-footer__logo img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;filter:invert(1);transition:opacity 180ms ease}
.site-footer__logo:hover img{opacity:.7}
.site-footer p{margin:0}
.site-footer__description,.site-footer__email,.site-footer__legacy p,.site-footer__nav a,.site-footer__tagline{font-size:.82rem;line-height:1.7}
.site-footer__tagline{color:rgba(255,255,255,.9)}
.site-footer__description,.site-footer__legacy p{color:rgba(255,255,255,.65)}
.site-footer__rule{display:block;width:1.75rem;height:1px;margin:1rem 0 1.1rem;background:rgba(255,255,255,.45)}
.site-footer__heading{display:flex;align-items:center;gap:.65rem;margin:.35rem 0 1.15rem;color:rgba(255,255,255,.68);font-size:.68rem;font-weight:600;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.site-footer__heading span{width:1.35rem;height:1px;background:rgba(255,255,255,.45)}
.site-footer__nav{display:flex;flex-direction:column;align-items:flex-start}
.site-footer__nav a{margin-bottom:.28rem;color:rgba(255,255,255,.78)}
.site-footer__email,.site-footer__nav a,.site-footer__socials a{transition:color 180ms ease,opacity 180ms ease,transform 180ms ease}
.site-footer__email:hover,.site-footer__nav a:hover{color:#fff}
.site-footer__email{display:inline-block;color:rgba(255,255,255,.78)}
.site-footer__socials{display:flex;align-items:center;gap:1.25rem;margin-top:1.2rem}
.site-footer__socials a{display:grid;width:1.4rem;height:1.4rem;place-items:center;color:rgba(255,255,255,.82)}
.site-footer__socials a:hover{transform:translateY(-2px);color:#fff}
.site-footer__socials svg{width:1.25rem;height:1.25rem;overflow:visible;fill:currentColor}
.site-footer__socials circle,.site-footer__socials rect{fill:none;stroke:currentColor;stroke-width:1.9}
.site-footer__socials .site-footer__icon-dot{fill:currentColor;stroke:none}
.site-footer__socials .site-footer__icon-play{fill:#080909}
.site-footer__bottom{display:flex;min-height:3.65rem;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid rgba(255,255,255,.14)}
.site-footer__bottom p{color:rgba(255,255,255,.46);font-size:.58rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.site-footer__bottom p:last-child{color:rgba(255,255,255,.62)}
@media (max-width:48rem){
:root{--page-pad:clamp(1rem, 4.6vw, 1.375rem);--header-height:4.5rem}
.announcement__inner{grid-template-columns:1fr;justify-items:center;min-height:1.85rem}
.announcement__inner>a,.announcement__inner>span:not(.announcement__heritage){display:none}
.announcement__inner>span{font-size:.52rem}
.brand{width:6.25rem}
.desktop-nav,.header-store{display:none}
.mobile-menu-toggle{grid-column:1;grid-row:1;display:inline-flex;width:2.75rem;height:2.75rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:.32rem;justify-self:start;padding:0;border:0;background:0 0;color:var(--ink);cursor:pointer}
.mobile-menu-toggle span{display:block;width:1.35rem;height:1px;background:currentColor;transition:width 180ms ease}
.mobile-menu-toggle span:nth-child(2){width:1rem}
.mobile-menu-toggle:focus-visible span:nth-child(2),.mobile-menu-toggle:hover span:nth-child(2){width:1.35rem}
.mobile-menu-backdrop{position:fixed;z-index:100;inset:0;display:block;visibility:hidden;opacity:0;background:rgba(8,8,8,.48);cursor:pointer;transition:opacity 320ms var(--ease),visibility 320ms}
.mobile-menu-backdrop.is-open{visibility:visible;opacity:1}
.mobile-menu{position:fixed;z-index:110;top:0;bottom:0;left:0;display:flex;visibility:hidden;width:min(86vw,22rem);flex-direction:column;padding:1.25rem clamp(1.5rem,7vw,2.25rem) 2rem;overflow-y:auto;transform:translateX(-102%);background:var(--black);color:#fff;box-shadow:1.5rem 0 3.5rem rgba(0,0,0,.16);transition:transform 380ms var(--ease),visibility 380ms}
.mobile-menu.is-open{visibility:visible;transform:translateX(0)}
.mobile-menu__header{display:flex;min-height:3.25rem;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}
.mobile-menu__eyebrow{color:rgba(255,255,255,.54);font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.mobile-menu__close{position:relative;width:2.75rem;height:2.75rem;margin-right:-.75rem;padding:0;border:0;background:0 0;color:#fff;cursor:pointer}
.mobile-menu__close span{position:absolute;top:50%;left:50%;width:1.35rem;height:1px;background:currentColor}
.mobile-menu__close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.mobile-menu__close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.mobile-menu__nav{display:flex;flex-direction:column;padding-top:clamp(2.75rem,10vh,5rem)}
.mobile-menu__nav a{display:flex;align-items:baseline;gap:1rem;padding:.8rem 0;font-family:var(--font-serif);font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.2;transition:color 180ms ease,transform 240ms var(--ease)}
.mobile-menu__nav a span{color:rgba(255,255,255,.38);font-family:var(--font-sans);font-size:.55rem;font-weight:500;letter-spacing:.12em}
.mobile-menu__nav a:focus-visible,.mobile-menu__nav a:hover{color:rgba(255,255,255,.7);transform:translateX(.3rem)}
.mobile-menu__close:focus-visible,.mobile-menu__nav a:focus-visible{outline-color:#fff}
.mobile-menu__legacy{margin:auto 0 0;padding-top:2.5rem;color:rgba(255,255,255,.48);font-size:.63rem;line-height:1.8;letter-spacing:.16em;text-transform:uppercase}
body.mobile-menu-open{overflow:hidden}
}
@media (max-width:72rem){
.site-footer__grid{grid-template-columns:minmax(16rem,1.4fr) minmax(8rem,.7fr) minmax(14rem,1fr);gap:3.5rem}
.site-footer__legacy{grid-column:1/-1}
.site-footer__legacy br{display:none}
}
@media (max-width:42rem){
.site-footer{margin-top:.75rem}
.site-footer__inner{padding-top:3rem}
.site-footer__grid{grid-template-columns:1fr 1fr;gap:2.75rem 2rem;padding-bottom:3rem}
.site-footer__brand{grid-column:1/-1}
.site-footer__description br{display:none}
.site-footer__legacy{grid-column:1/-1}
.site-footer__bottom{min-height:5rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:.45rem}
}
@media (max-width:27rem){
.site-footer__grid{grid-template-columns:1fr}
.site-footer__brand,.site-footer__legacy{grid-column:auto}
}
@media (max-width:23rem){
.brand{width:5.5rem}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,::after,::before{transition-duration:0s!important}
}