:root{--navy:#06152c;--blue:#009fec;--yellow:#ffe326;--red:#fa3345;--ink:#071329;--white:#fff;--muted:#b9c9dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #f14c68;outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:-.045em;line-height:.95}h2{font-size:clamp(44px,5.2vw,76px)}em{font-style:normal;color:var(--blue)}.skip{position:fixed;z-index:10;top:-70px;left:20px;padding:14px;background:var(--yellow)}.skip:focus{top:12px}.header{background:#542780;border-bottom:1px solid #ffffff20;position:relative;z-index:5}.header-inner{max-width:1320px;margin:auto;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{background:transparent;width:148px;flex-shrink:0;padding:7px 15px 6px;text-align:center;border-radius:3px}.brand img{width:100%;height:74px;object-fit:contain}.brand span{display:block;letter-spacing:.35em;font-size:9px;font-weight:700;margin-top:5px}nav{display:flex;gap:35px;align-items:center;color:white;font-size:14px;font-weight:700}nav>a:not(.button){padding:15px 0}nav>a:not(.button):hover{color:var(--yellow)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:56px;padding:17px 27px;border-radius:40px;font-size:16px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.yellow{background:var(--yellow);color:var(--ink)}.yellow:hover{background:#fff16a}.compact{min-height:46px;padding:12px 23px;font-size:14px}.outline{border:1px solid #ffffffab;color:white;background:#06152c55}.navy{background:var(--navy);color:white}.hero{position:relative;background:var(--navy);color:white;min-height:700px;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/hero-gaze-aligned-v4.png') center top/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#021024e8 0%,#021024a6 27%,#02102400 60%),linear-gradient(0deg,#02102499,transparent 28%)}.hero-inner{position:relative;z-index:1;max-width:1320px;margin:auto;padding:64px 5% 72px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#d2dbea;line-height:1.6;margin-bottom:23px}.eyebrow span{display:inline-block;background:var(--yellow);width:24px;height:3px;vertical-align:middle;margin-right:8px}h1{font-size:clamp(72px,7.6vw,110px);max-width:560px;letter-spacing:-.035em}.hero-copy{margin:23px 0 25px;font-size:18px;color:#e0e9f6}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-actions .button{min-width:220px}.concept{position:absolute;bottom:20px;right:24px;z-index:1;font-size:10px;color:#d5dfed}.venue-strip{display:flex;justify-content:space-between;gap:18px;padding:22px max(5%,calc((100% - 1188px)/2));background:#0644ef;color:white;font-size:12px;font-weight:700;letter-spacing:.1em}.venue-strip a{letter-spacing:0}.section-wrap{max-width:1320px;margin:auto;padding:80px 5%}.dark{color:#4b5971}.section-heading{margin-bottom:36px}.section-heading .eyebrow{margin-bottom:14px}.mobile-break{display:none}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo-grid img{width:100%;aspect-ratio:1.35;object-fit:cover}.photo-grid figcaption{padding:23px 0 0}.accent{width:42px;height:4px;display:block;margin-bottom:12px}.blue{background:var(--blue)}.red{background:var(--red)}h3{font-size:24px;letter-spacing:-.04em}.photo-grid p{font-size:15px;line-height:1.6;color:#536076;margin-top:8px}.location{display:grid;grid-template-columns:43% 57%;background:var(--navy);color:white}.location-copy{padding:65px 9% 65px max(11.6%,calc((100vw - 1188px)/2));align-self:center}.location h2{font-size:clamp(48px,5.1vw,74px);margin-bottom:30px}.location em{color:var(--yellow)}address{font-style:normal;font-size:21px;font-weight:700;line-height:1.45}.entry-note{margin:20px 0 28px;line-height:1.65;font-size:16px;color:#dae2ee}.entry-note span{font-size:13px;color:#b9c9dd}.map-link{display:block;width:fit-content;margin-top:21px;font-size:13px;text-decoration:underline;text-underline-offset:5px}.entrance{position:relative;min-height:580px}.entrance img{width:100%;height:100%;object-fit:cover;object-position:50% center}.entrance figcaption{position:absolute;bottom:20px;left:22px;padding:9px 13px;background:#06152cd9;font-size:11px;letter-spacing:.08em}.booking{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.booking-action{max-width:390px;padding-left:15px;font-size:18px;line-height:1.5}.booking-note{margin:16px 0 26px;font-size:15px}.booking-note strong{background:#fff3a3;padding:3px 6px}.external-note{margin-top:14px;font-size:12px;color:#536076}.booking h2 em{color:#0644ef}footer{background:var(--navy);border-top:5px solid var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 5%;font-size:12px}footer p:first-child{font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:10px}footer p+ p{color:#b9c9dd;line-height:1.5}.footer-logo{width:105px;background:transparent;padding:10px;border-radius:2px;flex-shrink:0}footer>a:last-child{padding:15px 0}.menu-toggle{color:white;background:transparent;border:1px solid #ffffff65;border-radius:6px;padding:12px;min-height:44px}.menu-toggle span{margin-left:10px}
@media(min-width:1500px){.hero-image{background-position:center 43%}.hero{min-height:760px}}
@media(max-width:900px){html{scroll-padding-top:20px}.header-inner{padding:12px 6%;flex-wrap:wrap;gap:12px}.brand{width:112px;padding:5px 11px}.brand img{height:55px}.brand span{font-size:8px}.menu-toggle:not([hidden]){display:block}nav{width:100%;flex-direction:column;align-items:stretch;gap:3px;padding:12px 0}nav[hidden]{display:none}nav a{padding:15px!important}nav .button{justify-content:center}.hero{min-height:830px}.hero-image{inset:0 0 auto;height:440px;background-size:auto 320px;background-position:80% top}.hero:after{background:linear-gradient(0deg,var(--navy) 0%,var(--navy) 36%,#06152c00 68%)}.hero-inner{padding:330px 7% 42px}.hero .eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:66px;line-height:.94}h1 br:first-child{display:block}h1 em{display:inline}.hero-copy{font-size:16px;margin:20px 0}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:10px}.hero-actions .button{min-width:0;padding:15px 20px;gap:16px;font-size:14px;min-height:52px}.concept{top:295px;bottom:auto;right:15px;font-size:9px}.venue-strip{padding:20px 7%;flex-direction:column;gap:10px;font-size:10px}.venue-strip a{font-size:12px}.section-wrap{padding:55px 7%}h2{font-size:48px}.mobile-break{display:block}.section-heading{margin-bottom:27px}.photo-grid{grid-template-columns:1fr;gap:35px}.photo-grid img{aspect-ratio:1.4}.photo-grid figcaption{padding-top:18px}.location{grid-template-columns:1fr}.location-copy{padding:52px 7%}.location h2{font-size:57px}.entrance{min-height:0}.entrance img{height:auto;aspect-ratio:1.25;object-position:center}.booking{grid-template-columns:1fr;gap:27px}.booking-action{padding:0;font-size:17px}footer{padding:30px 7%;flex-wrap:wrap;gap:22px}footer>div{flex:1;min-width:170px}footer>a:last-child{width:100%;border-top:1px solid #ffffff30;padding-top:21px}.footer-logo{width:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Light lavender header: preserve the supplied translucent logo. */
.header{background:#f2eef8;border-bottom-color:#dfd5ec}.header nav{color:#172139}.header nav>a:not(.button):hover{color:#542780}.header .menu-toggle{color:#172139;border-color:#8f7ca7}

/* Larger branding and navigation for comfortable viewing. */
.header{background:#fff}.header-inner{padding-top:10px;padding-bottom:10px}.header .brand{width:210px;padding:0}.header .brand img{width:100%;height:156px;object-fit:contain}.header nav{font-size:18px;gap:38px}.header .compact{font-size:17px;min-height:54px;padding:15px 27px}.header .menu-toggle{font-size:18px;min-height:50px;padding:12px 16px}
@media(max-width:900px){.header-inner{padding-top:10px;padding-bottom:10px}.header .brand{width:150px;padding:0}.header .brand img{height:116px}.header nav{font-size:18px;gap:4px}.header .compact{font-size:17px}}

/* Slightly larger navigation requested by Hopes. */
.header nav,.header .menu-toggle{font-size:20px}.header .compact{font-size:20px}

/* Navigation colours coordinated with the supplied logo. */
.header nav>a[href="#venue"]{color:#c73842}.header nav>a[href="#location"]{color:#6336a8}.header nav>a[href="#booking"]{background:#fac861;color:#172139}.header nav>a[href="#venue"]:hover{color:#a22430}.header nav>a[href="#location"]:hover{color:#482075}.header nav>a[href="#booking"]:hover{background:#ffda88}

/* Coloured menu backgrounds, as requested. */
.header nav{gap:16px}.header nav>a{border-radius:40px;min-height:54px;display:inline-flex;align-items:center;justify-content:center}.header nav>a:not(.button){padding:15px 27px}.header nav>a[href="#venue"]{background:#c73842;color:#fff}.header nav>a[href="#location"]{background:#6336a8;color:#fff}.header nav>a[href="#booking"]{background:#fac861;color:#172139}.header nav>a[href="#venue"]:hover{background:#a22430;color:#fff}.header nav>a[href="#location"]:hover{background:#482075;color:#fff}.header nav>a[href="#booking"]:hover{background:#ffda88;color:#172139}@media(max-width:900px){.header nav{gap:10px}}

/* Match original logo colours as rendered on the white header. */
.header nav>a[href="#venue"],.header nav>a[href="#venue"]:hover{background:#f55651;color:#172139}
.header nav>a[href="#location"],.header nav>a[href="#location"]:hover{background:#8b7bec;color:#172139}
.header nav>a[href="#booking"],.header nav>a[href="#booking"]:hover{background:#fac861;color:#172139}

/* Consistent navigation hover lift. */
.header nav>a{transition:transform .2s,background .2s}
.header nav>a:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.header nav>a{transition:none}.header nav>a:hover{transform:none}}

/* Preserve translucent official logo colors against footer navy. */
.footer-logo{background:#fff;padding:12px;border-radius:8px}

/* Approved footer logo option A: compact white backing. */
.footer-logo{width:120px;background:#fff;padding:5px;border-radius:6px}

.shop{border-top:1px solid #e5e9f0}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.shop-grid p{font-size:16px;line-height:1.65;color:#536076;margin-top:10px}.shop-yellow{background:#fac861}@media(max-width:700px){.shop-grid{grid-template-columns:1fr;gap:28px}}

/* Prominent brand-colour service cards. */
.shop{background:#f4f2fb}
.shop-grid{gap:22px}
.shop-grid article{padding:30px 26px;border-radius:18px;color:#071329;box-shadow:0 8px 20px #06152c12}
.shop-grid article:nth-child(1){background:#f55651}
.shop-grid article:nth-child(2){background:#8b7bec}
.shop-grid article:nth-child(3){background:#fac861}
.shop-grid .accent{display:none}
.shop-grid h3{font-size:28px;line-height:1.15;letter-spacing:-.025em}
.shop-grid p{font-size:18px;line-height:1.6;color:#071329;margin-top:16px;font-weight:500}
@media(max-width:700px){.shop-grid article{padding:26px 24px}}

/* Illustrated navigation and service cards. */
.header nav>a,.header nav>a:not(.button){flex-direction:column;gap:3px;padding:8px 18px 12px;min-width:156px;border-radius:18px}
.header nav .nav-art{width:100px;height:96px;object-fit:contain}
.header nav>a span{font-size:20px;line-height:1.25;white-space:nowrap}
.shop-art{width:100%;height:210px;object-fit:contain;margin:0 auto 22px}
@media(max-width:900px){.header nav>a,.header nav>a:not(.button){flex-direction:row;min-width:0;gap:14px;justify-content:flex-start}.header nav .nav-art{width:56px;height:56px}.header nav>a span{font-size:18px}.shop-art{height:190px}}

.slide-stage{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:12px;background:#06152c}.photo-grid .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.photo-grid .slide.active{opacity:1}.slide-controls{display:flex;align-items:center;gap:12px;margin-top:14px}.slide-controls button{border:0;border-radius:30px;background:#06152c;color:white;min-width:44px;min-height:44px;padding:10px 16px;cursor:pointer}.slide-controls [data-pause]{margin-left:auto}.slide-controls span{font-size:14px;font-weight:700}.photo-grid .carousel figcaption{padding-top:14px}@media(prefers-reduced-motion:reduce){.photo-grid .slide{transition:none}}

.shop-welcome-row{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:32px}.shop-welcome-row .section-heading{margin-bottom:0}.welcome-duo{width:310px;max-width:40%;flex-shrink:0;text-align:center}.welcome-duo p{font-size:26px;font-weight:800;color:#542780;margin-bottom:8px}.welcome-duo img{width:100%;height:auto;border-radius:24px}@media(max-width:700px){.shop-welcome-row{flex-direction:column;align-items:flex-start;gap:20px}.welcome-duo{width:260px;max-width:100%;align-self:center}}

.arrival{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;align-items:center}.arrival-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;margin-top:24px}.arrival-warning{padding:18px;background:#fff1ef;border-left:4px solid #f55651;border-radius:6px}.arrival-map img{width:100%;height:auto}.arrival-map figcaption{font-size:12px;color:#536076;margin-top:12px;line-height:1.5}.arrival-link{display:inline-block;color:#fac861;font-weight:700;margin-top:12px;text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.arrival{grid-template-columns:1fr;gap:28px}}