.hero-menu{position:absolute;right:24px;top:20px;width:44px;height:44px;display:grid;align-content:center;gap:5px;padding:11px;border:1px solid #D4AF3770;border-radius:6px;background:#0B292270;z-index:5;cursor:pointer}.hero-menu span{display:block;height:2px;background:#E5C45A}.hero-brand-row{padding-top:26px}.service-track{touch-action:pan-x pan-y;user-select:none;scroll-behavior:smooth}.service-track.dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.service-track img{-webkit-user-drag:none;user-select:none}#crown-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(380px,92vw);height:100dvh;max-height:none;background:#0B2922;color:#F4F6FA;border:1px solid #D4AF37;padding:70px 28px 30px;z-index:30}#crown-menu::backdrop{background:#0009}.menu-dismiss{position:absolute;right:20px;top:15px;font-size:32px;color:#D4AF37;background:none;border:0;width:44px;height:44px;cursor:pointer}#crown-menu h2{color:#D4AF37;font-size:38px;margin-bottom:28px}#crown-menu nav{display:grid;gap:12px}#crown-menu nav a,#crown-menu nav button{display:block;text-align:left;background:none;border:0;border-bottom:1px solid #FFFFFF30;padding:16px 0;color:#F4F6FA;font:inherit;cursor:pointer}
@media(max-width:600px){.hero-framed{min-height:calc(100svh - 76px);padding:58px 22px 28px;justify-content:space-between;gap:18px}.hero-menu{top:12px;right:18px}.hero-brand-row{padding-top:0;align-items:center;margin-bottom:20px}.hero-brand-row .crown-build{width:110px;flex-basis:110px}.hero-brand-row h1{font-size:clamp(28px,7.7vw,43px);line-height:1.04}.hero-framed .hero-description{font-size:17px;line-height:1.4;margin-bottom:15px}.hero-framed .hero-location{font-size:13px}.hero-frames{width:100%;max-width:440px;margin:0 auto;padding:0 4px 32px 26px}.frame-inset{width:43%}.frame-main img{aspect-ratio:4/3}.hero-framed .hero-copy{flex:0 0 auto}.hero-framed .hero-frames{flex:0 0 auto}}
@media(max-width:380px){.hero-brand-row .crown-build{width:94px;flex-basis:94px}.hero-brand-row h1{font-size:27px}}
@media(max-width:600px) and (max-height:700px){.hero-framed{padding-top:46px;gap:12px;padding-bottom:20px}.hero-menu{width:36px;height:36px;top:8px}.hero-brand-row{margin-bottom:12px}.hero-brand-row .crown-build{width:84px;flex-basis:84px}.hero-framed .hero-description{font-size:15px;margin-bottom:10px}.hero-frames{max-width:330px;padding-bottom:28px}.hero-framed .hero-location{font-size:12px}}
@media(prefers-reduced-motion:reduce){.service-track{scroll-behavior:auto}}
/* Reveal the original damask clearly, recoloured into Crown's green. */
.hero-framed{background-color:#176044;background-image:linear-gradient(#062D1E40,#062D1E40),url(assets/aroma-damask-pattern.webp);background-blend-mode:normal,luminosity;background-size:auto,420px}.service-card,.service-card:nth-child(4n+2),.service-card:nth-child(4n+3),.service-card:hover{background-color:#176044!important;background-image:linear-gradient(#062D1E40,#062D1E40),url(assets/aroma-damask-pattern.webp)!important;background-blend-mode:normal,luminosity;background-size:auto,340px}.jacuzzi-awaiting{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#153D30;color:#EAC95C}.jacuzzi-awaiting strong{font-size:32px;letter-spacing:3px}.jacuzzi-awaiting span{font-size:13px;color:#E2EAE6}.service-track{padding-right:7px}.service-track a{touch-action:pan-x pan-y}.hero-menu{min-width:44px;min-height:44px}
@media(max-width:600px){.hero-framed{background-size:auto,330px}}
@media(max-width:600px){.hero-framed{gap:16px}.hero-frames .frame-main img{height:clamp(210px,calc(100svh - 440px),390px);aspect-ratio:auto;object-fit:cover;object-position:center}.hero-frames .frame-inset img{height:auto;aspect-ratio:4/3}}

/* Restore the overlapping photographs; increase only the logo. */
.hero-brand-row .crown-build{width:208px;flex-basis:208px}
@media(max-width:600px){.hero-brand-row{gap:8px}.hero-brand-row .crown-build{width:140px;flex-basis:140px}.hero-brand-row h1{font-size:clamp(25px,6.7vw,36px)}.hero-frames .frame-main img{height:clamp(190px,calc(100svh - 470px),360px)}}
@media(max-width:380px){.hero-brand-row .crown-build{width:120px;flex-basis:120px}.hero-brand-row h1{font-size:25px}}
@media(max-width:600px) and (max-height:700px){.hero-brand-row .crown-build{width:112px;flex-basis:112px}}
@media(max-width:600px){.hero-brand-row h1{font-size:clamp(28px,7.7vw,43px)}.hero-frames .frame-main img{height:clamp(185px,calc(100svh - 480px),350px)}}@media(max-width:380px){.hero-brand-row h1{font-size:27px}}
/* Logo above a consistently aligned hero text column. */
.hero-brand-row{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:0;margin-bottom:18px}.hero-brand-row .crown-build{order:-1;flex:none;width:158px;margin:0}.hero-brand-row h1{width:100%;flex:none;margin:0;text-align:left;font-size:clamp(54px,5.2vw,78px);letter-spacing:-.4px}.hero-copy{text-align:left}.hero-description,.hero-location{margin-left:0;padding-left:0}.hero-location{justify-content:flex-start}
@media(max-width:600px){.hero-framed{padding-top:14px;gap:14px;justify-content:space-between}.hero-brand-row{gap:12px;margin-bottom:14px}.hero-brand-row .crown-build{width:118px;flex:none;align-self:flex-start;margin-left:-7px}.hero-brand-row h1{font-size:clamp(36px,10vw,52px);line-height:1.02;text-align:left}.hero-framed .hero-description{font-size:16px;line-height:1.4;margin-bottom:12px}.hero-framed .hero-location{font-size:12px}.hero-frames .frame-main img{height:clamp(180px,calc(100svh - 485px),340px)}}
@media(max-width:600px) and (max-height:700px){.hero-brand-row .crown-build{width:90px}.hero-brand-row{gap:8px;margin-bottom:10px}.hero-brand-row h1{font-size:35px}.hero-framed .hero-description{font-size:14px;margin-bottom:9px}.hero-framed{padding-top:12px;gap:10px}.hero-frames .frame-main img{height:180px}}
/* One integrated top row: brand, phone and menu. */
.hero-topbar{grid-column:1/-1;display:flex;align-items:center;gap:24px;width:100%;position:relative;z-index:4}.hero-topbar .crown-build{width:118px;flex:0 0 118px;margin:0}.hero-topbar .hero-menu{position:static;flex:0 0 44px}.hero-phone{margin-left:auto;display:flex;align-items:center;gap:8px;color:#EAC95C;font-size:19px;font-weight:700;text-decoration:none;white-space:nowrap}.hero-phone svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.hero-brand-row{padding:0;margin:0 0 18px;display:block}.hero-brand-row h1{font-size:clamp(42px,4.4vw,68px);line-height:1.02}.hero-framed{padding-top:18px;row-gap:18px}.hero-topbar .crown-build{align-self:center}.hero-topbar .hero-menu:focus-visible,.hero-phone:focus-visible{outline:2px solid #EAC95C;outline-offset:4px}
@media(max-width:600px){.hero-framed{padding:10px 22px 23px;gap:14px;min-height:calc(100svh - 76px)}.hero-topbar{order:0;gap:14px}.hero-topbar .crown-build{width:104px;flex-basis:104px;margin-left:-6px}.hero-phone{font-size:16px;gap:6px}.hero-phone svg{width:18px;height:18px}.hero-topbar .hero-menu{width:42px;min-width:42px;flex-basis:42px;height:42px}.hero-framed .hero-copy{order:1}.hero-framed .hero-frames{order:2}.hero-brand-row{margin-bottom:14px}.hero-brand-row h1{font-size:clamp(32px,8.5vw,46px);line-height:1.04;letter-spacing:-.4px}.hero-framed .hero-description{font-size:16px}.hero-frames .frame-main img{height:clamp(200px,calc(100svh - 440px),380px)}}
@media(max-width:380px){.hero-topbar{gap:10px}.hero-topbar .crown-build{width:94px;flex-basis:94px}.hero-phone{font-size:15px}.hero-brand-row h1{font-size:30px}}
@media(max-width:600px) and (max-height:700px){.hero-framed{gap:10px;padding-top:8px;padding-bottom:18px}.hero-topbar .crown-build{width:82px;flex-basis:82px}.hero-brand-row{margin-bottom:10px}.hero-brand-row h1{font-size:30px}.hero-framed .hero-description{font-size:14px;margin-bottom:9px}.hero-frames .frame-main img{height:190px}}
@media(max-width:600px){.hero-frames .frame-main img{height:clamp(185px,calc(100svh - 460px),360px)}}@media(max-width:600px) and (max-height:700px){.hero-frames .frame-main img{height:180px}}