/* Comfortable sizes for navigation, section labels and calls to action. */
.nav .links a{font-size:14px;letter-spacing:1.1px;line-height:1.5}
.nav .links{gap:clamp(14px,1.7vw,26px);flex-wrap:wrap;justify-content:flex-end;min-width:0}
.nav{gap:24px}.hero.vein>*{min-width:0}
body .eyebrow,body .hero .eyebrow,body .film-editorial-intro .eyebrow,body .print-invitation-copy .eyebrow{font-size:14px;letter-spacing:2px;line-height:1.7}
body .btn,body .piece-detail-body .btn.secondary{font-size:14px;letter-spacing:1.3px;line-height:1.5;min-height:48px}
body .route-kicker{font-size:14px;letter-spacing:1.5px;line-height:1.6}
body .route-link,body .gallery-view-switch button,body .piece-details>summary,body .collection-story-more>summary,body .artist-story-more>summary,body .more-testimonials>summary,body .workshop-more>summary,body .workshop-clips>summary{font-size:14px;line-height:1.6}
@media(max-width:1100px) and (min-width:761px){.nav{padding-left:4%;padding-right:4%;flex-wrap:wrap;gap:18px}.nav .links{justify-content:center;flex-wrap:wrap;gap:12px 20px}}
@media(max-width:760px){.nav .links a{font-size:16px;letter-spacing:1px}body .eyebrow,body .hero .eyebrow{font-size:14px;letter-spacing:1.6px}body .btn{padding:15px 20px}}
