.sp-house-hero{--sp-house-hero-height: clamp(36rem, 51vw, 49rem);--sp-house-hero-copy: 38rem;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);min-block-size:var(--sp-house-hero-height);background:var(--sp-surface-inverse);color:var(--sp-on-surface-inverse)}.sp-house-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none;display:block}.sp-house-hero__img{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:contain;object-position:center top;transform:none;transition:none}.sp-house-hero__media[data-framing=complete-image]{background:var(--sp-surface-inverse)}.sp-house-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--sp-color-ink) 88%,transparent),color-mix(in srgb,var(--sp-color-ink) 68%,transparent) 34%,color-mix(in srgb,var(--sp-color-ink) 20%,transparent) 66%,color-mix(in srgb,var(--sp-color-ink) 15%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--sp-color-ink) 74%,transparent),transparent 33%)}.sp-house-hero__frame{position:relative;display:flex;flex-direction:column;min-inline-size:0;inline-size:100%;max-inline-size:var(--sp-shell-wide);margin-inline:auto;padding-inline:var(--sp-shell-pad);padding-block:clamp(3.5rem,6vw,6rem) 1.8rem}.sp-house-hero__intro{inline-size:100%;min-inline-size:0;max-inline-size:var(--sp-house-hero-copy);margin-block:auto;padding-block:1rem 2.5rem}.sp-house-hero__eyebrow{font-family:var(--sp-font-label);font-size:var(--sp-text-2xs);line-height:1.5;letter-spacing:var(--sp-tracking-label);text-transform:uppercase;color:var(--sp-on-surface-inverse);margin:0 0 1.75rem}.sp-house-hero__title{font-family:var(--sp-font-editorial);font-weight:400;font-size:var(--sp-display);line-height:var(--sp-leading-tight);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:none;hyphens:none;max-inline-size:20ch;margin:0 0 1.5rem;color:var(--sp-on-surface-inverse)}.sp-house-hero__tagline{font-family:var(--sp-font-editorial);font-weight:400;font-size:var(--sp-display-lede);line-height:1.25;letter-spacing:-.012em;max-inline-size:29ch;text-wrap:pretty;overflow-wrap:anywhere;margin:0;color:var(--sp-on-surface-inverse)}.sp-house-hero__description{font-family:var(--sp-font-functional);font-size:1rem;line-height:1.7;max-inline-size:43ch;margin:1.35rem 0 0;text-wrap:pretty;overflow-wrap:anywhere;color:var(--sp-on-surface-inverse)}.sp-house-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-block-start:2rem;align-items:stretch}.sp-house-hero__button{display:inline-flex;justify-content:space-between;align-items:center;gap:1.75rem;max-inline-size:100%;min-inline-size:0;min-block-size:3.25rem;padding:.9rem 1.25rem;border:1px solid var(--sp-surface-raised);background:var(--sp-surface-raised);color:var(--sp-on-surface);font-family:var(--sp-font-functional);font-size:.875rem;line-height:1.5;text-decoration:none;overflow-wrap:anywhere;transition:background .18s,color .18s}.sp-house-hero__button>span{flex:0 0 auto;font-size:1.15rem;line-height:1}.sp-house-hero__button--secondary{background:color-mix(in srgb,var(--sp-color-ink) 22%,transparent);color:var(--sp-on-surface-inverse);border-color:color-mix(in srgb,var(--sp-color-traveller-cream) 60%,transparent)}.sp-house-hero__button:hover{background:color-mix(in srgb,var(--sp-surface-raised) 92%,var(--sp-color-ink));color:var(--sp-on-surface)}.sp-house-hero__bottom{margin-block-start:auto;min-inline-size:0}.sp-house-hero__caption{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding-block-start:1.15rem;border-block-start:1px solid color-mix(in srgb,var(--sp-color-traveller-cream) 30%,transparent);font-family:var(--sp-font-functional);font-size:var(--sp-text-2xs);line-height:1.5;color:var(--sp-on-surface-inverse)}.sp-house-hero__caption>span{min-inline-size:0;overflow-wrap:anywhere}.sp-house-hero__caption>span:last-child{text-align:end}.sp-house-hero :focus-visible{outline-color:var(--sp-on-surface-inverse);outline-offset:5px}@media(max-width:1000px){.sp-house-hero{--sp-house-hero-height: 44rem;--sp-house-hero-copy: 100%}.sp-house-hero{--sp-house-hero-bande: clamp(21rem, 70vw, 38rem)}.sp-house-hero__media{inset-block-end:auto;block-size:var(--sp-house-hero-bande)}.sp-house-hero__intro{max-inline-size:100%;margin-block-start:0;padding-block-start:calc(var(--sp-house-hero-bande) + 1.5rem)}.sp-house-hero:after{background:linear-gradient(0deg,color-mix(in srgb,var(--sp-color-ink) 95%,transparent),color-mix(in srgb,var(--sp-color-ink) 80%,transparent) 30%,color-mix(in srgb,var(--sp-color-ink) 47%,transparent),color-mix(in srgb,var(--sp-color-ink) 9%,transparent) 82%)}.sp-house-hero__caption{gap:1rem}}@media(min-width:1001px){.sp-house-hero__intro{max-inline-size:min(38rem,44%)}}@media(max-width:700px){.sp-house-hero{--sp-house-hero-height: 38rem}.sp-house-hero__frame{padding-block:3rem 1.25rem}.sp-house-hero__intro{padding-block-end:2rem}.sp-house-hero__eyebrow{margin-block-end:1.25rem;max-inline-size:35ch}.sp-house-hero__title{margin-block-end:1.2rem;max-inline-size:18ch}.sp-house-hero__tagline{max-inline-size:27ch}.sp-house-hero__description{max-inline-size:40ch;margin-block-start:1.1rem}.sp-house-hero__actions{margin-block-start:1.6rem;gap:.65rem}.sp-house-hero__button{padding:.85rem 1rem;gap:1.25rem}.sp-house-hero__caption{flex-direction:column;gap:.45rem;padding-block-start:1rem}.sp-house-hero__caption>span:last-child{text-align:start}}@media(prefers-reduced-motion:reduce){.sp-house-hero__button{transition:none}}.sp-house-hero .sp-annot{max-inline-size:min(38%,13rem)}@media(max-width:599px){.sp-house-hero .sp-annot{max-inline-size:min(64%,18rem)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sp-house-hero.css.map */