/* One type system for the platform (loaded after each page's own CSS).
   Page titles: handwritten (Homemade Apple).  Section and card titles: Playfair Display.
   Text and buttons: DM Sans.  Eyebrows and small labels: DM Mono. */
@font-face{font-family:'Homemade Apple';src:url(fonts/homemade-apple.woff2) format('woff2');font-display:swap}
:root{--hand:'Homemade Apple','Snell Roundhand','Segoe Script',cursive;--t-serif:'Playfair Display',Georgia,serif;--t-sans:'DM Sans',system-ui,-apple-system,sans-serif;--t-mono:'DM Mono',ui-monospace,Menlo,monospace}
body[data-chrome],body[data-nav]{font-family:var(--t-sans);font-size:15px;line-height:1.6}

/* page titles: handwritten, one size everywhere */
.xp .xp-title,.club-public-intro .collection-title,body[data-chrome] .wrap>.pc-title,#atlas-root .atl-hd b,
.iph,.wrap h1.hand{font-family:var(--hand)!important;font-weight:400!important;font-size:clamp(26px,2.8vw,36px)!important;line-height:1.55!important;letter-spacing:0!important}

/* section titles */
.xp .xp-bar h2,.xp .xp-how h3{font:400 clamp(22px,2vw,28px)/1.25 var(--t-serif);letter-spacing:-.01em}
/* tab and card titles */
.xp .mode-btn b{font:400 clamp(19px,1.7vw,22px)/1.2 var(--t-serif)}
.xp .sc-title,.xp .xp-tt .tt-name,.xp .xp-tt h4{font-size:20px}
/* leads and eyebrows */
.xp .xp-lede,.club-public-intro p:not(.kicker){font:400 16px/1.6 var(--t-sans)}
.xp .xp-eyebrow,.club-public-intro .kicker{font:500 11px var(--t-mono);letter-spacing:.2em;text-transform:uppercase}

/* dynamic or long headings stay in Playfair, at the same modest size */
body[data-chrome] h1:not(.hand):not(.collection-title):not(.xp-title):not(.evs-title){font:400 clamp(26px,2.6vw,34px)/1.25 var(--t-serif);letter-spacing:-.01em}
.detail-page h1{font:400 clamp(26px,2.6vw,34px)/1.25 var(--t-serif);letter-spacing:-.01em}

#atlas-root .atl-hd b{font-size:clamp(22px,2.2vw,28px)!important}