/* The company story replaces the former featured customer case. */
.story--company{
  height:calc(100svh - 118px);min-height:700px;
  background:#28211b url('assets/scene-hospad-lobby.jpg') center/cover no-repeat;
}
.story--company .story-company-cover{
  min-height:700px;height:100%;
  background:transparent;
}
.story--company .story-company-cover::after{
  background:linear-gradient(180deg,rgba(20,15,11,.15) 0%,rgba(20,15,11,.16) 38%,rgba(20,15,11,.79) 100%);
}
.story--company .story-company-cover>div{left:10%;right:8%;bottom:10%}
.story--company .story-company-cover p{
  margin-bottom:22px;color:#ead9be;font-size:12px;font-weight:500;letter-spacing:.12em;
}
.story--company .story-company-cover h2{
  font-size:clamp(38px,3.45vw,54px);font-weight:500;line-height:1.33;letter-spacing:-.05em;
}
.story--company .story-company-cover span{
  margin-top:26px;padding:0;border:0;color:rgba(255,246,231,.78);font-size:13px;letter-spacing:.06em;
}
.story--company .story-company-body{grid-template-rows:1fr}
@media(min-width:761px){
  .story--company .story-company-body{
    position:relative;z-index:1;
    margin-left:-52px;width:calc(100% + 52px);
  }
}
.story--company .story-about{
  background:rgba(28,24,21,.83);padding:22px 10% 20px;color:#f4eee5;
  -webkit-backdrop-filter:blur(22px) saturate(1.08);
  backdrop-filter:blur(22px) saturate(1.08);
}
.story--company .story-company-label{
  margin:0 0 8px;color:#d7b993;font-size:12px;font-weight:500;letter-spacing:.12em;
}
.story--company .story-about h2{
  margin:0;font-size:clamp(28px,2.45vw,36px);font-weight:500;line-height:1.25;letter-spacing:-.04em;
}
.story--company .story-about>p:not(.story-company-label){
  max-width:390px;margin-top:16px;color:#d7cec4;font-size:12.5px;line-height:1.7;
}
.story-company-steps{
  min-height:0;padding:70px 10% 74px;background:rgba(34,29,25,.86);color:#f4eee5;
  -webkit-backdrop-filter:blur(22px) saturate(1.08);
  backdrop-filter:blur(22px) saturate(1.08);
}
.story-company-timeline{
  position:relative;display:flex;height:100%;flex-direction:column;justify-content:space-between;gap:11px;
  margin:0;padding:0;list-style:none;
}
.story-company-timeline::before{
  content:"";position:absolute;top:16px;bottom:16px;left:78px;width:1px;
  background:linear-gradient(#bca68b80,#d3b68fba 52%,#b18d65a6);
}
.story-company-timeline li{
  display:grid;grid-template-columns:48px 32px minmax(0,1fr);column-gap:14px;align-items:center;min-height:38px;
}
.story-company-icon{
  grid-column:2;grid-row:1;z-index:1;display:grid;place-items:center;width:32px;height:32px;
  border:1px solid #c7aa846b;border-radius:50%;background:#c5aa8429;color:#ead0a8;
  box-shadow:inset 0 1px 0 #fff2,0 4px 13px #0003;
}
.story-company-icon svg{display:block;width:17px;height:17px}
.story-company-timeline time{
  grid-column:1;grid-row:1;color:#d4b995;font-size:16px;font-weight:500;line-height:1.15;letter-spacing:-.04em;
}
.story-company-timeline li>div{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.story-company-timeline strong{font-size:14px;font-weight:500;line-height:1.25}
.story-company-timeline li>div span{color:#c8bdb0;font-size:11.5px;line-height:1.38}
.story-company-timeline li:nth-child(3) .story-company-icon{background:#a68762;border-color:#a68762;color:#fff;box-shadow:0 5px 15px #0004}
.story-company-timeline .is-now .story-company-icon{background:#bb9569;border-color:#bb9569;color:#211a14;box-shadow:0 5px 17px #0005}
.story-company-timeline .is-now time,.story-company-timeline .is-now strong{color:#f4d8b0}
.story-company-link{
  display:inline-flex;align-items:center;justify-content:space-between;gap:22px;
  align-self:flex-start;margin-top:20px;padding-bottom:4px;
  border-bottom:1px solid #d9c1a0a6;color:#f0e6d9;font-size:13px;font-weight:500;
}
.story-company-link:hover{color:#f4d8b0;border-color:#f4d8b0}
.story-company-link span{font-size:18px;font-weight:300;line-height:1}
.story-company-link:focus-visible{outline:2px solid #f4d8b0;outline-offset:5px}
.hotel-wall{position:relative}
.hotel-wall .section-anchor{position:absolute;top:0;left:0;scroll-margin-top:60px}

@media(max-width:1050px){
  .story--company .story-about{padding:18px 8%}
  .story-company-steps{padding:56px 8% 60px}
  .story--company .story-about h2{font-size:27px}
  .story--company .story-about>p:not(.story-company-label){font-size:12px;line-height:1.5}
  .story-company-timeline{gap:8px}
  .story-company-timeline li>div span{font-size:11px}
}
@media(max-width:760px){
  .story--company{height:auto;min-height:0}
  .story--company .story-company-cover{height:auto;min-height:52svh;background:#28211b url('assets/scene-hospad-lobby.jpg') 20% center/cover no-repeat}
  .story--company .story-company-cover>div{left:7%;right:7%;bottom:9%}
  .story--company .story-company-cover h2{font-size:clamp(30px,7.5vw,42px)}
  .story--company .story-company-cover p{margin-bottom:14px;font-size:11px}
  .story--company .story-company-cover span{margin-top:17px;font-size:11px}
  .story--company .story-company-body{display:block}
  .story--company .story-about{padding:45px 7% 40px}
  .story--company .story-about h2{font-size:29px}
  .story--company .story-about>p:not(.story-company-label){margin-top:18px;font-size:14px;line-height:1.8}
  .story-company-link{margin-top:20px}
  .story-company-steps{padding:52px 7% 55px}
  .story-company-timeline{height:auto;gap:30px}
  .story-company-timeline li>div span{font-size:12.5px;line-height:1.55}
}