/* Retain the original brand drawing for the existing intro. The finished hero has its own headline. */
.hero>#hero-title{visibility:hidden!important;pointer-events:none}
.sales-title{position:absolute;left:4.3%;right:3.7%;top:34%;height:auto;aspect-ratio:1640/210;margin:0;font:400 0/0 var(--serif);letter-spacing:normal;pointer-events:none;z-index:4;--sales-photo-left:34.456521739%;--sales-photo-right:64.891304348%}
.sales-title>.sales-title-window{display:block;position:absolute;inset:0;width:auto;color:var(--ink);overflow:hidden}
.sales-title-window>svg{display:block;width:100%;height:100%;overflow:visible;fill:currentColor}
.sales-title-window text{font-family:var(--serif);font-size:240px;font-weight:400;letter-spacing:-.035em}
.sales-title-left{clip-path:inset(0 calc(100% - var(--sales-photo-left)) 0 0)}
.sales-title-right{clip-path:inset(0 0 0 var(--sales-photo-right))}
.sales-title>.sales-title-light{color:var(--paper);clip-path:inset(0 calc(100% - var(--sales-photo-right)) 0 var(--sales-photo-left))}
.sales-title-light>svg{fill-opacity:.8}
.sales-price{position:absolute;left:4.8%;top:calc(34% + 11.8vw);display:flex;align-items:baseline;gap:.12em;margin:0;color:var(--ink);font:400 7.2vw/.9 var(--serif);letter-spacing:-.045em;white-space:nowrap;z-index:3}
.sales-price-from{font-size:.56em;letter-spacing:-.045em}.sales-price-value{font-size:1.35em}.sales-price-unit{font-size:.85em;letter-spacing:-.045em}
.hero .hero-eyebrow .eyebrow{font:400 clamp(13px,1.15vw,23px)/1.3 var(--serif);letter-spacing:.015em;max-width:none}
.hero .hero-caption.sales-caption{top:calc(34% + 12.2vw);left:70.6%;max-width:26%;}
.hero .sales-caption .serif{font:400 clamp(25px,2.45vw,52px)/1.16 var(--serif);letter-spacing:-.025em}
.hero .sales-caption .eyebrow{margin-top:3.1vw}
.hero .hero-photo-note{display:none}
.hero .katuna-hero-form .khf-submit{padding-left:3cqw;padding-right:14cqw}
.hero .katuna-hero-form .khf-submit>span{font-size:max(8px,2.38cqw);letter-spacing:.12em}
.hero .katuna-hero-form .khf-arrow{display:block;left:auto;right:5cqw}
.katuna-loading .hero .sales-title,.katuna-loading .hero .sales-price{visibility:hidden}
@media(min-width:1800px){.sales-title{top:36%}.sales-price{top:calc(36% + 11.8vw)}.hero .hero-caption.sales-caption{top:calc(36% + 12.2vw)}}
@media(min-width:761px) and (max-width:1100px){.sales-title{top:36%}.sales-price{top:calc(36% + 11.8vw)}.hero .hero-caption.sales-caption{top:calc(36% + 12.2vw);left:70%;max-width:27%}.hero .sales-caption .serif{font-size:2.6vw}}
@media(max-width:760px){
 .sales-title{top:258px;left:16px;right:17px;--sales-photo-left:calc(33% - 5.11px);--sales-photo-right:calc(89% + 13.37px)}
 .sales-price{left:24px;top:calc(258px + 13vw + 25px);font-size:10vw;gap:.1em;display:block;width:25%;white-space:normal;line-height:1.1}
 .sales-price-from{display:block;font-size:.55em}.sales-price-value{font-size:1.45em}.sales-price-unit{display:block;font-size:.58em;white-space:nowrap}
 .hero .hero-caption.sales-caption{top:745px;left:33%;max-width:62%;display:block}
 .hero .sales-caption .serif{font-size:clamp(23px,6vw,39px);white-space:normal;line-height:1.08}
 .hero .sales-caption .eyebrow{display:none}
 .hero .hero-eyebrow .eyebrow{font-size:12px;max-width:45vw}
 .hero .hero-bottom{bottom:18px}.hero{height:990px}
}
@media(max-width:360px){.hero{height:930px}.sales-title{top:270px}.sales-price{left:20px;top:calc(270px + 13vw + 25px)}.hero .hero-caption.sales-caption{top:700px}}
@media(min-width:761px){.hero{height:clamp(800px,49.47vw,1100px)}}
.sales-price{font-variant-numeric:lining-nums}
@media(min-width:761px) and (max-width:1100px){.sales-title{--sales-photo-left:32.826086957%;--sales-photo-right:66.52173913%}}
@media(max-width:760px){.hero .katuna-hero-form .khf-submit>span{white-space:normal;font-size:max(8px,3.5cqw);letter-spacing:.08em;line-height:1.15}}

/* Reserve room for the restored arrow and its original rightward hop. */
@media(max-width:760px){.hero .katuna-hero-form .khf-submit{padding-left:7px;padding-right:31px}.hero .katuna-hero-form .khf-arrow{right:9px}}
@media(min-width:761px){@container(max-width:280px){.hero .katuna-hero-form .khf-submit>span{white-space:normal;line-height:1.15}}}
