/* Preserve the album composition and familiar monogram, with a more readable scale. */
body{font-size:19px}
.hero-description{font-size:20px;line-height:1.6}
.section-heading>p,.section-heading>div:last-child:not(:first-child),#space-panel p,.story-copy>p:not(.eyebrow),.story-copy .planning-note p,.details-intro>p:not(.eyebrow),.faq summary,.faq details p,.visit-copy>p:not(.eyebrow){font-size:19px;line-height:1.65}
.hero-actions .button,.hero-actions .text-link,.text-link,.visit-copy>.button{font-size:17px}
.hero-note,.farm-facts span,.visit-phone,.photo-caption{font-size:14px;line-height:1.6}
.hero-copy>.eyebrow,.section-heading .eyebrow,.space-content>.eyebrow,.story-copy>.eyebrow,.details-intro>.eyebrow,.visit-copy>.eyebrow{font-size:13px;line-height:1.6;letter-spacing:.1em}
.hero-album .hero-photo figcaption{font-size:12px;line-height:1.5;letter-spacing:.08em}
.hero-inset figcaption{font-size:11px;line-height:1.5;letter-spacing:.07em}
@media(min-width:761px) and (max-height:800px){
 .site-header{height:80px}
 .site-header nav{top:100%}
 .hero{min-height:0;max-height:none;padding-top:24px;padding-bottom:30px;align-items:center}
 .hero-copy{padding:0}
 .hero-copy>.eyebrow{max-width:none;margin-bottom:18px}
 .hero h1{font-size:clamp(48px,min(5.75vw,10svh),78px);line-height:1.04}
 .hero-description{font-size:19px;line-height:1.6;max-width:none;margin-top:20px}
 .hero-actions{margin-top:24px;gap:12px 22px}
 .hero-note{margin-top:20px}
 .hero-album{width:min(100%,clamp(250px,calc((100svh - 220px - var(--holiday-height, 0px))*.8),490px));justify-self:end;padding-left:14px;padding-bottom:26px}
 .hero-album .hero-photo{width:94%;padding:8px 8px 0}
 .hero-album .hero-photo>img{aspect-ratio:4/5}
 .hero-album .hero-photo figcaption{display:block;padding:11px 2px 13px;font-size:11px;text-align:right}
 .hero-album .hero-photo figcaption span{display:block}
 .hero-album .hero-photo figcaption span:last-child{font-size:18px;margin-top:4px}
 .hero-inset{width:45%;padding:6px 6px 0}
 .hero-inset figcaption{font-size:10px;padding-block:9px}
}
@media(min-width:761px) and (max-height:650px){
 .hero{padding-top:18px;padding-bottom:22px}
 .hero-copy>.eyebrow{margin-bottom:16px}
 .hero-description{margin-top:18px}
 .hero-actions{margin-top:20px}
 .hero-note{margin-top:14px}
}
@media(max-width:760px){
 .site-header{height:80px}.site-header nav{top:100%;max-height:calc(100svh - 80px - var(--holiday-height, 0px))}
 .hero{padding-top:27px;padding-bottom:34px;gap:30px}
 .hero-copy>.eyebrow{font-size:12px;line-height:1.6;margin-bottom:18px;max-width:none}
 .hero h1{font-size:clamp(50px,11.8vw,72px);line-height:1.02}
 .hero-description{font-size:18px;line-height:1.6;margin-top:20px;max-width:none}
 .hero-actions{margin-top:22px;gap:12px 22px;flex-direction:row}
 .hero-actions .button,.hero-actions .text-link{font-size:16px;min-height:50px}
 .hero-note{font-size:14px;margin-top:20px}
 .section-heading>p,.section-heading>div:last-child:not(:first-child),#space-panel p,.story-copy>p:not(.eyebrow),.story-copy .planning-note p,.details-intro>p:not(.eyebrow),.faq summary,.faq details p,.visit-copy>p:not(.eyebrow){font-size:18px}
 .hero-album .hero-photo figcaption{font-size:12px;line-height:1.5;letter-spacing:.07em}
 .hero-inset figcaption{font-size:11px;line-height:1.5}
}
@media(max-height:500px){.hero{align-items:start}.hero-album{align-self:start}.hero-copy{justify-content:flex-start}.site-header nav{max-height:calc(100dvh - 80px - var(--holiday-height, 0px));overflow-y: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}
}
