/* Customer feedback, September 2026: original brand character, modern reading type. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/manrope-latin.woff2') format('woff2')}
@font-face{font-family:'Tinos';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/tinos-bold.woff2') format('woff2')}
:root{--sans:Manrope,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;--serif:var(--sans);--brand-font:'Tinos','Times New Roman',Times,serif;--brand-blue:#252a64}
body{font-family:var(--sans);font-weight:400}
h1,h2,h3,html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{font-family:var(--sans);font-weight:650;letter-spacing:-.035em}
h3{font-weight:650;letter-spacing:-.02em}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{letter-spacing:0;font-weight:600}
.craft-details h3,.inquiry-checklist h3,.footer h3,.supplier-list span{font-family:var(--sans)}
.button,.text-link,.desktop-nav,.language,.quick-paths strong{font-weight:600}
.contact-form legend,.contact-phone,.supplier-list a{font-weight:600}
.eyebrow{font-weight:700}
.footer-bottom{align-items:baseline;flex-wrap:wrap}
.footer-credit{display:inline-block;padding-block:6px;color:var(--muted)}
.footer-credit span{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.footer-credit:hover span{ text-decoration-color:var(--navy) }
.video-copy h1{font-weight:700;letter-spacing:-.045em;max-width:22ch}
.video-copy h1 em{font-style:normal;font-weight:700}
.video-copy h1,.video-copy .eyebrow{text-shadow:0 2px 14px #09131b60}
.video-copy>p{font-weight:500;text-shadow:0 1px 6px #09131bb3}

/* Live, selectable brand lettering; the blue is sampled from the original logo. */
.site-header .header-inner{max-width:1600px;gap:22px}
.site-header .brand-lockup{gap:14px;flex:0 0 auto}
.site-header .brand-lockup img{width:88px;height:auto;flex-shrink:0}
.brand-name{display:block;flex:0 0 auto;font:700 24px/1.15 var(--brand-font);letter-spacing:.015em;color:var(--brand-blue);white-space:nowrap}
.desktop-nav{gap:24px;white-space:nowrap}
.nav-actions{gap:12px;flex-shrink:0}
.nav-actions>.button{gap:0;padding:12px 16px;min-height:48px;white-space:nowrap;letter-spacing:0}
.nav-actions>.button svg{display:none}
.nav-actions>.appointment-link{background:transparent;border-color:#52616a;color:var(--navy)}
.nav-actions>.appointment-link:hover{background:var(--stone);border-color:var(--navy)}
.utility-appointment{display:none!important}
.mobile-nav .mobile-appointment{font-weight:700;color:var(--navy)}
.appointment-panel{margin-top:28px;padding:24px;border:1px solid var(--line);border-top:3px solid var(--gold);background:var(--white);scroll-margin-top:112px}
.appointment-panel h2{font-size:1.375rem;margin:0 0 12px}
.appointment-panel p{font-size:.9375rem;margin:0 0 16px}
.appointment-actions{display:flex;flex-wrap:wrap;gap:10px 18px}
.contact-details .appointment-actions a{font-weight:650;min-height:44px;display:inline-flex;align-items:center;font-size:.875rem}

@media(max-width:1299px){
 .desktop-nav,.nav-actions>.button{display:none}
 .menu-toggle{display:inline-block}
 .mobile-nav.is-open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:92px;background:var(--paper);padding:15px var(--gutter) 25px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #102a4310;max-height:calc(100dvh - 92px);overflow-y:auto}
 .mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line)}
 .nav-actions>.appointment-link{display:inline-flex}
}
@media(min-width:1300px) and (max-width:1450px){.header-inner{padding-inline:32px}.desktop-nav{gap:18px}.nav-actions{gap:8px}.nav-actions>.button{padding-inline:12px}.site-header .header-inner{gap:18px}}
@media(max-width:850px){.mobile-nav.is-open{top:78px;max-height:calc(100dvh - 78px)}}
@media(min-width:741px) and (max-width:1000px){.site-header .brand-lockup{gap:10px}.site-header .brand-lockup img{width:76px}.brand-name{font-size:20px}}
@media(max-width:740px){
 .site-header .header-inner{gap:8px;padding-inline:16px}
 .site-header .brand-lockup{gap:8px;flex:1 1 auto}
 .site-header .brand-lockup img{width:44px;max-width:none}
 .brand-name{font-size:clamp(13px,3.5vw,20px)}
 .nav-actions{gap:2px}
 .nav-actions>.appointment-link{display:none}
 .utility-bar .wrap{min-height:36px;gap:12px}
 .utility-bar .utility-place{display:none}
 .utility-bar a{font-size:.8125rem;min-height:36px}
 .utility-bar .utility-appointment{display:inline-flex!important;text-decoration:underline;text-underline-offset:4px;font-weight:600}
 .video-copy h1{letter-spacing:-.035em}
 .appointment-panel{padding:20px;scroll-margin-top:98px}
}
@media(max-width:359px){.site-header .header-inner{padding-inline:12px;gap:6px}.site-header .brand-lockup img{width:32px}.site-header .brand-lockup{gap:6px}.brand-name{font-size:13px;letter-spacing:.015em}.language{min-width:36px}.menu-toggle{width:40px}}