@font-face{font-family:Inter;src:url('assets/fonts/inter-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
/* One typography system across desktop, mobile and product details. */
:root{--sans:Montserrat,Arial,sans-serif;--heading-serif:Inter,Arial,sans-serif}
body,button,input,select,textarea,p,a,li,td,th,caption,small,label,.eyebrow,.heritage-number span,.product-card-name,.footer-company-name,.year-navigation button,#product-count,#mobile-menu nav a,#mobile-menu .menu-footer>a{font-family:Montserrat,Arial,sans-serif!important}
h1:not(#hero-title),h2,h3,h4,h5,h6,#story h2,#vision h2,#vision h3,#journey h2,#journey h3,#manufacturing h2,#products .showcase-heading h2,#product-detail-title,#product-grades h3{font-family:Inter,Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.035em}
#products .showcase-heading h2,#story h2,#vision h2,#journey h2{font-weight:900!important}
#journey .timeline strong,.heritage-number,.manufacturing-stage strong{font-family:Inter,Arial,sans-serif!important;font-weight:700}
#story p,#vision p,#journey .timeline p,#journey .timeline-caption,#journey .timeline-scroll-hint{font-family:Montserrat,Arial,sans-serif!important}
#hero-title{font-family:var(--serif)!important;font-weight:400!important}
@media(max-width:700px){#journey.timeline-enhanced .timeline p{font-size:14px;line-height:1.5}#journey.timeline-enhanced .journey-details>h2{font-size:26px;max-width:230px}#products .showcase-heading h2{font-size:clamp(29px,9vw,48px)}}
@media(max-width:700px) and (max-height:650px){#journey.timeline-enhanced .timeline p{font-size:12px;line-height:1.5}#journey.timeline-enhanced .journey-details>h2{font-size:22px;max-width:190px}}
/* Hero typography and landscape timeline composition. */
#hero-title{font-family:Inter,Arial,sans-serif!important;font-weight:700!important;font-size:clamp(48px,5.9vw,88px);line-height:1.06;letter-spacing:-.055em;max-width:760px;text-wrap:balance}
@media(max-width:700px){#hero-title{top:calc(94px + env(safe-area-inset-top));font-size:clamp(30px,8.5vw,40px);line-height:1.08;letter-spacing:-.045em;left:20px;right:20px}.hero-art img{object-position:center}}
@media(max-width:700px) and (max-height:650px){#hero-title{top:82px;font-size:28px}}
@media(min-width:701px) and (max-width:900px), (min-width:701px) and (max-height:649px){
 #journey.timeline-enhanced{height:340svh;padding:0 5%;margin-top:0}
 #journey.timeline-enhanced .journey-stage{display:grid;grid-template-columns:1fr 1fr;gap:4%;position:sticky;top:0;height:100svh;padding:22px 0}
 #journey.timeline-enhanced .journey-visual{display:block;position:static;padding:0}
 #journey.timeline-enhanced .timeline-gallery{inset:0 -5.6%;display:block}
 #journey.timeline-enhanced .timeline-gallery .timeline-scene{width:70%;object-fit:contain;object-position:left center}
 #journey.timeline-enhanced .journey-details{padding:0 0 0 10px;align-self:center}
 #journey.timeline-enhanced .journey-details>h2{font-size:clamp(23px,3.2vw,34px);margin-bottom:12px}
 #journey.timeline-enhanced .year-navigation{margin-bottom:6px;gap:2px}
 #journey.timeline-enhanced .year-navigation button{font-size:12px;padding:12px 4px;min-height:44px}
 #journey.timeline-enhanced .timeline{margin-top:14px;min-height:175px}
 #journey.timeline-enhanced .timeline li{padding:0}
 #journey.timeline-enhanced .timeline strong{font-size:34px;line-height:1.1}
 #journey.timeline-enhanced .timeline h3{font-size:21px;margin:8px 0}
 #journey.timeline-enhanced .timeline p{font-size:12px;line-height:1.5}
 #journey.timeline-enhanced .timeline-caption{left:0;bottom:25px;font-size:11px;max-width:35%}
 #journey.timeline-enhanced .timeline-scroll-hint{display:none}
}
@media(min-width:568px) and (max-width:700px) and (orientation:landscape){
 #journey.timeline-enhanced{height:360svh;padding:0 4%}
 #journey.timeline-enhanced .journey-stage{display:grid!important;grid-template-columns:1fr 1fr;gap:4%;padding:10px 0}
 #journey.timeline-enhanced .timeline-gallery{inset:0 -5%;width:auto}
 #journey.timeline-enhanced .timeline-gallery .timeline-scene{width:65%;object-fit:contain;object-position:left center;mask-image:linear-gradient(90deg,#000 65%,transparent);filter:none}
 #journey.timeline-enhanced .journey-details{position:relative;grid-column:2;align-self:center;padding:0}
 #journey.timeline-enhanced .journey-details>h2{font-size:20px;max-width:none;margin:0 0 4px}
 #journey.timeline-enhanced .year-navigation{position:static;gap:0;margin:0}
 #journey.timeline-enhanced .year-navigation button{font-size:11px;padding:8px 3px;min-height:36px}
 #journey.timeline-enhanced .timeline{position:relative;inset:auto;margin:8px 0 0;height:155px;min-height:155px}
 #journey.timeline-enhanced .timeline strong{font-size:28px}
 #journey.timeline-enhanced .timeline h3{font-size:18px;margin:5px 0}
 #journey.timeline-enhanced .timeline p{font-size:11px;line-height:1.4}
 #journey.timeline-enhanced .timeline-progress{position:static}
 #journey.timeline-enhanced .timeline-caption,#journey.timeline-enhanced .timeline-scroll-hint,.timeline-skip{display:none}
}