.photo-story{margin-top:46px;scroll-margin-top:120px}
.photo-story [hidden]{display:none!important}
.photo-tabs{display:flex;flex-wrap:wrap;gap:4px 26px;border-bottom:1px solid var(--line);margin:0 0 24px}
.photo-tabs button{min-height:48px;padding:10px 0;font:inherit;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;transition:color .18s,border-color .18s}
.photo-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}
.photo-tabs button:hover{color:var(--ink)}
.photo-panel{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:clamp(24px,4vw,60px);align-items:center;min-height:360px;animation:photo-arrive .35s cubic-bezier(.16,1,.3,1)}
.photo-copy h4{font-size:clamp(25px,2.65vw,38px);font-weight:450;line-height:1.14;letter-spacing:-.035em;margin:0 0 18px}
.photo-copy p{font-size:15px;line-height:1.7;max-width:36ch;margin:0 0 18px}
.photo-copy .photo-detail{font-size:12px;color:var(--muted);line-height:1.75}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.photo-pair figure{margin:0;min-width:0}.photo-pair img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}
.photo-pair figcaption{font-size:11px;color:var(--muted);margin-top:10px}
.photo-compare{position:relative;display:block;padding:0;width:100%;aspect-ratio:1.5;overflow:hidden;cursor:pointer;background:var(--paper)}
.photo-compare img{display:block;width:100%;height:100%;object-fit:cover}
.photo-compare .photo-empty{position:absolute;inset:0;opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}
.photo-compare[data-empty=true] .photo-empty{opacity:1}
.photo-state{display:block;font-size:12px;color:var(--muted)}
/* Original full-resolution captures, composed with the same crops as the supplied board. */
.photo-site-crop{position:relative;overflow:hidden;background:#ecf0e8;aspect-ratio:1.5;width:100%;align-self:center}
.photo-site-crop img{position:absolute;max-width:none;display:block;height:auto}
.photo-apartment img{width:108.06%;left:-3.51%;top:-18.59%}
.photo-neighbourhood img{width:111.17%;left:-5.49%;top:-38.81%}
.photo-brazil{aspect-ratio:2.1035}.photo-brazil img{width:112.07%;left:-5.8%;top:-75.18%}
.photo-enquiry{aspect-ratio:700/869;background:#19382c;width:min(100%,360px);justify-self:center}.photo-enquiry img{width:237.43%;left:-126.14%;top:-24.63%}
.photo-tabs button:focus-visible,.photo-compare:focus-visible,.photo-panel:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@keyframes photo-arrive{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:760px){.photo-panel{grid-template-columns:1fr;gap:25px;min-height:0}.photo-copy p{max-width:60ch}.photo-tabs{column-gap:20px;margin-bottom:22px}.photo-copy h4{font-size:30px}.photo-story .end-to-end-heading h3{max-width:100%}.photo-story .end-to-end-note{margin-top:25px}}
@media(max-width:440px){.photo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px}.photo-tabs button{font-size:12px;text-align:left}.photo-pair{gap:9px}.photo-copy h4{font-size:27px}.photo-copy p{font-size:14px}.photo-panel{gap:21px}.photo-pair figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.photo-panel{animation:none}.photo-compare .photo-empty{transition:opacity .1s}}