.hero-subtitle{font-family:Georgia,serif;font-size:clamp(27px,2.7vw,42px);line-height:1.2;letter-spacing:.2px;margin-top:22px;color:#fff}
/* Display the supplied transparent logo at its visible bounds, preserving the original file. */
.brand{position:relative;display:block;width:280px;aspect-ratio:1502/103;overflow:hidden;flex:0 0 auto}.brand img{position:absolute;width:136.351531%;max-width:none;height:auto;left:-17.976032%;top:-86.407767%}.footer .brand{width:240px}
@media(max-width:720px){html{scroll-padding-top:104px}.header{height:104px;padding:17px 5%;flex-wrap:wrap;justify-content:center;gap:14px}.header .brand{width:min(260px,76vw)}.header nav{width:100%;justify-content:space-between}.hero{height:calc(85svh - 104px)}.footer .brand{width:min(240px,76vw)}}
.intro{padding:52px 0;gap:40px}.intro>div{gap:36px}.intro h2{font-size:clamp(26px,2.3vw,35px);letter-spacing:-.8px}.intro p:not(.eyebrow){font-size:13px;line-height:1.75}
.room-image-button img{height:auto;min-height:0;max-height:none;object-fit:contain;transform:none}.room-image-button:hover img{transform:none}.room-image-button{overflow:visible}.thumbnails{flex-wrap:wrap}.thumbnails img{object-fit:contain;background:#e7e0d5}.image-counter{font-size:11px;color:#817662;margin-top:12px}.material-board img{height:auto;aspect-ratio:auto;object-fit:contain}
.viewer-cover{z-index:12}.viewer-toolbar{z-index:8}.viewer-help,.walk-pad{z-index:6}
.room-tabs{overflow-x:auto}.room-panel[data-room-key="guest"] .room-image-button img{height:min(780px,80svh);object-fit:contain;background:#ddd5c8}
.material-layout{display:block}.material-text{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;align-items:start}.material-text>.eyebrow{grid-column:1/-1}.material-text>h2{grid-column:1;grid-row:2/4}.material-text>p:not(.eyebrow){margin-top:0;max-width:540px}.swatch-list{grid-column:2;margin-top:26px}.material-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px}.material-gallery .material-board img{aspect-ratio:auto;object-fit:contain}.material-gallery .expand-label{right:10px;bottom:10px;padding:7px 11px;gap:15px}.material-board figcaption{gap:12px}
@media(max-width:720px){.material-text{display:block}.material-text>p:not(.eyebrow){margin-top:23px}.material-gallery{grid-template-columns:1fr;gap:32px;margin-top:36px}.room-panel[data-room-key="guest"] .room-image-button img{height:70svh;min-height:0}}
.hotspot-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.model-hotspot{position:absolute;width:40px;height:40px;padding:0;transform:translate(-50%,-50%);border-radius:50%;background:#f7f2e8f2;border:1px solid #fff;color:#514332;box-shadow:0 2px 13px #241c1740;pointer-events:auto;display:grid;place-items:center;touch-action:manipulation}.model-hotspot.product{background:#66553ef2;color:#fff}.model-hotspot.selected{outline:3px solid #bb9a64;outline-offset:3px}.hotspot-icon{font-size:22px;line-height:1}.hotspot-label{position:absolute;left:46px;top:50%;transform:translateY(-50%);display:none;width:max-content;max-width:220px;background:#f7f2e8f5;color:#413a2e;padding:7px 11px;font-size:11px;line-height:1.4;border-radius:2px;box-shadow:0 2px 10px #0002;text-align:left}.model-hotspot:hover .hotspot-label,.model-hotspot:focus-visible .hotspot-label{display:block}
.hotspot-card{position:absolute;z-index:10;top:76px;right:20px;width:330px;max-width:calc(100% - 40px);max-height:calc(100% - 96px);overflow:auto;background:#f7f3ebf7;border:1px solid #d0c3ad;box-shadow:0 14px 50px #20180f30;padding:24px;overscroll-behavior:contain}.hotspot-card>.eyebrow{font-size:8px;letter-spacing:1.4px;color:#8d7756;padding-right:23px}.hotspot-card h3{font-size:25px;line-height:1.2;margin:10px 0 18px;outline:none}.hotspot-card>p:not(.eyebrow){font-size:12px;line-height:1.65;margin-top:15px}.hotspot-close{position:absolute;top:10px;right:10px;width:33px;height:33px;background:none;color:#4c4130;font-size:18px}.hotspot-image-button{position:relative;display:block;padding:0;width:100%;background:#e8e1d6}.hotspot-image-button img{aspect-ratio:4/3;object-fit:contain}.hotspot-image-button .expand-label{right:6px;bottom:6px;font-size:9px;padding:5px 8px}.hotspot-thumbnails{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.hotspot-thumbnails button{width:65px;padding:2px;border:1px solid transparent;background:none}.hotspot-thumbnails button.active{border-color:#90764f}.hotspot-thumbnails img{height:43px;object-fit:contain;background:#e7e0d5}
.point-index{border-top:1px solid #d7ccbb;border-bottom:1px solid #d7ccbb;margin-top:24px;padding:14px 0;color:#786b57;font-size:12px}.point-index summary{cursor:pointer;width:fit-content}.point-index>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.point-index button{border:1px solid #d3c9b9;background:transparent;color:#665944;font-size:11px;padding:8px 12px}.point-index button:hover{background:#e8e0d3}
@media(max-width:1050px){.intro{gap:25px}.intro>div{gap:25px}}
@media(max-width:720px){.hero-subtitle{font-size:29px}.intro{padding:34px 0}.intro>.eyebrow{margin-bottom:16px}.intro p:not(.eyebrow){margin-top:16px}.intro h2{font-size:28px}.room-image-button img{height:auto;min-height:0}.thumbnails{gap:8px;margin-top:20px}.thumbnails button{width:85px}.thumbnails img{height:54px}.image-counter{font-size:10px}.viewer-toolbar{flex-wrap:wrap;gap:5px;right:10px}.viewer-toolbar button{padding:8px 7px;font-size:9px}.model-hotspot{width:38px;height:38px}.hotspot-card{top:100px;right:10px;max-width:calc(100% - 20px);max-height:calc(100% - 115px);width:290px;padding:19px}.hotspot-card h3{font-size:22px;margin:9px 0 12px}.hotspot-card>p:not(.eyebrow){font-size:11px}.has-hotspot-card .walk-pad{visibility:hidden}.hotspot-label{display:none!important}.point-index{font-size:11px}.point-index button{font-size:10px}}
