.floor-showcase{background:#faf8f2;color:var(--green)}
.floor-main{display:grid;grid-template-columns:34% 66%}
.floor-story{position:relative;isolation:isolate;overflow:hidden;min-height:780px;background:#f9f6ed}
.floor-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-2}
.floor-story::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fcfaf5 2%,#fcfaf5ee 33%,#fcfaf5aa 52%,transparent 76%)}
.floor-story-copy{padding:48px 40px}.floor-showcase .eyebrow{font-size:10px;letter-spacing:.15em;color:#906334;font-weight:400}
.floor-story h2{font:400 clamp(40px,4vw,58px)/1.14 var(--serif);margin-bottom:24px}.floor-story h2 span{display:block;color:#96734a}
.floor-story-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:360px}
.floor-story ul{list-style:none;padding:0;margin:24px 0;font-size:13px;max-width:310px}
.floor-story li{padding:13px 0;border-bottom:1px solid #b99a6b66}.floor-story li::before{content:'—';margin-right:12px;color:#9c7544}
.floor-viewer{padding:40px 36px 24px;background:linear-gradient(120deg,#faf8f2,#fff)}
.floor-viewer-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}
.floor-viewer-heading .eyebrow{margin-bottom:12px}.floor-viewer-heading h3{font:400 clamp(28px,3.1vw,46px)/1.2 var(--serif)}
#floor-current-finish{font-size:13px;margin-top:10px;color:#596a67}
.floor-select-field{min-width:210px;max-width:270px}.floor-select-field label{font-size:11px;display:block;margin-bottom:8px;color:#596a67}.floor-select-field select{background:#fcfaf5;border:1px solid #bda179;min-height:52px;font-size:14px}
.floor-main-image{display:block;width:100%;border:0;background:white;padding:12px 16px 0;cursor:zoom-in;color:var(--green)}
.floor-main-image>img{width:100%;height:570px;object-fit:contain}
.floor-main-image>span{display:flex;justify-content:center;align-items:center;gap:22px;min-height:48px;font-size:13px;border-top:1px solid #d8cfbd;margin-top:8px}.floor-main-image>span>span{font-size:20px}
.floor-caption,.floor-note{font-size:11px;line-height:1.7;color:#596a67;margin-top:14px}
.floor-bottom{padding:30px max(40px,calc((100vw - 1328px)/2)) 40px;border-top:1px solid #ded3c0}
.floor-bottom>.eyebrow{margin-bottom:16px}.floor-thumbnails{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.floor-thumb{padding:8px 8px 12px;background:#fffdf9;border:1px solid #dcd2c1;color:var(--green);text-align:center;border-radius:3px}
.floor-thumb img{width:100%;height:118px;object-fit:contain;pointer-events:none}.floor-thumb>span{display:block;font:400 12px/1.5 var(--sans);margin-top:10px}.floor-thumb small{display:block;font:300 10px/1.5 var(--sans);margin-top:4px}
.floor-thumb[aria-pressed=true]{border-color:#ad8048;background:#193d3c;color:#fff;box-shadow:0 0 0 1px #ad8048}.floor-thumb[aria-pressed=true] img{background:#fff}
.floor-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.floor-actions .button{font-size:14px}
@media(max-width:1100px){.floor-main{grid-template-columns:32% 68%}.floor-story-copy{padding:40px 24px}.floor-story h2{font-size:40px}.floor-viewer{padding:32px 24px}.floor-viewer-heading{flex-wrap:wrap;gap:16px}.floor-main-image>img{height:510px}.floor-select-field{max-width:none;flex:1;min-width:200px}.floor-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.floor-story{min-height:820px}}
@media(max-width:767px){.floor-main{grid-template-columns:minmax(0,1fr)}.floor-story{min-height:0;background:#faf8f2}.floor-story>img,.floor-story::after,.floor-story ul{display:none}.floor-story-copy{padding:40px 24px 24px}.floor-story h2{font-size:38px;line-height:1.2;margin-bottom:18px}.floor-story-copy>p:not(.eyebrow){max-width:none}.floor-viewer{padding:0 20px 24px}.floor-viewer-heading{display:block;margin-bottom:16px;scroll-margin-top:24px}.floor-viewer-heading h3{font-size:32px}.floor-viewer-heading .eyebrow{display:none}.floor-select-field{width:100%;margin-top:18px}.floor-select-field select{font-size:16px}.floor-main-image{padding:8px}.floor-main-image>img{height:auto;aspect-ratio:1328/1600;object-fit:contain}.floor-main-image>span{font-size:14px}.floor-bottom{padding:24px 20px 32px}.floor-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.floor-thumb img{height:140px}.floor-thumb>span{font-size:13px}.floor-thumb small{font-size:11px}.floor-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.floor-actions .button{font-size:14px;padding-inline:12px}.floor-note{font-size:12px}}
.floor-strip-nav{display:none}
@media(max-width:767px){
 .floor-strip-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;font-size:12px}
 .floor-strip-nav>div{display:flex;gap:8px}.floor-strip-nav button{width:44px;height:44px;border:1px solid #c9b18e;background:transparent;color:var(--green);font-size:20px}
 .floor-strip-nav button:disabled{opacity:.4;cursor:default}
 .floor-thumbnails{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:158px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scroll-padding-inline:2px}
 .floor-thumb{scroll-snap-align:start}.floor-thumb img{height:140px}
}
/* Single-column floor-plan presentation: prioritize the drawing at every width. */
.floor-main{display:block}
.floor-story{min-height:0;background:#faf8f2}
.floor-story>img,.floor-story::after,.floor-story ul{display:none}
.floor-story-copy{max-width:1328px;margin-inline:auto;padding:48px 40px 24px}
.floor-story h2{font-size:clamp(38px,4vw,58px);margin-bottom:18px}
.floor-story h2 span{display:inline;margin-left:0}
.floor-story-copy>p:not(.eyebrow){max-width:780px}
.floor-viewer{width:min(100%,1328px);margin-inline:auto;padding:20px 40px 30px;background:transparent}
.floor-viewer-heading{margin-bottom:24px}
.floor-main-image{padding:16px 20px 0}
.floor-main-image>img{height:auto;max-height:none;width:100%;max-width:1100px;margin-inline:auto;object-fit:contain;aspect-ratio:1328/1600}
.floor-main-image>span{font-size:15px;min-height:54px}
@media(max-width:767px){
 .floor-story-copy{padding:36px 24px 20px}
 .floor-story h2{font-size:38px}.floor-story h2 span{display:block;margin-left:0}
 .floor-viewer{padding:0 12px 24px}
 .floor-viewer-heading{padding-inline:12px}
 .floor-main-image{padding:4px}
 .floor-main-image>img{width:100%;height:auto}
 .floor-caption{padding-inline:12px}
}