body[data-page=home] .apartment-stories{padding:58px 0 46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stories-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:36px}
body[data-page=home] .stories-heading h2{margin:18px 0 0}
.stories-intro{max-width:285px;padding-bottom:6px}.stories-intro p{font-size:12px;color:var(--muted);line-height:1.9}.stories-intro>span{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;display:block;margin-top:22px}
.stories-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.story-card{position:relative;isolation:isolate;aspect-ratio:9/15;overflow:hidden;border:0;padding:0;background:#273c33;color:white;text-align:left;border-radius:5px;min-width:0}
.story-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#12251a55,transparent 35%,#14231d10 45%,#13221dee);z-index:-1;pointer-events:none}
.story-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.story-card:hover>img{transform:scale(1.035)}.story-card-top{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.story-card-top>span:last-child{border:1px solid #ffffff70;border-radius:30px;padding:4px 8px;margin-top:-4px}
.story-play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid #fff8;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;padding-left:3px;font-size:14px;background:#ffffff15;backdrop-filter:blur(4px)}
.story-card-copy{position:absolute;inset:auto 20px 24px;display:block}.story-card-copy small{display:block;font-size:8px;letter-spacing:1px;color:#f1e6d0;line-height:1.7}.story-card-copy strong{display:block;font-family:var(--serif);font-size:clamp(24px,2.5vw,38px);font-weight:500;line-height:1.05;margin:12px 0 22px}.story-card-copy>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;border-top:1px solid #ffffff45;padding-top:13px}.story-card-copy .sml-arrow{width:21px;height:21px}
.stories-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-top:20px}.stories-swipe{display:none;align-items:center;gap:9px}.stories-swipe .sml-arrow{width:18px;height:18px}
dialog.story-viewer{border:0;padding:0;margin:auto;width:min(440px,100vw,56.25dvh);height:min(782px,100dvh);max-width:100vw;max-height:100dvh;background:#101712;color:#fff;border-radius:8px;overflow:hidden;font-family:Manrope,Arial,sans-serif;box-shadow:0 20px 100px #0006}
.story-viewer::backdrop{background:#0b130ef2;backdrop-filter:blur(10px)}.story-shell{height:100%;width:100%;position:relative;isolation:isolate}.story-shell:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#09170e88,transparent 25%,transparent 55%,#09170ee8)}
.story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-2;background:#101712;touch-action:pan-y}
.story-progress{position:absolute;inset:10px 12px auto;display:flex;gap:4px}.story-progress>span{height:3px;border-radius:2px;flex:1;background:#ffffff50;overflow:hidden}.story-progress i{height:100%;display:block;width:0;background:#f5e3bf}
.story-toolbar{position:absolute;inset:24px 12px auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:2px}.story-toolbar small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;opacity:.75}.story-toolbar>div{display:flex;gap:4px;align-items:center}
.story-viewer button{background:#15231a77;color:#fff;border:1px solid #ffffff45;min-height:44px;min-width:44px;border-radius:50%;display:grid;place-items:center;padding:8px;font-size:18px}.story-viewer button:disabled{cursor:default;opacity:.3}.story-viewer .story-sound{font-size:9px;border-radius:24px;padding:9px 12px;letter-spacing:0}
.story-caption{position:absolute;inset:auto 20px 20px}.story-caption .eyebrow{color:#e6d9c0;font-size:8px!important}.story-viewer .story-caption h2{font-size:38px!important;color:#fff;line-height:1.05;margin:12px 0 22px;font-family:var(--serif);font-weight:500}.story-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between}.story-viewing{font-size:10px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;flex:1;border-bottom:1px solid #fff6}.story-bottom .sml-arrow{width:20px;height:20px}
.story-viewer .story-start{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:30px;font-size:12px;white-space:nowrap;padding:15px 22px;background:#14251ee8}.story-viewer [hidden]{display:none!important}.story-error{position:absolute;top:32%;left:8%;right:8%;font-size:12px;text-align:center;background:#15231aeb;padding:12px}
@media(max-width:900px){.stories-heading{gap:28px}.stories-rail{gap:12px}.story-card-copy{inset:auto 14px 18px}.story-card-copy strong{font-size:28px}.story-card-copy small{font-size:7px}.story-play{width:44px;height:44px}}
@media(max-width:600px){.stories-heading{display:block;margin-bottom:26px}.stories-intro{max-width:100%;margin-top:24px}.stories-intro>span{margin-top:14px}.stories-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:5px 4px 18px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:#9b9f8d transparent}.story-card{flex:0 0 76%;scroll-snap-align:start;aspect-ratio:9/14;max-width:320px}.story-card-copy{inset:auto 22px 24px}.story-card-copy strong{font-size:38px}.story-card-copy small{font-size:9px}.story-card-top{font-size:10px}.stories-swipe{display:flex}.stories-foot{font-size:9px;gap:15px}.story-viewer{border-radius:0!important;width:100vw!important;height:100dvh!important}.story-toolbar{top:max(26px,env(safe-area-inset-top));left:16px;right:16px}.story-progress{top:max(10px,env(safe-area-inset-top))}.story-caption{bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.story-card>img{transition:none}.stories-rail{scroll-behavior:auto}}

/* Crisp vector playback controls, consistent across mobile platforms. */
.story-play{padding:0;width:58px;height:58px;border:1px solid #ffffffa6;background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff30,0 4px 22px #001d1920;transition:background .2s,box-shadow .2s}
.story-control-icon{display:block;width:24px;height:24px;flex-shrink:0;pointer-events:none}
.story-play .story-control-icon{width:28px;height:28px;margin-left:1px}
.story-card:hover .story-play{background:#ffffff35;box-shadow:inset 0 1px 0 #ffffff50,0 6px 26px #001d1930}
.story-viewer .story-start{display:flex;gap:10px;align-items:center;justify-content:center}
@media(max-width:600px){.story-play{width:52px;height:52px}.story-play .story-control-icon{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.story-play{transition:none}}