/* GORODOK brand layer: logo, type and accent taken from the GORODOK logo. Loaded last. */
:root{--brand-blue:#7b9eff;--brand-blue-deep:#4f74e8;--brand-ink:#0b0b0d;--display:'Unbounded','Manrope',Arial,sans-serif;font-family:'Manrope',Arial,sans-serif}
body{font-family:'Manrope',Arial,sans-serif}

@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(assets/fonts/manrope-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(assets/fonts/manrope-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:200 900;src:url(assets/fonts/unbounded-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:200 900;src:url(assets/fonts/unbounded-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Logo */
.wordmark{color:var(--brand-ink);line-height:0}
.wordmark .logo{display:block;height:24px;width:201px;overflow:visible}
.site-footer .wordmark{color:#fff}
.site-footer .wordmark .logo{height:30px;width:251px}
@media(max-width:760px){.wordmark .logo{height:19px;width:159px}}

/* Display type: wide grotesk in the spirit of the logo */
h1,h2,.product-title,.campaign-product p,.rack-name strong{font-family:var(--display);font-weight:700;letter-spacing:-.035em}
h3{font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(34px,3.6vw,56px)}
h2{font-size:clamp(26px,2.6vw,40px);line-height:1.08}
.product-title{font-size:clamp(28px,2.6vw,40px);line-height:1.08}
.eyebrow{letter-spacing:.16em;font-weight:700}

/* Accents on light pages: logo blue instead of olive */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand-blue-deep)}
.variant-link.is-selected,.size-option[aria-pressed=true]{border-color:var(--brand-ink)}

/* Homepage hero */
.home-view .campaign-copy h1{font-family:var(--display);font-weight:900;font-size:clamp(60px,8vw,128px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}
.home-view .campaign-copy h1 em{font-style:normal;color:var(--brand-blue);text-shadow:none}
.home-view .campaign-watermark{font-family:var(--display);font-weight:900;letter-spacing:-.04em}
.home-view .campaign-description{font-size:15px;line-height:1.6;color:#c9ccd4}
.home-view .campaign-cta{font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:.08em}
.home-view .campaign-product p{font-size:15px;line-height:1.2;letter-spacing:-.02em}
.home-view .rack-heading h2{font-family:var(--display);font-weight:900;letter-spacing:-.05em;text-transform:uppercase}
.home-view .section-heading h2,.home-view .editorial-copy h2,.home-view .home-faq h2{font-family:var(--display);font-weight:700;letter-spacing:-.045em}
@media(min-width:761px){.home-view .campaign-model{right:1%}}
@media(max-width:760px){.home-view .campaign-copy{width:auto;right:6%}.home-view .campaign-copy h1{font-size:calc((100vw - 64px) / 8.6);letter-spacing:-.05em}.home-view .campaign-description{font-size:13px;max-width:62%}.home-view .campaign-description br{display:none}.home-view .campaign-product p{font-size:12px}}