:root{--navy:#00344e;--deep:#00283d;--blue:#006ca8;--gold:#c49a6c;--paper:#f4f1ea;--white:#fff;--ink:#06344d;--muted:#6b7c84;--serif:"DM Serif Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;color:var(--ink);background:#fff;font:400 15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
button,a,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p{overflow-wrap:break-word}
section[id]{scroll-margin-top:98px}
.skip{position:fixed;left:1rem;top:-5rem;z-index:500;padding:.8rem 1rem;background:#fff}
.skip:focus{top:1rem}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.button{min-height:48px;padding:.85rem 1.35rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em}
.button-gold{color:var(--deep);background:var(--gold)}
.button-dark{color:#fff;background:var(--navy)}
.button-outline{color:#fff;border-color:rgba(255,255,255,.58)}
.line-link{display:inline-block;padding-bottom:.25rem;border-bottom:1px solid currentColor;font-size:.68rem;font-weight:800;text-transform:uppercase}

.header{height:100px;padding:0 clamp(2rem,5.2vw,5.2rem);position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--deep);border-bottom:1px solid rgba(255,255,255,.06)}
.logo{width:150px;display:flex;align-items:center}
.logo img{width:82px;height:76px;object-fit:contain}
.header-actions{display:flex;align-items:center;gap:1rem}
.menu{min-height:48px;padding:.75rem 1.05rem;display:flex;align-items:center;gap:.7rem;color:#fff;background:var(--blue);border:0;box-shadow:7px 7px 0 rgba(196,154,108,.3);text-transform:uppercase}
.menu span{width:20px;height:14px;position:relative;border-block:1px solid currentColor}
.menu span:after{content:"";position:absolute;left:0;right:0;top:6px;border-top:1px solid currentColor}
.menu b{font-size:.7rem}
.header-club,.header-actions>.button{min-height:48px;padding:.75rem 1.35rem;display:flex;align-items:center;border:1px solid rgba(255,255,255,.55);font-size:.68rem;font-weight:800;text-transform:uppercase}
.header nav{display:none;position:absolute;left:0;right:0;top:100px;min-height:calc(100vh - 100px);padding:5rem max(6vw,4rem);grid-template-columns:1fr 1fr;gap:8vw;background:rgba(0,40,61,.985)}
.header nav.open{display:grid}
.header nav strong{margin-bottom:1rem;display:block;color:var(--gold);font:400 1.6rem var(--serif)}
.header nav a{display:block;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.12);font:400 clamp(2rem,3.5vw,4rem)/1.15 var(--serif)}
.header nav a:hover{color:var(--gold)}

.hero{height:calc(100svh - 100px);min-height:575px;max-height:760px;position:relative;overflow:hidden;color:#fff;background:var(--deep)}
.hero-copy{width:53%;height:100%;padding:clamp(3rem,5.2vw,5.2rem);position:relative;z-index:5;display:flex;justify-content:center;flex-direction:column}
.hero h1{max-width:650px;margin:0;font:400 clamp(4rem,5.3vw,6rem)/.96 var(--serif);letter-spacing:-.035em}
.hero h1 span{color:var(--gold)}
.hero-copy p{margin:2rem 0 0;color:#ced9dd;font-size:1.05rem;line-height:1.65}
.hero-visual{position:absolute;inset:0 0 0 42%;overflow:hidden}
.hero-paper{position:absolute;z-index:1;right:-2%;top:0;width:62%;height:100%;background:var(--paper);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,20% 60%,0 38%)}
.hero-gold{position:absolute;z-index:2;right:-8%;bottom:7%;width:58%;height:50%;background:var(--gold);clip-path:polygon(40% 0,100% 42%,100% 100%,0 100%)}
.hero-lines{position:absolute;z-index:4;right:0;top:0;width:20%;height:100%;background:repeating-linear-gradient(135deg,var(--deep) 0 7px,transparent 7px 20px)}
.hero-vokai-art{width:54%;height:104%;position:absolute;z-index:3;left:16%;bottom:-3%;object-fit:cover;object-position:50% 38%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 15%)}
.hero-mark{width:76px;height:72px;position:absolute;z-index:6;right:5%;bottom:6%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))}
.hero-scroll{width:60px;height:118px;position:absolute;z-index:10;left:5%;bottom:0;display:grid;place-items:center;background:var(--blue)}
.hero-scroll span{width:20px;height:20px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-4px,-4px)}

.story{min-height:820px;padding:clamp(6rem,9vw,10rem) clamp(2rem,8vw,9rem);display:grid;grid-template-columns:minmax(340px,.86fr) 1.14fr;gap:clamp(4rem,8vw,9rem);align-items:center;background:#fff}
.story-image{height:610px;margin:0;position:relative}
.story-image:before{content:"";position:absolute;left:-2.2rem;top:-2.2rem;width:66%;height:45%;background:repeating-linear-gradient(135deg,var(--blue) 0 3px,transparent 3px 12px)}
.story-image img{width:100%;height:100%;position:relative;object-fit:cover}
.story-copy h2,.services>h2,.units>h2,.proof>h2,.faq h2,.content>h2{margin:0 0 2rem;font:400 clamp(3.4rem,5vw,5.8rem)/.94 var(--serif);letter-spacing:-.035em}
.story-text{max-width:680px;margin-bottom:2rem}
.story-text p{margin:0 0 1rem;color:var(--muted);font-size:.92rem}

.services{padding:clamp(6rem,8vw,9rem) 0;text-align:center;background:var(--paper);overflow:hidden}
.services>h2{max-width:920px;margin-inline:auto;padding-inline:1.5rem}
.carousel{position:relative}
.carousel-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.carousel-track::-webkit-scrollbar{display:none}
.services .carousel-track{padding:1.2rem max(5vw,calc((100vw - 1320px)/2))}
.service-slide{flex:0 0 min(370px,82vw);height:500px;position:relative;overflow:hidden;scroll-snap-align:center;background:var(--deep)}
.service-slide img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.service-slide:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,40,61,.96))}
.service-slide>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:2rem;text-align:left;color:#fff}
.service-slide h3{margin:0 0 1rem;font:400 2.2rem/1.05 var(--serif)}
.service-slide button{padding:0 0 .25rem;color:#fff;border:0;border-bottom:1px solid currentColor;background:none;font-size:.68rem;font-weight:800;text-transform:uppercase}
.service-slide:hover img{transform:scale(1.035)}
.real-service img{transform:scale(1.55)}
.real-service:hover img{transform:scale(1.6)}
.real-service-cut img{object-position:50% 48%}
.real-service-beard img{object-position:50% 42%}
.real-service-complete img{object-position:50% 42%}
.real-service-kids img{object-position:54% 40%}
.carousel-arrow{width:54px;height:54px;position:absolute;z-index:10;top:48%;border:0;border-radius:50%;color:#fff;background:var(--blue);font-size:2rem;box-shadow:0 12px 30px rgba(0,40,61,.2)}
.carousel-arrow.prev{left:clamp(.5rem,3vw,3rem)}
.carousel-arrow.next{right:clamp(.5rem,3vw,3rem)}
.carousel-arrow:disabled{opacity:.25}
.carousel-status{margin:1rem 0;color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}
.services>.button{margin-top:1.5rem}

.culture{min-height:760px;padding:clamp(6rem,9vw,10rem) clamp(2rem,8vw,9rem);display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;color:#fff;background:var(--gold)}
.culture-head span{margin-bottom:1.6rem;display:block;color:var(--deep);font-size:.76rem;font-weight:800;text-transform:uppercase}
.culture-head strong{display:block;font:400 clamp(4rem,7vw,7.4rem)/.84 var(--serif);letter-spacing:-.045em}
.culture-head strong:last-child{color:var(--deep)}
.culture-body h2{margin:0 0 2rem;font:400 clamp(2.2rem,3.2vw,3.9rem)/1.08 var(--serif)}
.culture-body p{max-width:650px;margin-bottom:2rem;font-size:1rem}

.units{padding:clamp(6rem,9vw,9rem) 0;color:#fff;background:var(--deep);overflow:hidden}
.units>h2{max-width:1180px;margin:0 auto 3.2rem;padding:0 5vw;color:#fff}
.units .carousel-track{padding:0 max(6vw,calc((100vw - 1260px)/2))}
.unit-slide{flex:0 0 min(1040px,86vw);min-height:530px;display:grid;grid-template-columns:1.15fr .85fr;scroll-snap-align:center;background:#fff;color:var(--ink)}
.unit-slide>img{width:100%;height:100%;min-height:530px;object-fit:cover}
.unit-slide>div{padding:clamp(2rem,5vw,5rem);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}
.unit-slide h3{margin:0 0 1rem;font:400 clamp(2.4rem,4vw,4rem)/1 var(--serif)}
.unit-slide p{margin:0 0 2rem;color:var(--muted)}
.unit-slide>div>a{margin-top:1.2rem;border-bottom:1px solid;font-size:.68rem;font-weight:800;text-transform:uppercase}
.units .carousel-status{color:#b8c5ca}

.club{min-height:690px;padding:clamp(6rem,8vw,9rem);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;color:#fff;background:var(--blue)}
.club:after{content:"";position:absolute;right:-5%;top:-20%;width:55%;height:140%;background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 4px,transparent 4px 22px);transform:rotate(8deg)}
.club-copy{position:relative;z-index:2}
.club-copy>p,.academy>div>p{margin:0 0 1rem;color:var(--gold);font-size:.72rem;font-weight:800;text-transform:uppercase}
.club h2,.academy h2,.closing h2{margin:0 0 1.5rem;font:400 clamp(3.7rem,6vw,6.8rem)/.92 var(--serif)}
.club-copy>span{max-width:560px;margin-bottom:2rem;display:block;color:#dbe8ed}
.club-word{position:relative;z-index:2;text-align:right;color:rgba(255,255,255,.17);font:800 clamp(5rem,10vw,11rem)/.72 var(--sans);letter-spacing:-.09em}

.academy{min-height:700px;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}
.academy figure{min-height:700px;margin:0;overflow:hidden}
.academy figure img{width:100%;height:100%;object-fit:cover}
.academy>div{padding:clamp(4rem,7vw,8rem);display:flex;justify-content:center;align-items:flex-start;flex-direction:column}
.academy h2{font-size:clamp(3.2rem,5vw,5.4rem)}
.academy>div>span{max-width:600px;color:var(--muted)}
.academy>div>strong{margin:1.5rem 0;color:var(--blue)}
.academy .line-link{margin-top:1.2rem}

.proof{padding:clamp(6rem,9vw,10rem) max(4vw,2rem);background:#fff}
.proof>h2{max-width:1050px;margin-inline:auto;text-align:center}
.proof-track{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(0,52,78,.14)}
.proof article{min-height:320px;padding:3rem;display:flex;flex-direction:column}
.proof article+article{border-left:1px solid rgba(0,52,78,.14)}
.proof article span{color:var(--gold);font-size:.7rem;font-weight:800}
.proof article p{margin:auto 0;font:400 2rem/1.15 var(--serif)}
.proof article strong{color:var(--muted);font-size:.7rem;text-transform:uppercase}

.faq{padding:clamp(6rem,9vw,10rem) max(6vw,2rem);background:var(--paper)}
.faq header{max-width:950px;margin:0 auto 4rem;text-align:center}
.faq header p{color:var(--muted)}
.faq-columns{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.faq-list article{border-bottom:1px solid rgba(0,52,78,.18)}
.faq-list h3{margin:0}
.faq-list button{width:100%;padding:1.4rem 0;display:flex;justify-content:space-between;align-items:center;border:0;background:none;text-align:left;color:var(--ink);font:400 1.35rem var(--serif)}
.faq-list button b{font:400 1.3rem var(--sans);transition:transform .2s}
.faq-list button[aria-expanded="true"] b{transform:rotate(45deg)}
.faq-list article>div{padding:0 2rem 1.3rem 0;color:var(--muted)}
.faq-list article>div[hidden]{display:none}

.closing{min-height:640px;padding:6rem 1.5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;background:var(--deep)}
.closing>img{width:96px;height:90px;object-fit:contain}
.closing>p{margin:1.4rem 0 .5rem;color:var(--gold);font-size:.72rem;font-weight:800;text-transform:uppercase}
.closing h2{max-width:900px}
.closing>div{display:flex;gap:1rem}

.content{padding:clamp(6rem,9vw,10rem) max(5vw,2rem);text-align:center;background:#fff}
.content-heading{max-width:1260px;margin:0 auto 3rem;display:flex;align-items:flex-end;justify-content:space-between;gap:4rem;text-align:left}
.content-heading span{color:var(--gold);font-size:.68rem;font-weight:800;text-transform:uppercase}
.content-heading h2{margin:.4rem 0 0}
.content-heading>p{max-width:520px;margin:0;color:var(--muted)}
.content-grid{max-width:1260px;margin:0 auto 2.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;text-align:left}
.content article{min-height:340px;padding:2.2rem;display:flex;align-items:flex-start;flex-direction:column;background:var(--paper);border-top:4px solid var(--gold)}
.content article>span{color:var(--blue);font-size:.66rem;font-weight:800;text-transform:uppercase}
.content article h3{margin:2.6rem 0 1rem;font:400 2rem/1.12 var(--serif)}
.content article p{margin:0;color:var(--muted)}
.content article a{margin-top:auto;padding-top:1.5rem;display:inline-block;border-bottom:1px solid;font-size:.68rem;font-weight:800;text-transform:uppercase}
.home-blog-tools{max-width:1260px;margin:0 auto 2.5rem;padding:1.5rem 0;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;border-block:1px solid rgba(0,52,78,.13);text-align:left}
.home-blog-tools label{display:flex;flex-direction:column;gap:.45rem;color:var(--ink);font-size:.68rem;font-weight:800;text-transform:uppercase}.home-blog-tools input{width:min(420px,70vw);padding:.85rem 0;border:0;border-bottom:1px solid var(--ink);background:transparent;font-size:1rem;text-transform:none}
.home-blog-tools>div{display:flex;gap:.5rem;flex-wrap:wrap}.home-blog-tools button{padding:.65rem .9rem;border:1px solid rgba(0,52,78,.18);background:transparent;font-size:.65rem;font-weight:800;text-transform:uppercase}.home-blog-tools button.active{color:#fff;background:var(--navy)}
.home-blog-meta{max-width:1260px;margin:0 auto 1.5rem;display:flex;align-items:flex-end;justify-content:space-between;text-align:left}.home-blog-meta h3{margin:0;font:400 clamp(2.2rem,3.4vw,3.5rem)/1 var(--serif)}.home-blog-meta p{margin:0;color:var(--muted);font-size:.75rem}
.content-blog .blog-grid{margin-bottom:2.5rem;text-align:left}.content-blog .blog-card{min-height:0;padding:0;display:block;background:var(--paper);border-top:0}.content-blog .blog-card>img{height:330px}.content-blog .blog-card>div{min-height:295px;padding:2rem}.content-blog .blog-card h3{margin:1.2rem 0 .8rem}.content-blog .blog-card button{margin-top:auto}.home-blog-all{margin-top:.5rem}

footer{padding:5rem max(6vw,2rem) 2rem;color:#fff;background:var(--deep)}
.footer-top{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:4rem}
.footer-brand img{width:90px;height:86px;object-fit:contain}
.footer-brand p{font:400 1.5rem var(--serif)}
.footer-top h2{margin:0 0 1rem;color:var(--gold);font:400 1.35rem var(--serif)}
.footer-top>div>a{display:block;padding:.25rem 0;color:#cbd8dd;font-size:.8rem}
.footer-bottom{margin-top:4rem;padding-top:2rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12)}
.footer-bottom strong{font:400 1.6rem var(--serif)}
.footer-bottom small{color:#9fb0b7}

.social-rail{position:fixed;right:0;top:50%;z-index:190;display:grid;transform:translateY(-50%);background:var(--deep);border:1px solid rgba(196,154,108,.45);border-right:0}
.social-rail a{width:52px;height:52px;display:grid;place-items:center;color:#fff;font-size:.7rem;font-weight:800}
.social-rail a+a{border-top:1px solid rgba(255,255,255,.12)}
.social-rail svg{width:20px;height:20px;fill:currentColor}

.booking{max-width:520px;width:calc(100% - 2rem);padding:0;border:0;color:var(--ink);background:var(--paper)}
.booking::backdrop{background:rgba(0,40,61,.9);backdrop-filter:blur(7px)}
.booking form{padding:2.6rem;position:relative}
.booking form>img{width:74px;height:70px;padding:.2rem;object-fit:contain;background:var(--deep)}
.booking h2{margin:1rem 0 .6rem;font:400 2.7rem/1 var(--serif)}
.booking label{margin:1rem 0;display:flex;flex-direction:column;gap:.35rem;font-size:.7rem;font-weight:800}
.booking select{padding:.9rem;border:1px solid rgba(0,52,78,.2);background:#fff}
.booking .button{width:100%;margin-top:.7rem}
.whatsapp-action{width:100%;min-height:48px;margin-top:.7rem;border:0;color:#fff;background:#176d4c;font-size:.7rem;font-weight:800;text-transform:uppercase}
.dialog-close{position:absolute;right:1rem;top:1rem;border:0;background:none;font-size:1.8rem}
.result{min-height:1.2em;color:#2e6d47;font-size:.72rem}

.blog-page{background:var(--paper)}
.blog-hero{min-height:540px;padding:clamp(5rem,9vw,9rem) max(7vw,2rem);display:flex;align-items:center;justify-content:space-between;overflow:hidden;color:#fff;background:var(--deep)}
.blog-hero>div{max-width:850px}.blog-hero span{color:var(--gold);font-size:.7rem;font-weight:800;text-transform:uppercase}.blog-hero h1{margin:.3rem 0 1rem;font:400 clamp(5rem,10vw,10rem)/.85 var(--serif)}.blog-hero p{max-width:670px;color:#cbd9de;font-size:1.05rem}.blog-hero>img{width:min(25vw,240px);height:auto;opacity:.24;filter:grayscale(1)}
.blog-tools{padding:2rem max(7vw,2rem);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;background:#fff;border-bottom:1px solid rgba(0,52,78,.12)}
.blog-tools label{display:flex;flex-direction:column;gap:.45rem;font-size:.68rem;font-weight:800;text-transform:uppercase}.blog-tools input{width:min(420px,70vw);padding:.9rem 0;border:0;border-bottom:1px solid var(--ink);background:transparent;font-size:1rem;text-transform:none}
.blog-tools>div{display:flex;gap:.5rem;flex-wrap:wrap}.blog-tools button{padding:.65rem .9rem;border:1px solid rgba(0,52,78,.18);background:transparent;font-size:.65rem;font-weight:800;text-transform:uppercase}.blog-tools button.active{color:#fff;background:var(--navy)}
.blog-list{padding:clamp(5rem,8vw,8rem) max(7vw,2rem)}.blog-list>header{max-width:1260px;margin:0 auto 2.5rem;display:flex;align-items:end;justify-content:space-between}.blog-list h2{margin:0;font:400 clamp(3rem,5vw,5rem)/.95 var(--serif)}.blog-list header p{color:var(--muted);font-size:.75rem}
.blog-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.blog-card{overflow:hidden;background:#fff}.blog-card>img{width:100%;height:360px;object-fit:cover}.blog-card>div{min-height:310px;padding:2rem;display:flex;align-items:flex-start;flex-direction:column}.blog-card span{color:var(--blue);font-size:.62rem;font-weight:800;text-transform:uppercase}.blog-card h3{margin:1.2rem 0 .8rem;font:400 2rem/1.12 var(--serif)}.blog-card p{margin:0;color:var(--muted)}.blog-card button{margin-top:auto;padding:.8rem 0 0;border:0;border-bottom:1px solid;background:none;font-size:.68rem;font-weight:800;text-transform:uppercase}.blog-empty{grid-column:1/-1;padding:4rem;text-align:center;background:#fff}
.blog-cta{padding:clamp(5rem,8vw,8rem) 2rem;text-align:center;color:#fff;background:var(--blue)}.blog-cta h2{margin:0 0 .8rem;font:400 clamp(3rem,5vw,5rem)/.95 var(--serif)}.blog-cta p{margin:0 0 2rem}.blog-footer{padding:3rem max(7vw,2rem);display:flex;align-items:center;gap:1.5rem;color:#fff;background:var(--deep)}.blog-footer img{width:70px;height:66px;object-fit:contain}.blog-footer p{margin-right:auto;font:400 1.4rem var(--serif)}.blog-footer a{border-bottom:1px solid;font-size:.68rem;font-weight:800;text-transform:uppercase}
.post-dialog{max-width:720px;width:calc(100% - 2rem);padding:0;border:0;background:var(--paper)}.post-dialog::backdrop{background:rgba(0,40,61,.9);backdrop-filter:blur(7px)}.post-dialog article{padding:clamp(2rem,5vw,4.5rem);position:relative}.post-dialog article>span{color:var(--gold);font-size:.68rem;font-weight:800;text-transform:uppercase}.post-dialog h2{margin:.6rem 0 1.5rem;font:400 clamp(2.5rem,5vw,4rem)/1 var(--serif)}.post-dialog p{color:var(--muted);font-size:1rem;line-height:1.9}

/* Vokai club experience — faithful editorial composition */
.hero-vokai-art{left:10%;width:72%;height:108%;object-position:50% 30%}
.services{background:var(--gold)}.services>h2{color:#fff}.services>h2::first-line{color:#fff}.services .carousel-track{padding-block:2rem}.service-slide{flex-basis:min(310px,78vw);height:420px;outline:1px solid rgba(255,255,255,.45);outline-offset:-13px}.service-slide:after{inset:32% 0 0;background:linear-gradient(transparent,rgba(0,40,61,.97))}.service-slide>div{padding:2rem 2.4rem}.service-slide h3{font-size:2rem}.services .carousel-status{color:var(--deep)}.services .carousel-arrow{background:var(--deep)}
.culture{min-height:620px;padding:0;grid-template-columns:1fr 1.05fr;gap:0;color:#fff;background:var(--deep)}.culture-body{padding:clamp(4rem,7vw,7rem)}.culture-body h2{font-size:clamp(3.4rem,5.2vw,6rem);line-height:.9}.culture-body h2 span{color:var(--gold)}.culture-body p{max-width:600px;color:#d1dcdf}.culture-visual{height:100%;min-height:620px;margin:0;position:relative;overflow:hidden}.culture-visual:after{content:"";position:absolute;inset:auto 0 0 65%;height:28%;background:repeating-linear-gradient(135deg,var(--gold) 0 3px,transparent 3px 13px)}.culture-visual img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.corporate{padding:clamp(5rem,8vw,8rem) max(6vw,2rem);display:grid;grid-template-columns:minmax(320px,.85fr) 1.15fr;gap:clamp(3rem,7vw,7rem);align-items:center;background:#fff}.corporate figure{height:460px;margin:0;position:relative}.corporate figure:before{content:"";position:absolute;inset:-1.5rem 35% 35% -1.5rem;background:repeating-linear-gradient(135deg,var(--gold) 0 3px,transparent 3px 12px)}.corporate figure img{width:100%;height:100%;position:relative;object-fit:cover}.corporate h2{max-width:720px;margin:0 0 1.5rem;font:400 clamp(3rem,5vw,5.2rem)/.92 var(--serif)}.corporate p{max-width:620px;color:var(--muted)}.corporate .button{margin-top:1.5rem}
.units{color:var(--ink);background:linear-gradient(#fff 0 76%,var(--gold) 76%)}.units>h2{color:var(--ink);text-align:center}.units .carousel-track{gap:1.2rem}.unit-slide{flex:0 0 min(540px,86vw);min-height:610px;display:block;color:#fff;background:var(--deep)}.unit-slide>img{width:100%;height:310px;min-height:310px}.unit-slide>div{min-height:300px;padding:2rem 2.4rem;display:block}.unit-slide h3{font-size:2.45rem}.unit-slide p{color:#bdcbd0}.unit-slide>div>a{margin-left:1rem;color:#fff}.units .carousel-status{color:var(--deep)}
.club-app{min-height:680px;padding:0 max(6vw,2rem);display:grid;grid-template-columns:.8fr 1.25fr .85fr;align-items:center;gap:clamp(2rem,5vw,5rem);overflow:hidden;color:#fff;background:var(--gold)}.club-app-copy>img{width:82px;height:78px;padding:.3rem;object-fit:contain;background:var(--deep)}.club-app-copy h2{margin:1.2rem 0;font:400 clamp(3.3rem,5vw,5.8rem)/.9 var(--serif)}.club-app-copy p{max-width:390px}.club-app-action>p{font:400 clamp(2rem,3vw,3.2rem)/1.25 var(--serif)}.club-app-action .button{width:100%;margin:.5rem 0}.club-app-action .button-outline{border-color:#fff}.phone-stage{height:640px;position:relative;align-self:end}.phone{width:255px;height:520px;padding:12px;position:absolute;border:8px solid #172126;border-radius:40px;background:#080d10;box-shadow:0 24px 45px rgba(0,0,0,.35);transform:rotate(-12deg)}.phone:before{content:"";width:34%;height:18px;position:absolute;z-index:3;left:33%;top:6px;border-radius:0 0 13px 13px;background:#080d10}.phone-booking{left:2%;bottom:-40px;transform:rotate(-7deg)}.phone-member{right:2%;top:0;z-index:2;transform:rotate(11deg)}.phone-screen{height:100%;padding:42px 18px 24px;display:flex;align-items:stretch;flex-direction:column;gap:14px;border-radius:25px;color:var(--ink);background:#fff;overflow:hidden}.phone-screen>span{text-align:center;color:var(--gold);font-size:.62rem;font-weight:800;text-transform:uppercase}.phone-screen img,.mini-logo{width:78px;height:74px;margin:1rem auto;object-fit:contain}.mini-logo{padding:.3rem;background:var(--deep)}.phone-screen b{font:400 1.5rem var(--serif)}.phone-screen i{padding:.8rem;border:1px solid rgba(0,52,78,.16);font-size:.65rem;font-style:normal}.phone-screen em{margin-top:auto;padding:.8rem;text-align:center;color:#fff;background:var(--blue);font-size:.65rem;font-style:normal;font-weight:800;text-transform:uppercase}.phone-member .phone-screen{justify-content:center;text-align:center;color:#fff;background:var(--deep)}.phone-member .phone-screen strong{font:400 2.1rem/1 var(--serif)}.phone-member .phone-screen small{color:var(--gold);text-transform:uppercase}
.club-reason{background:#fff}.club-reason-hero{height:300px;padding:2.5rem max(6vw,2rem);position:relative;display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--gold)}.club-reason-hero h2{width:34%;margin:0;font:400 clamp(2.5rem,4vw,4.6rem)/.9 var(--serif)}.club-reason-mark{position:absolute;left:42%;top:-28%;color:rgba(255,255,255,.95);font:400 21rem/1 var(--serif)}.club-reason-hero img{width:33%;height:125%;position:absolute;right:10%;bottom:0;object-fit:cover;object-position:center 18%;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.club-reason-body{max-width:1120px;margin:auto;padding:5rem 2rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;align-items:center}.club-reason-body figure{height:480px;margin:0;position:relative}.club-reason-body figure:before{content:"";position:absolute;inset:-1.2rem 50% 45% -1.2rem;background:repeating-linear-gradient(135deg,var(--gold) 0 3px,transparent 3px 12px)}.club-reason-body img{width:100%;height:100%;position:relative;object-fit:cover}.club-reason-body p{color:var(--muted)}
.club-benefits{padding:clamp(5rem,8vw,8rem) max(7vw,2rem);color:#fff;background:var(--deep)}.club-benefits header{text-align:center}.club-benefits h2{margin:0;font:400 clamp(3rem,5vw,5.2rem)/.92 var(--serif)}.club-benefits h2 span{color:var(--gold)}.club-benefits header p{max-width:680px;margin:1rem auto 3rem;color:#aebfc5}.benefits-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.benefit-card{min-height:210px;padding:2rem;color:var(--ink);background:#fff}.benefit-card b{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--gold)}.benefit-card h3{margin:1rem 0 .5rem;font:400 1.55rem/1.05 var(--serif)}.benefit-card p{margin:0;color:var(--muted);font-size:.78rem}
.proof{color:#fff;background:var(--deep)}.proof>h2 span{color:var(--gold)}.proof-carousel{max-width:1280px;margin:auto;position:relative}.proof-track{border:0;gap:1.2rem}.proof article{min-height:220px;color:var(--ink);background:#fff}.proof article+article{border:0}.proof article p{margin:0 0 auto;font:400 1.5rem/1.3 var(--serif)}.proof article strong{color:var(--ink)}.proof-arrow{width:44px;height:44px;position:absolute;z-index:2;top:50%;transform:translateY(-50%);border:0;border-radius:50%;color:#fff;background:var(--gold);font-size:1.8rem}.proof-prev{left:-58px}.proof-next{right:-58px}
.faq{padding:0 0 7rem;color:#fff;background:var(--gold)}.faq-intro{height:300px;padding:3rem 2rem;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.faq header{max-width:620px;margin:0;position:relative;z-index:2}.faq header p{color:#fff}.faq-portrait{width:30%;height:130%;position:absolute;bottom:-25%;object-fit:cover;opacity:.94}.faq-portrait-left{left:0;object-position:center 15%}.faq-portrait-right{right:0;object-position:center 15%}.faq-shell{max-width:1240px;margin:0 auto;padding:3.5rem;background:var(--deep)}.faq-columns{gap:1.4rem}.faq-list article{margin-bottom:.8rem;border:0;background:rgba(255,255,255,.08)}.faq-list button{padding:1.5rem 1.8rem;color:#fff;font:500 1rem/1.35 var(--sans)}.faq-list button b{color:var(--gold)}.faq-list article>div{padding:0 1.8rem 1.5rem;color:#cbd7db}
.content-blog .blog-card{outline:1px solid var(--gold);outline-offset:-1px;background:#fff}.content-blog .blog-card>img{height:250px;margin:-14px 0 0 -14px;width:calc(100% - 14px)}.content-blog .blog-card>div{min-height:260px}.content-blog .blog-card h3{color:var(--gold)}.content-blog .blog-card button{min-width:118px;padding:.8rem 1rem;border:0;color:#fff;background:var(--deep)}
.services-catalog{width:min(1120px,calc(100% - 2rem));max-width:none;height:min(90vh,900px);padding:0;border:0;background:var(--paper)}.services-catalog::backdrop{background:rgba(0,40,61,.92);backdrop-filter:blur(8px)}.catalog-shell{min-height:100%;padding:clamp(2rem,5vw,4rem);position:relative}.catalog-shell header{text-align:center}.catalog-shell header>span{color:var(--gold);font-size:.68rem;font-weight:800;text-transform:uppercase}.catalog-shell h2{margin:.4rem 0 2rem;font:400 clamp(2.8rem,5vw,5rem)/.95 var(--serif)}.catalog-tabs{margin-bottom:2rem;display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap}.catalog-tabs button{padding:.7rem 1rem;border:1px solid var(--gold);background:#fff;font-size:.68rem;font-weight:800}.catalog-tabs button.active{color:#fff;background:var(--gold)}.catalog-list{max-width:850px;margin:auto;display:grid;gap:1rem}.catalog-card{padding:.8rem;display:grid;grid-template-columns:170px 1fr;gap:1.2rem;color:#fff;background:var(--deep);outline:1px solid var(--gold);outline-offset:5px}.catalog-card[hidden]{display:none}.catalog-card>img{width:170px;height:150px;object-fit:cover}.catalog-card h3{margin:0 0 .4rem;color:var(--gold);font:400 1.55rem/1.05 var(--serif)}.catalog-card p{margin:.2rem 0 .8rem;color:#c5d1d5;font-size:.76rem}.catalog-card>div>div{display:flex;gap:.6rem;flex-wrap:wrap}.catalog-card button{min-height:38px;padding:.55rem .8rem;border:1px solid #fff;color:#fff;background:transparent;font-size:.58rem;font-weight:800;text-transform:uppercase}.catalog-card .service-more-button{border-color:var(--gold);background:var(--gold)}.catalog-card .service-more{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.12)}

@media(max-width:1000px){
  .hero-copy{width:58%}.hero-visual{left:42%}.hero-vokai-art{left:10%;width:65%}
  .story{grid-template-columns:.9fr 1.1fr;gap:3rem}.culture{grid-template-columns:1fr}.culture-body{max-width:760px}
  .unit-slide{grid-template-columns:1fr 1fr}.club{grid-template-columns:1fr}.club-word{display:none}
  .academy{grid-template-columns:.9fr 1.1fr}.proof-track{grid-template-columns:1fr}.proof article+article{border-left:0;border-top:1px solid rgba(0,52,78,.14)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .corporate{grid-template-columns:1fr 1fr;gap:3rem}.club-app{grid-template-columns:1fr 1.1fr}.club-app-action{grid-column:1/-1;padding-bottom:4rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.club-app-action p{grid-column:1/-1}.club-reason-hero h2{width:50%}.club-reason-hero img{right:2%;width:42%}.benefits-grid{grid-template-columns:repeat(2,1fr)}.proof-arrow{display:none}
}
@media(max-width:760px){
  .header{height:76px;padding:0 1rem}.logo{width:76px}.logo img{width:64px;height:58px}.header-club,.header-actions>.button{display:none}.header nav{top:76px;min-height:calc(100vh - 76px);padding:2rem 1.2rem;grid-template-columns:1fr;gap:2rem}.header nav a{font-size:2rem}
  .hero{height:auto;min-height:680px}.hero-copy{width:100%;min-height:680px;padding:6rem 1.25rem 5rem;background:linear-gradient(90deg,rgba(0,40,61,.98),rgba(0,40,61,.86) 68%,rgba(0,40,61,.2))}.hero h1{font-size:clamp(3.6rem,15vw,5.3rem)}.hero-copy p{max-width:85%;font-size:.92rem}.hero-visual{left:0}.hero-paper{width:56%}.hero-vokai-art{left:48%;width:56%;opacity:.65}.hero-lines{width:16%}.hero-mark{right:4%;bottom:4%;width:58px}.hero-scroll{left:1.25rem;height:80px}
  .story{padding:6rem 1.2rem;grid-template-columns:1fr;gap:3rem}.story-image{height:auto;aspect-ratio:4/5;margin-left:1.4rem}.story-copy h2,.services>h2,.units>h2,.proof>h2,.faq h2,.content>h2{font-size:3.25rem}
  .services .carousel-track{padding-inline:1rem}.service-slide{height:460px}.culture{padding:6rem 1.2rem;gap:3rem}.culture-head strong{font-size:4.5rem}.culture-body h2{font-size:2.5rem}
  .units>h2{padding-inline:1.2rem}.units .carousel-track{padding-inline:1rem}.unit-slide{flex-basis:88vw;grid-template-columns:1fr}.unit-slide>img{height:330px;min-height:330px}.unit-slide>div{padding:2rem 1.5rem}.carousel-arrow{width:46px;height:46px}
  .club{padding:6rem 1.2rem}.club h2,.academy h2,.closing h2{font-size:3.7rem}.academy{grid-template-columns:1fr}.academy figure{min-height:480px}.academy>div{padding:5rem 1.2rem}
  .proof,.faq,.content{padding:6rem 1.2rem}.faq-columns{grid-template-columns:1fr;gap:0}.closing{min-height:570px}.closing>div{align-items:center;flex-direction:column}
  .content-heading{align-items:flex-start;flex-direction:column;gap:1rem}.content-grid{grid-template-columns:1fr}.home-blog-tools,.home-blog-meta{align-items:flex-start;flex-direction:column}.home-blog-tools input{width:min(100%,420px)}
  .footer-top{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-bottom{align-items:flex-start;flex-direction:column;gap:1rem}.blog-hero{min-height:480px}.blog-hero>img{display:none}.blog-tools,.blog-list>header{align-items:flex-start;flex-direction:column}.blog-grid{grid-template-columns:1fr}.blog-footer{align-items:flex-start;flex-wrap:wrap}
  .social-rail{top:auto;right:.7rem;bottom:.7rem;transform:none;grid-template-columns:repeat(3,44px)}.social-rail a{width:44px;height:44px}.social-rail a+a{border-top:0;border-left:1px solid rgba(255,255,255,.12)}
  .culture{padding:0;grid-template-columns:1fr}.culture-body{padding:5rem 1.2rem}.culture-visual{min-height:520px}.corporate{padding:5rem 1.2rem;grid-template-columns:1fr}.corporate figure{height:auto;aspect-ratio:4/5}.club-app{padding:5rem 1.2rem 0;grid-template-columns:1fr}.phone-stage{height:540px}.phone{width:220px;height:460px}.club-app-action{padding-bottom:5rem;grid-template-columns:1fr}.club-reason-hero{height:420px;padding:2rem 1.2rem;align-items:flex-start}.club-reason-hero h2{width:66%;font-size:3rem}.club-reason-mark{left:30%;top:4%;font-size:14rem}.club-reason-hero img{right:-12%;bottom:-12%;width:62%;height:92%}.club-reason-body{padding:5rem 1.2rem;grid-template-columns:1fr;gap:3rem}.club-reason-body figure{height:auto;aspect-ratio:4/5}.benefits-grid{grid-template-columns:1fr}.faq-intro{height:400px;padding:2rem 1.2rem;align-items:flex-start}.faq-intro header{margin-top:1rem}.faq-portrait{width:52%;height:74%;bottom:-5%}.faq-portrait-left{left:-18%}.faq-portrait-right{right:-18%}.faq-shell{margin:0 1rem;padding:1rem}.catalog-shell{padding:4rem 1rem 2rem}.catalog-card{grid-template-columns:105px 1fr;gap:.8rem}.catalog-card>img{width:105px;height:135px}.catalog-card h3{font-size:1.25rem}.catalog-card button{font-size:.53rem}
}
@media(max-width:460px){
  .hero h1{font-size:3.5rem}.story-copy h2,.services>h2,.units>h2,.proof>h2,.faq h2,.content>h2{font-size:3rem}.culture-head strong{font-size:4rem}.footer-top{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}