.page-motion-heading{display:flex;align-items:center;justify-content:space-between;gap:36px;max-width:1100px}
.page-motion-heading h1{font-size:clamp(32px,4vw,56px);max-width:18ch}
.page-motion-heading keyhome-page-loop,.page-motion-heading keyhome-city-loop{flex:0 0 168px;width:168px}
.page-motion-heading+ p{margin-top:18px}
.owner-page-hero .page-motion-heading{gap:12px}
.owner-page-hero .page-motion-heading h1{font-size:clamp(32px,3.4vw,50px)}
.owner-page-hero .page-motion-heading keyhome-page-loop{flex-basis:130px;width:130px}
.portal-teaser{display:flex;gap:44px;align-items:center;justify-content:center;background:#f1f6fa;border-radius:16px;margin-block:34px 66px;padding:36px 48px}
.portal-teaser>keyhome-page-loop{width:180px;flex:0 0 180px}
.portal-teaser h2{font-size:32px;margin:7px 0 12px;color:#123b5a;letter-spacing:-.04em;line-height:1.2}
.portal-teaser p{font-size:14px;line-height:1.7;color:#536b79}
.portal-teaser a{margin-top:18px}
.portal-teaser small{display:block;font-size:11px;color:#536b79;margin-top:10px}
.portal-teaser-phone{display:block;margin:8px 24px 30px;padding:24px;border-radius:12px}
.portal-teaser-phone>keyhome-page-loop{width:140px;margin:0 0 14px}
.portal-teaser-phone h2{font-size:28px}
.portal-teaser-phone p{font-size:13px}
.portal-teaser-phone .cta{background:#1462ff;margin-top:22px;min-height:48px;justify-content:space-between;font-size:14px}
.room-detail-page .detail-rent{position:relative;min-height:78px;padding-right:132px}
.detail-rent keyhome-page-loop{position:absolute;right:0;top:-6px;width:120px}
@media(max-width:1100px){
  .desktop-nav{gap:20px}
  .desktop-nav a{font-size:12px}
}
@media(max-width:800px) and (min-width:701px){
  .desktop-nav{gap:12px}
  .desktop-nav a{font-size:11px}
  .header-help{padding-inline:15px}
}
@media(max-width:700px){
  .page-motion-heading{gap:15px;align-items:flex-start}
  .page-motion-heading h1{font-size:32px;line-height:1.16}
  .page-motion-heading keyhome-page-loop,.page-motion-heading keyhome-city-loop{flex-basis:98px;width:98px;margin-top:5px}
  .owner-page-hero .page-motion-heading{gap:10px}
  .owner-page-hero .page-motion-heading h1{font-size:32px}
  .owner-page-hero .page-motion-heading keyhome-page-loop{flex-basis:105px;width:105px}
  .portal-teaser:not(.portal-teaser-phone){gap:18px;padding:25px 22px}
  .portal-teaser:not(.portal-teaser-phone)>keyhome-page-loop{width:105px;flex-basis:105px}
  .portal-teaser h2{font-size:27px}
  .room-detail-page .detail-rent{padding-right:116px}
  .detail-rent keyhome-page-loop{width:106px;top:0}
}
@media(max-width:350px){
  .room-detail-page .detail-rent small{display:block;margin:1px 0 0;font-size:12px}
  .page-motion-heading h1{font-size:29px}
  .page-motion-heading keyhome-page-loop,.page-motion-heading keyhome-city-loop{width:86px;flex-basis:86px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#main:focus{outline:none}