:root{--paper:#f4f1e8;--ink:#202622;--accent:#a3422b;--on-accent:#fff;--muted:#5f635d;--line:#c9c9be;--soft:#e7e8df;--image-bg:#e7e5dd;--heading-font:'Archivo',Arial,sans-serif;--body-font:'Archivo',Arial,sans-serif;--heading-weight:800}.utility{background:var(--ink);color:var(--paper)}.brand-mark{font-size:36px;font-weight:800;letter-spacing:-.065em;text-transform:uppercase}.brand-mark img{width:42px;height:42px}.main-nav{justify-content:flex-start;padding-left:32px;font-weight:600}.site-search{border-bottom:2px solid var(--ink);border-top:0;border-left:0;border-right:0;background:none}.hat-intro{padding-top:55px}.hat-title{display:grid;grid-template-columns:220px 1fr;align-items:start;margin-bottom:35px;gap:30px}.hat-title .eyebrow{padding-top:12px}.hat-title h1{font-size:clamp(55px,6vw,82px);max-width:850px;letter-spacing:-.07em}.hat-editorial{display:grid;grid-template-columns:1.55fr 1fr;background:#dddacc}.hat-editorial>img{height:470px;width:100%;object-fit:cover}.hat-editorial>div{padding:42px;align-self:center}.hat-editorial p{font-size:24px;line-height:1.5}.hat-editorial .primary{margin-top:32px}.edition-note{display:block;margin-top:50px;font-size:11px;letter-spacing:.06em}.arrivals{margin-top:70px}.section-title h2{font-size:39px;letter-spacing:-.045em}.card-media>a{aspect-ratio:4/5}.card-media img{padding:10px}.card-copy h3{font-size:17px;letter-spacing:-.025em}.card-category{font-size:9px}.hat-types{margin-top:70px}.department-cards img{aspect-ratio:4/3}.hat-shop-layout{display:grid;grid-template-columns:180px 1fr;gap:42px}.hat-shop-layout>aside{display:flex;flex-direction:column;gap:16px;padding-top:26px;border-top:2px solid var(--ink);font-size:13px}.hat-shop-layout>aside h2{font-size:16px}.hat-shop-layout>aside p{font-size:12px;line-height:1.9;padding:22px 0}.hat-shop-layout .product-grid{grid-template-columns:repeat(3,1fr)}.hat-shop-layout .filters{grid-template-columns:1.5fr 1fr 1fr;gap:10px}.hat-shop-layout .filters label:first-child{grid-column:1/-1}.hat-shop-layout .filters .primary{grid-column:3}.hat-product-top{display:grid;grid-template-columns:1.15fr 1fr;gap:65px}.hat-product-top .product-photo{align-self:start}.hat-product-top .buy-panel h1{font-size:45px;letter-spacing:-.045em}.hat-product-top .product-details{margin-top:40px}.hat-story{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;margin-top:70px;padding-top:45px;border-top:2px solid var(--ink)}.hat-story aside{padding:30px;background:var(--soft)}.hat-story aside h2{font-size:30px;letter-spacing:-.04em}.hat-story aside p{font-size:13px;margin:18px 0 25px}.hat-story aside a{font-weight:700;text-decoration:underline}.footer-name{font-weight:800;letter-spacing:-.04em;text-transform:uppercase}.footer{--footer-bg:#202622;--footer-ink:#f4f1e8}
@media(max-width:1050px){.hat-title{grid-template-columns:160px 1fr}.hat-title h1{font-size:58px}.hat-editorial>img{height:400px}.hat-editorial>div{padding:28px}.hat-editorial p{font-size:19px}.hat-shop-layout{gap:25px;grid-template-columns:145px 1fr}.hat-shop-layout .product-grid{grid-template-columns:repeat(2,1fr)}.hat-product-top{gap:35px}.hat-product-top .buy-panel h1{font-size:36px}}
@media(max-width:700px){.brand-mark{font-size:25px}.brand-mark img{width:30px;height:30px}.hat-intro{padding-top:30px}.hat-title{display:block;margin-bottom:25px}.hat-title .eyebrow{padding-top:0}.hat-title h1{font-size:46px;letter-spacing:-.055em}.hat-editorial{display:flex;flex-direction:column}.hat-editorial>img{height:310px}.hat-editorial>div{padding:25px}.hat-editorial p{font-size:19px}.hat-editorial .primary{margin-top:23px}.edition-note{margin-top:28px;font-size:10px}.arrivals,.hat-types{margin-top:45px}.section-title h2{font-size:30px}.hat-shop-layout{display:block}.hat-shop-layout>aside{display:none}.hat-shop-layout .filters{grid-template-columns:1fr 1fr}.hat-shop-layout .filters .primary{grid-column:auto}.hat-product-top{display:block}.hat-product-top .product-photo{margin-bottom:30px}.hat-product-top .buy-panel h1{font-size:35px}.hat-story{display:block;margin-top:40px;padding-top:30px}.hat-story aside{margin-top:30px}.card-media img{padding:3px}}

/* LOCAL FONT FACES */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/archivo-0.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: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/archivo-1.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: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/archivo-2.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: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/archivo-3.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: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/archivo-4.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;
}
