:root {
  --paper:#f4f0e8; --paper-2:#e9e4da; --ink:#18211e; --muted:#626b64;
  --line:rgba(24,33,30,.18); --acid:#d9f36a; --coral:#dc6149; --blue:#245985;
  --sans:"DM Sans","Microsoft YaHei","PingFang SC",Arial,sans-serif;
  --serif:"Playfair Display",Georgia,"Songti SC","SimSun",serif;
  --mono:"DM Mono",Consolas,monospace; --gutter:clamp(1.2rem,6vw,7rem);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
body.modal-open { overflow:hidden; }
[hidden] { display:none !important; }
img { display:block; max-width:100%; }
button,input,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { color:inherit; }
button:not(:disabled) { cursor:pointer; }
:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
figure { margin:0; }
section[id] { scroll-margin-top:110px; }
.skip-link { position:fixed; top:-5rem; left:1rem; z-index:50; padding:1rem; background:var(--acid); }
.skip-link:focus { top:1rem; }

/* A single persistent header serves every section and every language. */
.site-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:clamp(.6rem,1.5vw,1.5rem); min-height:86px; padding:.6rem clamp(1rem,3vw,3rem); border-bottom:1px solid var(--line); background:rgba(244,240,232,.97); }
.site-header.is-scrolled { box-shadow:0 3px 20px rgba(24,33,30,.06); }
.wordmark { flex:none; display:block; margin-right:auto; }
.brand-logo { width:156px; height:auto; }
.site-nav { display:flex; align-items:center; gap:clamp(.7rem,1.3vw,1.5rem); font-size:.76rem; font-weight:600; }
.site-nav a { padding:.7rem 0; white-space:nowrap; }
.site-nav a:hover { color:var(--coral); }
.site-nav .nav-catalog { padding:.65rem .7rem; background:var(--acid); border:1px solid var(--ink); }
.language-switcher { display:flex; flex:none; gap:.15rem; padding:.2rem; border:1px solid var(--line); border-radius:99px; }
.language-switcher button { min-width:30px; min-height:32px; padding:.35rem; border:0; border-radius:99px; background:transparent; font:500 .66rem var(--mono); }
.language-switcher button.is-active,.language-switcher button:hover { background:var(--ink); color:var(--acid); }
.header-cta { display:flex; align-items:center; gap:.65rem; flex:none; padding:.7rem .8rem; border:1px solid var(--ink); background:transparent; font-size:.75rem; font-weight:600; }
.header-cta:hover { background:var(--ink); color:var(--paper); }
.header-cta b { font-size:1rem; }
.menu-toggle { display:none; border:0; background:none; padding:.7rem 0; font-size:.8rem; }
.menu-icon { display:inline-flex; flex-direction:column; gap:5px; margin-left:.35rem; vertical-align:middle; }
.menu-icon i { display:block; width:18px; height:1px; background:currentColor; }

.hero { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr); gap:clamp(1.5rem,3vw,3.5rem); align-items:center; max-width:1800px; margin:auto; padding:clamp(3rem,6vw,6.5rem) var(--gutter); }
.hero-copy,.hero-art { min-width:0; }
.eyebrow { display:flex; align-items:center; gap:.7rem; margin:0 0 1.4rem; color:var(--muted); font:500 .65rem/1.6 var(--mono); letter-spacing:.12em; }
.eyebrow-line { flex:none; width:30px; height:1px; background:currentColor; }
h1,h2 { margin:0; font-weight:600; line-height:1.15; letter-spacing:-.055em; overflow-wrap:break-word; }
h1 { font-size:clamp(2.5rem,4.7vw,5.1rem); }
h2 { font-size:clamp(2.4rem,3.9vw,4.5rem); }
h1 em,h2 em { color:var(--coral); font-family:var(--serif); font-weight:500; letter-spacing:-.04em; }
.headline-line { display:block; white-space:normal; }
.hero-lede { max-width:33rem; margin:1.8rem 0 2rem; color:var(--muted); font-size:1rem; line-height:1.9; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.1rem 1.5rem; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:1rem; padding:1rem 1.25rem; border:1px solid transparent; font-size:.82rem; font-weight:600; line-height:1.5; transition:background .2s; }
.button-dark { background:var(--ink); color:var(--paper); }
.button-dark:hover { background:var(--coral); }
.button-light { background:var(--acid); color:var(--ink); }
.button-light:hover { background:white; }
.text-link { font-size:.82rem; line-height:1.6; text-decoration:underline; text-decoration-color:var(--coral); text-underline-offset:5px; }
.text-link:hover { color:var(--coral); }
.text-link-accent { color:var(--coral); }
.hero-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.3rem; margin-top:3.5rem; max-width:33rem; }
.hero-proof div { display:flex; flex-direction:column; gap:.5rem; min-width:0; }
.hero-proof strong { font-size:1.55rem; }
.hero-proof strong span { color:var(--coral); }
.hero-proof small { color:var(--muted); font-size:.7rem; line-height:1.65; }
.hero-art { justify-self:end; position:relative; width:100%; padding:10px; background:#fffaf2; box-shadow:0 15px 45px rgba(24,33,30,.12); }
.hero-art > img { width:100%; height:auto; object-fit:contain; }
.hero-caption { display:flex; justify-content:space-between; gap:1rem; padding:.9rem .35rem .2rem; font:500 .65rem/1.5 var(--mono); letter-spacing:.08em; }
.hero-caption span { color:var(--coral); font-size:1rem; }
.route-bar { display:grid; grid-template-columns:.75fr 4fr; padding:0 var(--gutter); border-block:1px solid var(--line); }
.route-label { align-self:center; margin:0; padding:1.2rem 0; color:var(--muted); font:500 .65rem var(--mono); }
.route-items { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.route-item { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.7rem; padding:1.25rem 1rem; border-left:1px solid var(--line); font-size:.8rem; line-height:1.5; }
.route-item span { color:var(--coral); font:500 .62rem var(--mono); }
.route-item i { font-style:normal; }
.route-item:hover { background:var(--acid); }
.route-item-accent { background:var(--ink); color:var(--paper); }
.route-item-accent:hover { color:var(--ink); }
.section { padding:clamp(3.5rem,6vw,6.5rem) var(--gutter); }
.section-heading { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:end; gap:clamp(2rem,5vw,5rem); margin-bottom:2.5rem; }
.section-heading > * { min-width:0; }
.section-intro { margin:0; max-width:35rem; color:var(--muted); font-size:.95rem; line-height:1.9; }
.filter-row { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1.5rem; }
.filter-btn { padding:.6rem 1rem; min-height:42px; border:1px solid var(--line); background:transparent; color:var(--muted); font-size:.8rem; }
.filter-btn.is-active,.filter-btn:hover { border-color:var(--ink); background:var(--ink); color:var(--paper); }
.collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.collection-card { min-width:0; border:1px solid var(--line); }
.card-media { position:relative; aspect-ratio:3/4; overflow:hidden; background:#eee9df; padding:0 0 2.5rem; }
.card-media img { width:100%; height:100%; object-fit:contain; }
.card-index,.card-tag { position:absolute; bottom:.65rem; font:500 .65rem/1.4 var(--mono); }
.card-index { left:1rem; color:var(--coral); }
.card-tag { right:1rem; color:var(--muted); }
.card-body { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.2rem; }
.card-body > div { min-width:0; }
.card-body h3 { margin:0; font-size:1.05rem; line-height:1.5; }
.card-body p { margin:.5rem 0 0; color:var(--muted); font-size:.77rem; line-height:1.7; }
.card-body a { display:grid; place-items:center; width:38px; height:38px; flex:none; border:1px solid var(--line); }
.collection-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-top:1.4rem; color:var(--muted); font-size:.8rem; line-height:1.7; }

.catalog-browser { background:var(--paper-2); border-block:1px solid var(--line); }
.catalog-browser-intro > p { color:var(--muted); font-size:.9rem; line-height:1.9; margin:0; }
.catalog-browser-intro .order-promise { margin:1.2rem 0; padding:1rem 1.15rem; background:var(--acid); color:var(--ink); font-weight:600; font-size:1.02rem; line-height:1.7; }
.catalog-browser-intro .catalog-image-note { font-size:.78rem; }
.catalog-jumps { display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:2rem; }
.catalog-jumps a { padding:.7rem .95rem; background:var(--paper); border:1px solid var(--line); font-size:.8rem; line-height:1.6; }
.catalog-jumps a:hover { background:var(--acid); }
.catalog-list { display:grid; gap:3rem; }
.catalog-group { padding:1.2rem; background:var(--paper); min-width:0; }
.catalog-group-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.5rem; }
.catalog-group-head h3 { margin:0; font-size:1.3rem; line-height:1.5; }
.catalog-group-head p { margin:.45rem 0 0; color:var(--muted); font-size:.8rem; line-height:1.7; }
.catalog-group-count { flex:none; color:var(--muted); font:500 .7rem/1.5 var(--mono); }
.catalog-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.catalog-product-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--line); background:#fffdf8; }
.product-media { display:block; position:relative; aspect-ratio:1; width:100%; padding:0; border:0; overflow:hidden; background:#ece9e2; }
.product-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; transition:opacity .2s ease; }
.product-reverse { opacity:0; }
.is-reversed .product-face { opacity:0; }
.is-reversed .product-reverse { opacity:1; }
.product-side,.flip-action { position:absolute; z-index:1; padding:.4rem .6rem; color:var(--ink); background:rgba(255,253,248,.94); font-size:.7rem; line-height:1.5; }
.product-side { top:.6rem; left:.6rem; }
.flip-action { right:.6rem; bottom:.6rem; background:var(--ink); color:var(--paper); }
.reference-label { font-size:.64rem; }
.product-copy { display:flex; gap:.7rem; flex:1; padding:1rem; }
.product-number { padding-top:.2rem; font:500 .64rem/1.5 var(--mono); color:var(--muted); }
.product-link { display:flex; flex-direction:column; gap:.75rem; flex:1; min-width:0; }
.product-name { margin:0; font-size:.9rem; font-weight:500; line-height:1.6; overflow-wrap:anywhere; }
.product-detail-link { margin-top:auto; color:var(--muted); font-size:.75rem; text-decoration:underline; text-underline-offset:4px; text-decoration-color:var(--coral); }
.product-link:hover .product-name,.product-link:hover .product-detail-link { color:var(--coral); }
.product-zoom { align-self:flex-start; margin:0 1rem 1rem; padding:.3rem 0; border:0; background:none; color:var(--muted); font:inherit; font-size:.75rem; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.product-zoom:hover { color:var(--coral); }
.product-zoom:focus-visible { outline:2px solid var(--coral); outline-offset:4px; }
.catalog-browser-foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; margin-top:1.6rem; color:var(--muted); font-size:.8rem; line-height:1.7; }

.capabilities { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); padding:0; background:var(--ink); color:var(--paper); }
.capabilities-image { position:relative; min-height:540px; }
.capabilities-image img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.image-caption { position:absolute; bottom:1.5rem; left:1.5rem; padding:.7rem .9rem; background:var(--acid); color:var(--ink); font:500 .65rem var(--mono); }
.capabilities-copy { min-width:0; align-self:center; padding:clamp(3rem,5vw,6rem) var(--gutter); }
.eyebrow-light { color:#b6c1b9; }
.capabilities h2 { font-size:clamp(2.4rem,3.6vw,4.1rem); }
.capabilities h2 em { color:var(--acid); }
.capabilities-copy > p:not(.eyebrow) { color:#b6c1b9; font-size:.9rem; line-height:1.9; margin:1.8rem 0; }
.cap-list { border-top:1px solid #465047; margin-bottom:2rem; }
.cap-list > div { display:grid; grid-template-columns:1.5rem 4.5rem minmax(0,1fr); align-items:start; gap:1rem; padding:1rem 0; border-bottom:1px solid #465047; }
.cap-list span { color:var(--coral); font:500 .65rem/1.8 var(--mono); }
.cap-list strong { font-size:.88rem; line-height:1.8; }
.cap-list small { color:#b6c1b9; font-size:.76rem; line-height:1.8; }
.factory-lead { display:block; font-size:1.45rem; line-height:1.5; margin-bottom:.8rem; }
.factory-gallery-grid,.visual-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; grid-template-rows:240px 240px; gap:1rem; }
.factory-tile,.visual-tile { position:relative; display:flex; flex-direction:column; min-height:0; min-width:0; border:0; padding:0; background:var(--paper-2); }
.factory-tile img,.visual-tile img { width:100%; min-height:0; flex:1; object-fit:cover; }
.factory-tile span,.visual-tile span { flex:none; padding:.85rem 1rem; background:var(--ink); color:var(--paper); text-align:left; font:500 .66rem/1.4 var(--mono); letter-spacing:.08em; }
.factory-tile:hover span,.visual-tile:hover span { color:var(--acid); }
.factory-feature,.visual-tall { grid-row:span 2; }
.factory-feature img,.visual-tall img { object-fit:contain; }
.visuals { border-top:1px solid var(--line); }
.visual-grid .visual-tile:nth-child(3) img { object-fit:cover; }

.materials { background:var(--paper-2); border-block:1px solid var(--line); }
.materials-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:1.5rem; align-items:start; }
.materials-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.material-card { padding:1.5rem; min-width:0; background:var(--paper); border:1px solid var(--line); }
.material-number { color:var(--coral); font:500 .64rem/1.5 var(--mono); letter-spacing:.06em; }
.material-card h3 { margin:1.1rem 0 .9rem; font-size:1.15rem; line-height:1.5; }
.material-card p,.material-card li { color:var(--muted); font-size:.82rem; line-height:1.9; }
.material-card ul { margin:0; padding-left:1.1rem; }
.material-card li + li { margin-top:.45rem; }
.material-card p { margin:.5rem 0 0; }
.material-application { padding-top:.75rem; border-top:1px solid var(--line); }
.material-cta { display:flex; flex-direction:column; background:var(--ink); color:var(--paper); }
.material-cta .material-number { color:var(--acid); }
.material-cta > span:last-child { margin-top:auto; padding-top:1rem; color:var(--acid); font-size:.8rem; line-height:1.7; }
.certifications { padding:1.5rem; border:1px solid var(--line); background:var(--paper); }
.certifications .eyebrow { font-size:.6rem; letter-spacing:.05em; }
.certifications h3 { font-size:1.3rem; line-height:1.5; margin:0 0 1.5rem; }
.certificate-image { width:100%; border:0; background:#fff; padding:0; }
.certificate-image img { width:100%; height:auto; object-fit:contain; }
.certifications > p:last-child { color:var(--muted); font-size:.78rem; line-height:1.9; margin:1rem 0 0; }

.contact-main > p:not(.eyebrow) { max-width:50rem; margin:1.5rem 0 2rem; color:var(--muted); line-height:1.9; font-size:.95rem; }
.contact-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:2rem 0; }
.contact-detail-grid > div { display:flex; flex-direction:column; gap:.45rem; padding:1.2rem; background:var(--paper-2); border:1px solid var(--line); min-width:0; }
.detail-label { margin-bottom:.35rem; color:var(--blue); font-size:.8rem; font-weight:600; }
.contact-detail-grid a { font:500 .8rem/1.7 var(--mono); overflow-wrap:anywhere; }
.contact-detail-grid a:hover { text-decoration:underline; }
.office-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin-top:3rem; }
.office-card { border:1px solid var(--line); background:var(--paper-2); min-width:0; }
.office-map { position:relative; height:240px; background:#e1e7de; }
.office-map iframe { width:100%; height:100%; border:0; display:block; }
.map-link { position:absolute; right:1rem; bottom:1rem; padding:.7rem; background:var(--ink); color:var(--acid); font-size:.75rem; }
.office-copy { padding:1.5rem; }
.office-kicker { margin:0 0 .6rem; color:var(--coral); font:500 .65rem var(--mono); }
.office-copy h3 { margin:.7rem 0; font-size:1.15rem; }
.office-address { color:var(--muted); font-size:.82rem; line-height:1.9; margin:0; }
.site-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1.5rem var(--gutter); color:#b6c1b9; background:var(--ink); font:500 .6rem/1.6 var(--mono); }
.site-footer a { color:var(--acid); }

/* Native dialogs provide keyboard focus trapping and Escape-to-close. */
dialog { color:var(--ink); border:0; padding:0; }
dialog::backdrop { background:rgba(16,25,20,.8); }
dialog:not([open]) { display:none; }
.modal { width:min(610px,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); background:var(--paper); }
.modal-card { position:relative; padding:clamp(2rem,5vw,3.5rem); }
.modal-card h2 { font-size:clamp(2rem,4vw,3.3rem); }
.modal-card form { margin-top:1.5rem; }
.modal-card label { display:block; margin-bottom:1.2rem; color:var(--muted); font-size:.85rem; }
.modal-card input,.modal-card textarea { display:block; width:100%; margin-top:.5rem; padding:.85rem; border:1px solid var(--line); background:transparent; color:var(--ink); resize:vertical; font-size:1rem; }
.form-note,.form-status { font-size:.76rem; line-height:1.8; color:var(--muted); }
.modal-close,.lightbox-close { position:absolute; top:1rem; right:1rem; display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--line); background:var(--paper); font-size:1.4rem; z-index:2; }
.lightbox { width:100%; height:100dvh; max-width:none; max-height:none; margin:0; background:transparent; padding:4.5rem clamp(1rem,5vw,4rem) 1.5rem; }
.lightbox[open] { display:grid; place-items:center; }
.lightbox figure { display:flex; flex-direction:column; align-items:center; gap:1rem; max-height:100%; min-height:0; }
.lightbox img { width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 9rem); object-fit:contain; }
.lightbox figcaption { color:var(--paper); font-size:.85rem; line-height:1.6; text-align:center; }

@media (max-width:1199px) {
  .menu-toggle { display:block; order:4; }
  .site-nav { position:absolute; top:100%; left:0; right:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:.5rem var(--gutter) 1rem; border-bottom:1px solid var(--line); background:var(--paper); }
  .site-nav.is-open { display:flex; }
  .site-nav a { padding:.9rem .6rem; border-bottom:1px solid var(--line); }
  .hero { gap:2rem; }
  .catalog-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .capabilities-copy { padding:3rem; }
  .factory-gallery-grid,.visual-grid { grid-template-rows:200px 200px; }
  .materials-layout { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
}
@media (max-width:850px) {
  .hero { grid-template-columns:minmax(0,1fr); }
  .hero-art { width:100%; justify-self:center; }
  h1 { font-size:clamp(2.6rem,7vw,4rem); }
  h2 { font-size:clamp(2.4rem,5vw,3.5rem); }
  .section-heading { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
  .route-bar { grid-template-columns:minmax(0,1fr); }
  .route-label { padding-bottom:.8rem; }
  .route-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .route-item { border-top:1px solid var(--line); }
  .collection-grid { gap:.8rem; }
  .card-body { padding:1rem; flex-wrap:wrap; }
  .card-body a { margin-left:auto; }
  .capabilities { grid-template-columns:minmax(0,1fr); }
  .capabilities-image { min-height:0; aspect-ratio:16/9; }
  .capabilities-copy { padding:3.5rem var(--gutter); }
  .materials-layout { grid-template-columns:minmax(0,1fr); }
  .certifications { max-width:500px; width:100%; justify-self:center; }
  .contact-detail-grid { grid-template-columns:minmax(0,1fr); }
  .office-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) {
  .site-header { gap:.5rem; min-height:72px; padding:.65rem 1rem; }
  .brand-logo { width:120px; }
  .header-cta { padding:.45rem; border:0; }
  .header-cta span { display:none; }
  .menu-toggle { font-size:.7rem; }
  .menu-icon { display:none; }
  .language-switcher button { min-width:27px; padding:.25rem; }
  .hero-proof { gap:1rem; margin-top:2.5rem; }
  .hero-proof strong { font-size:1.35rem; }
  .hero-proof small { font-size:.66rem; }
  .route-item { gap:.5rem; padding:1rem .65rem; font-size:.74rem; }
  .collection-grid { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
  .card-media { aspect-ratio:4/5; }
  .card-body { flex-wrap:nowrap; }
  .catalog-group { padding:.7rem; }
  .catalog-group-head { align-items:flex-start; flex-direction:column; gap:.5rem; }
  .catalog-group-head h3 { font-size:1.15rem; }
  .catalog-group-head p { font-size:.74rem; }
  .catalog-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }
  .product-copy { padding:.75rem .6rem; }
  .product-number { display:none; }
  .product-name { font-size:.81rem; }
  .product-side,.flip-action { padding:.25rem .4rem; font-size:.62rem; }
  .product-side { top:.35rem; left:.35rem; }
  .flip-action { right:.35rem; bottom:.35rem; }
  .cap-list > div { grid-template-columns:1.1rem 3.9rem minmax(0,1fr); gap:.6rem; }
  .cap-list strong { font-size:.8rem; }
  .cap-list small { font-size:.74rem; }
  .factory-gallery-grid,.visual-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; gap:.75rem; }
  .factory-feature,.visual-tall { grid-column:span 2; grid-row:auto; }
  .factory-tile img,.visual-tile img { aspect-ratio:4/3; flex:none; height:auto; object-fit:contain; }
  .factory-feature img,.visual-tall img { aspect-ratio:16/9; }
  .factory-tile span,.visual-tile span { padding:.7rem .5rem; font-size:.57rem; letter-spacing:.02em; }
  .materials-grid { grid-template-columns:minmax(0,1fr); }
  .material-card { padding:1.3rem; }
  .certifications { padding:1.3rem; }
  .site-footer > span:nth-child(2) { display:none; }
}
@media (max-width:370px) {
  .brand-logo { width:96px; }
  .site-header { gap:.35rem; }
  .header-cta { padding:.3rem; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; }
}