/* ELRAYA 4.4 — showroom-led fitness and wellness. Public layout only. */
:root{--max:1320px;--gold:#c99a30;--gold-2:#f0c34e;--radius:12px;--radius-lg:20px;--shadow:0 14px 40px rgb(0 0 0 / .08)}
html[data-theme="light"]{--bg:#fafafa;--surface:#fff;--surface-2:#efefef;--card:#fff;--text:#171717;--muted:#606060;--line:#dedede;--line-strong:#bdbdbd;--silver:#606060;--gold:#896112;--gold-2:#795711}
html[data-theme="dark"]{--bg:#080808;--surface:#141414;--surface-2:#202020;--card:#141414;--text:#f5f5f5;--muted:#c4c4c4;--line:#373737;--line-strong:#767676}
body::before{display:none}.container{width:min(calc(100% - 80px),var(--max))}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c99a30;outline-offset:5px}button,.btn{min-height:44px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.site-header{background:var(--surface);backdrop-filter:none}.brand-rail{background:#080808;color:#dedede;border:0;letter-spacing:0}.brand-rail .container{min-height:30px}.brand-rail span:first-child{color:#f0c34e}.nav{min-height:90px;gap:20px}.brand img{width:48px;height:48px;border-radius:50%}.brand b{font-size:1.25rem;letter-spacing:.02em}.brand small{font-size:.65rem}.nav-links{gap:18px}.nav-links a{font-size:.82rem}.nav-links a.active{color:var(--text);text-decoration:underline;text-decoration-color:#c99a30;text-underline-offset:10px}.nav-actions{gap:8px}.nav-actions .btn{font-size:.8rem;padding:11px 17px}.icon-btn,.lang-switch{border-radius:50%;border-color:var(--line);width:42px;min-width:42px;height:42px}.btn{border-radius:7px;padding:14px 24px;font-weight:700;gap:18px;transition:background .2s,box-shadow .2s,transform .2s;letter-spacing:0}.btn.primary{background:#f0c34e;color:#fff;border:1px solid #f0c34e;box-shadow:none}.btn.primary:hover{background:#e1b23d;transform:translateY(-2px);box-shadow:0 7px 18px #00000022}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.btn.secondary:hover{background:var(--surface-2)}
.renew-hero{padding:56px 0 60px;background:var(--bg)}.renew-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.renew-eyebrow{color:var(--gold);font-size:.78rem;font-weight:800;display:block;margin-bottom:20px}.renew-hero-copy h1{font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:1.3;letter-spacing:-.035em;margin:0 0 18px;max-width:13ch}.renew-hero-lead{font-size:1.3rem!important;font-weight:600;color:var(--text)!important}.renew-hero-copy>p{font-size:1rem;color:var(--muted);line-height:1.95;max-width:52ch;margin:0 0 24px}.renew-hero-copy .hero-actions{margin:30px 0}.renew-showroom-link{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;text-decoration:none;color:var(--muted);padding-block:10px}.renew-dot{width:7px;height:7px;border-radius:50%;background:#c99a30}.renew-hero-photo{margin:0;height:570px;position:relative;border-radius:120px 16px 16px 16px;overflow:hidden;background:#202020}.renew-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.renew-hero-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000000dd);pointer-events:none}.renew-hero-photo figcaption{position:absolute;inset-inline:30px;bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:14px;color:white;z-index:1}.renew-hero-photo small{font-size:.65rem;display:block;color:#f0d98d;margin-bottom:7px}.renew-hero-photo b{font-size:1.1rem}.renew-hero-photo a{width:46px;height:46px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:1.3rem;flex-shrink:0}.renew-service-strip{border-block:1px solid var(--line);background:var(--surface)}.renew-service-strip>.container{padding-block:26px;display:flex;align-items:center;gap:40px}.renew-service-strip p{font-weight:800;margin:0;white-space:nowrap;font-size:.95rem}.renew-service-strip .container>div{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted);font-size:.8rem}.renew-service-strip .container>div span{display:flex;align-items:center;gap:12px}.renew-service-strip .container>div span:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--gold)}
.section{padding:84px 0}.section-head{gap:30px;margin-bottom:35px;align-items:end}.section-head h2,.why-statement h2,.project-brief h2,.footer-intake h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.5;letter-spacing:-.025em;margin:0 0 10px}.section-head p{max-width:52ch;color:var(--muted);font-size:.95rem}.section-head>p{max-width:38ch}.section-code{font-size:.7rem;color:var(--gold);letter-spacing:.025em;margin-bottom:14px}.renew-sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.renew-sector{text-decoration:none}.renew-sector-image{height:315px;position:relative;overflow:hidden;border-radius:12px;background:var(--surface-2)}.renew-sector img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.renew-sector:hover img{transform:scale(1.035)}.renew-sector-image>span{position:absolute;bottom:16px;inset-inline-end:16px;background:white;color:#171717;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.renew-sector h3{font-size:1.2rem;margin:19px 0 6px}.renew-sector p{font-size:.9rem;color:var(--muted);margin:0}
.delivery-section{background:var(--surface-2)}.delivery-spine{border:0;gap:10px}.delivery-step{background:var(--surface);border:1px solid var(--line)!important;border-radius:8px;padding:23px 14px;min-height:100px}.delivery-step span{color:var(--gold);font-size:.8rem}.delivery-step b{font-size:.92rem}.solution-matrix{gap:18px;background:transparent;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}.solution-panel,.solution-panel.featured{grid-row:auto;min-height:265px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:28px}.solution-panel::after{display:none}.solution-panel h3{font-size:1.45rem;line-height:1.6;max-width:24ch}.solution-panel p{font-size:.88rem;padding-inline-end:28px}.solution-top{font-size:.7rem}.solution-panel>a{bottom:20px;inset-inline-end:20px;min-width:44px;min-height:44px}.why-section{background:#101010;color:#fff}.why-grid{gap:70px}.why-statement p,.why-points p{color:#d7d7d7}.why-points>div{border-color:#595959}.why-points b{color:#fff}.why-section .section-code,.why-section .text-link{color:#f0c34e}.why-points>div>span{color:#f0c34e}
.product-grid{gap:24px}.product-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.product-img{background:#f0f0f0;border-radius:8px;aspect-ratio:1.2}.product-img img{object-fit:contain;padding:12px}.product-card h3{font-size:1.05rem;line-height:1.7}.product-card p{font-size:.8rem}.product-meta{padding-top:14px}.home-gallery-card,.project-img,.about-hq-card{border-radius:12px;overflow:hidden}.home-gallery-grid{gap:18px}.project-grid{gap:28px}.project-card{background:transparent}.project-copy h3{font-size:1.35rem}.project-copy{padding-top:22px}.project-brief{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:48px}.brief-checklist{border-color:var(--line-strong)}.faq-item{border-color:var(--line);background:transparent;border-radius:0}.faq-item summary{padding-block:24px}.faq-layout{gap:70px}
.page-hero{padding:65px 0!important;background:var(--surface-2)}.page-hero-grid{gap:60px;align-items:center}.page-hero-grid h1,.page-hero h1{font-size:clamp(2.1rem,3.8vw,3.8rem);line-height:1.5;letter-spacing:-.025em;max-width:20ch}.page-hero-aside{border-color:var(--line-strong)}.page-hero-aside p{font-size:.95rem}.system-page-hero::after,.catalog-hero::after,.about-hero::after{display:none}.manifesto-mark{border-radius:16px;background:#f0c34e;color:#fff}.manifesto-mark b{color:#171717}.manifesto-copy h2{font-size:2rem;line-height:1.6}.system-logic,.contact-studio-grid,.rfq-grid{gap:50px}.form-card,.editorial-form{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px}.form-intro{border-color:var(--line)}input,textarea,select{border-radius:7px!important;min-height:48px;background:var(--bg);color:var(--text)}.filterbar{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.gallery-filter,.gallery-chip{min-height:44px}.text-link{color:var(--text);text-underline-offset:6px}.footer{background:#080808;color:#f5f5f5;border:0}.footer .section-code{color:#f0c34e}.footer-intake{gap:60px;padding-block:55px;border-color:#454545}.footer-intake-actions p,.footer-grid p,.footer a,.footer small,.footer-bottom{color:#d7d7d7}.footer .btn.primary{background:#f0c34e;color:#171717;border-color:#f0c34e}.footer-grid{padding-block:50px}.footer-bottom{border-color:#454545}.footer-brand-block .brand b{color:white}.wa-float{background:#f0c34e;color:#fff;border:1px solid #a1a1a1;box-shadow:0 5px 20px #08080833;min-height:48px}.wa-float b{color:white}.wa-float span{background:transparent;color:white}
/* Content remains visible if JavaScript is unavailable. */
[data-reveal]{opacity:1;transform:none}.nav-links[hidden],[hidden]{display:none!important}
@media(min-width:1101px){.nav-links{flex:1;justify-content:center}.nav-actions{flex-shrink:0}.brand{flex-shrink:0}.nav-links a{white-space:nowrap}}
@media(max-width:1200px){.container{width:min(calc(100% - 48px),var(--max))}.nav{gap:12px}.nav-links{gap:12px}.nav-links a{font-size:.75rem}.brand small{display:none}.nav-actions .desktop{display:none}.renew-hero-grid{gap:35px}.renew-hero-photo{height:510px}.renew-service-strip>.container{gap:24px;flex-wrap:wrap}}
@media(max-width:1000px){.renew-hero-grid{gap:28px}.renew-hero-photo{height:460px}.renew-hero-copy h1{font-size:2.8rem}.renew-sector-image{height:260px}.solution-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-panel.featured{grid-column:auto}.section{padding:60px 0}.page-hero-grid{grid-template-columns:1fr;gap:24px}.nav-links{position:absolute;top:100%;inset-inline:0;display:none;background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:var(--shadow)}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{font-size:1rem;padding:12px}.nav-toggle{display:flex;margin-inline-start:auto}.nav{min-height:78px}.brand small{display:block}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.brand-rail .container{font-size:.58rem;gap:10px}.brand small{display:none}.brand b{font-size:1rem}.brand img{width:38px;height:38px}.nav{gap:7px;min-height:72px}.icon-btn,.lang-switch{width:38px;min-width:38px;height:44px}.search-toggle{display:none}.renew-hero{padding:32px 0}.renew-hero-grid{grid-template-columns:1fr;gap:30px}.renew-hero-copy h1{font-size:clamp(2.6rem,10vw,3.5rem);max-width:15ch}.renew-hero-copy>p{font-size:.92rem}.renew-hero-lead{font-size:1.15rem!important}.renew-eyebrow{font-size:.7rem;margin-bottom:15px}.hero-actions{gap:10px;display:flex;flex-wrap:wrap}.hero-actions .btn{padding:13px 17px;font-size:.85rem}.renew-hero-photo{height:430px;border-radius:80px 12px 12px 12px}.renew-hero-photo figcaption{inset-inline:20px;bottom:20px}.renew-hero-photo b{font-size:.95rem}.renew-service-strip>.container{padding-block:22px;gap:14px}.renew-service-strip .container>div{gap:12px 18px}.renew-sector-grid{grid-template-columns:1fr;gap:28px}.renew-sector-image{height:300px}.section-head{display:flex;flex-direction:column;align-items:start;gap:14px}.section-head h2,.why-statement h2,.project-brief h2{font-size:1.85rem}.section-head p{margin:0}.section{padding:48px 0}.solution-matrix{grid-template-columns:1fr}.solution-panel,.solution-panel.featured{min-height:235px;grid-column:auto}.delivery-spine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-step{min-width:0}.why-grid{gap:30px}.product-grid{grid-template-columns:1fr}.project-brief{padding:26px;gap:24px}.page-hero{padding-block:38px!important}.page-hero-grid h1,.page-hero h1{font-size:2rem;line-height:1.55}.form-card,.editorial-form{padding:22px}.footer-intake{gap:20px}.footer-intake h2{font-size:1.8rem}.footer-grid{gap:30px}.footer-bottom{gap:16px}.wa-float{bottom:16px;inset-inline-end:16px}.wa-float b{display:none}.about-hq-card.feature{grid-column:1/-1}}
.nav-toggle{flex-direction:column;justify-content:center;align-items:stretch;gap:6px;flex-shrink:0}.nav-toggle span{width:100%;height:2px;margin:0;flex-shrink:0}
@media(max-width:700px){.search-toggle{display:inline-flex}.nav-actions{gap:3px}.nav-actions .icon-btn,.nav-actions .lang-switch{min-width:34px;width:34px;padding:0}.nav-toggle{width:38px;padding:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.renew-sector:hover img,.btn.primary:hover{transform:none}}

/* Logo palette: gold, silver, black and white. */
:root{--success:#c99a30;--brand-gold:#f0c34e;--brand-silver:#d7d7d7;--brand-black:#080808}
.btn.primary,.footer .btn.primary,.wa-float,.wa-float b,.wa-float span{color:#171717}
.btn.primary:hover{color:#080808}.manifesto-mark{color:#171717}
.renew-sector-image>span{background:#f0c34e;color:#171717}
.renew-hero-photo small{color:#f0d98d}.renew-dot{background:#c99a30}
.footer .btn.primary:hover{background:#e1b23d}
.elraya-renew .btn.primary,.elraya-renew .btn.primary span,.elraya-renew .btn.primary:hover{color:#171717}
.elraya-renew a.btn.primary,.elraya-renew button.btn.primary{color:#171717!important}

/* Logo palette: gold, silver, black and white. */
:root{--success:#c99a30;--brand-gold:#f0c34e;--brand-silver:#d7d7d7;--brand-black:#080808}
.btn.primary,.footer .btn.primary,.wa-float,.wa-float b,.wa-float span{color:#171717}
.btn.primary:hover{color:#080808}.manifesto-mark{color:#171717}
.renew-sector-image>span{background:#f0c34e;color:#171717}
.renew-hero-photo small{color:#f0d98d}.renew-dot{background:#c99a30}
.footer .btn.primary:hover{background:#e1b23d}

/* Logo palette: gold, silver, black and white. */
:root{--success:#c99a30;--brand-gold:#f0c34e;--brand-silver:#d7d7d7;--brand-black:#080808}
.btn.primary,.footer .btn.primary,.wa-float,.wa-float b,.wa-float span{color:#171717}
.btn.primary:hover{color:#080808}.manifesto-mark{color:#171717}
.renew-sector-image>span{background:#f0c34e;color:#171717}
.renew-hero-photo small{color:#f0d98d}.renew-dot{background:#c99a30}
.footer .btn.primary:hover{background:#e1b23d}

/* CMS navigation and accessible contact form */
.contact-consent{display:flex;align-items:start;gap:12px;margin-block:22px;font-size:.88rem;line-height:1.9}
.contact-consent input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin-top:5px;accent-color:#896112}
#contact-form{scroll-margin-top:140px}.footer-site-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;align-content:start}.footer-site-menu h4{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1.2fr 1fr}
@media(max-width:1100px){.elraya-renew .nav-links{position:absolute;top:100%;inset-inline:0;display:none;background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:0 0 12px 12px}.elraya-renew .nav-links.open{display:flex;flex-direction:column;align-items:stretch}.elraya-renew .nav-toggle{display:flex;margin-inline-start:auto}}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr}.contact-consent input{min-width:20px}.contact-studio-grid{grid-template-columns:1fr}.contact-studio-section .form-grid{grid-template-columns:1fr}}
.contact-studio-section .form-intro{display:block}.contact-studio-section .form-intro h2{font-size:1.6rem;line-height:1.6;margin:0 0 8px}.contact-studio-section .form-intro p{max-width:none}#contact-form .form-card{width:100%;min-width:0}
.cms-builder-zone{padding-block:clamp(48px,7vw,96px);border-top:1px solid var(--line,rgba(128,128,128,.2))}.cms-builder-zone>.container{display:grid;gap:clamp(24px,4vw,48px)}.cms-builder-block{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(24px,5vw,72px);align-items:center}.cms-builder-block:nth-child(even) .cms-builder-media{order:2}.cms-builder-media{margin:0}.cms-builder-media img,.cms-builder-media video{width:100%;max-height:680px;object-fit:cover;border-radius:2px;display:block}.cms-builder-copy h2{font-size:clamp(1.8rem,4vw,4rem);margin:.25em 0}.cms-builder-copy .rich-text{max-width:70ch}.cms-builder-copy .btn{margin-top:18px}@media(max-width:780px){.cms-builder-block{grid-template-columns:1fr}.cms-builder-block:nth-child(even) .cms-builder-media{order:0}}