/* ShakeHands | a real-photograph editorial story, never a stitched composite.
 * Images are used individually, keeping their native proportions and original building shape.
 * Mobile: sequential chapters, desktop: deliberately quiet photo spreads. */
.s5-app[data-s5-palette="brand"] .shreal-story{
  background:#fff;
  color:#231916;
  border-top:1px solid #eceef2;
  padding:76px 0 84px;
}
.s5-app[data-s5-palette="brand"] .shreal-story-intro{max-width:860px;padding-bottom:24px}
.s5-app[data-s5-palette="brand"] .shreal-story-intro h2{
  font-size:clamp(31px,8.8vw,51px)!important;
  line-height:1.47!important;
  letter-spacing:-.055em!important;
  font-weight:870!important;
  margin:0!important;
  color:#231916!important;
}
.s5-app[data-s5-palette="brand"] .shreal-story-intro h2 em{font-style:normal;color:#1d2088!important}
.s5-app[data-s5-palette="brand"] .shreal-story-intro>p:last-child{
  margin:17px 0 0!important;color:#63636e!important;
  font-size:13px!important;line-height:2!important;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scenes{display:grid;gap:0}
.s5-app[data-s5-palette="brand"] .shreal-story-scene{
  border-top:1px solid #e3e4ed;
  display:grid;grid-template-columns:minmax(0,1fr);
  padding:27px 0 40px;
  gap:18px;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-header{
  display:grid;grid-template-columns:49px minmax(0,1fr);
  gap:12px;align-items:start;
}
.s5-app[data-s5-palette="brand"] .shreal-story-no{
  font-size:27px;line-height:1.05;color:#1d2088;
  font-weight:850;letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-header small{
  display:block;
  font-size:9px;color:#7779a0;
  letter-spacing:.12em;font-weight:750;margin-bottom:5px;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-header h3{
  margin:0!important;
  font-weight:850!important;letter-spacing:-.035em!important;
  line-height:1.5!important;font-size:clamp(19px,5vw,25px)!important;color:#24232c!important;
}
.s5-app[data-s5-palette="brand"] .shreal-story-pictures{
  display:grid;grid-template-columns:1fr 1fr;
  gap:10px;align-items:start;min-width:0;
}
.s5-app[data-s5-palette="brand"] .shreal-story-figure{margin:0!important;min-width:0}
.s5-app[data-s5-palette="brand"] .shreal-story-figure img{
  width:100%;height:auto;display:block;
  object-fit:contain;
  border-radius:2px;
  max-height:none;
  background:#f1f2f7;
}
.s5-app[data-s5-palette="brand"] .shreal-story-unfilled{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:4 / 3;
  background:#eef0f5;
  border:1px solid #e6e9f0;
  position:relative;overflow:hidden;
}
.s5-app[data-s5-palette="brand"] .shreal-story-unfilled:before{
  content:"";position:absolute;inset:10%;border:1px solid #cfd3e0;
}
.s5-app[data-s5-palette="brand"] .shreal-placeholder-shape{
  display:block;width:35px;height:25px;border:1px solid #c3c8d6;
  position:relative;
}
.s5-app[data-s5-palette="brand"] .shreal-placeholder-shape:after{
  content:"";position:absolute;width:11px;height:11px;border:1px solid #c3c8d6;
  transform:rotate(45deg);left:11px;top:8px;
}
.s5-app[data-s5-palette="brand"] .shreal-story-figure figcaption{
  display:block;background:none;
  color:#626579!important;
  padding:10px 1px 0;
  line-height:1.65;font-size:11px;
  font-weight:650;position:static;letter-spacing:.015em;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-note{
  color:#636570!important;font-size:12px!important;
  line-height:2!important;margin:0!important;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-04 .shreal-story-pictures{
  grid-template-columns:minmax(0,1fr);
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-04 .shreal-story-main-photo{grid-column:auto}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-04 .shreal-story-main-photo img{
  width:100%;height:auto;max-height:none;object-fit:contain;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-05 .shreal-story-pictures{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-05 .shreal-story-main-photo{
  grid-column:1/-1;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-05 .shreal-story-pictures img{
  display:block;width:100%;height:auto;object-fit:contain;
}
.s5-app[data-s5-palette="brand"] .shreal-story-scene-05 .shreal-story-figure figcaption{
  font-size:11px;
}
/* With no uploaded image, keep quiet layout but don't show a sea of identical placeholders. */
.s5-app[data-s5-palette="brand"] .shreal-story-figure:not(.shreal-story-main-photo):has(.shreal-story-unfilled){display:none}
.s5-app[data-s5-palette="brand"] .shreal-story-scene:not(.shreal-story-scene-04) .shreal-story-main-photo:has(.shreal-story-unfilled){grid-column:span 2}
@media(min-width:760px){
  .s5-app[data-s5-palette="brand"] .shreal-story{padding:112px 0 124px}
  .s5-app[data-s5-palette="brand"] .shreal-story-intro{
    padding-bottom:42px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-intro h2{
    font-size:clamp(39px,4.25vw,57px)!important;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-scene{
    grid-template-columns:minmax(190px,25%) minmax(0,1fr);
    gap:16px 6%;
    padding:40px 0 50px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-header{
    grid-template-columns:1fr;gap:6px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-no{font-size:32px}
  .s5-app[data-s5-palette="brand"] .shreal-story-pictures{gap:15px}
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-note{grid-column:2;max-width:600px}
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-04 .shreal-story-pictures{
    grid-template-columns:minmax(0,1fr);
    gap:13px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-04 .shreal-story-main-photo{
    grid-column:auto;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-04 .shreal-story-main-photo img{max-height:none}
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-05 .shreal-story-pictures{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.72fr);
    grid-template-rows:auto auto;
    align-items:start;
    gap:16px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-05 .shreal-story-main-photo{
    grid-column:1;
    grid-row:1;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-05 .shreal-story-figure:nth-child(2){
    grid-column:2;
    grid-row:1 / span 2;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story-scene-05 .shreal-story-figure:nth-child(3){
    grid-column:1;
    grid-row:2;
  }
}
@media(max-width:420px){
  .s5-app[data-s5-palette="brand"] .shreal-story-pictures{gap:8px}
  .s5-app[data-s5-palette="brand"] .shreal-story-figure figcaption{font-size:10px}
}
/* True photos retain full framing even in older hero/interior modules. */
.s5-app[data-s5-palette="brand"] .shwork-hero .shreal-photo-source img,
.s5-app[data-s5-palette="brand"] .shwork .shwork-figure.shreal-photo-source img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#eef0f4;
}
@media(prefers-reduced-motion:reduce){.s5-app[data-s5-palette="brand"] .shreal-story *{scroll-behavior:auto}}