/* Three views of Orélia, two views of the roof, one clear contact page. */
.pause-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:580px;justify-self:end}
.pause-gallery figure{margin:0;aspect-ratio:3/2;overflow:hidden;min-width:0}
.pause-gallery .pause-gallery-team{grid-column:1/-1;aspect-ratio:16/9}
.pause-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.pause-gallery-team img{object-position:50% 46%}
.pool-gallery{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:0 16px;align-items:center;min-width:0}
.pool-gallery figure{margin:0;overflow:hidden}
.pool-gallery .pool-gallery-water{aspect-ratio:4/5}
.pool-gallery .pool-gallery-terrace{aspect-ratio:3/4;margin-top:42px}
.stars-pool .pool-gallery figure img{display:block;width:100%;height:100%;object-fit:cover}
.pool-gallery-water img{object-position:54% 65%}
.pool-gallery-terrace img{object-position:60% 65%}
.pool-gallery-caption{grid-column:1/-1;margin:16px 0 0;font-size:10px;letter-spacing:.05em;color:var(--muted)}

.contact-scene{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"intro photo" "address photo";gap:32px clamp(38px,6vw,82px);padding-top:64px;padding-bottom:52px;align-items:start}
.contact-scene-intro{grid-area:intro;align-self:end}
.contact-scene-intro h1{font-size:clamp(42px,4.8vw,68px);line-height:1.13;margin-bottom:24px}
.contact-scene-intro .lead{max-width:440px;font-size:15px;line-height:1.85;margin:0;color:var(--muted)}
.contact-scene-photo{grid-area:photo;margin:0;height:100%;min-height:520px;max-height:600px;overflow:hidden}
.contact-scene-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.contact-scene-address{grid-area:address;padding-top:24px;border-top:1px solid var(--line)}
.contact-scene-address h2{font-size:25px;margin:0 0 14px}
.contact-scene-address p{font-size:14px;line-height:1.85;margin:0 0 16px;color:var(--muted)}
.contact-scene-links{display:flex;flex-wrap:wrap;gap:10px 24px}
.contact-scene-links .text-link{font-size:11px}
.contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,82px);padding-block:30px 42px;border-top:1px solid var(--line)}
.contact-direct-card{min-width:0}
.contact-direct-card h2{font-size:clamp(25px,2.4vw,31px);line-height:1.3;margin-bottom:18px}
.contact-direct-card p{font-size:14px;line-height:1.85;color:var(--muted);max-width:490px}
.contact-direct-card p a{overflow-wrap:anywhere}
.contact-direct-card p a:hover{text-decoration:underline;text-underline-offset:4px}
.contact-direct-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.contact-direct-buttons .btn{font-size:11px;min-height:44px;padding:13px 20px}
.map-credits{scroll-margin-top:120px;padding-top:0}
.map-credits h3{font-size:24px;margin:30px 0 16px}
.map-credits li{font-size:14px;line-height:1.8;margin-bottom:16px;color:var(--muted)}
.map-credits a{text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){
 .pause-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);gap:32px}
 .contact-scene{gap:26px 32px;padding-top:42px}
 .contact-scene-photo{min-height:510px}
}
@media(max-width:700px){
 .pause-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .pause-gallery{gap:9px;max-width:none}
 .pause-gallery .pause-gallery-team{aspect-ratio:3/2}
 .pool-gallery{gap:0 10px}
 .pool-gallery .pool-gallery-terrace{margin-top:30px}
 .pool-gallery-caption{font-size:9px;line-height:1.6;margin-top:13px}
 .contact-scene{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "photo" "address";gap:28px;padding-top:38px;padding-bottom:32px}
 .contact-scene-intro h1{font-size:clamp(39px,10vw,56px);margin-bottom:20px}
 .contact-scene-intro .lead{font-size:14px;max-width:500px}
 .contact-scene-photo{aspect-ratio:4/3;height:auto;min-height:0;max-height:none}
 .contact-scene-address{padding-top:0;border:0}
 .contact-direct{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:28px}
 .contact-direct-card+.contact-direct-card{padding-top:28px;border-top:1px solid var(--line)}
 .contact-direct-buttons .btn{flex:1 1 auto;justify-content:center}
}

/* Direct arrival/contact links from the closing invitation. */
.contact-direct-card[id]{scroll-margin-top:110px}
@media(max-width:700px){.contact-direct-card[id]{scroll-margin-top:92px}}