.reference-jump{width:min(1280px,calc(100% - 96px));margin:48px auto 0;display:flex;flex-wrap:wrap;gap:12px 32px;padding-top:24px;border-top:1px solid #d8dddf;font-size:18px}.reference-jump a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent}.reference-jump a:hover{border-color:#ad8b53}
.photo-filters{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:32px}.photo-filters button{border:0;border-bottom:1px solid transparent;padding:12px 0;background:none;color:#63717a;min-height:44px;font-size:18px}.photo-filters button[aria-pressed=true]{border-color:#ad8b53;color:#182a35}.photo-filters span{font-size:14px;margin-left:8px;color:#8c6c3b;font-variant-numeric:tabular-nums}
.project-photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px}.project-photo{margin:0;grid-column:span 2;min-width:0}.project-photo.is-major{grid-column:span 3}.project-photo[hidden]{display:none}.project-photo figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:18px;line-height:1.4}.project-photo figcaption small{font-size:15px;color:#68767e;white-space:nowrap}.project-photo .document-preview{aspect-ratio:3/2;background:#f4f3ef}.project-photo .document-preview img{width:100%;height:100%;object-fit:contain}.gallery-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px}.gallery-foot p{font-size:17px;color:#68767e;margin:0}.gallery-foot .button{color:#182a35}.gallery-foot button[hidden]{display:none}
.document-preview{display:block;width:100%;padding:0;border:0;background:#fff;position:relative;text-align:left;color:#182a35;cursor:zoom-in}.document-preview img{display:block;max-width:100%;height:auto}.enlarge-label{position:absolute;right:16px;bottom:16px;background:#172d3aeb;color:#fff;padding:8px 12px;font-size:15px;line-height:1.3;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.document-preview:hover .enlarge-label,.document-preview:focus-visible .enlarge-label{opacity:1;transform:none}.document-link{background:none;border:0;border-bottom:1px solid #ad8b53;padding:12px 0;margin-top:16px;text-align:left;font-size:18px;min-height:44px;color:#182a35}.document-note{font-size:17px;color:#68767e;line-height:1.6;margin:24px 0 0}.area-note{max-width:800px;margin-top:32px}
.floor-tablist{display:flex;gap:32px;border-bottom:1px solid #d8dddf;margin-bottom:32px}.floor-tablist button{border:0;border-bottom:2px solid transparent;padding:16px 0;background:none;text-align:left;font-size:22px;color:#68767e;min-height:48px}.floor-tablist button[aria-selected=true]{border-color:#ad8b53;color:#182a35}.floor-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:64px;align-items:center}.floor-panel[hidden]{display:none}.floor-plan-sheet{background:#fff;padding:32px}.floor-plan-sheet .document-preview img{width:100%;height:560px;object-fit:contain}.floor-description h3{font-size:36px;margin-bottom:24px}.floor-description ul{margin:0;padding-left:22px;font-size:20px}.floor-description li{padding:6px 0}.floor-panel+.floor-panel{margin-top:64px}.floor-tabs.is-enhanced .floor-panel{margin-top:0}
.drawing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px 32px}.drawing-item{margin:0;min-width:0}.drawing-item .document-preview{border:1px solid #e2e4e3;padding:16px}.drawing-item .document-preview img{width:100%;height:320px;object-fit:contain}.drawing-item h3{font-size:26px;margin:20px 0 8px}.drawing-item figcaption>span{font-size:16px;color:#68767e}.design-model{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:64px;align-items:center;border-top:1px solid #d8dddf;margin-top:64px;padding-top:64px}.design-model h3{font-size:40px}.design-model .document-preview img{width:100%;height:auto}.project-specs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:96px}.project-specs dl{margin:0}.project-specs dl>div{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;border-bottom:1px solid #d8dddf;padding:16px 0;font-size:20px}.project-specs dt{color:#68767e}.project-specs dd{margin:0}.project-specs .document-note{max-width:34ch}
.document-viewer{border:0;padding:0;background:#f4f3ef;color:#182a35;width:min(1320px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:0 12px 60px #172d3a25}.document-viewer::backdrop{background:#101e27e8}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;background:#fff;border-bottom:1px solid #d8dddf}.document-toolbar h2{font-size:24px;line-height:1.3;margin:0}.document-toolbar .eyebrow{font-size:14px;margin:0 0 4px;letter-spacing:.08em}.document-viewer button{min-width:44px;min-height:44px;background:none;border:1px solid #c5ced1;padding:8px 12px;color:#182a35;font-size:17px}.document-viewer button:hover{background:#e8e6e0}.document-viewer button:disabled{opacity:.4;cursor:default}.document-controls{padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;border-bottom:1px solid #d8dddf}.document-controls>div{display:flex;align-items:center;gap:8px}.document-controls output{min-width:64px;text-align:center;font-size:17px}.document-controls a{font-size:16px;border-bottom:1px solid #ad8b53;padding:8px 0}.document-canvas{height:calc(100dvh - 240px);min-height:200px;overflow:auto;padding:24px;background:#e9e8e3;overscroll-behavior:contain}.document-canvas img{max-width:none;display:block;height:auto;margin:0 auto;background:white}.document-canvas #document-load{text-align:center;max-width:none;margin:48px 0;color:#63717a}.document-canvas #document-load[hidden]{display:none}
@media(max-width:1150px){.reference-jump{width:calc(100% - 56px)}.floor-panel{gap:32px}.floor-plan-sheet{padding:24px}.floor-plan-sheet .document-preview img{height:480px}.project-specs{gap:48px}.project-photo figcaption{display:block}.project-photo figcaption small{display:block;margin-top:4px}}
@media(max-width:960px){.floor-panel{grid-template-columns:1fr}.floor-description{max-width:680px}.floor-description h3{font-size:32px}.floor-plan-sheet .document-preview img{height:560px}.project-photo{grid-column:span 3}.project-specs,.design-model{grid-template-columns:1fr;gap:32px}.project-specs .document-note{max-width:65ch}}
@media(max-width:700px){.reference-jump{width:calc(100% - 40px);margin-top:32px;gap:8px 24px;font-size:17px}.photo-filters{gap:4px 20px;margin-bottom:24px}.photo-filters button{font-size:17px}.project-photo-grid{display:block}.project-photo{margin-bottom:32px}.project-photo figcaption{display:flex;font-size:17px}.project-photo figcaption small{margin-top:0}.enlarge-label{opacity:1;transform:none;font-size:14px;right:12px;bottom:12px}.floor-tablist{gap:24px}.floor-tablist button{font-size:19px}.floor-plan-sheet{padding:16px}.floor-plan-sheet .document-preview img{height:390px}.floor-description ul{font-size:19px}.drawing-grid{grid-template-columns:1fr;gap:32px}.drawing-item .document-preview img{height:300px}.project-specs dl>div{font-size:18px;gap:16px}.design-model{padding-top:48px;margin-top:48px}.design-model h3{font-size:34px}.gallery-foot{align-items:start;flex-direction:column;gap:16px}.document-note{font-size:16px}.document-toolbar{padding:16px;gap:12px;align-items:start}.document-toolbar h2{font-size:20px}.document-toolbar>button{font-size:15px;white-space:nowrap}.document-controls{padding:12px 16px;gap:8px}.document-controls button{padding:6px 10px;font-size:16px}.document-controls a{font-size:15px}.document-canvas{height:calc(100dvh - 280px);padding:16px}.document-viewer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}}
@media(prefers-reduced-motion:reduce){.enlarge-label{transition:none}}

/* Reference photography uses the same full-bleed introduction as the Stadtvilla. */
.reference-hero h1{max-width:850px}
.reference-hero .house-hero-copy{max-width:850px}
.reference-hero .house-hero-lead{max-width:710px}
.reference-hero-classic .house-hero-image{object-position:50% 0}
.reference-hero-bay .house-hero-image{object-position:50% 0}
.reference-summary{padding:22px 0}
.reference-summary>.wrap{display:flex;justify-content:space-between;align-items:center;gap:28px}
.reference-summary .facts{border:0;padding:0;margin:0;font-size:18px;gap:12px 28px}
.reference-summary .text-link{flex-shrink:0}
.project-photo .document-preview{overflow:hidden;background:none}
.project-photo .document-preview img{object-fit:cover;object-position:50% 35%;transition:transform .35s ease}
.project-photo .document-preview:hover img{transform:scale(1.025)}
@media(max-width:700px){.reference-hero .house-hero-copy{padding-top:220px}.reference-hero h1{font-size:clamp(39px,10.5vw,52px)}.reference-hero-classic .house-hero-image{object-position:48% 0}.reference-summary>.wrap{align-items:flex-start;flex-direction:column;gap:18px}.reference-summary .facts{font-size:17px;gap:8px 22px}}
@media(prefers-reduced-motion:reduce){.project-photo .document-preview img{transition:none}.project-photo .document-preview:hover img{transform:none}}

.project-photo img[src*="/bay/photos/project-"]{transform:scale(1.06)}
.project-photo .document-preview:hover img[src*="/bay/photos/project-"]{transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){.project-photo .document-preview:hover img[src*="/bay/photos/project-"]{transform:scale(1.06)}}