/* logo */
.brand-logo{display:block;height:60px;width:auto}
.footer .brand-logo{height:110px}
@media(max-width:650px){.brand-logo{height:50px}.footer .brand-logo{height:92px}}

/* hero headline: slower, one line after the other */
.title-line{animation-duration:1.7s}
.title-one{animation-delay:.2s}
.title-two{animation-delay:.55s}
.title-three{animation-delay:.9s}

/* scroll reveal for the smaller pieces inside each section (added by home-motion.js).
   uses the standalone translate property so it never fights existing transforms */
.mx{opacity:0;translate:0 44px;transition:opacity 1.3s cubic-bezier(.22,1,.36,1),translate 1.5s cubic-bezier(.22,1,.36,1)}
.mx.mx-in{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.mx{opacity:1;translate:none;transition:none}}

/* layout fixes after trimming the homepage */
.story-step{grid-template-columns:30px 1fr}
@media(max-width:700px){.story-step{grid-template-columns:25px 1fr}}
.package-left{align-self:center}
.level-line{margin:20px 0 0}
.photo-tile figcaption{justify-content:flex-start}
.package-foot{justify-content:flex-start}
.hero-bottom{gap:0}
.package-room-head p{margin-right:134px}
@media(max-width:1000px){.package-room-head p{margin-right:0}}