/* Responsive refinements shared by every Adina Suites page. */
:root{--header-height:105px}html{scroll-padding-top:calc(var(--header-height) + 16px)}
img{max-width:100%}.nav,.form-grid>*{min-width:0}.button,.menu,.motion-toggle,.photo-controls button,.space-enlarge{min-height:44px}.menu{min-width:64px}.links a:not(.button){padding:12px 0}.text-link,.space-tabs button{min-height:44px}.contact-links span,.page-copy a,.draft{overflow-wrap:anywhere}input,select,textarea,.enquiry-bar input{font-size:16px;min-width:0;min-height:48px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.modal,.lightbox{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}.modal .close{min-width:44px;min-height:44px;top:8px;right:8px}.modal .explain{padding-right:12px}body:has(dialog[open]){overflow:hidden}.mobile-contact{display:none}.page-copy{overflow-wrap:break-word}.related-grid>*{min-width:0}.gallery-grid>*{min-width:0}
@media(max-width:950px){:root{--header-height:100px}.nav.open .links{top:var(--header-height);max-height:calc(100dvh - var(--header-height));overflow:auto;overscroll-behavior:contain;gap:8px}.nav.open .links a{display:block}.nav.open .links .button{margin-top:8px}.section-head{flex-wrap:wrap}.enquiry-bar form{min-width:0}.enquiry-bar label{min-width:0}}
@media(max-width:800px){.space-layout{grid-template-columns:1fr;gap:30px}.gallery-grid .photo-card,.motion-on .gallery-grid .photo-card.reveal.seen{transform:none}.intro,.stay,.contact-section{grid-template-columns:1fr;gap:30px}.intro .right{padding-top:0}.contact-links{margin-top:0}.enquiry-bar{display:block}.enquiry-bar form{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry-bar form .button{grid-column:1/-1}.wing-details{grid-template-columns:1fr;gap:24px}.cinema{height:auto}.cinema-stage{position:relative;top:0;height:650px;min-height:0}.cinema-copy{bottom:150px}.cinema-image{transform:none!important;will-change:auto}.hero-photo{animation:none;transform:none;will-change:auto}.motion-toggle{display:none}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){:root{--header-height:80px}.nav{height:var(--header-height)}.logo-brand img{width:106px;height:74px}.nav.open .links{top:var(--header-height);padding:16px 7%}.hero{min-height:0}.hero .inner{padding:62px 7% 120px}.hero h1{font-size:clamp(48px,14vw,72px)}.hero p{font-size:16px;line-height:1.7;max-width:340px}.hero .caption{bottom:25px}.scroll-cue{bottom:25px}.hero-bottom{flex-wrap:wrap}.section-head h2,.intro h2,.stay h2,.contact-section h2,.cta h2{font-size:clamp(36px,10vw,48px)}.page-lead h1{font-size:clamp(38px,11vw,58px)}.space-description h3{font-size:clamp(42px,12vw,56px)}.intro p,.space-description p,.experience p,.wing-details p,.stay p,.contact-section p,.section-head p,.page-copy p,.page-copy li{font-size:15px;line-height:1.75}.cinema-stage{height:560px}.cinema-copy{bottom:145px;max-width:86%}.cinema-copy h2{font-size:clamp(40px,12vw,64px)}.cinema-copy p{font-size:14px}.chapter-buttons button{min-height:54px}.gallery-grid{gap:22px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card span{font-size:12px;gap:6px}.gallery-grid .photo-card:nth-child(even){margin-top:0}.gallery-grid .photo-card img{height:160px}.gallery-grid .photo-card:first-child img{height:240px}.related-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:22px;padding-bottom:35px}.footer-brand{width:220px;max-width:100%}.footer p{font-size:12px;text-align:left;max-width:none}.footer a.footer-email{font-size:12px}.lightbox-bar{gap:12px}.photo-controls{flex-wrap:wrap;justify-content:center;gap:8px}.lightbox img{max-height:65dvh}.lightbox{padding:12px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal{padding:40px 20px 24px}.modal h2{font-size:36px}.modal .explain{font-size:14px}.mobile-contact{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;z-index:35;bottom:0;left:0;right:0;padding:10px 6% calc(10px + env(safe-area-inset-bottom));background:#fffefbf5;border-top:1px solid var(--line);box-shadow:0 -4px 24px #0c284114}.mobile-contact .button{font-size:11px;gap:0;padding:12px 8px;margin:0}.mobile-contact .whatsapp{background:#e9eee7;color:var(--ink);border-color:#bac9bc}body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}body:has(dialog[open]) .mobile-contact{display:none}.hero-photo{background-image:url('/assets/exterior-800.webp')}.scene{background-image:url('/assets/sunset-view-800.webp')}.cta{background-image:linear-gradient(90deg,#0c2841ed,#0c2841e0),url('/assets/sea-sunset-800.webp')}}
@media(max-width:360px){.gallery-grid .photo-card:first-child{grid-column:auto}.gallery-grid{grid-template-columns:1fr}.gallery-grid .photo-card img,.gallery-grid .photo-card:first-child img{height:230px}.hero .caption{display:none}}
@media(prefers-reduced-motion:reduce){.cinema{height:auto}.cinema-stage{position:relative;top:0}.hero-photo{animation:none}.reveal{opacity:1!important;transform:none!important}}

/* Car rental and driving information. */
.rental-section{padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;border-top:1px solid var(--line)}.rental-section h2{font-size:clamp(40px,5vw,68px);line-height:1.08}.rental-section p{font-size:15px;color:var(--muted);margin:22px 0}.rental-section .button{margin-top:8px}.licence-note{background:#ede7da;border-left:3px solid var(--gold);padding:28px;margin:24px 0}.rental-section .licence-note{margin:0}.licence-note h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:400;line-height:1.2}.licence-note p{margin:16px 0 0}.licence-note .eyebrow{margin-bottom:15px}.rental-source{font-size:12px}.rental-checkbox{display:flex;align-items:center;gap:12px;min-height:48px;font-size:13px;letter-spacing:0}.rental-checkbox input{width:22px;height:22px;min-height:22px;flex:none;accent-color:var(--ink);margin:0}@media(max-width:800px){.rental-section{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:55px}.licence-note{padding:24px}.rental-section h2{font-size:44px}}
