@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

.hh-home {
  --hh-black: #09090a;
  --hh-ink: #111013;
  --hh-panel: #171318;
  --hh-cream: #f2eadf;
  --hh-muted: #b9ada8;
  --hh-ember: #d75823;
  --hh-blood: #771c27;
  --hh-gold: #c3a16b;
  background: var(--hh-black);
  color: var(--hh-cream);
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
}

.hh-home *, .hh-home *::before, .hh-home *::after { box-sizing: border-box; }
.hh-home a { color: inherit; }
.hh-shell { width: min(1380px, calc(100% - 64px)); margin: 0 auto; }
.hh-section { padding: clamp(88px, 9vw, 150px) 0; }
.hh-home h1, .hh-home h2, .hh-home h3, .hh-home blockquote { color: var(--hh-cream) !important; font-family: 'Cormorant Garamond', serif; }
.hh-home h1, .hh-home h2, .hh-home h3, .hh-home p { margin-top: 0; }
.hh-home h2 { margin-bottom: 0; font-size: clamp(48px, 6vw, 88px); font-weight: 500; line-height: .92; letter-spacing: -.035em; }
.hh-kicker { margin-bottom: 20px; color: var(--hh-gold); font-size: 11px; font-weight: 700; letter-spacing: .28em; line-height: 1.5; }

.hh-announcement { height: 38px; display: flex; align-items: center; justify-content: center; gap: 22px; padding: 0 20px; color: #241109; background: linear-gradient(90deg, #d55a25, #ef8d42 52%, #d55a25); }
.hh-announcement p { margin: 0; font-size: 10px; font-weight: 700; letter-spacing: .22em; }
.hh-announcement span { font-size: 9px; }

.hh-hero { position: relative; min-height: calc(100svh - 38px); display: flex; align-items: center; isolation: isolate; }
.hh-hero__backdrop, .hh-poster__backdrop { position: absolute; inset: 0; z-index: -2; background-position: center; background-size: cover; }
.hh-hero__backdrop { background-image: linear-gradient(90deg, rgba(5,7,9,.3), rgba(5,7,9,.06)), var(--hh-hero-image); }
.hh-hero__grain { position: absolute; inset: 0; z-index: -1; opacity: .17; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); pointer-events: none; }
.hh-hero::after { content: ''; position: absolute; inset: auto 0 0; height: 30%; background: linear-gradient(transparent, var(--hh-black)); pointer-events: none; }
.hh-hero__content { padding-top: 4vh; }
.hh-hero h1 { max-width: 780px; margin: 0 0 24px; font-size: clamp(64px, 8.8vw, 142px); font-weight: 500; line-height: .78; letter-spacing: -.055em; text-wrap: balance; }
.hh-hero__lede { max-width: 610px; margin-bottom: 34px; color: #d3c9c2; font-family: 'Cormorant Garamond', serif; font-size: clamp(18px, 1.55vw, 25px); line-height: 1.5; }
.hh-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hh-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0 27px; border: 1px solid transparent; text-decoration: none; font-size: 10px; font-weight: 700; letter-spacing: .18em; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.hh-button:hover { transform: translateY(-2px); }
.hh-button--ember { background: var(--hh-ember); color: #fff; }
.hh-button--ember:hover { background: #f27639; }
.hh-button--ghost { border-color: rgba(255,255,255,.38); background: rgba(10,10,10,.25); backdrop-filter: blur(6px); }
.hh-button--ghost:hover, .hh-button--outline:hover { border-color: var(--hh-ember); color: var(--hh-ember); }
.hh-button--outline { border-color: #5b5051; }
.hh-countdown { margin-top: clamp(46px, 7vh, 86px); display: flex; align-items: flex-start; gap: clamp(8px, 1.3vw, 24px); }
.hh-countdown div { min-width: 64px; }
.hh-countdown strong { display: block; font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 3vw, 48px); font-weight: 500; line-height: 1; }
.hh-countdown span { display: block; margin-top: 7px; color: var(--hh-muted); font-size: 8px; font-weight: 700; letter-spacing: .22em; }
.hh-countdown i { padding-top: 3px; color: var(--hh-ember); font-family: serif; font-size: 28px; font-style: normal; }
.hh-scroll-cue { position: absolute; right: 32px; bottom: 78px; z-index: 2; display: flex; align-items: center; gap: 13px; writing-mode: vertical-rl; color: #aaa09b; font-size: 8px; font-weight: 600; letter-spacing: .25em; }
.hh-scroll-cue span { width: 1px; height: 58px; display: block; background: linear-gradient(var(--hh-ember), transparent); }

.hh-intro { background: radial-gradient(circle at 50% 0, rgba(112,27,38,.18), transparent 38%), var(--hh-black); }
.hh-section-heading { margin-bottom: clamp(55px, 7vw, 94px); }
.hh-section-heading--center { max-width: 820px; margin-right: auto; margin-left: auto; text-align: center; }
.hh-section-heading > p:last-child { margin-top: 24px; color: var(--hh-muted); font-family: 'Cormorant Garamond', serif; font-size: 21px; line-height: 1.55; }
.hh-section-heading--split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr); align-items: end; gap: 60px; }
.hh-section-heading--split > p { margin: 0 0 4px; padding-left: 26px; border-left: 1px solid var(--hh-blood); }
.hh-mood-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #30282d; }
.hh-mood { position: relative; min-height: 380px; padding: 44px 36px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; border-right: 1px solid #30282d; background: #100f11; text-decoration: none; transition: background .35s ease; }
.hh-mood:last-child { border-right: 0; }
.hh-mood::before { content: ''; position: absolute; inset: 0; opacity: .26; background: radial-gradient(circle at 75% 22%, var(--accent), transparent 29%), linear-gradient(145deg, transparent 45%, rgba(255,255,255,.04)); transition: opacity .35s ease, transform .6s ease; }
.hh-mood::after { content: ''; position: absolute; width: 240px; height: 240px; top: -95px; right: -95px; border: 1px solid color-mix(in srgb, var(--accent), transparent 35%); border-radius: 50%; box-shadow: 0 0 0 24px rgba(255,255,255,.015), 0 0 0 48px rgba(255,255,255,.012); }
.hh-mood--rose { --accent: #8f2232; }.hh-mood--web { --accent: #aba5b3; }.hh-mood--witch { --accent: #c0642d; }
.hh-mood:hover { background: #191418; }.hh-mood:hover::before { opacity: .45; transform: scale(1.08); }
.hh-mood__number { position: absolute; top: 34px; left: 35px; color: #766d70; font-size: 10px; letter-spacing: .2em; }
.hh-mood__icon { position: absolute; top: 30px; right: 34px; color: var(--accent); font-family: serif; font-size: 54px; }
.hh-mood h3 { position: relative; margin: 0 0 12px; font-size: clamp(31px, 3vw, 46px); font-weight: 500; }
.hh-mood p { position: relative; max-width: 310px; min-height: 44px; margin-bottom: 28px; color: var(--hh-muted); font-family: 'Cormorant Garamond', serif; font-size: 18px; line-height: 1.35; }
.hh-text-link { position: relative; font-size: 9px; font-weight: 700; letter-spacing: .16em; }

.hh-featured { background: #0d0c0e; }
.hh-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(22px, 2.4vw, 38px) 20px; }
.hh-product-card__image { position: relative; aspect-ratio: .76; display: block; overflow: hidden; background: #1b181c; }
.hh-product-card__image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 62%, rgba(5,4,5,.42)); }
.hh-product-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .4s ease; }
.hh-product-card:hover img { transform: scale(1.035); filter: saturate(1.08) contrast(1.04); }
.hh-product-card__badge { position: absolute; z-index: 2; top: 14px; left: 14px; padding: 8px 10px; color: #26140d; background: #d8753d; font-size: 7px; font-weight: 700; letter-spacing: .14em; }
.hh-product-card__view { position: absolute; z-index: 2; right: 15px; bottom: 15px; opacity: 0; transform: translateY(8px); font-size: 8px; font-weight: 700; letter-spacing: .16em; transition: .3s ease; }
.hh-product-card:hover .hh-product-card__view { opacity: 1; transform: none; }
.hh-product-card__body { padding-top: 19px; }
.hh-product-card__meta { margin-bottom: 9px; color: #8e7e7c; font-size: 7px; font-weight: 600; letter-spacing: .17em; }
.hh-product-card h3 { min-height: 48px; margin: 0 0 12px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; line-height: 1.55; }
.hh-product-card h3 a { text-decoration: none; }
.hh-product-card__footer { display: flex; gap: 9px; font-size: 12px; font-weight: 700; }.hh-product-card__footer s { color: #7e7476; font-weight: 400; }
.hh-center-action { margin-top: 60px; text-align: center; }

.hh-editorial { position: relative; background: linear-gradient(120deg, #111013, #181318); }
.hh-editorial__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px, 8vw, 140px); align-items: center; }
.hh-editorial__copy h2 { max-width: 570px; }
.hh-editorial__lead { max-width: 570px; margin: 34px 0 46px; color: var(--hh-muted); font-family: 'Cormorant Garamond', serif; font-size: 22px; line-height: 1.55; }
.hh-detail-list { margin: 0; padding: 0; border-top: 1px solid #3a3035; list-style: none; }
.hh-detail-list li { display: grid; grid-template-columns: 46px 1fr; gap: 18px; padding: 21px 0; border-bottom: 1px solid #3a3035; }
.hh-detail-list li > span { color: var(--hh-ember); font-size: 9px; letter-spacing: .14em; }
.hh-detail-list strong { font-size: 10px; letter-spacing: .16em; }.hh-detail-list p { margin: 6px 0 0; color: #9f9395; font-family: 'Cormorant Garamond', serif; font-size: 17px; }
.hh-editorial__images { position: relative; min-height: 680px; }
.hh-editorial__image { position: absolute; display: block; text-decoration: none; }
.hh-editorial__image img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.82) contrast(1.03); transition: filter .3s ease; }
.hh-editorial__image:hover img { filter: saturate(1.06) contrast(1.03); }
.hh-editorial__image--large { inset: 0 25% 70px 0; }.hh-editorial__image--small { width: 39%; height: 47%; right: 0; bottom: 0; border: 8px solid #181318; }
.hh-editorial__image span { position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 11px 13px; color: white; background: rgba(8,7,8,.77); font-size: 8px; font-weight: 600; letter-spacing: .1em; line-height: 1.45; backdrop-filter: blur(7px); }
.hh-editorial__image span b { float: right; color: var(--hh-gold); }.hh-editorial__note { position: absolute; top: 20px; right: 1%; color: #7e6e6e; font-family: 'Cormorant Garamond', serif; font-size: 18px; line-height: 1.2; }

.hh-poster { position: relative; min-height: min(75vw, 740px); display: flex; align-items: center; isolation: isolate; }
.hh-poster__backdrop { background-image: linear-gradient(90deg, rgba(7,6,8,.03) 30%, rgba(7,6,8,.58) 62%, rgba(7,6,8,.86)), var(--hh-promo-image); }
.hh-poster__content { display: flex; flex-direction: column; align-items: flex-start; padding-left: 53%; }
.hh-poster h2 { max-width: 650px; font-size: clamp(58px, 7vw, 108px); }
.hh-poster__content > p:not(.hh-kicker) { max-width: 570px; margin: 30px 0 34px; color: #d0c3bd; font-family: 'Cormorant Garamond', serif; font-size: 21px; line-height: 1.55; }

.hh-promo { background: #0b0a0c; }
.hh-promo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.hh-promo-card { display: grid; grid-template-columns: 43% 57%; min-height: 310px; border: 1px solid #352b30; background: #121013; transition: border-color .25s ease; }.hh-promo-card:hover { border-color: #684130; }
.hh-promo-card__image { position: relative; overflow: hidden; }.hh-promo-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }.hh-promo-card:hover img { transform: scale(1.04); }
.hh-promo-card__image span { position: absolute; top: 15px; left: 15px; width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; background: rgba(0,0,0,.32); font-size: 8px; }
.hh-promo-card__body { padding: 37px 33px; display: flex; flex-direction: column; }.hh-promo-card__body > p { color: var(--hh-ember); font-size: 8px; font-weight: 700; letter-spacing: .18em; }
.hh-promo-card h3 { margin: 5px 0 22px; font-size: clamp(26px, 2.3vw, 36px); font-weight: 500; line-height: 1.05; }.hh-promo-card h3 a { text-decoration: none; }
.hh-promo-card__footer { margin-top: auto; padding-top: 17px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #352b30; }.hh-promo-card__footer strong { font-size: 12px; }.hh-promo-card__footer a { font-size: 8px; font-weight: 700; letter-spacing: .12em; text-decoration: none; }

.hh-manifesto { padding-bottom: 0; background: radial-gradient(circle at 80% 20%, rgba(111,28,38,.18), transparent 32%), #161216; }
.hh-manifesto__grid { padding-bottom: 110px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.hh-manifesto blockquote { margin: 0; padding-left: 40px; border-left: 1px solid var(--hh-blood); color: #cbbfc0; font-size: clamp(27px, 3vw, 43px); font-style: italic; line-height: 1.23; }
.hh-marquee { overflow: hidden; padding: 18px 0; border-top: 1px solid #3c3034; border-bottom: 1px solid #3c3034; color: var(--hh-gold); white-space: nowrap; }
.hh-marquee div { width: max-content; font-family: 'Cormorant Garamond', serif; font-size: 20px; letter-spacing: .15em; animation: hh-marquee 25s linear infinite; }
@keyframes hh-marquee { to { transform: translateX(-50%); } }

.hh-service { padding: 62px 0; background: #0c0b0d; }.hh-service__grid { display: grid; grid-template-columns: repeat(4, 1fr); }.hh-service__grid > div { min-height: 150px; padding: 14px 34px; border-right: 1px solid #352d31; text-align: center; }.hh-service__grid > div:last-child { border-right: 0; }
.hh-service span { color: var(--hh-ember); font-family: serif; font-size: 25px; }.hh-service h3 { margin: 17px 0 9px; font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .18em; }.hh-service p { margin: 0; color: #8f8587; font-family: 'Cormorant Garamond', serif; font-size: 16px; line-height: 1.4; }

.hh-newsletter { padding: 85px 0; border-top: 1px solid #3b3035; background: #20171c; }.hh-newsletter__inner { display: grid; grid-template-columns: 1fr .9fr; gap: 80px; align-items: center; }.hh-newsletter h2 { max-width: 670px; font-size: clamp(42px, 5vw, 67px); }.hh-newsletter__inner > div > p:last-child { margin: 19px 0 0; color: var(--hh-muted); font-family: 'Cormorant Garamond', serif; font-size: 18px; }
.hh-newsletter__form { display: flex; border-bottom: 1px solid #817174; }.hh-newsletter__form input { min-width: 0; flex: 1; height: 57px; padding: 0 8px; border: 0; outline: 0; color: white; background: transparent; font: 600 9px 'Montserrat', sans-serif; letter-spacing: .15em; }.hh-newsletter__form input::placeholder { color: #8c7f80; }.hh-newsletter__form button { padding: 0 8px; border: 0; color: var(--hh-gold); background: transparent; font: 700 9px 'Montserrat', sans-serif; letter-spacing: .13em; cursor: pointer; }

.hh-footer { padding: 82px 0 28px; border-top: 1px solid #392e33; background: #0c0b0d; }
.hh-footer__grid { display: grid; grid-template-columns: 1.4fr .65fr .65fr 1fr; gap: clamp(42px, 6vw, 90px); }
.hh-footer__brand h2 { max-width: 470px; margin-top: 18px; font-size: clamp(39px, 4vw, 58px); }
.hh-footer__brand > p:last-child, .hh-footer__grid > div:last-child > p { max-width: 440px; margin: 23px 0 0; color: #978a8d; font-family: 'Cormorant Garamond', serif; font-size: 17px; line-height: 1.55; }
.hh-footer h3 { margin: 3px 0 24px; font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .18em; }
.hh-footer nav a { width: max-content; display: block; margin: 0 0 15px; color: #a99da0; font-size: 10px; letter-spacing: .06em; text-decoration: none; }
.hh-footer nav a:hover, .hh-footer__top:hover { color: var(--hh-ember); }
.hh-footer__top { display: inline-block; margin-top: 25px; color: var(--hh-gold); font-size: 8px; font-weight: 700; letter-spacing: .14em; text-decoration: none; }
.hh-footer__bottom { margin-top: 66px; padding-top: 24px; display: flex; justify-content: space-between; border-top: 1px solid #2f282c; color: #766d70; font-size: 7px; letter-spacing: .16em; }

body.halloween-homepage #header-content .header,
body.halloween-homepage #header-content .header__main-container,
body.halloween-homepage #header-content .header-container {
  --color-header-bg: #09090a;
  --color-header-text: #f2eadf;
  color: #f2eadf !important;
  background: #09090a !important;
}
body.halloween-homepage #header-content .header__common-action-icon,
body.halloween-homepage #header-content .header__common-action-text,
body.halloween-homepage #header-content a { color: #f2eadf !important; }
body.halloween-homepage #footer-content { display: none !important; }
body.halloween-homepage #footer-content,
body.halloween-homepage #footer-content .background { color: #cfc3bd !important; background: #0c0b0d !important; }
body.halloween-homepage #footer-content h1,
body.halloween-homepage #footer-content h2,
body.halloween-homepage #footer-content h3,
body.halloween-homepage #footer-content h4,
body.halloween-homepage #footer-content a { color: #f2eadf !important; }
body.halloween-homepage #footer-content input { color: #f2eadf !important; border-color: #51464a !important; background: #171318 !important; }
body.halloween-homepage #footer-content button { color: #fff !important; background: #d75823 !important; }

@media (max-width: 1000px) {
  .hh-product-grid { grid-template-columns: repeat(2, 1fr); }
  .hh-editorial__grid { grid-template-columns: 1fr; }.hh-editorial__copy { max-width: 680px; }.hh-editorial__images { min-height: 780px; }
  .hh-promo-grid { grid-template-columns: 1fr; }.hh-promo-card { min-height: 340px; }
  .hh-service__grid { grid-template-columns: repeat(2, 1fr); gap: 40px 0; }.hh-service__grid > div:nth-child(2) { border-right: 0; }
}

@media (max-width: 760px) {
  .hh-shell { width: min(100% - 34px, 1380px); }.hh-section { padding: 80px 0; }.hh-home h2 { font-size: clamp(44px, 15vw, 66px); }
  .hh-announcement { gap: 11px; }.hh-announcement p { max-width: 270px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .hh-hero { min-height: 820px; align-items: flex-end; padding-bottom: 78px; }.hh-hero__backdrop { background-position: 66% center; }.hh-hero__backdrop::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,8,9,.92), rgba(7,8,9,.05) 70%); }
  .hh-hero__content { position: relative; z-index: 1; }.hh-hero h1 { font-size: clamp(60px, 19vw, 86px); line-height: .81; }.hh-hero__lede { max-width: 93%; font-size: 18px; }.hh-actions { display: grid; grid-template-columns: 1fr; }.hh-countdown { margin-top: 38px; justify-content: space-between; }.hh-countdown div { min-width: 42px; }.hh-countdown i { font-size: 22px; }.hh-scroll-cue { display: none; }
  .hh-section-heading--split { grid-template-columns: 1fr; gap: 22px; }.hh-section-heading--split > p { padding-left: 0; border-left: 0; }
  .hh-mood-grid { grid-template-columns: 1fr; }.hh-mood { min-height: 310px; border-right: 0; border-bottom: 1px solid #30282d; }.hh-mood:last-child { border-bottom: 0; }
  .hh-product-grid { gap: 32px 12px; }.hh-product-card__badge { top: 8px; left: 8px; padding: 6px 7px; font-size: 6px; }.hh-product-card h3 { font-size: 10px; }.hh-product-card__footer { font-size: 11px; }
  .hh-editorial__images { min-height: 510px; }.hh-editorial__image--large { right: 18%; bottom: 55px; }.hh-editorial__image--small { width: 43%; height: 43%; }.hh-editorial__note { display: none; }
  .hh-poster { min-height: 760px; align-items: flex-end; }.hh-poster__backdrop { background-position: 38% center; }.hh-poster__backdrop::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(6,6,7,.94), rgba(6,6,7,.03) 66%); }.hh-poster__content { position: relative; z-index: 1; padding: 0 17px 66px; }.hh-poster h2 { font-size: 67px; }
  .hh-promo-card { grid-template-columns: 1fr; }.hh-promo-card__image { min-height: 390px; }.hh-promo-card__body { padding: 29px 24px; }.hh-promo-card h3 { font-size: 29px; }
  .hh-manifesto__grid { grid-template-columns: 1fr; gap: 45px; padding-bottom: 75px; }.hh-manifesto blockquote { padding-left: 22px; }
  .hh-service__grid { grid-template-columns: 1fr; }.hh-service__grid > div { border-right: 0; border-bottom: 1px solid #352d31; }.hh-service__grid > div:last-child { border-bottom: 0; }
  .hh-newsletter__inner { grid-template-columns: 1fr; gap: 42px; }.hh-newsletter__form { display: block; border: 0; }.hh-newsletter__form input { width: 100%; border-bottom: 1px solid #817174; }.hh-newsletter__form button { width: 100%; height: 48px; margin-top: 12px; color: white; background: var(--hh-ember); }
  .hh-footer { padding-top: 65px; }.hh-footer__grid { grid-template-columns: 1fr 1fr; gap: 46px 28px; }.hh-footer__brand { grid-column: 1 / -1; }.hh-footer__grid > div:last-child { grid-column: 1 / -1; }.hh-footer__bottom { margin-top: 48px; flex-direction: column; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) { .hh-home *, .hh-home *::before, .hh-home *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }