/* Sailing homepage hero, matching hometheme2.jpg. */
.home-luxe{height:clamp(430px,39.5vw,585px);min-height:0;padding:105px 6.3% 36px;background:linear-gradient(90deg,#102b402b,transparent 66%),url('assets/hometheme2bkg.jpg') center 48%/cover no-repeat;color:#fff}
.shell.home-page>header{background:transparent;border-bottom:0;padding-left:6.3%;padding-right:6.3%}
.shell.home-page>header .brand{color:#fff}
.shell.home-page>header nav a,.shell.home-page>header nav a.active{color:#17232c}
.shell.home-page>header nav a.active:after{background:#17232c}
.shell.home-page>header nav a:focus-visible{outline-color:#17232c}
.luxe-intro{padding:0;min-height:0}
.luxe-interests{font-size:11px;line-height:1.45}
.luxe-intro h1{font-size:clamp(46px,4.8vw,68px);margin-top:30px;line-height:1;letter-spacing:-.025em}
.luxe-intro h1 .luxe-heading-second{font-size:.85em}
.luxe-description{font-size:15px;line-height:1.45;margin:14px 0 0;max-width:450px}
.luxe-postcard{top:26px;right:0;width:20%;color:#17232c}
.luxe-postcard>p{font-size:clamp(22px,2.3vw,31px);line-height:1.35}
@media(min-width:601px) and (max-width:900px){.home-luxe{height:490px;padding-top:128px;background-position:58% center}.shell.home-page>header{padding-left:24px;padding-right:24px}.luxe-intro h1{font-size:52px}.luxe-postcard{width:23%;top:28px}.luxe-postcard>p{font-size:23px}}
@media(max-width:600px){.home-luxe{height:540px;padding:130px 20px 30px;background:linear-gradient(90deg,#0c293c61,#0c293c08 85%),url('assets/hometheme2bkg.jpg') 63% center/cover no-repeat}.shell.home-page>header{padding-left:12px;padding-right:12px;background:#e8f1f51a}.shell.home-page>header nav a,.shell.home-page>header nav a.active{color:#142630}.luxe-interests{font-size:10px;max-width:135px}.luxe-intro h1{font-size:clamp(39px,10vw,54px);margin-top:54px}.luxe-intro h1 .luxe-heading-second{font-size:.68em}.luxe-description{font-size:14px;max-width:270px;text-shadow:0 1px 5px #102b4070}.luxe-postcard{top:-8px;width:39%;right:0}.luxe-postcard>p{font-size:19px;color:#152733}.luxe-intro h1,.luxe-interests{text-shadow:0 1px 7px #102b4050}}
/* Soft, hazy blue grading from the homepage reference. */
.home-luxe{isolation:isolate;background:none}
.home-luxe:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/hometheme2bkg.jpg') center 48%/cover no-repeat;filter:saturate(.68) contrast(.82) brightness(1.09)}
.home-luxe:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(213,225,232,.2),rgba(216,221,220,.12) 58%,rgba(170,190,198,.07))}
@media(min-width:601px) and (max-width:900px){.home-luxe:before{background-position:58% center}}
@media(max-width:600px){.home-luxe:before{background-position:63% center}.home-luxe:after{background:linear-gradient(90deg,rgba(22,45,60,.2),transparent 85%),linear-gradient(180deg,rgba(213,225,232,.2),rgba(216,221,220,.1))}}
/* Lower the main title and description to match the reference composition. */
.luxe-intro h1{margin-top:60px}
@media(min-width:601px) and (max-width:900px){.luxe-intro h1{margin-top:54px}}
@media(max-width:600px){.luxe-intro h1{margin-top:78px}}
/* Reveal the sharp source image around the person while retaining the hazy scenery. */
.home-luxe{background:url('assets/hometheme2bkg.jpg') center 48%/cover no-repeat}
.home-luxe:before,.home-luxe:after{mask-image:radial-gradient(ellipse 24% 75% at 68% 76%,transparent 38%,#000 85%)}
@media(min-width:601px) and (max-width:900px){.home-luxe{background-position:58% center}.home-luxe:before,.home-luxe:after{mask-image:radial-gradient(ellipse 29% 72% at 69% 74%,transparent 38%,#000 85%)}}
@media(max-width:600px){.home-luxe{background-position:63% center}.home-luxe:before,.home-luxe:after{mask-image:radial-gradient(ellipse 48% 60% at 65% 75%,transparent 35%,#000 85%)}}
/* Position the interests beneath the brand and the headline at the lower left. */
.home-luxe{padding:0 6.3%}
.luxe-intro{height:100%;position:relative}
.luxe-interests{position:absolute;top:82px;left:0}
.luxe-intro h1{position:absolute;left:0;bottom:100px;margin:0}
.luxe-description{position:absolute;left:0;bottom:38px;margin:0}
.luxe-postcard{top:132px}
@media(min-width:601px) and (max-width:900px){.luxe-interests{top:116px}.luxe-intro h1{bottom:100px;margin:0}.luxe-description{bottom:36px}.luxe-postcard{top:138px}}
@media(max-width:600px){.home-luxe{padding:0 20px}.luxe-interests{top:118px}.luxe-intro h1{bottom:118px;margin:0}.luxe-description{bottom:44px}.luxe-postcard{top:130px}}