/* Approved E direction: Chelsea Market 400 display titles with Montserrat supporting text. */
@font-face{font-family:'Chelsea Market';src:url('assets/chelsea-market-regular.23eaace9182f.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-bold.2ede5e0c613d.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--font-display:'Chelsea Market',Montserrat,Arial,sans-serif}

/* Display face is reserved for major page and section titles. */
:is(main h1,.signature-title h2,.categories .section-head h2,.story .story-heading h2,.process-heading h2,.products-head h2,.craft-copy h2,.testimonials .section-head h2,main#main h2,.shop-intro h2,.shop-collection-head h2,.pdp-editorial-copy h2,.pdp-related h2,.faq-intro h2,.faq-more h2){
 font-family:var(--font-display);font-weight:400;font-style:normal;font-synthesis:none;
 letter-spacing:-.02em;line-height:1.14;
}
.signature-title .signature-heading-line:not(em),.craft-copy .craft-line{font-family:inherit;font-weight:inherit;font-style:normal}

/* Subtitles share Montserrat with navigation, body copy, controls and product information. */
:is(main h1,.signature-title h2,.categories .section-head h2,.story .story-heading h2,.process-heading h2,.products-head h2,.craft-copy h2,.testimonials .section-head h2,main#main h2,.shop-intro h2,.shop-collection-head h2,.pdp-editorial-copy h2,.pdp-related h2,.faq-intro h2,.faq-more h2) :is(em,.heading-subtitle){
 font-family:Montserrat,Arial,sans-serif;font-weight:700;font-style:normal;font-synthesis:none;
 letter-spacing:-.02em;line-height:1.2;
}
.signature-line-mask,.craft-line-mask{padding-block:.07em;margin-block:-.07em}

/* Hero cover 3: one-line lower-left title, with the CTA anchored at lower right.
   Keep the existing film, overlays and interaction rules unchanged. */
#top .hero-title-break{display:none}
#top .hero-content .cta{gap:8px;padding-right:12px}
#top .hero-content .cta .arrow-icon{--arrow-rotation:90deg;font-size:16px}
@media(min-width:801px){
 #top .hero-content{position:absolute;left:var(--page-gutter);right:var(--page-gutter);bottom:clamp(64px,7svh,96px);width:auto;max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
 #top .hero-content h1{margin:0;font-size:clamp(44px,5.5vw,76px);line-height:1.14;letter-spacing:-.02em}
 #top .hero-title-main{white-space:nowrap}
 #top .hero-content h1 em{margin-top:clamp(8px,.8vw,12px);font-size:clamp(25px,2.86vw,42px);line-height:1.2;letter-spacing:-.02em}
 #top .hero-content .cta{flex:none;margin-top:0}
}
