/* Small readability adjustments; the client's composition and artwork stay intact. */
.main-nav a{font-size:12px;letter-spacing:.045em}
.languages{font-size:11px}
.button{font-size:13px}
.section-heading .text-link,.product-caption .kicker{font-size:11px}
.product-caption h3{line-height:1.3;letter-spacing:-.025em}
.product-caption>div,.star-fact{font-size:12px;line-height:1.7}
/* Keep the Figma card rhythm when CMS titles occupy different numbers of lines. */
.product-card{display:flex;flex-direction:column}
.product-art{flex-shrink:0}
.product-caption{display:flex;flex-direction:column;flex:1}
.product-caption>div:last-child{margin-top:auto;align-items:baseline}
.reference-magazine-card{display:flex;flex-direction:column}
.reference-magazine-card>img{flex-shrink:0}
.reference-magazine-card>.text-link{align-self:flex-start;margin-top:auto}
.footer-brand p{font-size:13px;line-height:1.85}
.footer-grid h2{font-size:12px;line-height:1.6;letter-spacing:.02em}
.footer-bottom{font-size:10px;line-height:1.8}
.contact-intro h1{line-height:1.12;letter-spacing:-.035em}
.contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.85}
.contact-form label{font-size:13px;line-height:1.6;margin-top:22px;margin-bottom:8px}
.contact-form input,.contact-form select,.contact-form textarea{font-size:14px;line-height:1.7}
.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:13px}
.form-note{font-size:12px;line-height:1.7}
.location-card h2{line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.location-card p,.legacy-contact{font-size:13px;line-height:1.85}
.product-info h1{line-height:1.18;letter-spacing:-.035em}
.product-tabs a{font-size:13px}
.reference-story-opening h1,.reference-story-intro h2,.reference-lab-copy h2,
.reference-vision h2,.reference-palette-copy h2,.reference-kol h2,.reference-collab h2{line-height:1.12;letter-spacing:-.04em}
.reference-story-origin{font-size:12px;line-height:1.9}
.reference-lab-copy>p:not(.eyebrow),.reference-culture-opening>p:last-child,
.reference-magazine-card>p:not(.reference-media-meta),.reference-timeline li p,
.reference-route-copy>p:not(.kicker){font-size:13px;line-height:1.85}
.reference-material>p,.reference-kol-card>p{font-size:12px;line-height:1.8}
.reference-kol-card h3{font-size:13px;line-height:1.6}
.reference-route-copy h2{line-height:1.3;letter-spacing:-.025em}
.reference-founder-name,.reference-principles,.reference-media-meta,
.reference-timeline time,.reference-route-copy p.kicker{font-size:11px;line-height:1.7}
.reference-route-copy .text-link,.reference-magazine-card .text-link,
.reference-collab .text-link,.reference-culture-statement .text-link{font-size:12px}
.reference-section-heading>span{font-size:10px;line-height:1.6}
.reference-story-opening .eyebrow,.reference-story-intro>.eyebrow,
.reference-lab-copy>.eyebrow,.reference-founder>.eyebrow,.reference-vision .eyebrow,
.reference-culture-opening>.eyebrow,.reference-craft-copy>.eyebrow,
.reference-palette-copy>.eyebrow,.reference-culture-statement>.eyebrow,
.reference-press-intro>.eyebrow,.reference-kol>.eyebrow,.reference-kol>div>.eyebrow,
.reference-timeline .eyebrow,.reference-collab .eyebrow{font-size:10px}
/* The shared header follows the same vertical alignment on all eight pages. */
@media(min-width:768px){
 .main-nav{height:100%;align-items:stretch}
 .main-nav a,.page-story .main-nav a,.page-culture .main-nav a,
 .page-travel .main-nav a,.page-press .main-nav a{display:flex;align-items:center;padding-top:0;padding-bottom:0;white-space:nowrap}
}
@media(max-width:1100px) and (min-width:768px){
 .header-inner{gap:16px}.main-nav{gap:14px}.main-nav a{font-size:11px;letter-spacing:0}
}
@media(max-width:767px){
 .main-nav a{font-size:14px;padding:15px}
 .languages{font-size:11px;gap:10px}
 .languages a{display:inline-flex;align-items:center;min-height:40px}
 .menu-toggle{min-width:40px;min-height:40px}
 .hero .eyebrow{font-size:9px;letter-spacing:.16em}
 .hero-bottom p{font-size:13px;line-height:1.6}
 .hero-bottom .button{font-size:11px;min-height:42px;padding:9px 12px}
 .product-caption .kicker{font-size:10px;letter-spacing:.04em}
 .product-caption>div{font-size:11px}
 .collection-grid .product-caption>div{font-size:13px}
 .footer-bottom{font-size:10px;gap:10px}
 .footer-bottom>span:last-child{display:flex;flex-wrap:wrap;align-items:center;column-gap:4px;row-gap:5px}
 .contact-intro h1{font-size:54px;margin-bottom:28px}
 .contact-intro>p:not(.eyebrow){margin-top:30px}
 .contact-form input,.contact-form select,.contact-form textarea{font-size:16px}
 .reference-vision>p{font-size:14px}
 .reference-principles{font-size:10px}
 .reference-route-copy h2{font-size:26px}
 .reference-travel .editorial-filters{flex-wrap:wrap}
 .reference-section-heading{gap:16px;align-items:baseline}
 .reference-section-heading>span{font-size:9px}
}
