/* SinoDeco / Interior direction, October 2026.
 * Homepage composition only. Copy, media, navigation and business logic stay editable.
 * This is the single final homepage layout, not a stack of release overrides.
 */
/* User-supplied static face. Its native OpenType weight is 900. */
@font-face {
  font-family:'Sino Neutraface 2'; src:url('fonts/SVN-Neutraface-2.otf') format('opentype');
  font-weight:900; font-style:normal; font-display:swap;
}
body.sino-brand-home:has(.shm-editorial-home) {
  --sino-shell-max:1200px;
  --sino-shell-gutter:clamp(24px,4vw,64px);
}
.shm-editorial-home { --home-space:clamp(72px,7.5vw,112px); --home-ease:cubic-bezier(.22,1,.36,1); --home-panel-max:1360px; background:#fff; }
/* Two contained surfaces alternate with open white chapters. Content geometry stays intact. */
.shm-editorial-home .shm-brand-main { background:#fff; }
body.sino-brand-home .shm-editorial-home :is(#bereiche,#experience,#loesungen,#kontakt) {
  position:relative; isolation:isolate;
  background:transparent;
}
.shm-editorial-home :is(#bereiche,#kontakt)::before {
  content:""; display:block; position:absolute;
  inset:24px max(12px,calc((100% - var(--home-panel-max)) / 2));
  z-index:-1; background:var(--home-section-surface); pointer-events:none;
}
.shm-editorial-home :is(#experience,#loesungen)::before { content:none; display:none; }
.shm-editorial-home #bereiche { --home-section-surface:var(--sino-paper); }
.shm-editorial-home #kontakt { --home-section-surface:#e8edf2; }
.shm-editorial-home .shm-brand-progress { display:none; }
body.sino-brand-home .shm-editorial-home :is(h1,h2,h3) { font-family:var(--shm-sans); font-weight:400; }
.shm-editorial-home .shm-brand-main > section { scroll-margin-top:24px; }

/* Neutraface leads the page; Inter keeps supporting titles and body copy readable. */
.shm-editorial-home {
  --home-display-font:'Sino Neutraface 2',var(--shm-sans);
  --home-hero-size:clamp(36px,4.8vw,68px);
  --home-section-size:clamp(32px,3.6vw,48px);
  --home-card-size:clamp(21px,1.5vw,24px);
  --home-heading-gap:clamp(32px,4vw,48px);
}
body.sino-brand-home .shm-editorial-home .shm-home-section-title {
  font:900 var(--home-section-size)/1.2 var(--home-display-font); letter-spacing:-.015em;
  font-synthesis:none;
  color:var(--sino-navy); text-align:left; text-transform:none;
  white-space:normal; text-wrap:wrap; word-break:normal; overflow-wrap:normal; hyphens:none;
}
body.sino-brand-home .shm-editorial-home .shm-home-card-title {
  font:600 var(--home-card-size)/1.3 var(--shm-sans); letter-spacing:-.02em;
  text-transform:none; white-space:normal; text-wrap:wrap; word-break:normal;
  overflow-wrap:normal; hyphens:none;
}
body.sino-brand-home .shm-editorial-home .shm-home-kicker {
  max-width:none; margin:0 0 12px; padding:0;
  font:600 12px/1.4 var(--shm-sans); letter-spacing:.075em;
  color:#636970; text-transform:uppercase; text-wrap:wrap;
}

/* Preserve the shared network topbar; the homepage masthead is light and quiet. */
body.sino-brand-home .shm-editorial-home .shm-brand-header { background:var(--sino-paper); color:var(--sino-navy); box-shadow:none; border:0; }
body.sino-brand-home .shm-editorial-home .shm-brand-wordmark { color:var(--sino-burgundy) !important; }
body.sino-brand-home .shm-editorial-home .shm-brand-menu > li > a { color:var(--sino-navy); }
.shm-editorial-home .shm-brand-menu > li > a::after { background:var(--sino-burgundy); }
.shm-editorial-home .shm-brand-wordmark:has(img) { padding:0; background:transparent; }

/* Photographic cover with a local contrast scrim, not a burgundy image tint. */
body.sino-brand-home .shm-editorial-home .shm-brand-hero {
  position:relative; isolation:isolate; display:block; width:100%; aspect-ratio:16/9;
  min-height:0; margin:0; padding:0; background:var(--sino-navy);
}
.shm-editorial-home .shm-brand-hero__media { position:absolute; inset:0; width:100%; height:100%; min-height:0; aspect-ratio:auto; border-radius:0; background:var(--sino-navy); z-index:0; }
.shm-editorial-home .shm-brand-hero__picture { position:absolute; inset:0; display:block; }
.shm-editorial-home .shm-brand-hero__picture img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.shm-editorial-home .shm-brand-hero__media::after {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,#051d3c78,transparent 75%),linear-gradient(0deg,#051d3c70,#051d3c40);
}
.shm-editorial-home.has-scroll-motion .shm-brand-hero__media :is(img,video) { position:absolute; inset:-36px 0 auto; height:calc(100% + 72px); transform:translate3d(0,var(--shm-drift-y,0px),0); }
body.sino-brand-home .shm-editorial-home .shm-brand-hero__caption {
  position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; width:100%; margin:0;
  justify-content:var(--shm-hero-y,center); align-items:var(--shm-hero-x,flex-start);
  padding:clamp(24px,3.5vw,64px) var(--shm-panel-padding); background:transparent; transform:none; pointer-events:none;
}
.shm-editorial-home .shm-brand-hero__copy { width:var(--shm-hero-width,70%); max-width:100%; min-width:0; text-align:var(--shm-hero-align,left); }
.shm-editorial-home .shm-brand-hero__copy.has-copy-overflow { max-height:100%; overflow:auto; pointer-events:auto; }
.shm-editorial-home.has-scroll-motion .shm-brand-hero__caption::before { content:none; }
.shm-editorial-home .shm-brand-hero__caption :is(h1,h1 span,p,a) { word-break:normal; overflow-wrap:normal; hyphens:none; }
body.sino-brand-home .shm-editorial-home .shm-brand-hero__caption h1 {
  width:100%; max-width:none; margin:0; font:900 var(--home-hero-size)/1.12 var(--home-display-font);
  font-synthesis:none; letter-spacing:-.02em; color:#fff; text-transform:none; white-space:normal;
  text-wrap:balance; text-shadow:0 2px 24px #051d3c24;
}
.shm-editorial-home .shm-brand-hero__detail { display:flex; flex-direction:column; align-items:var(--shm-hero-x,flex-start); gap:22px; margin-top:26px; }
.shm-editorial-home .shm-brand-hero__caption .shm-brand-hero__promise { width:100%; max-width:none; margin:0; color:#fff; font:400 clamp(17px,1.55vw,21px)/1.55 var(--shm-sans); letter-spacing:-.015em; }
.shm-editorial-home .shm-brand-hero__explore { min-height:64px; max-width:100%; padding:12px 23px; margin:0; color:#fff; pointer-events:auto; font-size:13px; }
.shm-editorial-home .shm-brand-hero__explore::before { width:62px; height:62px; border-width:1px; border-color:#ffffffb3; }
.shm-editorial-home .shm-brand-hero__explore:is(:hover,:focus-visible)::before { width:100%; border-color:var(--sino-burgundy); }
.shm-editorial-home .shm-brand-hero__explore:focus-visible { outline:2px solid #fff; outline-offset:5px; }
.shm-editorial-home .shm-brand-video-toggle { z-index:3; }
/* Keep the video frame ratio, including no-JS and playback-error states. */
.shm-editorial-home .shm-brand-hero__media > video,
.shm-editorial-home.has-scroll-motion .shm-brand-hero__media > video { position:absolute; inset:0; height:100%; width:100%; transform:none; scale:1; object-fit:contain; background:var(--sino-navy); }
.shm-editorial-home :is(.shm-brand-video,.shm-brand-video-toggle)[hidden] { display:none !important; }
body.sino-brand-home .shm-editorial-home .shm-brand-hero:has(video[controls]) .shm-brand-hero__caption { padding-bottom:80px; }

/* A quiet, human-scale pause between the cover and the tall division chapters. */
.shm-editorial-home .shm-brand-introduction {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center;
  gap:clamp(48px,7.5vw,112px); width:calc(100% - var(--sino-shell-gutter) - var(--sino-shell-gutter));
  max-width:var(--sino-shell-max,1200px); margin:0 auto; padding:var(--home-space) 0;
  border:0; background:transparent;
}
.shm-editorial-home .shm-brand-introduction__photo { position:relative; aspect-ratio:1/1.08; overflow:hidden; background:#e7e6e3; }
.shm-editorial-home .shm-brand-introduction__photo img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; margin:0; }
.shm-editorial-home .shm-brand-introduction__copy { min-width:0; max-width:600px; }
.shm-editorial-home .shm-brand-introduction h2 { margin:0 0 28px; }
.shm-editorial-home .shm-brand-introduction__body p { max-width:54ch; margin:0 0 16px; font:400 17px/1.75 var(--shm-sans); color:#4b535c; }
.shm-editorial-home .shm-brand-introduction__body p:last-child { margin-bottom:0; }
.shm-editorial-home .shm-brand-introduction__link {
  display:inline-flex; align-items:center; justify-content:center; gap:28px; min-height:52px;
  margin-top:28px; padding:14px 24px; border:0; border-radius:2px; background:var(--sino-burgundy);
  color:#fff; font:500 12px/1.5 var(--shm-sans); letter-spacing:.065em; text-decoration:none;
  transition:background-color .55s ease;
}
.shm-editorial-home .shm-brand-introduction__link svg { display:block; width:21px; height:21px; flex:none; transition:transform .65s var(--home-ease); }
.shm-editorial-home .shm-brand-introduction__link:is(:hover,:focus-visible) { background:var(--sino-navy); color:#fff; text-decoration:none; }
.shm-editorial-home .shm-brand-introduction__link:hover svg { transform:translateX(4px); }
.shm-editorial-home .shm-brand-introduction__link:focus-visible { outline:2px solid var(--sino-burgundy); outline-offset:5px; }
.shm-editorial-home .shm-brand-introduction--text-only { grid-template-columns:minmax(0,1fr); }

/* Satz-inspired portfolio rhythm with breathing room between images and captions. */
.shm-editorial-home #bereiche { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; align-items:stretch; gap:64px 32px; padding:80px var(--shm-panel-padding); border:0; background:transparent; transition:none; }
.shm-editorial-home .shm-brand-divisions::before,
.shm-editorial-home .shm-brand-divisions::after,
.shm-editorial-home .shm-brand-divisions > a::before { content:none; display:none; }
.shm-editorial-home #bereiche > a { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:0; min-width:0; height:auto; padding:0; border:0; border-radius:0; background:none; overflow:visible; text-decoration:none; }
.shm-editorial-home #bereiche .shm-brand-division__photo { flex:none; position:relative; inset:auto; width:100%; height:auto; aspect-ratio:4/3; border-radius:0; background:#e7e5e1; }
.shm-editorial-home .shm-brand-division__photo::after { content:none; }
.shm-editorial-home #bereiche .shm-division-image { display:block; position:absolute; inset:0; transform-origin:center; }
/* Neutralize the former shared parallax crop; preserve each image's saved focus. */
.shm-editorial-home #bereiche .shm-brand-division__photo img { position:static; display:block; width:100%; height:100%; margin:0; transform:none; scale:1; filter:none; object-fit:cover; transition:scale 1.4s var(--home-ease); }
.shm-editorial-home #bereiche .shm-division-title {
  position:relative; inset:auto; width:100%; min-width:0; min-height:0; padding:0; margin:20px 0 0;
  font-family:var(--home-display-font); font-weight:900; font-synthesis:none;
  text-align:center; text-transform:uppercase; color:var(--sino-navy); text-shadow:none;
  transition:color .8s var(--home-ease);
}
.shm-editorial-home #bereiche > .shm-division-heading-group { grid-column:1 / -1; padding:0; margin:0 0 -16px; border:0; }
.shm-editorial-home #bereiche .shm-division-heading {
  position:relative; inset:auto; width:100%; max-width:none;
  min-height:0; padding:0; margin:0; border:0;
  background:none; text-shadow:none; opacity:1; transform:none; transition:none;
}
.shm-editorial-home #bereiche .shm-division-heading::before { content:none; }
.shm-editorial-home .shm-brand-division__title { padding:0; }
.shm-editorial-home #bereiche > a > .shm-division-description {
  width:100%; max-width:58ch; margin:10px auto 0; padding:0; align-self:center; color:#58616b;
  font:400 14px/1.65 var(--shm-sans); letter-spacing:0; text-wrap:pretty; text-align:center;
}
.shm-editorial-home #bereiche > a:focus-visible { outline:2px solid var(--sino-burgundy); outline-offset:8px; }
.shm-editorial-home #bereiche > a:focus-visible .shm-division-title { color:var(--sino-burgundy); }
@media(hover:hover) and (pointer:fine) {
  .shm-editorial-home #bereiche > a:hover .shm-division-title { color:var(--sino-burgundy); }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .shm-editorial-home #bereiche > a:is(:hover,:focus-visible) img { scale:1.04; filter:none; }
}
@media(prefers-reduced-motion:reduce) {
  .shm-editorial-home #bereiche :is(img,.shm-division-title) { transition:none; }
  .shm-editorial-home #bereiche .shm-division-image { transform:none !important; }
}
/* One scroll owner on desktop; native scrolling is the fallback everywhere else. */
html.shm-smooth-home { scroll-behavior:auto !important; }

/* Burgundy figures and the panorama provide the accent on the open white canvas. */
.shm-editorial-home .shm-brand-statistics {
  --home-proof-gap:clamp(48px,5vw,72px);
  display:grid; grid-template-columns:minmax(0,1fr); gap:0;
  padding:clamp(32px,4vw,56px) var(--shm-panel-padding) 0; border:0; background:transparent;
}
body.sino-brand-home .shm-editorial-home .shm-brand-statistics__heading {
  justify-self:center; width:100%; max-width:none; margin:0 0 var(--home-proof-gap); text-align:center;
}
.shm-editorial-home .shm-brand-statistics__numbers {
  box-sizing:border-box; width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px; padding:clamp(48px,5vw,72px) clamp(24px,3vw,44px); margin:0; border:0;
  background:transparent;
  color:var(--sino-navy);
}
.shm-editorial-home .shm-brand-stat { min-width:0; width:auto; margin:0; display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center; }
.shm-editorial-home .shm-brand-stat strong {
  font-family:var(--shm-sans); font-size:clamp(60px,7.5vw,112px); font-weight:500; line-height:1;
  letter-spacing:-.07em; color:var(--sino-burgundy);
}
.shm-editorial-home .shm-brand-stat__display { gap:5px; }
.shm-editorial-home .shm-brand-stat__number { overflow-wrap:normal; }
.shm-editorial-home .shm-brand-stat__suffix { margin-top:.22em; font-size:.34em; font-weight:400; }
.shm-editorial-home .shm-brand-stat > .shm-brand-stat__label {
  max-width:26ch; color:var(--sino-navy); font-size:15px; line-height:1.6;
  letter-spacing:0; text-transform:none; text-wrap:balance;
}
.shm-editorial-home .shm-brand-statistics__photo { width:100%; height:auto; aspect-ratio:3.3; border-radius:0; }

/* One feature story and two supporting stories. Complete staff copy stays visible. */
.shm-editorial-home .shm-brand-reasons { padding:var(--home-space) var(--shm-panel-padding) clamp(32px,4vw,56px); background:transparent; border:0; }
.shm-editorial-home .shm-brand-reasons__heading {
  display:flex; align-items:center; justify-content:flex-start; gap:clamp(18px,2vw,32px);
  margin:0 0 clamp(40px,5vw,64px); width:100%; padding:0;
  background:transparent; color:var(--sino-navy); text-align:left; border:0; border-radius:0; container-type:inline-size;
}
/* Keep the approved reasons display; its supporting line remains in Inter. */
.shm-editorial-home .shm-reasons-number {
  display:block; flex:0 0 auto; font:900 clamp(104px,12vw,184px)/.85 'Sino Neutraface 2',var(--shm-sans);
  font-synthesis:none;
  font-size:clamp(104px,13cqw,168px); letter-spacing:-.055em; color:var(--sino-burgundy);
}
.shm-editorial-home .shm-reasons-heading-copy { flex:1; min-width:0; }
body.sino-brand-home .shm-editorial-home .shm-reasons-headline {
  width:100%; max-width:none; margin:0; color:var(--sino-navy);
  font:900 clamp(30px,4.2vw,66px)/1.17 'Sino Neutraface 2',var(--shm-sans); letter-spacing:-.035em;
  font-synthesis:none;
  font-size:clamp(30px,6cqw,72px);
  text-transform:uppercase; white-space:normal; text-wrap:wrap; word-break:normal; overflow-wrap:normal; hyphens:none;
}
.shm-editorial-home .shm-reasons-heading-copy .shm-reasons-subtitle {
  max-width:none; margin:10px 0 0; color:#48505a;
  font:400 clamp(18px,2.5vw,36px)/1.35 var(--shm-sans); letter-spacing:-.025em;
  font-size:clamp(18px,2.8cqw,34px);
  text-wrap:wrap; word-break:normal; overflow-wrap:normal; hyphens:none;
}
@media(max-width:600px) {
  .shm-editorial-home .shm-brand-reasons__heading { gap:16px; padding:0; }
  .shm-editorial-home .shm-reasons-number { font-size:80px; }
  body.sino-brand-home .shm-editorial-home .shm-reasons-headline { font-size:clamp(23px,5.2vw,30px); }
  .shm-editorial-home .shm-reasons-heading-copy .shm-reasons-subtitle { margin-top:8px; font-size:16px; }
}
.shm-editorial-home .shm-brand-reasons__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px 40px; }
.shm-editorial-home .shm-brand-reason {
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr;
  align-items:stretch; gap:0; min-width:0; background:transparent; border:0; border-radius:0; overflow:hidden;
}
.shm-editorial-home .shm-brand-reason + .shm-brand-reason { margin:0; padding:0; border:0; }
.shm-editorial-home .shm-brand-reason .shm-brand-reason__photo { order:0; width:100%; height:auto; aspect-ratio:1.65; border-radius:0; }
.shm-editorial-home .shm-brand-reason__photo img { position:absolute; inset:0; }
.shm-editorial-home .shm-brand-reason:nth-child(2) .shm-brand-reason__photo,
.shm-editorial-home .shm-brand-reason:nth-child(2) .shm-brand-reason__copy { grid-column:auto; grid-row:auto; }
.shm-editorial-home .shm-brand-reason__copy { align-self:center; padding:clamp(28px,3vw,40px); min-width:0; }
.shm-editorial-home .shm-brand-reason:first-child {
  position:relative; isolation:isolate; grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto;
  background:transparent; box-shadow:none;
}
.shm-editorial-home .shm-brand-reason:first-child .shm-brand-reason__photo { height:100%; min-height:460px; aspect-ratio:auto; }
.shm-editorial-home .shm-brand-reason:not(:first-child) .shm-brand-reason__copy { align-self:start; padding:28px 0 0; }
.shm-editorial-home .shm-brand-reason h3 { max-width:none; margin:0 0 20px; color:var(--sino-navy); }
.shm-editorial-home .shm-brand-reason h3 > span { display:block; margin:0 0 12px; font:600 12px/1.4 var(--shm-sans); color:var(--sino-burgundy); letter-spacing:.075em; }
.shm-editorial-home .shm-brand-reason h3 > span::before { content:none; }
.shm-editorial-home .shm-brand-reason p { max-width:64ch; font-size:16px; line-height:1.8; color:#48505a; }
.shm-editorial-home .shm-brand-reason__copy > div > p:last-child { margin-bottom:0; }
/* Reserve equal headline space without clipping longer staff translations. */
@media(min-width:901px) {
  .shm-editorial-home .shm-brand-reason:not(:first-child) h3 { min-height:calc(2.6em + 29px); }
}
@media(min-width:901px) and (max-width:1199px) {
  .shm-editorial-home .shm-brand-reason:not(:first-child) h3 { min-height:calc(3.9em + 29px); }
}
/* Shared content rows align translated headlines without artificial blank lines. */
@supports(grid-template-rows:subgrid) {
  @media(min-width:901px) {
    .shm-editorial-home .shm-brand-reason:not(:first-child) {
      grid-row:span 3; grid-template-rows:subgrid; row-gap:28px;
    }
    .shm-editorial-home .shm-brand-reason:not(:first-child) .shm-brand-reason__copy {
      display:grid; grid-row:span 2; grid-template-rows:subgrid; align-self:stretch; row-gap:20px; padding:0;
    }
    .shm-editorial-home .shm-brand-reason:not(:first-child) h3 { min-height:0; margin:0; }
  }
}
@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  .shm-editorial-home.has-scroll-motion .shm-brand-reason__photo img {
    scale:var(--shm-reason-scale,1); transform-origin:center;
    transition:scale .45s cubic-bezier(.22,.61,.36,1);
  }
}

/* A contained cool surface supports the white form before the full-width navy footer. */
body.sino-brand-home .shm-editorial-home .shm-brand-contact { padding:var(--home-space) var(--shm-panel-padding) 64px; background:transparent; color:var(--sino-navy); }
.shm-editorial-home .shm-brand-contact__intro { grid-template-columns:minmax(0,1fr) auto; gap:48px; }
.shm-editorial-home .shm-brand-contact__intro h2 { max-width:none; margin:0; }
.shm-editorial-home .shm-brand-contact__details { margin-top:56px; padding-top:32px; border-top:1px solid #051d3c26; }
.shm-editorial-home .shm-brand-contact__button::before { border-width:1px; }
.shm-editorial-home .shm-brand-footer { background:var(--sino-navy); color:var(--sino-paper); padding:56px var(--shm-panel-padding) 24px; }
body.sino-brand-home .shm-editorial-home .shm-brand-footer h2 { font-family:var(--shm-sans); color:#fff; font-size:11px; font-weight:500; letter-spacing:.075em; }
.shm-editorial-home .shm-brand-footer :is(li > span,.shm-brand-footer__bottom) { color:#c0cad7; }
.shm-editorial-home .shm-brand-footer a:hover { color:#fff; }
.shm-editorial-home .shm-brand-footer__signature { margin-top:44px; color:var(--sino-paper); font-size:clamp(48px,7vw,92px); letter-spacing:-.04em; }
.shm-editorial-home .shm-brand-footer__signature:has(img) { width:fit-content; max-width:100%; padding:12px 20px; background:var(--sino-paper); }
.shm-editorial-home .shm-brand-footer__signature .shm-brand-logo { max-width:min(100%,360px); max-height:100px; }
.shm-editorial-home .shm-brand-footer__bottom { border-top:1px solid #ffffff26; margin-top:28px; }

@media(max-width:1199px) {
  body.sino-brand-home .shm-editorial-home .shm-brand-nav > .shm-brand-menu { background:var(--sino-paper); }
  body.sino-brand-home .shm-editorial-home .shm-brand-nav[data-enhanced] .shm-brand-menu-toggle { color:var(--sino-navy); }
}
@media(max-width:900px) {
  .shm-editorial-home { --home-hero-size:clamp(36px,5.2vw,48px); }
  .shm-editorial-home #bereiche { gap:56px 24px; padding-block:64px; }
  .shm-editorial-home #bereiche .shm-division-title { margin-top:20px; }
  .shm-editorial-home .shm-brand-divisions > a { height:auto; }
  .shm-editorial-home .shm-brand-division__photo { height:auto; }
  .shm-editorial-home .shm-brand-statistics { --home-proof-gap:48px; }
  .shm-editorial-home .shm-brand-statistics__numbers { gap:24px; }
  .shm-editorial-home .shm-brand-stat strong { font-size:clamp(48px,8vw,72px); }
  .shm-editorial-home .shm-brand-stat > .shm-brand-stat__label { font-size:13px; }
  .shm-editorial-home .shm-brand-statistics__photo { aspect-ratio:3.2; }
  .shm-editorial-home .shm-brand-reasons__list { grid-template-columns:minmax(0,1fr); gap:28px; }
  .shm-editorial-home .shm-brand-reason:first-child { background:transparent; box-shadow:none; }
  .shm-editorial-home .shm-brand-reason,
  .shm-editorial-home .shm-brand-reason:first-child { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; gap:0; }
  .shm-editorial-home .shm-brand-reason .shm-brand-reason__photo,
  .shm-editorial-home .shm-brand-reason:first-child .shm-brand-reason__photo { height:auto; min-height:0; aspect-ratio:1.9; }
  .shm-editorial-home .shm-brand-reason__copy { padding:36px; }
  .shm-editorial-home .shm-brand-reason p { max-width:none; }
  .shm-editorial-home .shm-brand-contact__intro { grid-template-columns:1fr; gap:24px; justify-items:start; }
  .shm-editorial-home .shm-brand-contact__button { margin-left:-24px; }
}
/* The same breakpoint selects the portrait image, frame and text placement. */
@media(max-width:767px) {
  .shm-editorial-home #bereiche { grid-template-columns:minmax(0,1fr); gap:48px; }
  body.sino-brand-home .shm-editorial-home .shm-brand-hero { aspect-ratio:9/16; }
  body.sino-brand-home .shm-editorial-home .shm-brand-hero__caption {
    justify-content:var(--shm-hero-mobile-y,center); align-items:var(--shm-hero-mobile-x,flex-start);
    padding:32px var(--sino-shell-gutter,24px);
  }
  .shm-editorial-home .shm-brand-hero__copy { width:var(--shm-hero-mobile-width,100%); text-align:var(--shm-hero-mobile-align,left); }
  .shm-editorial-home .shm-brand-hero__detail { align-items:var(--shm-hero-mobile-x,flex-start); }
  .shm-editorial-home .shm-brand-hero__media :is(img,video) { object-position:var(--shm-mobile-poster-position,50% 50%); }
  /* Phone-only polish: balanced headings, aligned stories and touch-friendly links. */
  .shm-editorial-home { --home-section-size:clamp(28px,7.2vw,30px); }
  body.sino-brand-home .shm-editorial-home .shm-home-section-title { text-wrap:balance; }
  .shm-editorial-home .shm-brand-reason:first-child { background:transparent; }
  .shm-editorial-home .shm-brand-reasons .shm-brand-reason .shm-brand-reason__copy { padding:28px 0 0; }
  .shm-editorial-home .shm-brand-footer__links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
  body.sino-brand-home .shm-editorial-home .shm-brand-footer h2 {
    font-size:12px; font-weight:600; line-height:1.5; margin-bottom:12px;
  }
  .shm-editorial-home .shm-brand-footer ul { margin:0; }
  .shm-editorial-home .shm-brand-footer li { margin:0; font-size:14px; line-height:1.5; }
  .shm-editorial-home .shm-brand-footer li > :is(a,span) {
    display:flex; align-items:center; width:100%; min-height:44px; padding:10px 0;
    font-size:14px; line-height:1.5; overflow-wrap:anywhere; hyphens:auto;
  }
  .shm-editorial-home .shm-brand-footer li > a:focus-visible {
    outline:2px solid var(--sino-paper); outline-offset:3px;
  }
  .shm-editorial-home .shm-brand-footer__bottom { font-size:12px; line-height:1.6; }
}
@media(max-width:600px) {
  .shm-editorial-home :is(#bereiche,#kontakt)::before { inset:12px; }
  body.sino-brand-home:has(.shm-editorial-home) { --sino-shell-gutter:24px; }
  .shm-editorial-home .shm-brand-hero__media::after { background:linear-gradient(90deg,#051d3cbd,#051d3c70 75%,#051d3c40); }
  .shm-editorial-home { --home-hero-size:clamp(30px,8.5vw,40px); }
  .shm-editorial-home .shm-brand-hero__detail { gap:20px; margin-top:24px; }
  .shm-editorial-home .shm-brand-hero__caption .shm-brand-hero__promise { font-size:16px; }
  .shm-editorial-home .shm-brand-introduction { grid-template-columns:minmax(0,1fr); gap:32px; padding:64px 0 32px; }
  .shm-editorial-home .shm-brand-introduction__photo { aspect-ratio:4/3; }
  .shm-editorial-home .shm-brand-introduction h2 { margin-bottom:22px; }
  .shm-editorial-home .shm-brand-introduction__body p { font-size:16px; }
  .shm-editorial-home #bereiche { grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; gap:48px; padding-block:48px; }
  .shm-editorial-home #bereiche .shm-brand-division__photo { aspect-ratio:4/3; }
  .shm-editorial-home #bereiche > a > .shm-division-description { margin-top:8px; padding-right:0; }
  .shm-editorial-home .shm-brand-divisions > a { height:auto; }
  .shm-editorial-home .shm-brand-division__photo { height:auto; aspect-ratio:4/3; }
  .shm-editorial-home .shm-brand-statistics { --home-proof-gap:40px; padding-block:24px 0; }
  .shm-editorial-home .shm-brand-statistics__numbers { grid-template-columns:1fr; gap:32px; padding:36px 20px; }
  .shm-editorial-home .shm-brand-stat { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:20px; text-align:left; }
  .shm-editorial-home .shm-brand-stat strong { font-size:clamp(36px,11vw,60px); }
  .shm-editorial-home .shm-brand-stat > .shm-brand-stat__label { font-size:13px; line-height:1.6; }
  .shm-editorial-home .shm-brand-statistics__photo { aspect-ratio:2; }
  .shm-editorial-home .shm-brand-reason { border-radius:0; }
  .shm-editorial-home .shm-brand-reason .shm-brand-reason__photo,
  .shm-editorial-home .shm-brand-reason:first-child .shm-brand-reason__photo { aspect-ratio:1.5; }
  .shm-editorial-home .shm-brand-reason p { font-size:15px; line-height:1.8; }
  body.sino-brand-home .shm-editorial-home .shm-brand-contact { padding-bottom:48px; }
  .shm-editorial-home .shm-brand-contact__details { grid-template-columns:1fr; gap:28px; margin-top:36px; }
  .shm-editorial-home .shm-brand-footer__links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 24px; }
  .shm-editorial-home .shm-brand-footer__signature { font-size:clamp(38px,10vw,60px); }
}
@media(prefers-reduced-motion:reduce) {
  .shm-editorial-home .shm-brand-hero__media :is(img,video) { inset:0; height:100%; scale:1; transform:none; }
  .shm-editorial-home .shm-brand-divisions a img { scale:1; }
  .shm-editorial-home .shm-brand-introduction__link,
  .shm-editorial-home .shm-brand-introduction__link svg { transition:none; }
  .shm-editorial-home .shm-brand-introduction__link:hover svg { transform:none; }
}
/* Native-scroll opening chapter. Progressive enhancement leaves the static layout intact. */
@media(min-width:901px) and (min-height:620px) and (prefers-reduced-motion:no-preference) {
  .shm-editorial-home .shm-opening-track {
    position:relative; height:calc(var(--shm-opening-height) + var(--shm-opening-distance));
    background:var(--sino-paper);
  }
  body.sino-brand-home .shm-editorial-home.has-opening-motion .shm-brand-hero {
    position:sticky; top:var(--shm-opening-top,0px); background:var(--sino-paper);
  }
  .shm-editorial-home.has-opening-motion .shm-brand-hero__media {
    transform:scale(var(--shm-cover-scale,1)); transform-origin:center;
    border-radius:var(--shm-cover-radius,0px);
  }
  .shm-editorial-home.has-opening-motion .shm-brand-hero__media img {
    inset:0; height:100%; transform:scale(var(--shm-cover-image-scale,1.045));
  }
  .shm-editorial-home.has-opening-motion .shm-brand-hero__media::after { opacity:var(--shm-cover-scrim,1); }
  body.sino-brand-home .shm-editorial-home.has-opening-motion .shm-brand-hero__caption {
    opacity:var(--shm-cover-copy,1); transform:translate3d(0,var(--shm-cover-copy-y,0px),0);
  }
  body.sino-brand-home .shm-editorial-home.has-opening-motion .shm-brand-hero__caption:focus-within {
    opacity:1; transform:none;
  }
  .shm-editorial-home.has-opening-motion.is-opening-inview .shm-brand-hero__media { will-change:transform; }
  .shm-editorial-home.has-opening-motion:not(.has-division-story) #bereiche > a {
    /* A focusable card always reveals immediately, even while the timeline is at its start. */
    --shm-card-progress:1;
  }
  .shm-editorial-home.has-opening-motion:not(.has-division-story) #bereiche > a:focus-within { --shm-card-progress:1 !important; }
  .shm-editorial-home.has-opening-motion:not(.has-division-story) #bereiche:not([data-layout="grid"]) .shm-brand-division__photo {
    opacity:calc(.12 + .88 * var(--shm-card-progress,1));
    transform:translate3d(0,calc(72px * (1 - var(--shm-card-progress,1))),0);
  }
  .shm-editorial-home.has-opening-motion:not(.has-division-story) #bereiche:not([data-layout="grid"]) .shm-division-title {
    opacity:var(--shm-card-progress,1);
    transform:translate3d(0,calc(28px * (1 - var(--shm-card-progress,1))),0);
  }
  /* Container-aligned split story: numbered chapters flow while only the image stays sticky. */
  .shm-editorial-home .shm-division-track {
    position:relative; height:auto;
    background:var(--sino-paper);
  }
  .shm-editorial-home.has-division-story #bereiche {
    position:relative; top:auto; height:auto;
    width:calc(100% - var(--sino-shell-gutter) - var(--sino-shell-gutter)); max-width:var(--sino-shell-max,1200px);
    grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:200px repeat(4,var(--shm-division-height,100svh));
    gap:0; align-items:start; padding:0; margin:0 auto; transition:none; scroll-margin-top:0;
  }
  .shm-editorial-home.has-division-story #bereiche > .shm-division-heading { grid-column:1; grid-row:1; padding:24px 32px 0 0; margin:0; }
  .shm-editorial-home.has-division-story #bereiche > a {
    grid-column:1; height:100%; min-height:0; display:flex; flex-direction:column; justify-content:center;
    align-items:flex-start; align-self:stretch; gap:0; padding:64px clamp(32px,5vw,88px) 64px 0;
    transform:none; opacity:1; scroll-margin-top:var(--shm-division-top,0px);
  }
  .shm-editorial-home.has-division-story #bereiche > a:nth-of-type(1) { grid-row:2; }
  .shm-editorial-home.has-division-story #bereiche > a:nth-of-type(2) { grid-row:3; }
  .shm-editorial-home.has-division-story #bereiche > a:nth-of-type(3) { grid-row:4; }
  .shm-editorial-home.has-division-story #bereiche > a:nth-of-type(4) { grid-row:5; }
  .shm-editorial-home.has-division-story #bereiche > a > .shm-brand-division__photo { display:none; }
  .shm-editorial-home.has-division-story #bereiche .shm-division-title {
    max-width:12ch; padding:0; font-size:clamp(42px,4.6vw,82px); line-height:1.09;
    opacity:var(--shm-chapter-opacity,1); color:var(--sino-navy); transform:none;
    transition:color .8s ease,opacity .32s linear;
  }
  .shm-editorial-home.has-division-story #bereiche > a > .shm-division-description {
    margin-top:24px; opacity:var(--shm-chapter-opacity,1); transition:opacity .32s linear;
  }
  .shm-editorial-home.has-division-story #bereiche .shm-division-title br { display:initial; }
  .shm-editorial-home .shm-division-step {
    position:absolute; top:0; left:0; display:block;
    font:700 clamp(92px,8.8vw,140px)/1.2 var(--shm-sans); letter-spacing:-.055em;
    color:transparent; -webkit-text-stroke:1px #c7c6c3; opacity:var(--shm-chapter-opacity,1);
    transition:-webkit-text-stroke-color .8s ease,opacity .32s linear;
  }
  .shm-editorial-home #bereiche > a.is-current .shm-division-step { -webkit-text-stroke-color:#840d0770; }
  .shm-editorial-home.has-division-story #bereiche > a.is-current .shm-division-title,
  .shm-editorial-home.has-division-story #bereiche > a:focus-visible .shm-division-title { color:var(--sino-burgundy); transform:none; }
  .shm-editorial-home.has-division-story #bereiche > a:focus-visible { outline:none; }
  .shm-editorial-home.has-division-story #bereiche > a:focus-visible .shm-division-title { outline:2px solid var(--sino-burgundy); outline-offset:12px; }
  .shm-editorial-home.has-division-story #bereiche > a:focus-visible :is(.shm-division-step,.shm-division-title,.shm-division-description) { opacity:1; }
  .shm-editorial-home .shm-division-stage {
    grid-column:2; grid-row:1 / span 5; position:sticky; top:calc(var(--shm-division-top,0px) + 24px); align-self:start;
    width:100%; height:calc(var(--shm-division-height,100svh) - 48px); aspect-ratio:auto; margin:24px 0;
    overflow:hidden; isolation:isolate; border-radius:0; background:#e7e6e3;
  }
  .shm-editorial-home .shm-division-layer {
    position:absolute; display:block; inset:0; overflow:hidden; background:var(--sino-paper);
    transform:translate3d(var(--shm-layer-x,-102%),0,0); transition:transform .3s cubic-bezier(.22,.61,.36,1);
  }
  .shm-editorial-home .shm-division-layer:first-child { --shm-layer-x:0%; }
  .shm-editorial-home .shm-division-layer img {
    display:block; width:100%; height:100%; max-width:none; margin:0; object-fit:cover; filter:none;
    transform:translate3d(var(--shm-layer-pan,0px),0,0) scale(1.08); transition:transform .3s cubic-bezier(.22,.61,.36,1);
  }
  .shm-editorial-home.is-division-inview .shm-division-layer { will-change:transform; }
}
@media print {
  .shm-editorial-home .shm-division-track { height:auto; }
  .shm-editorial-home.has-division-story #bereiche { position:relative; top:auto; height:auto; }
  .shm-editorial-home .shm-division-stage { display:none; }
  .shm-editorial-home .shm-division-step { display:none; }
  .shm-editorial-home.has-division-story #bereiche > a { height:auto; opacity:1; transform:none; }
  .shm-editorial-home .shm-opening-track { height:auto; }
  body.sino-brand-home .shm-editorial-home.has-opening-motion .shm-brand-hero { position:relative; top:auto; }
  .shm-editorial-home.has-opening-motion :is(.shm-brand-hero__media,.shm-brand-division__photo,.shm-division-title),
  body.sino-brand-home .shm-editorial-home.has-opening-motion .shm-brand-hero__caption { transform:none; opacity:1; }
  body.sino-brand-home .shm-editorial-home .shm-brand-hero { background:#fff; min-height:0; display:block; aspect-ratio:auto; }
  .shm-editorial-home .shm-brand-hero__media { position:relative; height:240px; }
  .shm-editorial-home .shm-brand-hero__media::after { content:none; }
  body.sino-brand-home .shm-editorial-home .shm-brand-hero__caption { position:relative; padding-block:24px; }
  .shm-editorial-home .shm-brand-hero__caption :is(h1,p,a) { color:#051d3c; text-shadow:none; }
  .shm-editorial-home .shm-brand-reason { break-inside:avoid; }
}