/* Responsive height and readable enquiry controls. Loaded after site styles. */
.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.55}
.hero-actions .button{font-size:17px}
.hero-actions .text-link{font-size:17px}

/* Keep the complete initial choice visible on short desktop viewports.
   Title becomes two lines; its display size remains unchanged. */
@media(min-width:981px) and (max-height:760px){
 .header{min-height:88px;padding-block:12px}
 .hero{padding-block:20px;gap:40px}
 .hero-copy{padding:0}
 .hero h1{margin-block:18px}
 .hero h1 em{max-width:none}
 .hero h1 em br{display:none}
 .hero-actions{margin-top:20px;gap:12px 20px}
 .hero-actions .button{gap:20px;padding-inline:20px}
 .hero-visual{height:calc(100svh - 128px - var(--holiday-height, 0px));min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}
 .hero-photo{min-height:0}
 .hero-photo>img{height:100%;min-height:0;max-height:none;aspect-ratio:auto}
 .hero-property-pair{margin-top:0;gap:14px}
 .hero-property-pair img{height:clamp(72px,14svh,106px);aspect-ratio:auto}
 .hero-property-pair span{padding-block:9px}
}

/* A stacked phone page should scroll naturally; do not give its copy
   a fixed height or clip the photography below the primary action. */
@media(max-width:700px){
 .header{min-height:78px;padding-block:12px}
 .hero{padding-top:26px}
 .hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.55}
 .hero h1{margin-block:18px}
 .hero-actions{margin-top:22px;gap:10px 20px}
 .hero-actions .button{font-size:17px}
 .hero-actions .text-link{font-size:17px}
 .header nav{max-height:calc(100dvh - 78px - var(--holiday-height, 0px))}
}

/* Landscape phone: two large title lines, tighter chrome, one hero
   photo. The two property cards remain available elsewhere on page. */
@media(min-width:701px) and (max-width:980px) and (max-height:500px){
 .header{min-height:64px;padding-block:7px}
 .header nav{max-height:calc(100dvh - 64px - var(--holiday-height, 0px))}
 .hero{grid-template-columns:1.1fr .9fr;padding:12px 4%;gap:24px}
 .hero-copy{padding:0}
 .hero h1{font-size:64px;line-height:1.01;margin-block:12px}
 .hero h1 em{max-width:none}
 .hero h1 em br{display:none}
 .hero-copy .eyebrow{font-size:12px;letter-spacing:.08em}
 .hero-copy .short-rule{width:18px;margin-right:8px}
 .hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.5}
 .hero-actions{margin-top:14px;gap:10px 14px}
 .hero-actions .button{font-size:16px;padding-inline:16px;gap:16px;min-height:48px}
 .hero-actions .text-link{font-size:16px;min-height:44px;gap:10px}
 .hero-property-pair{display:none}
 .hero-photo>img{height:calc(100svh - 88px - var(--holiday-height, 0px));min-height:0;aspect-ratio:auto}
}

/* Keep enquiry forms readable, including low windows and the on-screen keyboard. */
dialog.inquiry-drawer{height:100vh;height:100dvh;max-height:none}
dialog.inquiry-drawer .drawer-intro{font-size:17px;line-height:1.65}
dialog.inquiry-drawer .drawer-label{font-size:15px;line-height:1.5}
dialog.inquiry-drawer .drawer-label span{font-size:12px}
dialog.inquiry-drawer .drawer-label>span[id]{margin:0;color:inherit;font:inherit}
dialog.inquiry-drawer .drawer-control{font-size:16px;line-height:1.5}
dialog.inquiry-drawer .drawer-primary{font-size:16px;min-height:52px}
dialog.inquiry-drawer .drawer-text-button{font-size:14px;min-height:44px}
dialog.inquiry-drawer .drawer-help,dialog.inquiry-drawer .drawer-footer-note,dialog.inquiry-drawer .drawer-copy-status,dialog.inquiry-drawer .drawer-field-error{font-size:14px;line-height:1.55}
dialog.inquiry-drawer .drawer-steps li{font-size:14px}
dialog.inquiry-drawer .drawer-steps li>span{font-size:12px}
dialog.inquiry-drawer legend{font-size:13px}
dialog.inquiry-drawer .drawer-summary dt{font-size:14px}
dialog.inquiry-drawer .drawer-summary dd{font-size:16px}
dialog.inquiry-drawer .drawer-recipient,dialog.inquiry-drawer .drawer-email-preview>summary,dialog.inquiry-drawer .drawer-email-preview pre{font-size:14px;line-height:1.6}
@media(max-height:650px){
 dialog.inquiry-drawer .drawer-topbar{padding-block:10px}
 dialog.inquiry-drawer .drawer-scroll{padding-top:24px;padding-bottom:24px}
 dialog.inquiry-drawer .drawer-footer{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 dialog.inquiry-drawer .drawer-footer-note{margin-bottom:9px}
 dialog.inquiry-drawer .drawer-steps{margin-block:20px}
}
/* Let the whole drawer scroll when a keyboard or landscape window is very short. */
@media(max-height:480px){
 dialog.inquiry-drawer[open]{display:block;overflow-y:auto;overscroll-behavior:contain}
 dialog.inquiry-drawer .drawer-scroll{overflow:visible;min-height:0;scrollbar-gutter:auto}
 dialog.inquiry-drawer .drawer-topbar,dialog.inquiry-drawer .drawer-footer{position:static}
 dialog.inquiry-drawer .drawer-heading{font-size:38px}
}