/* Each theme keeps the shared brand while changing its composition. */ .sol-theme-production .sol-hero {
  background:#252e34;
  color:#fff
}
.sol-theme-production .sol-hero-foot {
  border-color:#4c565b
}
.sol-theme-production .sol-hero-photo img {
  object-position:55% center
}
.sol-theme-production .sol-story {
  background:#252e34;
  color:white
}
.sol-theme-production .sol-story p {
  color:#c3cccf!important
}
.sol-theme-production .sol-action-secondary:hover {
  background:#3d474d
}
.sol-theme-production .sol-story li {
  border-color:#586266
}
.sol-theme-warehouse .sol-hero {
  grid-template-columns:54% 46%;
  background:#e9eeeb
}
.sol-theme-warehouse .sol-hero-photo {
  grid-column:1;
  grid-row:1
}
.sol-theme-warehouse .sol-hero-copy {
  grid-column:2;
  grid-row:1;
  padding:45px 48px
}
.sol-theme-warehouse .sol-hero h1 {
  font-size:clamp(39px,3.8vw,59px)
}
.sol-theme-warehouse .sol-story {
  background:#e0e8e4
}
.sol-theme-retail .sol-hero {
  min-height:610px;
  background:#fff
}
.sol-theme-retail .sol-hero-photo {
  position:absolute;
  inset:0 0 44px 0
}
.sol-theme-retail .sol-hero-copy {
  background:#fff;
  margin:42px 0 42px max(48px,calc((100vw - 1184px)/2));
  padding:38px;
  max-width:550px;
  grid-column:1/-1;
  align-self:center
}
.sol-theme-retail .sol-hero h1 {
  font-size:46px
}
.sol-theme-retail .sol-hero-foot {
  align-self:end;
  background:#fff;
  z-index:1
}
.sol-theme-retail .sol-story {
  background:#f1eee7
}
.sol-theme-house .sol-hero {
  background:#142326;
  color:white;
  min-height:610px
}
.sol-theme-house .sol-hero-photo {
  position:absolute;
  inset:0 0 44px 0
}
.sol-theme-house .sol-hero-photo:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(11,27,30,.96),rgba(11,27,30,.7) 36%,transparent 74%)
}
.sol-theme-house .sol-hero-copy {
  max-width:670px;
  grid-column:1/-1;
  position:relative;
  padding-block:65px
}
.sol-theme-house .sol-hero-foot {
  z-index:1;
  align-self:end;
  border-color:#516461
}
.sol-theme-house .sol-story {
  background:#e9eee7
}
.sol-theme-house .sol-hero-photo figcaption {
  z-index:1
}
.sol-theme-intercom .sol-hero {
  background:#f2ece2;
  grid-template-columns:43% 57%
}
.sol-theme-intercom .sol-hero-photo img {
  object-position:53% center
}
.sol-theme-intercom .sol-hero h1 {
  font-size:clamp(40px,3.8vw,55px)
}
.sol-theme-intercom .sol-story {
  background:#f3ece2
}
.sol-theme-leak .sol-hero {
  background:#e9f0f0;
  grid-template-columns:45% 55%
}
.sol-theme-leak .sol-hero-photo img {
  object-position:64% center
}
.sol-theme-leak .sol-story {
  background:#e7eeee
}
.sol-theme-leak .sol-plan-wrap {
  background:#e9f1f2
}
.sol-theme-restaurant {
  --sol-paper:#faf6ef;
  --sol-ink:#342c24;
  --sol-muted:#756757
}
.sol-theme-restaurant .sol-hero {
  background:#30261d;
  color:#fff;
  grid-template-columns:43% 57%
}
.sol-theme-restaurant h1,.sol-theme-restaurant h2 {
  font-family:Georgia,serif;
  font-weight:400;
  letter-spacing:-.03em
}
.sol-theme-restaurant .sol-hero h1 {
  font-size:clamp(42px,3.8vw,55px)
}
.sol-theme-restaurant .sol-hero-foot {
  border-color:#78634d
}
.sol-theme-restaurant .sol-story {
  background:#eae1d2
}
.sol-theme-restaurant .sol-plan-wrap {
  background:#ece7db
}
.sol-theme-mall .sol-hero {
  display:flex;
  flex-direction:column;
  background:#fff
}
.sol-theme-mall .sol-hero-copy {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:0 60px;
  width:100%;
  max-width:1280px;
  padding:38px 48px 42px;
  margin:auto
}
.sol-theme-mall .sol-kicker,.sol-theme-mall .sol-topic {
  grid-column:1/-1
}
.sol-theme-mall .sol-hero h1 {
  font-size:clamp(40px,4vw,62px)
}
.sol-theme-mall .sol-intro {
  margin-top:0!important
}
.sol-theme-mall .sol-hero-actions {
  grid-column:2;
  margin-top:16px
}
.sol-theme-mall .sol-hero-photo {
  height:360px;
  min-height:360px
}
.sol-theme-mall .sol-hero-photo img {
  object-position:center 48%
}
.sol-theme-mall .sol-hero-foot {
  width:100%
}
.sol-theme-mall .sol-story {
  background:#eef0ed
}
.sol-theme-leak .sol-hero h1 {
  font-size:clamp(40px,3.8vw,55px)
}
.sol-theme-mall .sol-hero h1 {
  grid-row:3 / span 2;
  align-self:start;
  font-size:clamp(40px,3.5vw,52px)
}
.sol-theme-mall .sol-hero .sol-intro {
  grid-column:2;
  grid-row:3
}
.sol-theme-mall .sol-hero-actions {
  grid-row:4;
  align-self:start
}
.sol-theme-house .sol-hero .sol-kicker, .sol-theme-production .sol-hero .sol-kicker,.sol-theme-production .sol-story .sol-number,.sol-theme-restaurant .sol-hero .sol-kicker {
  color:#ff8185
}