/* A recognisable person and a direct booking invitation in the first view. */
.home-page .otium-arrival { min-height:690px; }
.home-page .arrival-photo,
.home-page.motion-ready .arrival-photo { inset:0 0 0 auto; width:54%; height:100%; scale:1; -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%); mask-image:linear-gradient(90deg,transparent,#000 18%); }
.home-page .arrival-photo img { opacity:1; filter:none; object-position:50% 34%; }
.home-page .arrival-shade { background:linear-gradient(90deg,#10130d 0%,#10130d 42%,#10130d55 57%,transparent 76%),linear-gradient(0deg,#10130d9c,transparent 23%); }
.home-page .arrival-copy { width:52%; padding:3rem 0 6.5rem 6%; }
.home-page .arrival-copy h1 { font-size:clamp(4.1rem,6.5vw,7rem); }
.home-page .arrival-intro { max-width:34ch; font-size:1rem; line-height:1.65; }
.home-page .arrival-copy .eyebrow { font-size:.72rem; letter-spacing:.14em; }
.home-page .arrival-copy .button { margin-top:.3rem; background:#e5dfc8; color:#233027; border-color:#e5dfc8; font-weight:600; border-radius:6px; }
.home-page .arrival-copy .button:hover { background:#f5f0df; border-color:#f5f0df; }
@media (min-width:761px) and (max-width:1000px) {
  .home-page .arrival-copy { width:55%; }
  .home-page .arrival-copy h1 { font-size:4.4rem; }
  .home-page .arrival-intro { max-width:29ch; }
}
@media (max-width:760px) {
  .home-page .otium-arrival { min-height:0; }
  .home-page .arrival-photo,
  .home-page.motion-ready .arrival-photo { inset:0 0 auto; width:100%; height:285px; -webkit-mask-image:none; mask-image:none; }
  .home-page .arrival-photo img { object-position:50% 25%; }
  .home-page .arrival-photo::after { inset:60% 0 0; background:linear-gradient(0deg,#10130d,transparent); }
  .home-page .arrival-shade { background:none; }
  .home-page .arrival-copy { width:100%; max-width:none; padding:250px 7% 5.5rem; }
  .home-page .hero-brand-line { display:none; }
  .home-page .arrival-copy .eyebrow { max-width:100%; margin-bottom:.9rem; font-size:.66rem; letter-spacing:.1em; }
  .home-page .arrival-copy h1 { font-size:clamp(3.25rem,11.5vw,4.7rem); margin-bottom:1rem; }
  .home-page .arrival-intro { max-width:36ch; margin-top:0; margin-bottom:1.15rem; font-size:.9rem; line-height:1.6; }
  .home-page .arrival-copy .button { min-height:50px; }
  .home-page .arrival-price { font-size:.75rem; }
  .home-page .arrival-booking { font-size:.7rem; }
  .home-page .arrival-foot { left:7%; right:7%; gap:1rem; }
}
@media (max-width:360px) {
  .home-page .arrival-photo { height:250px; }
  .home-page .arrival-copy { padding-top:218px; }
  .home-page .arrival-copy h1 { font-size:3rem; }
}
@media (prefers-reduced-motion:reduce) {
  .home-page .arrival-photo { animation:none!important; }
}