.sps-stories{
    --story-gutter:12px;
    --story-page:#EDE9E2;
    background:var(--story-page);
    width:100%;
    padding:var(--story-gutter) 0;
}
.sps-story-grid{
    display:grid;
    gap:var(--story-gutter);
    width:100%;
    padding:0 var(--story-gutter) var(--story-gutter);
    box-sizing:border-box;
    height:min(calc(100vw * 2.5 / 3), 98vh, 1500px);
    min-height:840px;
}
.sps-story-photo,
.sps-story-copy,
.sps-story-features{
    min-width:0;
    min-height:0;
    overflow:hidden;
}
.sps-story-photo{
    display:block;
    position:relative;
    background:#2F362F;
    cursor:zoom-in;
}
.sps-story-photo.is-empty{cursor:default}
.sps-story-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .9s ease;
}
.sps-story-photo:hover img{transform:scale(1.06)}
.sps-story-copy,
.sps-story-features{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(16px,2.2vw,34px) clamp(14px,1.8vw,30px);
}
.sps-story-copy{text-align:center}
.sps-story-copy h3,
.sps-story-feature h4{
    font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    font-weight:500;
    font-size:clamp(22px,2.15vw,34px);
    line-height:1.15;
    letter-spacing:.01em;
    margin:0 0 .4em;
}
.sps-story-copy p,
.sps-story-feature p{
    font-family:Montserrat,Arial,sans-serif;
    font-weight:400;
    font-size:clamp(12px,1.05vw,15px);
    line-height:1.55;
    letter-spacing:.01em;
    margin:0;
}
.sps-story-copy-sub{
    font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    font-style:italic;
    font-weight:400;
    font-size:clamp(18px,1.8vw,26px);
    line-height:1.2;
    margin:-.15em 0 .7em !important;
}

/* 1. Prime Waterfront Living */
.sps-story-grid--waterfront{
    grid-template-columns:1.08fr 1.12fr 1.12fr;
    grid-template-rows:1.22fr .88fr 1.05fr;
}
.sps-story-grid--waterfront .sps-story-photo--a{grid-column:1;grid-row:1 / 3}
.sps-story-grid--waterfront .sps-story-photo--b{grid-column:2 / 4;grid-row:1}
.sps-story-grid--waterfront .sps-story-copy--dark{grid-column:2;grid-row:2}
.sps-story-grid--waterfront .sps-story-photo--c{grid-column:3;grid-row:2}
.sps-story-grid--waterfront .sps-story-photo--d{grid-column:1 / 3;grid-row:3}
.sps-story-grid--waterfront .sps-story-copy--light{grid-column:3;grid-row:3}

/* 2. Elevated Living */
.sps-story-grid--living{
    grid-template-columns:1fr 1fr 1.08fr;
    grid-template-rows:1.32fr .78fr 1.12fr;
}
.sps-story-grid--living .sps-story-photo--a{grid-column:1 / 3;grid-row:1}
.sps-story-grid--living .sps-story-photo--b{grid-column:3;grid-row:1 / 3}
.sps-story-grid--living .sps-story-photo--c{grid-column:1;grid-row:2}
.sps-story-grid--living .sps-story-copy--dark{grid-column:2;grid-row:2}
.sps-story-grid--living .sps-story-photo--d{grid-column:1 / 3;grid-row:3}
.sps-story-grid--living .sps-story-copy--light{grid-column:3;grid-row:3}

/* 3. Designed for Modern Living */
.sps-story-grid--modern{
    grid-template-columns:1fr 1.15fr 1fr;
    grid-template-rows:1.28fr .9fr 1.05fr;
}
.sps-story-grid--modern .sps-story-photo--a{grid-column:1 / 3;grid-row:1}
.sps-story-grid--modern .sps-story-photo--b{grid-column:3;grid-row:1}
.sps-story-grid--modern .sps-story-photo--c{grid-column:1;grid-row:2}
.sps-story-grid--modern .sps-story-copy--dark{grid-column:2;grid-row:2}
.sps-story-grid--modern .sps-story-photo--d{grid-column:3;grid-row:2}
.sps-story-grid--modern .sps-story-copy--light{grid-column:1;grid-row:3}
.sps-story-grid--modern .sps-story-photo--e{grid-column:2;grid-row:3}
.sps-story-grid--modern .sps-story-copy--accent{grid-column:3;grid-row:3}

/* 4. The Master Suite */
.sps-story-grid--master{
    grid-template-columns:1fr 1.1fr 1.1fr 1fr;
    grid-template-rows:1.2fr .95fr 1.1fr;
}
.sps-story-grid--master .sps-story-photo--a{grid-column:1 / 3;grid-row:1}
.sps-story-grid--master .sps-story-photo--b{grid-column:3 / 5;grid-row:1}
.sps-story-grid--master .sps-story-photo--c{grid-column:1;grid-row:2}
.sps-story-grid--master .sps-story-copy--dark{grid-column:2 / 4;grid-row:2}
.sps-story-grid--master .sps-story-photo--d{grid-column:4;grid-row:2}
.sps-story-grid--master .sps-story-photo--e{grid-column:1 / 3;grid-row:3}
.sps-story-grid--master .sps-story-features{grid-column:3 / 5;grid-row:3}
.sps-story-grid--master .sps-story-copy--dark .sps-story-copy-sub{color:#C5A572}
.sps-story-features{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    text-align:left;
}
.sps-story-feature{flex:1;display:flex;flex-direction:column;gap:4px}
.sps-story-feature-icon{
    width:28px;
    height:28px;
    color:#8A6A3D;
    margin-bottom:2px;
}
.sps-story-feature-icon svg{width:100%;height:100%;display:block}
.sps-story-feature h4{
    font-size:clamp(13px,1.05vw,16px);
    letter-spacing:.08em;
    text-transform:uppercase;
    margin:0;
}
.sps-story-feature p{font-size:clamp(11px,.95vw,13px);line-height:1.45}

/* 5. After Dark */
.sps-story-grid--afterdark{
    background:#0B0B0B;
    grid-template-columns:1.05fr 1.15fr 1.15fr .95fr;
    grid-template-rows:1.2fr .95fr 1.05fr;
    height:min(calc(100vw * 2.5 / 3), 98vh, 1580px);
}
.sps-story-grid--afterdark .sps-story-photo{background:#111}
.sps-story-grid--afterdark .sps-story-photo--a{grid-column:1 / 3;grid-row:1}
.sps-story-grid--afterdark .sps-story-photo--b{grid-column:3 / 5;grid-row:1}
.sps-story-grid--afterdark .sps-story-photo--c{grid-column:1;grid-row:2}
.sps-story-grid--afterdark .sps-story-copy--dark{grid-column:2 / 4;grid-row:2;text-align:left}
.sps-story-grid--afterdark .sps-story-photo--d{grid-column:4;grid-row:2}
.sps-story-grid--afterdark .sps-story-photo--e{grid-column:1;grid-row:3}
.sps-story-grid--afterdark .sps-story-photo--f{grid-column:2;grid-row:3}
.sps-story-grid--afterdark .sps-story-photo--g{grid-column:3;grid-row:3}
.sps-story-grid--afterdark .sps-story-copy--light{grid-column:4;grid-row:3;text-align:left}
.sps-story-grid--afterdark .sps-story-copy h3{
    font-size:clamp(26px,3.1vw,48px);
    letter-spacing:.14em;
}
.sps-story-grid--afterdark .sps-story-copy--light h3{
    font-size:clamp(18px,1.7vw,26px);
    letter-spacing:.04em;
}
.sps-story-grid--afterdark .sps-story-copy-sub:after,
.sps-story-grid--afterdark .sps-story-copy--light h3:after{
    content:"";
    display:block;
    width:42px;
    height:1px;
    background:currentColor;
    opacity:.45;
    margin:12px 0 0;
}
.sps-story-grid--afterdark .sps-story-copy p{color:#D8CFC3;font-weight:300}

/* 6. Zen Garden */
.sps-story-grid--zen{
    grid-template-columns:.94fr 1.03fr 1.03fr;
    grid-template-rows:1.38fr .96fr .96fr;
}
.sps-story-grid--zen .sps-story-photo--a{grid-column:1;grid-row:1}
.sps-story-grid--zen .sps-story-photo--b{grid-column:2 / 4;grid-row:1}
.sps-story-grid--zen .sps-story-photo--c{grid-column:1;grid-row:2 / 4}
.sps-story-grid--zen .sps-story-copy--dark{grid-column:2;grid-row:2}
.sps-story-grid--zen .sps-story-copy--light{grid-column:2;grid-row:3}
.sps-story-grid--zen .sps-story-photo--d{grid-column:3;grid-row:2 / 4}

@media screen and (max-width:1023.98px){
    .sps-story-grid{
        height:auto;
        min-height:0;
        grid-template-columns:1fr 1fr;
        grid-template-rows:none;
    }
    .sps-story-photo,
    .sps-story-copy,
    .sps-story-features{min-height:210px}
    .sps-story-photo--a,
    .sps-story-photo--b,
    .sps-story-photo--d,
    .sps-story-photo--e{min-height:240px}

    .sps-story-grid--waterfront .sps-story-photo--a{grid-column:1;grid-row:1 / 3;min-height:430px}
    .sps-story-grid--waterfront .sps-story-photo--b{grid-column:2;grid-row:1}
    .sps-story-grid--waterfront .sps-story-copy--dark{grid-column:2;grid-row:2}
    .sps-story-grid--waterfront .sps-story-photo--c{grid-column:1;grid-row:3}
    .sps-story-grid--waterfront .sps-story-photo--d{grid-column:1 / 3;grid-row:4}
    .sps-story-grid--waterfront .sps-story-copy--light{grid-column:1 / 3;grid-row:5}

    .sps-story-grid--living .sps-story-photo--a{grid-column:1 / 3;grid-row:1}
    .sps-story-grid--living .sps-story-photo--b{grid-column:2;grid-row:2 / 4;min-height:430px}
    .sps-story-grid--living .sps-story-photo--c{grid-column:1;grid-row:2}
    .sps-story-grid--living .sps-story-copy--dark{grid-column:1;grid-row:3}
    .sps-story-grid--living .sps-story-photo--d{grid-column:1 / 3;grid-row:4}
    .sps-story-grid--living .sps-story-copy--light{grid-column:1 / 3;grid-row:5}

    .sps-story-grid--modern .sps-story-photo--a{grid-column:1 / 3;grid-row:1}
    .sps-story-grid--modern .sps-story-photo--b{grid-column:1;grid-row:2}
    .sps-story-grid--modern .sps-story-photo--c{grid-column:2;grid-row:2}
    .sps-story-grid--modern .sps-story-copy--dark{grid-column:1 / 3;grid-row:3}
    .sps-story-grid--modern .sps-story-photo--d{grid-column:1;grid-row:4}
    .sps-story-grid--modern .sps-story-photo--e{grid-column:2;grid-row:4}
    .sps-story-grid--modern .sps-story-copy--light{grid-column:1;grid-row:5}
    .sps-story-grid--modern .sps-story-copy--accent{grid-column:2;grid-row:5}

    .sps-story-grid--master .sps-story-photo--a{grid-column:1 / 3;grid-row:1}
    .sps-story-grid--master .sps-story-photo--b{grid-column:1 / 3;grid-row:2}
    .sps-story-grid--master .sps-story-photo--c{grid-column:1;grid-row:3}
    .sps-story-grid--master .sps-story-copy--dark{grid-column:2;grid-row:3}
    .sps-story-grid--master .sps-story-photo--d{grid-column:1;grid-row:4}
    .sps-story-grid--master .sps-story-photo--e{grid-column:1 / 3;grid-row:5}
    .sps-story-grid--master .sps-story-features{grid-column:1 / 3;grid-row:6}

    .sps-story-grid--afterdark{
        grid-template-columns:1fr 1fr;
        height:auto;
    }
    .sps-story-grid--afterdark .sps-story-photo--a{grid-column:1;grid-row:1}
    .sps-story-grid--afterdark .sps-story-photo--b{grid-column:2;grid-row:1}
    .sps-story-grid--afterdark .sps-story-copy--dark{grid-column:1 / 3;grid-row:2;min-height:180px}
    .sps-story-grid--afterdark .sps-story-photo--c{grid-column:1;grid-row:3}
    .sps-story-grid--afterdark .sps-story-photo--d{grid-column:2;grid-row:3}
    .sps-story-grid--afterdark .sps-story-photo--e{grid-column:1;grid-row:4}
    .sps-story-grid--afterdark .sps-story-photo--f{grid-column:2;grid-row:4}
    .sps-story-grid--afterdark .sps-story-photo--g{grid-column:1;grid-row:5}
    .sps-story-grid--afterdark .sps-story-copy--light{grid-column:2;grid-row:5}

    .sps-story-grid--zen .sps-story-photo--a{grid-column:1;grid-row:1}
    .sps-story-grid--zen .sps-story-photo--b{grid-column:2;grid-row:1}
    .sps-story-grid--zen .sps-story-photo--c{grid-column:1;grid-row:2 / 4;min-height:430px}
    .sps-story-grid--zen .sps-story-copy--dark{grid-column:2;grid-row:2}
    .sps-story-grid--zen .sps-story-copy--light{grid-column:2;grid-row:3}
    .sps-story-grid--zen .sps-story-photo--d{grid-column:1 / 3;grid-row:4}
}

@media screen and (max-width:639.98px){
    .sps-story-grid{display:flex;flex-direction:column}
    .sps-story-photo,
    .sps-story-copy,
    .sps-story-features{min-height:220px;width:100%}
    .sps-story-features{flex-direction:column;gap:18px}
    .sps-story-photo--a,
    .sps-story-photo--b,
    .sps-story-photo--d,
    .sps-story-photo--e{min-height:260px}

    .sps-story-grid--waterfront .sps-story-photo--a{order:1}
    .sps-story-grid--waterfront .sps-story-photo--b{order:2}
    .sps-story-grid--waterfront .sps-story-copy--dark{order:3}
    .sps-story-grid--waterfront .sps-story-photo--c{order:4}
    .sps-story-grid--waterfront .sps-story-photo--d{order:5}
    .sps-story-grid--waterfront .sps-story-copy--light{order:6}

    .sps-story-grid--living .sps-story-photo--a{order:1}
    .sps-story-grid--living .sps-story-photo--b{order:2}
    .sps-story-grid--living .sps-story-photo--c{order:3}
    .sps-story-grid--living .sps-story-copy--dark{order:4}
    .sps-story-grid--living .sps-story-photo--d{order:5}
    .sps-story-grid--living .sps-story-copy--light{order:6}

    .sps-story-grid--modern .sps-story-photo--a{order:1}
    .sps-story-grid--modern .sps-story-photo--b{order:2}
    .sps-story-grid--modern .sps-story-copy--dark{order:3}
    .sps-story-grid--modern .sps-story-photo--d{order:4}
    .sps-story-grid--modern .sps-story-photo--c{order:5}
    .sps-story-grid--modern .sps-story-copy--light{order:6}
    .sps-story-grid--modern .sps-story-photo--e{order:7}
    .sps-story-grid--modern .sps-story-copy--accent{order:8}

    .sps-story-grid--master .sps-story-photo--a{order:1}
    .sps-story-grid--master .sps-story-photo--b{order:2}
    .sps-story-grid--master .sps-story-photo--c{order:3}
    .sps-story-grid--master .sps-story-copy--dark{order:4}
    .sps-story-grid--master .sps-story-photo--d{order:5}
    .sps-story-grid--master .sps-story-photo--e{order:6}
    .sps-story-grid--master .sps-story-features{order:7}

    .sps-story-grid--afterdark .sps-story-photo--a{order:1}
    .sps-story-grid--afterdark .sps-story-photo--b{order:2}
    .sps-story-grid--afterdark .sps-story-copy--dark{order:3}
    .sps-story-grid--afterdark .sps-story-photo--c{order:4}
    .sps-story-grid--afterdark .sps-story-photo--d{order:5}
    .sps-story-grid--afterdark .sps-story-photo--e{order:6}
    .sps-story-grid--afterdark .sps-story-photo--f{order:7}
    .sps-story-grid--afterdark .sps-story-photo--g{order:8}
    .sps-story-grid--afterdark .sps-story-copy--light{order:9}

    .sps-story-grid--zen .sps-story-photo--a{order:1}
    .sps-story-grid--zen .sps-story-photo--b{order:2}
    .sps-story-grid--zen .sps-story-photo--c{order:3}
    .sps-story-grid--zen .sps-story-copy--dark{order:4}
    .sps-story-grid--zen .sps-story-photo--d{order:5}
    .sps-story-grid--zen .sps-story-copy--light{order:6}
}