/* Public website */
.topbar{background:var(--navy);color:#d9dfeb;font-size:.8rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:12px}
.topbar a{color:#e9edf5}.topbar a:hover{color:var(--gold-2)}.topbar .flex{gap:18px}
.topbar .hi{color:var(--gold-2);font-weight:600}
@media(max-width:760px){.topbar .hide-m{display:none}}
header.site{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 2px 20px rgba(10,26,58,.06)}
header.site .container{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.brand .t1{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--navy);line-height:1;letter-spacing:.01em;white-space:nowrap}
.brand .t1 b{color:var(--gold-deep)}.brand .t2{white-space:nowrap;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:3px}
nav.main{display:flex;gap:4px;align-items:center}nav.main a{padding:.5rem .62rem;font-weight:600;font-size:.86rem;white-space:nowrap;color:var(--ink-2);border-radius:8px;position:relative}
nav.main a:hover,nav.main a.on{color:var(--navy)}nav.main a.on::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.25rem;height:2px;background:var(--gold)}
.nav-cta{display:flex;gap:8px;align-items:center}.burger{display:none;background:none;border:0;color:var(--navy);padding:6px;cursor:pointer}.burger .ic{width:28px;height:28px}
@media(max-width:1240px){.nav-cta .btn-outline{display:none}}
@media(max-width:1100px){nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 16px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}nav.main.open{display:flex}.burger{display:block}.nav-cta .btn-outline{display:none}}
@media(max-width:560px){.brand .t1{font-size:1.2rem}.brand img{width:46px;height:46px}.nav-cta .btn-gold{padding:.55rem .9rem;font-size:.8rem}}
/* hero */
.hero{position:relative;background:var(--navy-grad);color:#fff;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:url('../img/justice.jpg') right center/auto 100% no-repeat;opacity:.16;z-index:-1;mix-blend-mode:luminosity}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 85% 50%,rgba(201,162,39,.22),transparent 60%),repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.025) 120px 121px);z-index:-1}
.hero .container{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;padding:72px 0 80px}
.hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.3rem);margin:.4em 0 .35em}.hero h1 em{font-style:italic;color:var(--gold-2)}
.hero .lead{font-size:1.12rem;color:#cdd6e6;max-width:560px}.hero .eyebrow{color:var(--gold-2)}.hero .eyebrow::before{background:var(--gold-2)}
.hero .hi-tag{display:inline-block;background:rgba(201,162,39,.14);border:1px solid rgba(227,197,101,.45);color:var(--gold-3);padding:.45rem 1rem;border-radius:999px;font-size:.95rem;margin-top:14px}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-card{position:relative;background:#fff;border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-2);transform:rotate(-1.5deg)}
.hero-card img.photo{border-radius:16px;width:100%;aspect-ratio:4/4.1;object-fit:cover;object-position:top}
.hero-card .cap{position:absolute;left:28px;right:28px;bottom:28px;background:rgba(10,26,58,.88);backdrop-filter:blur(6px);color:#fff;padding:14px 18px;border-radius:12px;border-left:3px solid var(--gold)}
.hero-card .cap b{font-family:var(--font-display);font-size:1.3rem;display:block}.hero-card .cap span{font-size:.8rem;color:#cdd6e6}
.hero-seal{position:absolute;top:-28px;right:-18px;width:110px;height:110px;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.4);border:3px solid var(--gold-2);background:#000}
.trust-strip{background:var(--gold-grad);color:var(--navy)}.trust-strip .container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 0}
.trust-strip div{display:flex;gap:10px;align-items:center;font-weight:700;font-size:.9rem;justify-content:center}.trust-strip .ic{width:22px;height:22px}
@media(max-width:980px){.hero .container{grid-template-columns:minmax(0,1fr);padding:48px 0 56px}.hero-card{max-width:420px;margin:30px auto 0}.trust-strip .container{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.trust-strip .container{grid-template-columns:1fr}.trust-strip div{justify-content:flex-start}}
/* sections */
section.sec{padding:76px 0}section.sec.tight{padding:52px 0}section.cream{background:var(--cream)}section.navy{background:var(--navy-grad);color:#fff}
section.navy h2,section.navy h3{color:#fff}section.navy .eyebrow{color:var(--gold-2)}section.navy .eyebrow::before{background:var(--gold-2)}section.navy p{color:#cdd6e6}
.sec-head{max-width:720px;margin-bottom:38px}.sec-head.center{margin-inline:auto;text-align:center}.sec-head.center .eyebrow::before{display:none}
.sec-head h2{margin-top:.4em}.sec-head p{color:var(--muted);font-size:1.02rem}
/* service cards */
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px;transition:.25s;position:relative;overflow:hidden}
.svc:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--gold-2)}
.svc .ico{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff}.svc .ico .ic{width:24px;height:24px}
.svc h3{font-size:1.3rem;margin:4px 0 0}.svc p{color:var(--muted);font-size:.9rem;margin:0;flex:1}
.svc .fee{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line-2);padding-top:12px;margin-top:4px}
.svc .fee b{font-family:var(--font-display);font-size:1.45rem;color:var(--navy)}.svc .fee small{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.svc .fee a{font-weight:700;font-size:.85rem;color:var(--gold-deep)}
/* fee table */
.fee-row{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;transition:.2s}
.fee-row:hover{border-color:var(--gold-2);box-shadow:var(--shadow)}.fee-row .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff}
.fee-row h4{margin:0;font-size:1.15rem}.fee-row p{margin:0;font-size:.85rem;color:var(--muted)}
.fee-row .price{text-align:right}.fee-row .price small{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.fee-row .price b{font-family:var(--font-display);font-size:1.5rem;color:var(--navy)}
@media(max-width:560px){.fee-row{grid-template-columns:44px 1fr;}.fee-row .price{grid-column:2;text-align:left}}
/* about / advocate */
.adv-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.adv-photo{position:relative}.adv-photo img{border-radius:var(--r-lg);box-shadow:var(--shadow-2);width:100%;object-fit:cover}
.adv-photo .frame{position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--gold);border-radius:var(--r-lg);z-index:-1}
.adv-photo .badge-exp{position:absolute;bottom:-18px;left:-18px;background:var(--navy);color:#fff;padding:16px 20px;border-radius:14px;box-shadow:var(--shadow-2);border-bottom:3px solid var(--gold)}
.adv-photo .badge-exp b{font-family:var(--font-display);font-size:2rem;display:block;color:var(--gold-2);line-height:1}.adv-photo .badge-exp span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.adv-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.adv-points div{display:flex;gap:10px;align-items:center;font-weight:600;font-size:.92rem}.adv-points .ic{color:var(--gold-deep);width:22px;height:22px}
@media(max-width:860px){.adv-wrap{grid-template-columns:minmax(0,1fr)}.adv-photo{max-width:420px}}
/* steps / process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;position:relative;counter-increment:s}
.step::before{content:counter(s,decimal-leading-zero);font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:var(--gold-3);position:absolute;right:18px;top:8px;line-height:1}
.step .ic{width:30px;height:30px;color:var(--gold-deep);margin-bottom:10px}.step h4{margin-bottom:.3em}.step p{margin:0;font-size:.88rem;color:var(--muted)}
@media(max-width:980px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.steps{grid-template-columns:1fr}}
/* consultation price block */
.price-hero{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.price-hero::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--gold-grad)}
.price-hero .amt{font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--red);line-height:1}.price-hero .mode{display:inline-block;background:#fff6cf;color:#7a5a00;padding:.4rem 1rem;border-radius:999px;font-weight:700;margin-top:10px;font-size:.9rem}
.incl{list-style:none;padding:0;margin:0;display:grid;gap:10px}.incl li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}.incl .ic{color:var(--green);margin-top:3px;width:20px;height:20px}
.warn-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.warn-list li{display:flex;gap:10px;font-size:.9rem}.warn-list .ic{color:var(--red);margin-top:3px;width:18px;height:18px}
/* stats band */
.band{background:var(--navy-grad);color:#fff}.band .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:46px 0;text-align:center}
.band b{font-family:var(--font-display);font-size:3rem;color:var(--gold-2);display:block;line-height:1}.band span{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#cdd6e6}
@media(max-width:760px){.band .container{grid-template-columns:repeat(2,1fr)}}
/* testimonials / why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:24px;text-align:center}
.why .ic{width:34px;height:34px;color:var(--gold-2);margin:0 auto 10px}.why b{display:block;font-family:var(--font-display);font-size:1.25rem;margin-bottom:4px}.why p{font-size:.85rem;margin:0}
@media(max-width:980px){.why{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.why{grid-template-columns:1fr}}
.quote{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;position:relative}.quote::before{content:"\201C";font-family:var(--font-display);font-size:4rem;color:var(--gold-3);position:absolute;top:4px;left:18px;line-height:1}
.quote p{font-style:italic;color:var(--ink-2);margin:14px 0 14px}.quote b{display:block;font-size:.9rem}.quote span{font-size:.78rem;color:var(--muted)}.quote .stars{color:var(--gold);letter-spacing:2px}
/* page hero */
.page-hero{background:var(--navy-grad);color:#fff;padding:54px 0 58px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;border:40px solid rgba(201,162,39,.12)}
.page-hero h1{color:#fff;margin:.2em 0 .2em}.page-hero p{color:#cdd6e6;max-width:640px;margin:0}
.crumb{font-size:.78rem;color:#9fb0cf;display:flex;gap:8px}.crumb a{color:#cdd6e6}
/* contact */
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;gap:16px;align-items:flex-start}
.contact-card .ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:var(--gold-2);flex:none}
.contact-card h4{margin:0 0 4px}.contact-card p{margin:0;font-size:.9rem;color:var(--ink-2)}
.map{border:0;width:100%;height:320px;border-radius:var(--r);box-shadow:var(--shadow)}
/* cta */
.cta{background:var(--gold-grad);border-radius:var(--r-lg);padding:46px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--navy)}
.cta h2{margin:0;color:var(--navy)}.cta p{margin:6px 0 0;color:#3a3a2a}
@media(max-width:760px){.cta{flex-direction:column;text-align:center;padding:34px 24px}}
/* footer */
footer.site{background:var(--navy);color:#b9c3d8;margin-top:0}
footer .top{padding:60px 0 36px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;border-bottom:1px solid rgba(255,255,255,.1)}
footer h4{color:#fff;font-family:var(--font-body);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.9rem}footer a{color:#b9c3d8}footer a:hover{color:var(--gold-2)}
footer .brand .t1,footer .brand .t2{color:#fff}footer .brand .t1 b{color:var(--gold-2)}footer .brand .t2{color:#9fb0cf}
footer .bottom{padding:18px 0;font-size:.78rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer .addr{display:flex;gap:10px;font-size:.88rem;margin-bottom:12px}footer .addr .ic{color:var(--gold-2);flex:none;margin-top:3px}
@media(max-width:900px){footer .top{grid-template-columns:1fr 1fr}}@media(max-width:560px){footer .top{grid-template-columns:1fr}}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:90;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 25px rgba(37,211,102,.45)}
.wa-float .ic{width:30px;height:30px}.wa-float:hover{color:#fff;transform:scale(1.06)}
.call-float{position:fixed;right:18px;bottom:84px;z-index:90;background:var(--navy);color:var(--gold-2);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow-2)}.call-float .ic{width:26px;height:26px}
/* auth pages */
.auth{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.auth .side{background:var(--navy-grad);color:#fff;padding:60px 50px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.auth .side::after{content:"";position:absolute;inset:auto -80px -80px auto;width:360px;height:360px;border-radius:50%;border:50px solid rgba(201,162,39,.12)}
.auth .side h2{color:#fff;font-size:2.4rem}.auth .side p{color:#cdd6e6}.auth .side ul{color:#e2e8f3;padding-left:18px;display:grid;gap:8px}
.auth .form{padding:60px 50px;display:flex;align-items:center;justify-content:center}.auth .form>div{width:100%;max-width:440px}
@media(max-width:860px){.auth{grid-template-columns:minmax(0,1fr)}.auth .side{padding:40px 24px}.auth .form{padding:40px 20px}}
/* plan page */
.plan-table td:first-child{font-weight:700}.lvl-chip{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold-2);font-weight:700;font-family:var(--font-display);font-size:1.1rem}
.rank-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.rank-card .hd{background:var(--navy-grad);color:#fff;padding:18px 20px}.rank-card .hd b{font-family:var(--font-display);font-size:1.5rem;display:block}.rank-card .hd span{color:var(--gold-2);font-size:.85rem}
.rank-card .bd{padding:18px 20px}.rank-card .req{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line);font-size:.9rem}.rank-card .req:last-child{border:0}
.rank-card .reward{margin-top:12px;background:var(--gold-3);border-radius:10px;padding:10px 14px;font-weight:700;color:var(--gold-deep);display:flex;gap:8px;align-items:center}
.poster-grid img{border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line)}
.yt-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;gap:18px;align-items:center}.yt-box .ic{width:46px;height:46px;color:#ff0000;flex:none}
/* header fixes */
html,body{overflow-x:hidden}
.brand>span{display:flex;flex-direction:column}
nav.main a.m-only{display:none}
@media(max-width:1400px){.nav-cta .btn-outline{display:none}}
@media(max-width:1100px){nav.main a.m-only{display:block;color:var(--gold-deep)}}
@media(max-width:560px){.brand .t1{font-size:1.05rem;white-space:normal;max-width:170px;line-height:1.05}.brand .t2{display:none}.nav-cta .btn-gold{display:none}header.site .container{min-height:68px}.hero-seal{right:0;width:80px;height:80px;top:-20px}}
/* ---------- media, social, enquiry (v3) ---------- */
.dd{position:relative;display:flex}.dd .car{font-size:.7em;opacity:.7}
.dd-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:none;z-index:120}
.dd-menu a{display:flex!important;gap:10px;align-items:center;padding:.55rem .75rem!important;border-radius:8px;font-size:.88rem}.dd-menu a:hover{background:var(--cream)}.dd-menu a::after{display:none}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
@media(max-width:1100px){.dd{flex-direction:column}.dd .dd-t{display:none!important}.dd-menu{display:block;position:static;border:0;box-shadow:none;padding:0;min-width:0}.dd-menu a{padding:.5rem .62rem!important}}
.social{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.social a{display:inline-grid;place-items:center;transition:.2s}
.social-top a{width:24px;height:24px;color:#d9dfeb}.social-top a:hover{color:var(--gold-2)}.social-top .ic{width:16px;height:16px}
.social-foot a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:#fff}.social-foot a:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px)}.social-foot .ic{width:18px;height:18px}
.social-color a{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff}.social-color .ic{width:20px;height:20px}
.enq-float{position:fixed;left:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:8px;background:var(--gold-grad);color:var(--navy);border:0;border-radius:999px;padding:.8rem 1.15rem;font:700 .9rem var(--font-body);box-shadow:0 10px 26px rgba(201,162,39,.45);cursor:pointer}
.enq-float .ic{width:20px;height:20px}.enq-float:hover{transform:translateY(-2px)}
@media(max-width:560px){.enq-float span{display:none}.enq-float{padding:0;width:56px;height:56px;justify-content:center}}
html.is-app .enq-float{bottom:18px}
.enq-box{position:relative;max-width:560px}.enq-msg-box{display:none;padding:.7rem .9rem;border-radius:10px;margin-bottom:12px;font-size:.9rem}
.enq-msg-box.ok{display:block;background:#ecf8f1;color:#155f3b;border:1px solid #bfe5cf}.enq-msg-box.err{display:block;background:#fdeeed;color:#8f1d17;border:1px solid #f3c5c2}
.chips-filter{display:flex;gap:8px;flex-wrap:wrap}.chips-filter button{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:.45rem 1rem;font:600 .86rem var(--font-body);color:var(--ink-2);cursor:pointer}
.chips-filter button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.masonry{columns:4 240px;column-gap:16px}.m-item{display:block;break-inside:avoid;margin-bottom:16px;border-radius:14px;overflow:hidden;position:relative;background:var(--cream);box-shadow:0 4px 16px rgba(10,26,58,.08)}
.m-item img{width:100%;height:auto;transition:transform .5s}.m-item:hover img{transform:scale(1.04)}
.m-item .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(transparent,rgba(10,26,58,.85));color:#fff;font-size:.85rem;font-weight:600;opacity:0;transition:.3s}.m-item:hover .cap{opacity:1}
@media(hover:none){.m-item .cap{opacity:1}}
.lightbox{position:fixed;inset:0;z-index:400;background:rgba(5,12,28,.94);display:none;align-items:center;justify-content:center;padding:20px}.lightbox.on{display:flex}
.lightbox figure{margin:0;max-width:92vw;max-height:88vh;text-align:center}.lightbox img{max-width:92vw;max-height:80vh;border-radius:10px;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox figcaption{color:#e5ebf5;margin-top:12px;font-size:.95rem}
.lightbox button{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;border-radius:50%;width:48px;height:48px;font-size:2rem;line-height:1;cursor:pointer}
.lb-x{top:16px;right:16px}.lb-p{left:16px;top:50%;transform:translateY(-50%)}.lb-n{right:16px;top:50%;transform:translateY(-50%)}
.yt-lite{position:relative;aspect-ratio:16/9;background:#000 center/cover no-repeat;border-radius:14px;overflow:hidden;cursor:pointer}
.yt-lite.short{aspect-ratio:16/9}.yt-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-lite button{position:absolute;inset:0;margin:auto;width:68px;height:48px;border:0;border-radius:14px;background:rgba(255,0,0,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 7l8 5-8 5z'/%3E%3C/svg%3E") center/26px no-repeat;cursor:pointer;transition:.2s;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.yt-lite:hover button{transform:scale(1.08)}
.v-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.25s}.v-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.v-card .yt-lite{border-radius:0}.v-body{padding:14px 16px 16px}.v-body h4{margin:.3em 0 .2em;font-size:1.12rem}
.v-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:center}.v-feature .yt-lite{box-shadow:var(--shadow-2)}
@media(max-width:860px){.v-feature{grid-template-columns:minmax(0,1fr)}}
.gal-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gal-strip a{border-radius:12px;overflow:hidden;aspect-ratio:1;display:block}
.gal-strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gal-strip a:hover img{transform:scale(1.06)}
@media(max-width:620px){.gal-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---------- header v4: everything fits, Join + Book always visible ---------- */
header.site .container{width:min(1400px,100% - 32px);gap:14px}
header.site .brand{flex:none}
header.site nav.main{margin-left:auto;gap:2px}
header.site nav.main>a,header.site .dd-t{padding:.5rem .7rem;font-size:.9rem}
.nav-cta{flex:none}.nav-cta .btn{white-space:nowrap}
.nav-cta .cta-join,.nav-cta .cta-login{display:inline-flex!important}
.nav-cta .cta-login{background:transparent;padding-left:.6rem;padding-right:.6rem}
@media(max-width:1440px){.brand .t2{display:none}.nav-cta .cta-login{display:none!important}}
@media(max-width:1280px){header.site nav.main>a,header.site .dd-t{padding:.5rem .5rem;font-size:.86rem}.brand .t1{font-size:1.2rem}}
@media(max-width:1180px){header.site nav.main{margin-left:0}.burger{display:block}
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 16px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);max-height:calc(100vh - 90px);overflow:auto}
  nav.main.open{display:flex}
  .dd{flex-direction:column}.dd .dd-t{pointer-events:none;color:var(--gold-deep)!important;font-size:.72rem!important;letter-spacing:.14em;text-transform:uppercase;padding-top:.9rem!important}.dd .dd-t .car{display:none}.dd .dd-t::after{display:none}
  .dd-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 6px;min-width:0}}
@media(max-width:640px){.nav-cta .cta-join{display:none!important}.nav-cta .cta-book{padding:.55rem .8rem}.nav-cta .cta-book span{display:none}}
/* enquiry: slim vertical tab on the right edge instead of covering content */
.enq-float{left:auto;right:0;bottom:auto;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;border-radius:0 12px 12px 0;padding:1rem .62rem;gap:8px;box-shadow:-4px 6px 18px rgba(10,26,58,.22);z-index:95}
.enq-float .ic{transform:rotate(90deg)}
.enq-float:hover{transform:translateY(-50%) rotate(180deg);padding-right:.8rem}
@media(max-width:560px){.enq-float{writing-mode:horizontal-tb;transform:none;top:auto;bottom:150px;right:18px;border-radius:50%;width:56px;height:56px;padding:0;justify-content:center}.enq-float .ic{transform:none}.enq-float:hover{transform:none;padding:0}}
@media(max-width:1000px){.topbar .hide-m{display:none}}
@media(max-width:640px){.nav-cta .cta-book{display:inline-flex!important}}
.hero .join-line{margin-top:14px;font-size:.95rem;color:#cdd6e6}.hero .join-line a{color:var(--gold-2);font-weight:700;border-bottom:1px solid rgba(227,197,101,.5)}.hero .join-line a:hover{color:#fff}
/* ---------- header v5: generous spacing at every width ---------- */
header.site .container{width:min(1440px,100% - 40px)}
header.site nav.main>a.nav-home{display:none}
@media(max-width:1599px){.brand .t2{display:none}.nav-cta .cta-login{display:none!important}}
@media(max-width:1319px){header.site nav.main{margin-left:0}.burger{display:block}
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 16px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);max-height:calc(100vh - 90px);overflow:auto}
  nav.main.open{display:flex}header.site nav.main>a.nav-home{display:block}
  .dd{flex-direction:column}.dd .dd-t{pointer-events:none;color:var(--gold-deep)!important;font-size:.72rem!important;letter-spacing:.14em;text-transform:uppercase;padding-top:.9rem!important}.dd .dd-t .car{display:none}.dd .dd-t::after{display:none}
  .dd-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 6px;min-width:0}
  header.site .container{justify-content:space-between}.nav-cta{margin-left:auto}}
@media(max-width:899px){.nav-cta .cta-join{display:none!important}}
@media(max-width:420px){.brand img{width:40px;height:40px}.brand .t1{font-size:.98rem;max-width:150px}.nav-cta{gap:4px}.nav-cta .cta-book{padding:.5rem .7rem}.burger{padding:4px}}