@scope (html) to (:is(#club-dar-nour-home,#coaching-page)) {
@font-face{font-family:CDNCentury;src:url('/assets/CENTURYGOTHIC-7835c209f7.woff') format('woff');font-weight:400;font-display:swap}
/* Brand tokens come from Club Dar Nour; motion tokens from Damai's shipped CSS. */
:scope{--cream:#f5f0ec;--sand:#f3eae5;--ink:#514c4a;--gold:#bda97a;--line:rgba(81,76,74,.15);--title-size:clamp(5em,7.5vw,7.5em);--gap:calc(var(--title-size)*.3);--pad:calc(var(--gap)*1.5);--small-btn:2.625em;--fast:.4s cubic-bezier(.3,1,.3,1);--primary:.6s cubic-bezier(.3,1,.3,1);--smooth:.8s cubic-bezier(.3,1,.3,1);--slow:.8s cubic-bezier(.6,0,.2,1);--nav:.4s cubic-bezier(.3,0,.3,1);--nav-smooth:.6s cubic-bezier(.3,0,.3,1);--roll-distance:1.25em}
*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--cream);color:var(--ink);font-family:CDNCentury,'Century Gothic',sans-serif;font-size:clamp(16px,1.2vw,19px);font-weight:400;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;color:inherit;padding:0}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}img{max-width:100%;display:block}p{margin:0 0 1.3em}h1,h2{font-size:40px;line-height:1.25;letter-spacing:4px;font-weight:400;text-transform:uppercase;margin:0 0 .65em}p,li,fieldset{font-size:14px;line-height:24.5px;letter-spacing:1px}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.eyebrow{font-size:14px;line-height:23px;text-transform:uppercase;letter-spacing:3px;color:var(--gold)}.small{font-size:12px;line-height:19.6px;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:10px;left:10px;padding:10px;background:var(--cream);z-index:999;transform:translateY(-200%)}.skip-link:focus{transform:none}
.header{position:fixed;inset:0;z-index:200;pointer-events:none;overflow:hidden}.main-bar{position:absolute;top:0;left:0;width:100%;padding:calc(var(--gap)*.5) var(--pad);pointer-events:auto;transition:padding var(--nav),background-color var(--nav-smooth),backdrop-filter var(--nav-smooth);--nav-ink:var(--cream);color:var(--nav-ink);border-bottom:1px solid rgba(245,240,236,.2)}.bar-row{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--gap)*.6) 0;position:relative;min-height:calc(var(--small-btn) + var(--gap)*1.2)}.desktop-nav{display:flex;align-items:center}.brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:142px}.brand img{width:100%;height:auto}.divider{height:1em;width:1px;background:currentColor;opacity:.25;margin:0 1.25em}.top-links{display:flex;align-items:center}.top-links li{font-size:inherit;letter-spacing:0}.top-link{position:relative;display:flex;align-items:center;height:var(--small-btn);padding:0 .6em}.clip{display:block;overflow:hidden;line-height:1.2;padding:1px 0}.rolling{display:block;font-size:14px;line-height:1.15;letter-spacing:.3px;text-shadow:0 calc(var(--roll-distance)*1.5) transparent;transform:translateY(0) rotate(.001deg);transition:text-shadow var(--smooth),color var(--nav);color:var(--nav-ink,var(--cream))}.top-link::before{content:'';position:absolute;left:50%;top:95%;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:0;transform:translate(-50%,100%) rotate(.001deg);transition:transform var(--primary),opacity var(--primary),background-color var(--nav)}.top-link[aria-current=page]::before{opacity:1;transform:translate(-50%,-50%)}
.pill{height:3em;padding:0 1.65em;border-radius:100em;background:var(--ink);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--nav);--nav-ink:var(--cream)}.join{height:var(--small-btn);background:rgba(245,240,236,.2);backdrop-filter:blur(1em)}.mobile-label{display:none}.hamburger,.close-icon{width:3.4em;height:var(--small-btn);display:flex;align-items:center;justify-content:center;flex:none;margin-left:-1.2em}.hamburger-inner{width:1.5em;height:1.5em;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hamburger i{position:absolute;width:1em;height:1px;background:currentColor;transition:transform var(--smooth),background-color var(--nav);transform:rotate(.001deg)}.hamburger i::before{content:'';position:absolute;inset:0;transform:translateX(-150%);background:currentColor}.hamburger i:nth-child(1){transform:translate(0,-.25em) rotate(.001deg)}.hamburger i:nth-child(3){width:.5em;transform:translate(-50%,.25em) rotate(.001deg)}.hamburger i:nth-child(3)::before{transform:translateX(-300%)}.main-bar:hover .hamburger i{transition-delay:.05s}.main-bar:hover .hamburger i:nth-child(3){transition-delay:.1s}
.close-icon>span{width:1.1em;height:1.1em;position:relative;transform:rotate(-45deg);overflow:hidden;display:flex;align-items:center;justify-content:center}.close-icon i{height:1px;width:1.1em;background:currentColor;position:absolute;transition:transform var(--smooth)}.close-icon i:first-child{transform:rotate(90deg);transition-delay:.1s}.close-icon i::before{content:'';position:absolute;inset:0;background:currentColor;transform:translateX(-250%)}
body[data-scrolled=true] .main-bar{padding-top:0;padding-bottom:0;background:rgba(20,19,18,.2);backdrop-filter:blur(.5em)}body[data-surface=light] .main-bar,body[data-transition=true] .main-bar{background:var(--cream);--nav-ink:var(--ink);border-color:var(--line);backdrop-filter:none}body[data-surface=light] .join,body[data-transition=true] .join{background:var(--ink)}.join .rolling{color:var(--cream)}
.navigation-layer{position:absolute;inset:0;display:flex;visibility:hidden;transition:visibility 0s 1.1s;pointer-events:none}.scrim{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(.2em);opacity:0;visibility:hidden;pointer-events:auto;transition:all var(--slow);transition-delay:.3s;width:100%;height:100%;cursor:default}.side-box{position:relative;min-width:33.333%;max-width:50%;transform:translateX(-101%) rotate(.001deg);transition:transform var(--slow);transition-delay:.1s;pointer-events:auto}.side-nav{height:100%;max-height:100%;overflow:auto;scrollbar-width:none;background:var(--cream);position:relative;z-index:2;display:flex;flex-direction:column;padding-top:calc(var(--gap)*1.1 + var(--small-btn));overscroll-behavior:contain}.side-nav::-webkit-scrollbar{display:none}.menu-close{position:absolute;left:var(--pad);top:calc(var(--gap)*1.1)}.primary-menu{height:100%;padding:var(--gap) var(--pad)}.primary-menu .eyebrow{padding-bottom:1em;margin:0;font-size:12px;letter-spacing:1px}.side-link{display:flex;position:relative;width:100%;padding:.25em 0;transition:all var(--smooth);font-size:inherit}.side-link span{font-size:40px;line-height:1.2;font-weight:400;letter-spacing:0}.side-link::before{content:'';position:absolute;right:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:0;transform:translate(100%,-50%) rotate(.001deg);transition:transform var(--primary),opacity var(--primary)}.side-link[aria-current=page]::before,.side-link:focus-visible::before{opacity:1;transform:translate(0,-50%)}.secondary-menu{display:flex;flex-shrink:0;padding:max(var(--gap),6vh) var(--pad);gap:var(--gap);border-top:1px solid var(--line)}.secondary-menu>div{min-width:10em;width:100%}.secondary-menu .eyebrow{font-size:12px;letter-spacing:1px;margin:0;padding:.5em 0 1em}.secondary-menu li{font-size:14px;line-height:1.8;letter-spacing:0}.menu-bottom{padding:var(--gap) var(--pad);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1.25em;flex-shrink:0;font-size:12px;letter-spacing:0;white-space:nowrap}.image-bank{position:absolute;top:0;left:100%;width:66.666%;height:100%;pointer-events:none}.menu-image{position:absolute;inset:0;overflow:hidden;transform:translateX(-101%) rotate(.001deg);transition:transform var(--slow)}.menu-image img{width:100%;height:100%;object-fit:cover}.menu-image[data-active=true]{z-index:2}body[data-nav=open] .menu-image[data-active=true]{transform:translateX(0) rotate(.001deg)}body[data-nav=open] .navigation-layer{visibility:visible;transition-delay:0s}body[data-nav=open] .scrim{opacity:1;visibility:visible;transition-delay:0s}body[data-nav=open] .side-box{transform:translateX(0) rotate(.001deg);transition-delay:0s}
.context-nav{position:relative;letter-spacing:0}.context-trigger{height:var(--small-btn)}.plan-dropdown{position:absolute;top:100%;left:0;background:var(--cream);padding:1.3em 1.6em 1.2em;box-shadow:0 2em 2em rgba(0,0,0,.1);display:flex;flex-direction:column;gap:.65em;opacity:0;visibility:hidden;transform:translateY(.5em) rotate(.001deg);transition:all var(--primary);min-width:260px;color:var(--ink);font-size:14px}.context-nav:is(:hover,:focus-within),.context-nav[data-open=true]{z-index:3}.context-nav:is(:hover,:focus-within) .plan-dropdown,.context-nav[data-open=true] .plan-dropdown{opacity:1;visibility:visible;transform:translateY(0) rotate(.001deg)}.context-trigger .rolling{color:var(--nav-ink)}
.underline{font-size:14px;letter-spacing:1px;position:relative;display:inline-block;text-align:left}.underline::after,.secondary-menu a::after,.plan-dropdown a::after{content:'';height:1px;position:absolute;bottom:-3px;left:0;width:100%;transform:scaleX(0);transform-origin:right;transition:transform var(--primary);background:currentColor}.underline:hover::after,.underline:focus-visible::after,.secondary-menu a:hover::after,.plan-dropdown a:hover::after{transform:scaleX(1);transform-origin:left}.secondary-menu a,.plan-dropdown a{position:relative;width:fit-content}
.hero{min-height:100svh;height:100svh;position:relative;display:flex;align-items:flex-end;justify-content:center;color:var(--cream);overflow:hidden;background:var(--ink)}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media video,.hero-media>.route-image{width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.23),transparent 40%,rgba(0,0,0,.4));pointer-events:none}.hero-copy{position:relative;z-index:1;text-align:center;padding:0 var(--pad) 13vh;max-width:950px}.hero-copy h1{font-size:44px;line-height:1.25;letter-spacing:4px}.hero-copy .eyebrow{color:var(--cream);margin:0 0 20px}.hero-copy p:last-child{margin:0}.hero-copy h1 br{display:block}.scroll-cue{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px;letter-spacing:1px;z-index:2}.scroll-cue i{height:35px;width:1px;background:rgba(245,240,236,.65)}.preview-stamp{position:absolute;bottom:var(--gap);left:var(--pad);font-size:10px;letter-spacing:1px;opacity:.8}.experience{padding:calc(var(--gap)*4) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gap)*3);align-items:center}.section-copy{max-width:530px;margin:auto}.section-copy .pill{margin-top:1em}.section-photo{height:65vh;min-height:420px;overflow:hidden}.section-photo img{height:100%;width:100%;object-fit:cover}.preview-guide{padding:calc(var(--gap)*3) var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gap)*4)}.preview-guide>div:first-child{max-width:550px}.guide-actions{display:flex;flex-direction:column;gap:26px;align-items:flex-start;justify-content:center}.guide-actions span{margin-left:20px}footer{padding:var(--gap) var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.footer-brand{color:var(--gold);text-transform:uppercase}.transition-screen{position:fixed;inset:0;background:var(--cream);z-index:180;opacity:0;visibility:hidden;pointer-events:none}.loading-circle{position:absolute;bottom:var(--gap);left:50%;width:calc(var(--title-size)*.25);transform:translateX(-50%)}.loading-circle svg{width:100%;display:block;overflow:visible;opacity:0}.loading-circle circle{fill:none;stroke:var(--gold);stroke-width:1}.intro-mark{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;z-index:150;pointer-events:none;opacity:0;visibility:hidden}
.enquiry{position:fixed;inset:0;z-index:500;background:var(--cream);opacity:0;visibility:hidden;transform:translate3d(0,0,0);transition:transform .45s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.23,1,.32,1),visibility 0s .45s;overflow:auto;overscroll-behavior:contain}.enquiry[data-open=true]{visibility:visible;opacity:1;transform:translate3d(0,0,0)!important;transition-delay:0s}.enquiry-top{display:flex;align-items:center;justify-content:space-between;padding:28px var(--pad);border-bottom:1px solid var(--line)}.enquiry-top>img{width:145px}.enquiry-layout{max-width:1250px;margin:auto;padding:60px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.enquiry-image{background:var(--sand);padding:30px;aspect-ratio:4/5;display:flex;align-items:center}.enquiry-image img{width:100%;max-height:560px;object-fit:contain}.enquiry-copy h2{font-size:40px}.enquiry fieldset{border:0;padding:0;margin:28px 0}.enquiry label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:17px 0;border-bottom:1px solid var(--line)}.enquiry label>span:last-child{margin-left:auto;white-space:nowrap;font-size:12px}.enquiry input{accent-color:var(--ink);width:16px;height:16px}.demo-notice{font-size:12px;line-height:1.6;margin:22px 0 0;color:var(--ink)}
@media(min-height:720px){.primary-menu{padding-top:8vh}}
@media(hover:hover) and (min-width:1240px){.hamburger:hover i:first-child{transform:translate(150%,-.25em) rotate(.001deg)}.hamburger:hover i:nth-child(2){transform:translate(150%,0) rotate(.001deg)}.hamburger:hover i:nth-child(3){transform:translate(250%,.25em) rotate(.001deg)}.close-icon:hover i:first-child{transform:rotate(90deg) translateX(250%)}.close-icon:hover i:nth-child(2){transform:translateX(250%)}.top-links:hover .top-link::before{transform:translate(-50%,100%);opacity:0}.top-links .top-link:hover::before{transform:translate(-50%,-50%);opacity:1}}
@media(hover:hover) and (min-width:1025px){.roll:hover .rolling{transition:all var(--smooth);transform:translateY(calc(var(--roll-distance)*-1)) rotate(.001deg);color:transparent;text-shadow:0 var(--roll-distance) var(--nav-ink,var(--cream))}.join:hover .rolling{color:transparent;text-shadow:0 var(--roll-distance) var(--cream)}.side-links:hover .side-link::before{transform:translate(100%,-50%);opacity:0}.side-links .side-link:hover::before{transform:translate(0,-50%);opacity:1}}
/* Company labels are longer: collapse before they can overlap the centred logo. */
@media(max-width:1360px){.top-links,.divider,.context-nav{display:none!important}.main-bar{padding-top:0;padding-bottom:0}.join{height:2em}.desktop-label{display:none}.mobile-label{display:block}.join,.hamburger{transform:translateY(.25em)}}
@media(max-width:1024px){:scope{--pad:var(--gap)}.side-box{width:100%;min-width:100%;max-width:100%}.image-bank{display:none}.hero-copy h1{font-size:40px}.experience{gap:40px}.preview-guide{gap:50px}.enquiry-layout{gap:35px}.enquiry-copy h2{font-size:30px}}
@media(max-width:540px){:scope{--pad:clamp(1.25em,4vw,2.5em)}.brand{width:118px}.join{padding:0 1em}.rolling{font-size:12px}.side-link span{font-size:26px;line-height:1.4}.side-link{padding:.28em 0}.primary-menu{padding-top:6vh}.secondary-menu{gap:20px;padding-top:30px;padding-bottom:30px}.secondary-menu>div{min-width:0}.menu-bottom{font-size:10px;gap:10px}.menu-bottom .underline{font-size:12px}.secondary-menu li{font-size:12px}.hero-copy{padding-bottom:18vh}.hero-copy h1,h2{font-size:23px;letter-spacing:2px}.hero-copy .eyebrow{font-size:12px;letter-spacing:2px}.hero-copy>p:last-child{font-size:12px}.preview-stamp{font-size:8px;bottom:20px}.experience,.preview-guide{grid-template-columns:1fr;padding:70px var(--pad);gap:36px}.section-photo{min-height:0;height:480px}.section-copy .eyebrow,.preview-guide .eyebrow{font-size:12px;letter-spacing:2px}.guide-actions{gap:20px}footer{flex-direction:column;gap:12px}.enquiry-top{padding:20px var(--pad)}.enquiry-layout{grid-template-columns:1fr;padding:35px var(--pad);gap:25px}.enquiry-image{display:none}.enquiry-copy h2{font-size:23px;letter-spacing:2px}.enquiry label{gap:10px;font-size:12px}.enquiry-copy .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){body:not([data-motion=full]) *,body:not([data-motion=full]) *::before,body:not([data-motion=full]) *::after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}body:not([data-motion=full]) .hero-media video{visibility:hidden}body:not([data-motion=full]) .hero-media{background:url('/assets/homepage-preview-001/header-motion/media/club-dar-nour-exact-woman-poster.jpg') center/cover}body:not([data-motion=full]) .rolling{transform:none!important}body:not([data-motion=full]) .roll:hover .rolling{color:var(--nav-ink,var(--cream));text-shadow:none}body:not([data-motion=full]) .intro-mark{display:none}}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}
/* Retain the complete company mark; fit the wider labels around its centre line. */
/* Keep the people centred inside the narrow menu image panel. */
.menu-image[data-picture=coaching] img{object-position:66% 50%}
.menu-image[data-picture=discover] img{object-position:65% 50%}
.top-link{padding-inline:.4em}.brand{width:120px;background:var(--gold);-webkit-mask:url('/assets/homepage-preview-001/assets/club-dar-nour-home-brand-logo-a7608015e9-baafde6220-2000.webp') center/contain no-repeat;mask:url('/assets/homepage-preview-001/assets/club-dar-nour-home-brand-logo-a7608015e9-baafde6220-2000.webp') center/contain no-repeat}.brand img{opacity:0}
@media(max-width:1360px){.brand{width:108px}}
@media(max-width:540px){.brand{width:98px}}

}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}

/* Homepage entrance: clip the exiting mark; preserve the full-quality video source. */
.intro-mark{overflow:hidden}
.intro-mark img{display:block;width:100%}
.hero-media{background:url('/assets/homepage-preview-001/header-motion/media/club-dar-nour-exact-woman-poster.jpg') center/cover}
.hero-media>.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:1}
.hero-media video[data-opening-ready=true]~.hero-poster{opacity:0}
body[data-intro=complete] .hero-media video[data-opening-ready=true]~.hero-poster{transition:opacity .3s ease}
.hero-media::after{content:'';position:absolute;inset:0;background:rgba(210,187,159,.12);pointer-events:none}