.ds-main{max-width:1520px;margin:auto;padding:56px 24px 96px}.ds-index{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 64px}.ds-index a{padding:10px 16px;border:1px solid var(--vh-line);border-radius:var(--vh-radius-control)}.ds-index a:hover{background:var(--vh-surface-muted)}.ds-block{margin-top:64px;scroll-margin-top:24px}.ds-label{display:grid;gap:10px;margin-bottom:24px}.ds-example{isolation:isolate;position:relative}.ds-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.ds-dark{padding:32px;margin-top:24px;border-radius:12px;background:var(--vh-black)}.ds-dark a{display:inline-flex}.ds-example>.site-navigation{border:1px solid var(--vh-line);border-radius:12px}.ds-example>.memories-hero{border-radius:12px;min-height:640px}.ds-example>.memories-hero .memories-hero__copy{top:0}.ds-example>.home-selling-grid{margin:0}.ds-example .home-locations__cards{min-width:0}@media(max-width:767px){.ds-main{padding:32px 16px 64px}.ds-block{margin-top:48px}.ds-example>.memories-hero{min-height:560px}}

.ds-type{margin-top:64px;scroll-margin-top:24px}.ds-type-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;padding:28px 0;border-top:1px solid var(--vh-line);align-items:start}.ds-type-label p{margin-top:6px}.ds-type-sample{min-width:0;overflow-wrap:break-word}.ds-type-sample>p{margin:0}.ds-scale{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ds-scale-row{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--vh-surface-muted);border-radius:12px;overflow-wrap:anywhere}@media(max-width:767px){.ds-type-row{grid-template-columns:1fr;gap:16px}.ds-scale{grid-template-columns:1fr}}

/* Fixed comparison widths preserve both responsive typography specimens. */
#hero .ds-example{overflow-x:auto;padding-bottom:16px}
.ds-hero-pair{display:grid;grid-template-columns:1024px 375px;gap:24px;width:max-content}
.ds-hero-desktop,.ds-hero-mobile{container-type:inline-size}
.ds-hero-pair .memories-hero{border-radius:12px 12px 0 0;min-height:640px;height:auto}
.ds-hero-pair .memories-hero__copy{top:0}
.ds-hero-desktop .memories-hero__title{font-size:var(--text-7xl);line-height:var(--text-7xl--line-height)}
.ds-hero-mobile .memories-hero{min-height:520px;height:auto;padding:88px 24px 64px}
.ds-hero-mobile .memories-hero__title{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height);margin-bottom:20px}
.ds-hero-mobile .memories-hero__description{font-size:var(--text-base);line-height:var(--text-base--line-height)}
.ds-hero-mobile .memories-hero__eyebrow{display:block;max-width:270px;margin:0 auto 20px}
.ds-hero-desktop .memories-hero__eyebrow{display:block}
/* The mobile specimen must use the mobile curve even on a desktop viewport. */
.ds-hero-mobile .hero-bottom-curve{height:16px}

#cabin-cards .ds-example .cabin-preview-card{height:auto}

.ds-expandable-variants{display:grid;gap:40px}.ds-expandable-variants .owners-steps{margin-top:24px}

.ds-banner-variants{display:grid;gap:24px}.ds-banner-placeholder::before{background-image:linear-gradient(#0008,#0008),url("/media/3fe031a03cf103e6.jpg");height:100%;animation:none}

.ds-banner-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ds-banner-pair>.home-owners-banner{display:flex;flex-direction:column;align-items:center;justify-content:center}.ds-banner-pair .content-block>button{margin-top:calc(var(--vh-content-action-gap) - var(--vh-content-gap))}.ds-banner-placeholder--second::before{background-image:linear-gradient(#0008,#0008),url("/media/4845aebbf5a2b669.jpg")}@media(max-width:767px){.ds-banner-pair{grid-template-columns:1fr}}

.ds-mobile-cabin-examples{margin-top:40px;overflow-x:auto;padding-bottom:8px}.ds-mobile-cabin-pair{display:flex;align-items:flex-start;gap:24px;width:max-content}.ds-mobile-cabin-frame{width:375px;padding:16px}.ds-mobile-cabin-frame .cabin-preview-card__details{margin-top:-44px;padding:16px 20px 52px;transform:none!important;box-shadow:none}.ds-mobile-cabin-frame .cabin-preview-card__cta{bottom:20px;opacity:1;transform:none}.ds-mobile-cabin-frame .cabin-preview-hover{display:none}

#adventure .ds-example>.memories-hero{min-height:0} .ds-banner-pair>.content-block{justify-content:flex-start}

#testimonial .ds-example{max-width:640px}

.ds-content-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.ds-content-example{padding:40px;border:1px solid var(--vh-line);border-radius:12px}.ds-content-example--dark{background:var(--vh-black);border-color:var(--vh-black)}@media(max-width:767px){.ds-content-examples{grid-template-columns:1fr}.ds-content-example{padding:24px}}

.ds-content-example{padding:var(--vh-panel-padding)}

/* Show the same mobile treatment inside desktop-sized reference pages. */
.ds-mobile-cabin-frame .cabin-preview-card__cta{display:none}
.ds-mobile-cabin-frame .cabin-preview-card__details{margin-top:-12px;padding-bottom:20px}

.ds-underline-replay{margin-top:24px;min-height:44px;padding:10px 20px;border-radius:var(--vh-radius-control)}

#content-block-large .content-block{max-width:780px;margin-inline:auto}.ds-hero-pair .content-block--large>:is(h1,p){margin-top:0;margin-bottom:0}

.ds-split-examples{display:grid;gap:72px}

.ds-hero-desktop,.ds-hero-mobile{position:relative}
.ds-hero-pair .site-navigation{position:absolute;inset:0 0 auto;background:transparent;border-radius:12px 12px 0 0}
.ds-hero-mobile .site-navigation>div{padding-inline:16px}
.ds-hero-mobile .site-navigation .lg\:flex{display:none}
.ds-hero-mobile .site-navigation .lg\:hidden{display:flex}
.ds-hero-mobile .site-navigation .site-logo{width:120px;height:auto}
.ds-hero-desktop .site-navigation .lg\:flex{display:flex}
.ds-hero-desktop .site-navigation .lg\:hidden{display:none}
.ds-hero-desktop .site-navigation>div{padding-inline:48px}
.ds-hero-desktop .site-navigation>div>div{flex-wrap:nowrap}

.ds-mobile-hero-viewport{display:block;width:375px;height:620px;border:0;border-radius:12px 12px 0 0;background:white}

.ds-size-tokens{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}

.ds-form-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:900px}@media(max-width:767px){.ds-form-controls{grid-template-columns:1fr}}


.ds-button-size{display:grid;gap:20px}.ds-button-size+.ds-button-size{margin-top:32px}
.ds-hero-desktop .site-navigation .nav-cabin-cta{height:var(--vh-control-compact-height);min-height:var(--vh-control-compact-height);padding:0 20px;font-size:16px;line-height:24px}
.ds-expandable-variants{grid-template-columns:minmax(0,1fr);min-width:0}
.ds-expandable-variants>div{min-width:0}