/* The moving seam compares two aligned, full-size images without stretching either. */
.hero-visual[data-image-comparison]{--comparison-position:65%;z-index:0;isolation:isolate}
.hero:after{z-index:1;pointer-events:none}
.hero-content{z-index:2;pointer-events:none}
.hero-content a{pointer-events:auto}
.hero-side-label,.hero-bottom{z-index:2}
.comparison-real,.comparison-minecraft{position:absolute;inset:0;width:100%;height:100%}
.comparison-minecraft{clip-path:inset(0 0 0 var(--comparison-position));background:#151816}
.comparison-minecraft .slot-photo{position:absolute;inset:0;object-fit:cover;object-position:56% 7%}
.comparison-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:36px 8%;text-align:right;background:linear-gradient(135deg,#101412,#24261e);border:1px solid #76633b50}
.comparison-empty[hidden],.slot-status[hidden]{display:none}
.comparison-empty>span{color:#c8ae79;font-size:clamp(4rem,9vw,9rem);font-weight:250;letter-spacing:-.09em;line-height:1}
.comparison-empty p{color:#f4f1e8;font-size:1rem;line-height:1.6;margin-top:18px;max-width:190px}
.comparison-empty small{font-size:.875rem;color:#b7b9ab;margin-top:8px}
.comparison-labels{position:absolute;inset:27px 8% auto;display:flex;justify-content:space-between;gap:14px;pointer-events:none;z-index:3}
.comparison-labels>span{padding:9px 12px;border:1px solid #d4b47860;background:#101110b3;color:#eee4cb;font-size:.875rem;line-height:1.5;backdrop-filter:blur(5px)}
.comparison-handle{position:absolute;z-index:4;top:0;bottom:0;left:clamp(24px,var(--comparison-position),calc(100% - 24px));width:48px;transform:translateX(-50%);padding:0;background:none;color:#0e100c;cursor:ew-resize;touch-action:none;user-select:none}
.comparison-handle:before{content:'';position:absolute;left:23px;top:0;bottom:0;width:2px;background:#e3cc9b;box-shadow:0 0 15px #0008}
.comparison-grip{position:absolute;top:46%;left:0;width:48px;height:48px;border-radius:50%;border:1px solid #eedeb9;display:flex;align-items:center;justify-content:space-evenly;background:#d8bc81;box-shadow:0 3px 25px #0007;font-size:23px;line-height:1}
.comparison-handle:focus-visible{outline:none}
.comparison-handle:focus-visible .comparison-grip{outline:3px solid #fff;outline-offset:5px}
.comparison-handle:hover .comparison-grip,.is-dragging .comparison-grip{background:#f4ddb0}
.comparison-hint{position:absolute;bottom:72px;right:8%;z-index:3;font-size:.875rem;line-height:1.6;color:#eee4cb;max-width:260px;text-align:right;pointer-events:none}
.comparison-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.amenity-description .text-link{color:#dfc797;margin-top:18px}
.spaces-preview{margin-top:56px}
.spaces-preview-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.spaces-preview-heading h3{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em;font-weight:350}
.spaces-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.space-photo-card{min-width:0;display:block}
.space-photo-slot{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1a1d18;border:1px solid #c8ae7933}
.space-photo-slot .slot-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.space-photo-placeholder{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:23px;color:#c8ae79;background:linear-gradient(140deg,#1e211b,#101210)}
.space-photo-placeholder[hidden]{display:none}
.space-photo-placeholder span{font-size:2.3rem;font-weight:250;letter-spacing:-.05em}
.space-photo-placeholder small{font-size:.875rem;color:#b8bbad;line-height:1.6}
.space-photo-card h4{font-size:1.05rem;font-weight:400;margin:17px 0 7px}
.space-photo-card>p{font-size:.875rem;color:#aeb5a3;line-height:1.6}
.space-photo-card:hover h4{color:#dfc797}
.cinema-callout{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:28px;padding:26px 30px;border:1px solid #82704c;background:#c8ae7908}
.cinema-callout h3{font-size:1.4rem;font-weight:400;margin:9px 0}
.cinema-callout p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:670px;color:#b7bcae}
.cinema-callout .text-link{flex-shrink:0}
.desktop-nav{gap:clamp(12px,1.2vw,21px)}
.desktop-nav a{white-space:nowrap}
@media(min-width:1421px) and (max-width:1580px){.site-header{gap:20px;padding-inline:32px}.header-cta{padding:14px}.header-cta span{margin-left:10px}}
@media(max-width:1100px){.spaces-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
 .hero{min-height:auto;padding:45px var(--page-pad) 26px;flex-direction:column;align-items:stretch;gap:30px}
 .hero:after{display:none}
 .hero-content{order:0;max-width:none;pointer-events:auto}
 .hero-visual[data-image-comparison]{order:1;position:relative;inset:auto;height:440px;margin-inline:calc(-1 * var(--page-pad));width:calc(100% + 2 * var(--page-pad))}
 .hero-visual img,.comparison-minecraft .slot-photo{object-position:56% 18%;filter:saturate(.4) brightness(.88)}
 .hero-bottom{order:2;position:static;display:flex;width:100%}
 .hero-side-label{display:none}
 .comparison-labels{inset:20px 24px auto}
 .comparison-hint{bottom:22px;right:24px;padding:6px 10px;background:#101110bd}
 .comparison-empty{padding-inline:24px}
 .cinema-callout{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:540px){.spaces-preview-heading{align-items:flex-start;flex-direction:column;gap:8px}.spaces-preview-grid{gap:25px 12px}.space-photo-placeholder{padding:15px}.space-photo-placeholder span{font-size:1.9rem}.space-photo-placeholder small{font-size:.8125rem}.cinema-callout{padding:22px}.comparison-labels>span{font-size:.8125rem;padding:7px 9px}.hero-visual[data-image-comparison]{height:370px}.comparison-empty p{max-width:140px}.comparison-empty>span{font-size:5rem}}