@font-face{font-family:Manrope;src:url(media/listing-font-7.woff2);font-display:swap}@font-face{font-family:Display;src:url(media/listing-font-6.woff2);font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#193746;background:#fff;font:16px/1.6 Manrope,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}:focus-visible{outline:2px solid #8b6b45;outline-offset:5px}header{position:sticky;top:0;background:#fff;border-bottom:1px solid #d8dedf;z-index:2;padding:14px max(24px,5vw);display:flex;justify-content:space-between;align-items:center;gap:20px}header a{text-decoration:none;font-size:14px}main{max-width:1400px;margin:auto;padding:36px 5% 64px}.kicker{font-size:12px;letter-spacing:.15em;color:#8b6b45;text-transform:uppercase}h1,h2,h3{font-family:Display,Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:58px;margin:12px 0 16px}h2{font-size:42px;margin:35px 0 15px}h3{font-size:30px;margin:10px 0 6px}nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin:22px 0 35px;padding-block:13px;border-block:1px solid #d8dedf}nav a{font-size:14px;min-height:30px;display:flex;align-items:center}.intro{max-width:800px;font-size:14px;color:#55646b}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}figure{margin:0;min-width:0;scroll-margin-top:90px}figure>a{display:block;overflow:hidden}figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}figure.portrait img{aspect-ratio:4/5;object-position:center 58%}figure.gallery-lead{grid-column:1/-1}figure.gallery-lead img{aspect-ratio:1.75;object-position:center 59%}figcaption{padding-top:9px}figcaption p{font-size:14px;margin:0;color:#55646b}.image-label,small{display:block;font-style:italic;color:#647078;font-size:12px;line-height:1.55}.photo-card>h3{margin-top:8px}.photo-card>p:not(.image-label){font-size:14px;color:#55646b;margin:5px 0}.paintbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 8px}button,.button{border:1px solid #193746;padding:11px 17px;background:transparent;color:#193746;font:500 14px/1.5 Manrope,Arial,sans-serif;cursor:pointer;text-decoration:none;min-height:44px;display:inline-flex;justify-content:center;align-items:center}button[aria-pressed=true],.button{background:#193746;color:white}.paint-status{font-size:12px;color:#55646b;margin:8px 0 24px}.more-photos{border-block:1px solid #d8dedf;margin:40px 0;padding:20px 0}.more-photos summary{font-size:20px;cursor:pointer}.more-photos summary span{display:block;font-size:13px;color:#55646b;margin-top:5px}.details-grid{padding-top:25px}section{scroll-margin-top:90px;margin-bottom:60px}#building .grid{grid-template-columns:repeat(3,minmax(0,1fr))}#building figure:first-child{grid-column:1/-1}#building figure:first-child img{aspect-ratio:auto;max-height:650px;object-fit:contain}#building h3{font-size:26px}#building img{object-fit:contain;background:#f5f5f2}#area .grid{grid-template-columns:repeat(3,minmax(0,1fr))}#area figure img{aspect-ratio:1.2}#area figcaption{font-size:12px;color:#647078}#area h3{font-size:29px}main>details{font-size:12px;margin-top:24px}main>details summary{cursor:pointer}footer{padding:24px 5%;border-top:1px solid #d8dedf;font-size:12px}dialog{border:0;background:#fff;color:#193746;width:min(1240px,96vw);max-width:96vw;max-height:96dvh;padding:18px 22px;overflow:auto}dialog::backdrop{background:#10222dec}.dialogbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:10px}.dialogbar p{margin:0}#photo-title{font-size:17px;font-weight:500}#photo-count{font-size:12px;color:#55646b}.photo-stage img{display:block;max-width:100%;width:auto;height:auto;max-height:65dvh;object-fit:contain;margin:auto}.photo-stage{touch-action:pan-y}.viewer-actions{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-top:14px}.photo-navigation{display:flex;gap:8px}.viewer-actions a{font-size:13px}#photo-description{margin:10px 0 0}.viewer-actions .button{margin-left:auto}button:hover{background:#eff1ed}button[aria-pressed=true]:hover{background:#294e5e}
@media(max-width:800px){html{scroll-padding-top:80px}header{padding:12px 18px;gap:10px}header a{font-size:12px}header .button{font-size:12px;padding:9px 12px}main{padding:24px 18px 48px}h1{font-size:40px}h2{font-size:34px}h3{font-size:26px}nav{gap:8px 20px;margin:20px 0 26px}nav a{font-size:13px;min-height:34px}.intro{font-size:13px}.grid{gap:28px 16px}figure.gallery-lead img{aspect-ratio:1.4}figure.portrait img{aspect-ratio:3/4}figure.landscape:not(.gallery-lead){grid-column:1/-1}figure.landscape img{aspect-ratio:1.5}.image-label,small{font-size:11px}.paintbar{gap:8px;flex-wrap:nowrap}.paintbar button{flex:1;font-size:12px;padding:10px 8px}.paint-status{font-size:11px}.photo-card>p:not(.image-label){font-size:13px}#building .grid,#area .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#building h3,#area h3{font-size:23px}#area .grid figure:first-child{grid-column:1/-1}#area .grid figure:first-child img{aspect-ratio:1.5}.more-photos summary{font-size:18px}.more-photos summary span{font-size:12px}dialog{padding:12px;max-width:96vw;width:96vw;max-height:96dvh}.dialogbar{gap:10px}#photo-title{font-size:14px}.dialogbar button{padding:8px 11px;font-size:12px}.photo-stage img{max-height:59dvh}.viewer-actions{gap:10px;flex-wrap:wrap}.photo-navigation{width:100%;justify-content:space-between}.photo-navigation button{flex:1;font-size:12px}.viewer-actions .button{font-size:12px;padding:10px 12px}#photo-description{font-size:11px}}
@media(max-width:360px){h1{font-size:36px}h3{font-size:23px}.grid{gap:24px 12px}.intro{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:801px){main{padding-top:24px}h1{font-size:50px;margin:10px 0 14px}nav{margin:18px 0 22px;padding-block:10px}.paintbar{margin-top:16px}.paint-status{margin-bottom:20px}figure.gallery-lead{grid-column:auto}figure.gallery-lead img{aspect-ratio:4/3}}

.practical-photos{border-top:1px solid #d8dedf;margin-top:44px;padding-top:5px}.practical-photos .details-grid{padding-top:16px}.venue-detail{font-size:13px;color:#55646b}.viewer-paint{margin:10px 0 14px}.viewer-paint[hidden]{display:none}.photo-card.landscape img{aspect-ratio:4/3}.photo-card.portrait img{aspect-ratio:4/5}.photo-card#second-bedroom img{object-position:center 58%}.photo-card#balcony,.photo-card#outlook{grid-column:auto;max-width:none;width:auto;margin:0}#balcony img,#outlook img{aspect-ratio:4/3}.viewer-actions{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:800px){
 nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}nav a{min-height:40px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card.landscape:not(.gallery-lead){grid-column:auto}.photo-card.landscape img{aspect-ratio:4/3}.photo-card.portrait img{aspect-ratio:4/5}.photo-card h3{font-size:25px;text-wrap:balance}.photo-card>p:not(.image-label){font-size:13px}.paintbar{flex-wrap:wrap}.paintbar button{min-width:0}.viewer-paint{margin:8px 0 12px}.viewer-paint button{font-size:11px}.photo-stage img{max-height:51dvh}
}
@media(max-width:480px){.grid,#building .grid,#area .grid{grid-template-columns:minmax(0,1fr)}.photo-card h3{font-size:28px}.photo-card.portrait img{aspect-ratio:4/5;max-height:none}#building figure:first-child,#area .grid figure:first-child{grid-column:auto}figure{scroll-margin-top:82px}.paintbar button{flex:1 1 110px}.viewer-paint button{flex:1 1 105px}.photo-stage img{max-height:48dvh}}

/* A photograph-first viewer for phones; desktop presentation stays intact. */
@media(max-width:800px){
 dialog[open]{display:flex;flex-direction:column;gap:8px;width:100vw;max-width:100vw;height:fit-content;max-height:100dvh;margin:auto;padding:max(12px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom));background:#10222d;color:#fff;overflow:auto}
 dialog::backdrop{background:#10222d}
 .dialogbar{order:0;flex:none;margin:0;padding:0 4px;gap:8px}
 #photo-title{font-size:15px;line-height:1.3}#photo-count{color:#c5cfd4;font-size:11px}
 .photo-stage{order:1;flex:none;min-height:0;display:flex;align-items:center;justify-content:center}
 .photo-stage img{width:100%;height:auto;max-height:calc(100dvh - 260px);object-fit:contain}
 #photo-description{order:2;flex:none;margin:0;padding:0 4px;color:#c5cfd4;font-size:11px;line-height:1.45}
 .viewer-paint{order:3;flex:none;margin:0;padding:0 4px;gap:6px;flex-wrap:nowrap}
 .viewer-paint button{min-width:0;flex:1;font-size:11px;padding:6px;min-height:44px}
 dialog button{color:#fff;border-color:#82949e;background:transparent}
 dialog button:hover{background:#294351}
 dialog button[aria-pressed=true]{background:#fff;border-color:#fff;color:#193746}
 dialog button[aria-pressed=true]:hover{background:#e8eef0}
 .viewer-actions{order:4;flex:none;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px 8px;margin:0;padding:0 4px}
 .photo-navigation{display:contents}
 .photo-navigation button{font-size:0;min-height:44px;padding:0}
 [data-prev]{grid-column:1;grid-row:1}[data-prev]::after{content:'←';font-size:20px}
 [data-next]{grid-column:3;grid-row:1}[data-next]::after{content:'→';font-size:20px}
 .viewer-actions .button{grid-column:2;grid-row:1;margin:0;background:#fff;color:#193746;border-color:#fff;font-size:12px;padding:8px 4px;min-height:44px}
 .viewer-actions [data-full-size]{grid-column:1/-1;grid-row:2;text-align:center;font-size:11px;min-height:36px;display:flex;align-items:center;justify-content:center}
}
@media(max-width:800px) and (max-height:500px){dialog[open]{height:auto;min-height:100dvh}.photo-stage{flex:none;height:auto;min-height:0}.photo-stage img{max-height:70dvh}}