/* Suite 1.33.1: genuine current UI, native recordings and quiet product framing. */
.sp1331-flows { background: #f5f6f2; }
.sp1331-story { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(15rem, 1fr); gap: 1.25rem 2.5rem; align-items: start; }
.sp1331-story__intro { grid-column: 1 / -1; max-width: 46rem; }
.sp1331-story__intro h3 { font-size: clamp(1.5rem, 2.7vw, 2.35rem); line-height: 1.1; letter-spacing: -.035em; }
.sp1331-story__intro p { color: #526055; margin-top: .65rem; }
.sp1331-story video { grid-column: 1; grid-row: 2 / 5; width: 100%; height: auto; background: #e7ebe6; border-radius: 1rem; border: 1px solid #d8dfd5; box-shadow: 0 18px 40px -30px #23392f50; }
.sp1331-caption, .sp1331-gallery figcaption, .sp1331-estate-gallery figcaption { font-size: .74rem; line-height: 1.55; color: #526055; }
.sp1331-story .sp1331-caption { grid-column: 1; grid-row: 5; }
.sp1331-chapters { list-style: none; grid-column: 2; grid-row: 2 / 5; display: grid; gap: .5rem; padding: 0; margin: 0; }
.sp1331-chapters button { display: grid; gap: .4rem; width: 100%; min-height: 4.75rem; padding: 1rem 1.15rem; text-align: left; border: 1px solid transparent; border-radius: .85rem; background: transparent; color: #22372c; line-height: 1.4; transition: background .2s, border-color .2s; }
.sp1331-chapters button span { font-size: .82rem; color: #526055; }
.sp1331-chapters button:disabled { cursor: default; opacity: 1; }
.sp1331-chapters button:not(:disabled):hover, .sp1331-chapters button[aria-pressed="true"] { background: #fff; border-color: #c8d3c4; }
.sp1331-chapters button:focus-visible { outline: 2px solid #786328; outline-offset: 3px; }
.sp1331-story > .sp-textlink { grid-column: 2; grid-row: 5; font-size: .82rem; min-height: 44px; }
.sp1331-story .sp1331-error { grid-column: 1 / -1; color: #8a2b20; }
.sp1331-finance { background: #fff; }
.sp1331-gallery { min-width: 0; }
.sp1331-gallery > .sp-tabs { width: fit-content; max-width: 100%; margin-bottom: 2rem; flex-wrap: wrap; }
.sp1331-gallery > .sp-tabs button { min-width: 7rem; white-space: nowrap; }
.sp1331-gallery__panel { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); align-items: center; gap: 3rem; }
.sp1331-gallery__panel + .sp1331-gallery__panel { margin-top: 3rem; }
.sp1331-gallery:has([role="tablist"]) .sp1331-gallery__panel { margin-top: 0; }
.sp1331-gallery__panel h3 { font-size: clamp(1.55rem, 2.6vw, 2.35rem); line-height: 1.12; letter-spacing: -.035em; max-width: 14ch; }
.sp1331-gallery__panel p { margin-top: 1rem; color: #526055; line-height: 1.65; }
.sp1331-gallery__panel figure { min-width: 0; }
.sp1331-gallery__panel .sp-zoom { border-radius: 1rem; overflow: hidden; border: 1px solid #dce2d8; background: #f3f5f1; }
.sp1331-gallery__panel img { max-height: 39rem; object-fit: contain; }
.sp1331-gallery figcaption { padding-top: .75rem; }
.sp1331-profile { max-width: 62rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #d9dfd4; color: #526055; }
.sp1331-profile summary, .sp1331-estate-details summary { cursor: pointer; min-height: 44px; padding-block: .5rem; font-weight: 600; color: #22372c; }
.sp1331-profile p { margin-top: .9rem; font-size: .86rem; line-height: 1.65; }
.sp1331-estate { margin-top: 2.5rem; }
.sp1331-estate-details { margin-top: 1.5rem; border-top: 1px solid #d9dfd4; padding-top: 1rem; }
.sp1331-estate-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.75rem; margin-block: 1.5rem; }
.sp1331-estate-gallery figure { min-width: 0; }
.sp1331-estate-gallery .sp-zoom { border: 1px solid #dce2d8; border-radius: .75rem; overflow: hidden; background: #eef1eb; }
.sp1331-estate-gallery img { aspect-ratio: 4 / 3; object-fit: contain; }
.sp1331-estate-gallery figcaption { padding-top: .65rem; }
.sp1331-planned { padding-top: 1.5rem; font-size: .83rem; color: #526055; }
.sp-brand__preview .sp-brand__screen .sp-zoom { max-width: 20rem; margin-inline: auto; }
.sp-feature__art--client .sp-zoom { max-width: 13rem; margin-inline: auto; }
.sp-hero__visual .sp-zoom img { height: auto; }
@media (max-width: 850px) {
 .sp1331-story { grid-template-columns: minmax(0,1fr); gap: 1rem; }
 .sp1331-story > *, .sp1331-story video, .sp1331-story .sp1331-caption, .sp1331-story > .sp-textlink { grid-column: 1; grid-row: auto; }
 .sp1331-chapters { grid-column: 1; grid-row: auto; grid-template-columns: repeat(2,minmax(0,1fr)); }
 .sp1331-chapters button { padding: .85rem; height: 100%; }
 .sp1331-gallery__panel { grid-template-columns: 1fr; gap: 1.5rem; }
 .sp1331-gallery__panel h3 { max-width: 24ch; }
 .sp1331-gallery__panel img { max-height: 33rem; }
 .sp1331-estate-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
}
@media (max-width: 420px) {
 .sp1331-gallery > .sp-tabs { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
 .sp1331-gallery > .sp-tabs button { min-width: 0; white-space: normal; }
 .sp1331-chapters { grid-template-columns: 1fr; }
 .sp1331-chapters button { min-height: 4rem; }
 .sp1331-estate-gallery { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .sp1331-chapters button { transition: none; } }