/* About only. Editorial studio composition inspired by dedicated About templates. */
.shm-about-page.sino-about-landing {
  --sal-ink:#051d3c; --sal-accent:#840d07; --sal-paper:#f3f2f0; --sal-muted:#58616b;
  --sal-space:clamp(72px,8vw,124px); --sal-ease:cubic-bezier(.22,1,.36,1);
  background:var(--sal-paper); color:var(--sal-ink); font-family:var(--shm-sans,Arial,sans-serif);
}
.shm-about-page.sino-about-landing *, .shm-about-page.sino-about-landing *::before, .shm-about-page.sino-about-landing *::after { box-sizing:border-box; }
.shm-about-page.sino-about-landing section { padding:var(--sal-space) 0; scroll-margin-top:48px; }
.shm-about-page.sino-about-landing .sal-container { width:min(calc(100% - 2 * var(--sino-shell-gutter,32px)),1320px); margin-inline:auto; }
.shm-about-page.sino-about-landing :is(h1,h2,h3) { font-family:var(--shm-sans,Arial,sans-serif); color:var(--sal-ink); font-weight:500; font-style:normal; text-transform:none; text-wrap:balance; overflow-wrap:break-word; margin:0; }
.shm-about-page.sino-about-landing h1 { font-size:clamp(46px,5.1vw,76px); line-height:1.1; letter-spacing:-.055em; }
.shm-about-page.sino-about-landing h2 { font-size:clamp(34px,3.6vw,54px); line-height:1.16; letter-spacing:-.045em; }
.shm-about-page.sino-about-landing h3 { font-size:clamp(24px,2.5vw,34px); line-height:1.2; letter-spacing:-.035em; }
.shm-about-page.sino-about-landing p { margin:0; color:var(--sal-muted); font-size:17px; line-height:1.85; }
.shm-about-page.sino-about-landing p + p { margin-top:20px; }
.shm-about-page.sino-about-landing .sal-kicker { color:var(--sal-accent); margin-bottom:22px; font-size:10px; line-height:1.5; font-weight:600; text-transform:uppercase; letter-spacing:.13em; }
.shm-about-page.sino-about-landing .sal-lead p { font-size:17px; line-height:1.85; }
.shm-about-page.sino-about-landing :is(.sal-photo,.sal-panorama) { position:relative; overflow:hidden; border:0; border-radius:0; background:#e4e1dc; }
.shm-about-page.sino-about-landing [data-sal-drift] > img { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; transform:translate3d(0,var(--sal-shift,0px),0) scale(var(--sal-scale,1)); }
.shm-about-page.sino-about-landing .shm-home-image-placeholder { display:block; width:100%; height:100%; min-height:180px; }

/* Asymmetric opening: a large statement balanced by a quieter introduction. */
.shm-about-page.sino-about-landing .sal-opening { padding-top:clamp(60px,6.5vw,96px); padding-bottom:0; }
.shm-about-page.sino-about-landing .sal-opening__copy { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); gap:clamp(36px,7vw,112px); align-items:end; }
.shm-about-page.sino-about-landing .sal-opening h1 span { display:block; }
.shm-about-page.sino-about-landing .sal-opening h1 span:last-child { color:var(--sal-accent); }
.shm-about-page.sino-about-landing .sal-opening__intro { padding-bottom:6px; }
.shm-about-page.sino-about-landing .sal-explore { display:inline-flex; align-items:center; gap:20px; min-height:44px; margin-top:28px; color:var(--sal-ink); font-size:10px; font-weight:600; letter-spacing:.06em; text-decoration:none; }
.shm-about-page.sino-about-landing .sal-explore svg { width:34px; height:34px; padding:8px; border:1px solid #051d3c35; border-radius:50%; stroke:currentColor; stroke-width:1.4; transition:transform .8s var(--sal-ease),background-color .5s,color .5s; }
.shm-about-page.sino-about-landing .sal-explore:is(:hover,:focus-visible) svg { transform:translateY(3px); background:var(--sal-ink); color:#fff; }
.shm-about-page.sino-about-landing .sal-opening__photo { height:clamp(280px,29vw,400px); margin-top:clamp(44px,5vw,72px); }
.shm-about-page.sino-about-landing .sal-figures { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:0; padding:60px 0 72px; }
.shm-about-page.sino-about-landing .sal-figures > div { display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0; }
.shm-about-page.sino-about-landing .sal-figures dd { order:-1; margin:0; color:var(--sal-accent); font-size:clamp(54px,6vw,84px); font-weight:500; line-height:1; letter-spacing:-.06em; overflow-wrap:anywhere; }
.shm-about-page.sino-about-landing .sal-figures dt { margin:0; font-size:13px; font-weight:400; line-height:1.6; color:var(--sal-muted); }

/* Company story: a clear headline, then an image and an unhurried reading column. */
.shm-about-page.sino-about-landing .sal-story { background:#fff; }
.shm-about-page.sino-about-landing .sal-statement { max-width:930px; margin-bottom:52px; }
.shm-about-page.sino-about-landing .sal-story__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,7vw,104px); align-items:center; }
.shm-about-page.sino-about-landing .sal-story .sal-photo { aspect-ratio:1.7; }
.shm-about-page.sino-about-landing .sal-story__primary p { font-size:clamp(19px,1.65vw,24px); line-height:1.65; letter-spacing:-.02em; color:var(--sal-ink); }
.shm-about-page.sino-about-landing .sal-story__copy > .sal-copy { margin-top:28px; }

/* Dedicated About-page values pattern, mapped to real Sino product expertise. */
.shm-about-page.sino-about-landing .sal-range { background:var(--sal-paper); }
.shm-about-page.sino-about-landing .sal-values-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(48px,9vw,132px); align-items:start; }
.shm-about-page.sino-about-landing .sal-section-heading { min-width:0; }
.shm-about-page.sino-about-landing .sal-section-heading > .sal-copy { margin-top:28px; }
.shm-about-page.sino-about-landing .sal-range__photo { aspect-ratio:2.8; margin-top:32px; }
.shm-about-page.sino-about-landing .sal-range__grid { display:flex; flex-direction:column; }
.shm-about-page.sino-about-landing .sal-range-item { display:grid; grid-template-columns:32px minmax(0,1fr); column-gap:24px; row-gap:16px; padding:38px 0; border-top:1px solid #051d3c26; }
.shm-about-page.sino-about-landing .sal-range-item:first-child { padding-top:8px; border-top:0; }
.shm-about-page.sino-about-landing .sal-range-item__index { grid-row:1 / span 2; padding-top:5px; font-size:11px; letter-spacing:.06em; color:var(--sal-accent); }
.shm-about-page.sino-about-landing .sal-range-item .sal-copy { grid-column:2; }
.shm-about-page.sino-about-landing .sal-range-item p { font-size:16px; line-height:1.8; }

/* A different visual cadence for the visit, not another full-page pinned chapter. */
.shm-about-page.sino-about-landing .sal-visit { background:#fff; }
.shm-about-page.sino-about-landing .sal-visit__layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:28px clamp(40px,7vw,100px); align-items:start; }
.shm-about-page.sino-about-landing .sal-visit__heading { grid-column:2; }
.shm-about-page.sino-about-landing .sal-visit__copy { grid-column:2; }
.shm-about-page.sino-about-landing .sal-visit__photo { grid-column:1; grid-row:1 / span 2; align-self:center; width:100%; aspect-ratio:1.6; }

/* Shared outro: a compact brand statement followed by a bright invitation. */
.shm-about-page.sino-about-landing .sal-tradition { background:var(--sal-accent); }
.shm-about-page.sino-about-landing .sal-tradition__grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(40px,8vw,112px); align-items:center; }
.shm-about-page.sino-about-landing .sal-tradition :is(h2,p) { color:#fff; }
.shm-about-page.sino-about-landing .sal-tradition .sal-kicker { color:#f6d4d0; }
.shm-about-page.sino-about-landing .sal-tradition .sal-copy p { color:#f8e7e5; }
.shm-about-page.sino-about-landing .sal-contact { background:#fff; padding-bottom:64px; }
.shm-about-page.sino-about-landing .sal-contact__intro { max-width:980px; margin:auto; text-align:center; }
.shm-about-page.sino-about-landing .sal-contact__intro h2 { font-size:clamp(38px,5vw,72px); }
.shm-about-page.sino-about-landing .sal-contact .sal-lead { max-width:660px; margin:28px auto 0; }
.shm-about-page.sino-about-landing .sal-button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:54px; max-width:100%; padding:17px 26px; margin-top:32px; background:var(--sal-accent); border-radius:999px; color:#fff; font-size:12px; font-weight:500; line-height:1.5; text-decoration:none; transition:background-color .6s; }
.shm-about-page.sino-about-landing .sal-button svg { width:20px; height:20px; flex-shrink:0; stroke:currentColor; stroke-width:1.4; transition:transform .75s var(--sal-ease); }
.shm-about-page.sino-about-landing .sal-button:is(:hover,:focus-visible) { background:var(--sal-ink); }
.shm-about-page.sino-about-landing .sal-button:is(:hover,:focus-visible) svg { transform:translateX(4px); }
.shm-about-page.sino-about-landing .sal-contact__details { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:32px; margin-top:80px; padding:36px clamp(24px,3vw,44px); background:var(--sal-paper); }
.shm-about-page.sino-about-landing .sal-contact__details h3 { margin:0 0 14px; font-size:12px; letter-spacing:0; font-weight:500; color:var(--sal-muted); }
.shm-about-page.sino-about-landing .sal-contact__details :is(address,a) { color:var(--sal-ink); font-size:15px; font-style:normal; line-height:1.7; overflow-wrap:anywhere; }
.shm-about-page.sino-about-landing .sal-contact__details a:hover { color:var(--sal-accent); }
.shm-about-page.sino-about-landing .sal-socials { display:flex; gap:8px; flex-wrap:wrap; }
.shm-about-page.sino-about-landing .sal-socials a { display:grid; place-items:center; width:40px; height:40px; }
.shm-about-page.sino-about-landing .sal-socials svg { width:20px; height:20px; fill:currentColor; }
.shm-about-page.sino-about-landing a:focus-visible { outline:2px solid var(--sal-accent); outline-offset:5px; }
html:has(.sino-about-landing) { scroll-behavior:smooth; }

@media screen and (min-width:1024px) and (min-height:700px) and (prefers-reduced-motion:no-preference) {
  .shm-about-page.sino-about-landing.sal-values-ready [data-sal-values-heading] { position:sticky; top:48px; }
  .shm-about-page.sino-about-landing.sal-outro-ready .sal-outro { position:relative; isolation:isolate; }
  .shm-about-page.sino-about-landing.sal-outro-ready .sal-tradition { position:sticky; top:0; z-index:0; }
  .shm-about-page.sino-about-landing.sal-outro-ready .sal-tradition > .sal-container { transform:scale(var(--sal-outro-scale,1)); opacity:var(--sal-outro-opacity,1); transform-origin:50% 20%; }
  .shm-about-page.sino-about-landing.sal-outro-ready .sal-contact { position:relative; z-index:1; }
}
@media (max-width:1023px) {
  .shm-about-page.sino-about-landing .sal-opening__copy { grid-template-columns:1fr; gap:28px; }
  .shm-about-page.sino-about-landing .sal-opening__intro { max-width:680px; }
  .shm-about-page.sino-about-landing .sal-values-layout { gap:40px; }
  .shm-about-page.sino-about-landing .sal-range-item { column-gap:14px; }
}
@media (max-width:700px) {
  .shm-about-page.sino-about-landing { --sal-space:64px; }
  .shm-about-page.sino-about-landing h1 { font-size:clamp(38px,7.2vw,50px); letter-spacing:-.045em; }
  .shm-about-page.sino-about-landing h2 { font-size:clamp(32px,6vw,42px); }
  .shm-about-page.sino-about-landing .sal-opening { padding-top:44px; }
  .shm-about-page.sino-about-landing .sal-opening__photo { height:auto; aspect-ratio:2/1; margin-top:36px; }
  .shm-about-page.sino-about-landing .sal-figures { gap:16px; padding-block:40px 48px; }
  .shm-about-page.sino-about-landing .sal-figures dd { font-size:clamp(36px,8.6vw,58px); }
  .shm-about-page.sino-about-landing .sal-figures dt { font-size:12px; }
  .shm-about-page.sino-about-landing .sal-statement { margin-bottom:32px; }
  .shm-about-page.sino-about-landing :is(.sal-story__grid,.sal-values-layout,.sal-visit__layout,.sal-tradition__grid) { grid-template-columns:1fr; gap:28px; }
  .shm-about-page.sino-about-landing .sal-visit__layout > * { grid-column:1; grid-row:auto; }
  .shm-about-page.sino-about-landing .sal-story .sal-photo { aspect-ratio:1.8; }
  .shm-about-page.sino-about-landing .sal-range__photo { aspect-ratio:2/1; }
  .shm-about-page.sino-about-landing .sal-range-item { padding-block:28px; }
  .shm-about-page.sino-about-landing .sal-contact__details { padding:28px; gap:28px; margin-top:56px; }
}
@media (max-width:400px) {
  .shm-about-page.sino-about-landing .sal-contact__details { grid-template-columns:minmax(0,1fr); }
  .shm-about-page.sino-about-landing .sal-button { width:100%; gap:12px; }
}
@media (prefers-reduced-motion:reduce) {
  html:has(.sino-about-landing) { scroll-behavior:auto; }
  .shm-about-page.sino-about-landing * { transition:none !important; animation:none !important; }
  .shm-about-page.sino-about-landing [data-sal-drift] > img { transform:none; }
}
@media print {
  .shm-about-page.sino-about-landing :is(.sal-container,[data-sal-enter],[data-sal-reveal],[data-sal-drift] > img) { transform:none !important; opacity:1 !important; }
  .shm-about-page.sino-about-landing section { padding:24px 0; break-inside:avoid; }
}