@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif-italic.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/manrope-variable.woff2') format('woff2')}
:root{--serif:'Instrument Serif',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
body{font-family:var(--sans)}
/* The new serif is naturally narrow; give letters room to retain their shape. */
:is(.camp-mode,.editorial-mode) :is(h1,h2){letter-spacing:-.025em}
.camp-mode .room-intro h1,.editorial-mode .hero h1{letter-spacing:-.035em}
.camp-mode .room-brand{font-family:var(--serif);letter-spacing:-.8px}
.editorial-mode .product-topline h3,.editorial-mode .game-card-copy h3{font-family:var(--serif);letter-spacing:-.25px}
.editorial-mode .footer-word{letter-spacing:-.04em}
:is(.camp-mode,.editorial-mode) :is(.eyebrow,.room-stops button,.filters button,.button){font-family:var(--sans)}
@media(min-width:761px){.camp-mode .room-intro h1{font-size:clamp(80px,7.6vw,116px)}.editorial-mode .hero h1{font-size:clamp(70px,7.5vw,120px)}}
@media(max-width:760px){.camp-mode .room-intro h1{font-size:67px}.editorial-mode .hero h1{font-size:clamp(59px,13vw,88px)}.editorial-mode .product-topline h3{font-size:23px}}
@media(max-width:760px) and (max-height:740px){.camp-mode .room-intro h1{font-size:54px}}