/* Coastal comfort (client, 2026-10-31): the aerial photo is now the wide original of the same frame, mirrored so the
   square the client approved stays at the right and the rest of the frame extends to the left. On desktop it stretches
   left to the 1400px content box's left edge (the rail) to run under the copy, square corners, and fades left to right
   from nearly transparent to solid across most of its width. Its right edge, top and height are unchanged; the copy,
   gulls, wash and stats are untouched.
   (sites-wide-neutral-unflipped-20261031-*.webp is the same frame in its true orientation, if ever wanted.)
   Loaded after cc-photo-frame-20261028.css and cc-photo-frame-fit-20261028.css. */
@media(min-width:1151px){
  .cc-intro .cc-photo{
    left:var(--cc-rail);
    width:auto;
    height:var(--sq);
    aspect-ratio:auto;
    border-radius:0;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.06) 14%,rgba(0,0,0,.14) 30%,rgba(0,0,0,.3) 46%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.82) 78%,#000 90%);
            mask-image:linear-gradient(90deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.06) 14%,rgba(0,0,0,.14) 30%,rgba(0,0,0,.3) 46%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.82) 78%,#000 90%);
  }
  .cc-intro .cc-photo__img{border-radius:0;object-position:50% 50%}
}
/* Tablet and phone keep exactly the square they had: the same 894px region of the frame, mirrored back to its true
   orientation. */
@media(max-width:1150px){
  .cc-intro .cc-photo__img{object-position:70% 50%;transform:scaleX(-1)}
}
/* client 2026-10-31: the copy sits at the bottom of the photo, with the same 72px between the button and the photo's
   bottom edge as between the photo's left edge and the text. */
@media(min-width:1151px){
  .cc-intro .cc-intro__copy{
    --cc-inset:72px;
    left:calc(var(--cc-rail) + var(--cc-inset));
    top:calc(150px + 30px);
    height:var(--sq);
    display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
    padding:0 0 var(--cc-inset);
    box-sizing:border-box;
  }
}
/* client 2026-10-31: 100px more room between the hero and this section (desktop); was 50px, then another 50px. */
@media(min-width:1151px){
  body.home-hero-v2 #coastal-comfort{padding-top:100px}
}
/* client 2026-10-31: the lead paragraph matches the weight of the amenities lead below it. Both aliases are single
   400 files, so the heavier look came from the face itself (Neue Frutiger vs Univers Next); it now uses the same
   "HP Text" face as .amc__lead at its existing size, line height and colour. */
.cc-intro .cc-intro__lead{font-family:"HP Text",Arial,sans-serif;font-weight:400}