/* Selected typography: Playpen Sans headings and Atkinson Hyperlegible Next text. */
@font-face{font-family:AtkinsonSite;src:url('/fonts/AtkinsonHyperlegibleNext-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AtkinsonSite;src:url('/fonts/AtkinsonHyperlegibleNext-SemiBold.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:PlaypenSite;src:url('/fonts/PlaypenSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:PlaypenSite;src:url('/fonts/PlaypenSans-SemiBold.ttf') format('truetype');font-weight:600 800;font-display:swap}
body[data-type="4"]{font-family:AtkinsonSite,system-ui,sans-serif}
body[data-type="4"] .brand,body[data-type="4"] .footer-brand,body[data-type="4"] .gallery-intro h1,body[data-type="4"] .gallery-panels strong,body[data-type="4"] .section-heading,body[data-type="4"] .book-card h3,body[data-type="4"] .empty h3,body[data-type="4"] .feature-strip strong,body[data-type="4"] .page-title,body[data-type="4"] .detail-info h1,body[data-type="4"] .detail-info h2,body[data-type="4"] .samples h2{font-family:PlaypenSite,system-ui,sans-serif}
body[data-type="4"] .announcement,body[data-type="4"] .site-header nav,body[data-type="4"] .eyebrow,body[data-type="4"] .section-kicker,body[data-type="4"] .book-card .tag,body[data-type="4"] .filter,body[data-type="4"] .button,body[data-type="4"] .gallery-panels span,body[data-type="4"] .detail-info .tag{font-family:PlaypenSite,system-ui,sans-serif}
body[data-type="4"] .brand{font-size:clamp(22px,2.4vw,29px);font-weight:600;letter-spacing:-.035em}
body[data-type="4"] .gallery-intro h1{font-size:clamp(45px,5.8vw,78px);font-weight:600;line-height:1.15;letter-spacing:-.045em}
body[data-type="4"] .gallery-intro h1 em,body[data-type="4"] .brand em{font-style:normal;font-weight:600}
body[data-type="4"] .section-heading,body[data-type="4"] .page-title{font-weight:600;letter-spacing:-.035em}
body[data-type="4"] .gallery-panels strong{font-size:clamp(24px,2.55vw,35px);font-weight:600;line-height:1.17}
body[data-type="4"] .book-card h3{font-size:19px;font-weight:600;line-height:1.3}
body[data-type="4"] .button{font-weight:600}
body[data-type="4"] .eyebrow,body[data-type="4"] .section-kicker{text-transform:none;letter-spacing:.03em;font-size:14px;font-weight:600}
@media(max-width:700px){body[data-type="4"] .gallery-intro h1{font-size:clamp(39px,10vw,58px)}body[data-type="4"] .brand{font-size:21px}}