:root{--green:#006b2d;--red:#ff0000;--ink:#15231c;--pale:#eff4ee;--line:#dce3dc}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{max-width:1440px;margin:auto;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:37px;font-weight:700;letter-spacing:-2px;line-height:.9}.brand>span{display:block;font-size:15px;letter-spacing:5px;margin:8px 0 0 3px}.dot{color:var(--red);letter-spacing:0}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a[aria-current]{color:var(--green);border-bottom:2px solid var(--green)}.navcta{padding:12px 20px;border:1px solid var(--line);border-radius:30px}.menu{display:none}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}main{max-width:1440px;margin:auto}section{padding:80px 6%}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.5vw,79px);line-height:1.06;letter-spacing:-4px;margin:22px 0 26px;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}h2{font-size:clamp(30px,3.1vw,44px);line-height:1.17;font-weight:500;letter-spacing:-1.7px;margin-bottom:25px}h3{font-size:24px;line-height:1.2;letter-spacing:-.6px;font-weight:500}p{color:#5a675f;max-width:650px}.hero p,.pagehero p{font-size:18px;max-width:550px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px;flex-wrap:wrap}.btn{display:inline-block;background:var(--green);color:white;border:0;border-radius:32px;padding:15px 24px;font-size:14px}.textlink{display:inline-block;color:var(--green);background:transparent;border:0;padding:0;font-size:14px;font-weight:600}.sound-art{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e9f0e7;border-radius:200px 200px 16px 16px}.orbit{position:absolute;width:70%;height:70%;border:1px solid #a4b8a6;border-radius:50%;left:15%;top:17%}.o2{transform:scale(.8)}.o3{transform:scale(.6)}.note{position:absolute;top:4%;left:24%;font-family:Georgia,serif;font-size:270px;line-height:1.3;color:var(--green);transform:rotate(-12deg)}.arttag{position:absolute;top:54%;right:8%;font-size:10px;line-height:1.5;letter-spacing:2px;transform:rotate(-90deg);transform-origin:right}.artbottom{position:absolute;bottom:7%;left:8%;font-size:10px;letter-spacing:2px}.bars{position:absolute;bottom:4%;right:8%;color:var(--green);letter-spacing:2px;font-size:26px}.sound-art:after{content:'';position:absolute;top:22%;right:20%;width:22px;height:22px;background:var(--red);border-radius:50%}.ribbon{padding:23px 6%;background:var(--green);color:white;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px}.ribbon i{font-size:22px;font-style:normal}.sectionintro{display:grid;grid-template-columns:1fr 1.2fr;gap:0 60px}.sectionintro>.eyebrow{grid-column:1/-1;margin-bottom:24px}.sectionintro p{align-self:end}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.card{padding:30px;border-radius:8px;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card>span{font-size:10px;letter-spacing:1.8px}.symbol{font-size:85px;line-height:1.6}.card p{font-size:15px}.card b{font-size:13px;font-weight:500;display:block;margin-top:28px}.green{background:var(--green);color:white}.green p,.dark p{color:#e1e8e2}.pale{background:var(--pale)}.dark{background:#17291e;color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.about{background:#f8faf7}.about>.eyebrow{align-self:start}.pagehero{padding-top:75px;padding-bottom:70px;max-width:100%}.pagehero h1{font-size:clamp(45px,5.5vw,76px)}.pagehero p{max-width:600px}.sectionline{display:flex;align-items:center;justify-content:space-between;gap:20px}.status{font-size:12px;color:var(--green);padding:6px 12px;border-radius:20px;background:var(--pale)}.eventsection{background:#fafbf9;border-top:1px solid var(--line)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filters button{border:1px solid var(--line);border-radius:30px;background:white;padding:9px 18px;font-size:13px}.filters .selected{background:var(--green);border-color:var(--green);color:white}.events{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.events article{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.events article>div:last-child{padding:25px}.events h3{margin:15px 0}.events p{font-size:15px}.eventart{height:200px;display:grid;place-items:center;font:100px Georgia,serif}.ea1{background:#e7ede3;color:var(--green)}.ea2{background:#17291e;color:#fff}.ea3{background:#f5e9e5;color:#a93625}.detail{display:block;font-size:12px;color:#677068;margin-bottom:24px}.banner{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;gap:15px 50px}.banner p{color:#e1e8e2}.light{background:white;color:var(--green);width:fit-content}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;background:var(--pale)}.benefits span{font-size:11px;letter-spacing:2px;color:var(--green);display:block;margin-bottom:30px}.benefits p{font-size:15px}.joinpanel{display:grid;grid-template-columns:1fr 1fr;gap:80px}.joinbox{border:1px solid var(--line);border-radius:10px;padding:38px}.joinbox small{display:block;font-size:12px;color:#5a675f;margin-top:18px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0;max-width:900px}summary{cursor:pointer;font-size:18px}details p{margin:15px 0 0}.networkhero{background:var(--pale)}.networkgraphic{border-top:1px solid #c4d3c3;display:flex;justify-content:space-between;align-items:center;margin-top:55px;padding-top:25px;font-size:13px;letter-spacing:3px;color:var(--green)}.networkgraphic i{font-size:28px;font-style:normal}footer{max-width:1440px;margin:auto;background:#15231c;color:white;padding:50px 6%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}footer p{color:#c9d4ca;font-size:13px}.footbrand{font-size:29px;letter-spacing:-1px}.footbrand span{color:var(--red)}footer a{display:block;font-size:13px;margin-bottom:8px}footer small{grid-column:1/-1;border-top:1px solid #3a483e;padding-top:20px;font-size:11px;color:#c9d4ca}dialog{border:1px solid var(--line);border-radius:15px;padding:45px;width:min(90%,520px);color:var(--ink)}dialog::backdrop{background:#10261daa}dialog h2{margin-top:20px}.close{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:26px}dialog p a{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ed6c54;outline-offset:5px}[hidden]{display:none!important}@media(max-width:850px){header{padding:20px 6%;flex-wrap:wrap}.menu{display:block;background:transparent;border:1px solid var(--line);padding:7px 14px;border-radius:25px;font-size:13px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:16px;padding-top:25px}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:35px}.sound-art{max-width:500px;width:100%;margin:auto}h1{letter-spacing:-2.5px}.cards,.events,.benefits{grid-template-columns:1fr}.sectionintro,.split,.joinpanel,.banner{grid-template-columns:1fr;gap:25px}.sectionintro>.eyebrow{grid-column:auto}.sectionintro h2{margin-bottom:0}section{padding:55px 6%}.hero{padding-top:45px;padding-bottom:45px}.ribbon{font-size:8px;letter-spacing:1px;gap:10px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.symbol{font-size:70px;line-height:1.4}.cards{gap:15px}.sectionline{align-items:start;flex-direction:column;gap:0}.sectionline h2{margin-bottom:15px}.sectionline+.muted{margin-top:20px}.benefits{gap:25px}.benefits span{margin-bottom:15px}footer{grid-template-columns:1fr 1fr}.footbrand{grid-column:1/-1}.networkgraphic{font-size:9px;letter-spacing:1px;gap:10px}.note{font-size:clamp(180px,54vw,270px)}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
/* Colours sampled from the supplied Sonara Music logo. */
:root{--green:#006b2d;--red:#d02020;--ink:#1c1c1b;--pale:#eef3ef;--line:#dce3de}
.brand{display:block;width:155px;height:96px;letter-spacing:0;line-height:1}
.brand>.logo-window,.logo-window{position:relative;display:block;width:155px;height:96px;overflow:hidden;margin:0;letter-spacing:0;border-radius:4px;background:#edeef2}
.logo-window img{position:absolute;width:292px;height:292px;max-width:none;left:-68px;top:-61px}
header{padding-top:14px;padding-bottom:14px}
.footbrand{width:155px;height:96px}
.hero h1 em,.pagehero h1 em{color:var(--green)}
.card.dark,.ea2,footer{background:#1c1c1b}
.card.green,.ribbon,.banner,.btn,.filters .selected{background:var(--green)}
.card.pale{background:#f8ecec}.card.pale .symbol{color:var(--red)}
.card.dark .symbol{color:#ee4545}.card.dark>span{color:#ffb3b3}
.ea3{background:#f8ecec;color:var(--red)}
.sound-art{background:#edeef2}.sound-art .orbit{border-color:#a6baad}
.sound-art:after{background:var(--red)}
.networkgraphic i:nth-of-type(2){color:var(--red)}
.benefits>div:nth-child(2) span{color:var(--red)}
.benefits>div:nth-child(3) span{color:var(--ink)}
.eyebrow{color:var(--green)}
.card.green>span{color:#fff}.card.dark>span{color:#ffb3b3}
.btn.light{background:#fff;color:var(--green)}
.navcta:hover{border-color:var(--green);color:var(--green)}
.textlink:hover{color:var(--red)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--red)}
@media(max-width:850px){.brand,.brand>.logo-window{width:129px;height:80px}.brand .logo-window img{width:243px;height:243px;left:-57px;top:-51px}header{padding-top:12px;padding-bottom:12px}}
/* Display the complete supplied logo without clipping at any screen size. */
.brand,.footbrand{width:170px;height:170px}
.brand>.logo-window,.footbrand>.logo-window{width:100%;height:100%;overflow:visible;background:transparent;border-radius:0}
.brand .logo-window img,.footbrand .logo-window img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}
@media(max-width:850px){.brand{width:140px;height:140px}.footbrand{width:170px;height:170px}.brand>.logo-window,.footbrand>.logo-window{width:100%;height:100%}.brand .logo-window img,.footbrand .logo-window img{position:static;width:100%;height:100%;left:auto;top:auto;object-fit:contain}}
/* White canvas with an equal role for the UAE flag's red, black and green. */
header{display:grid;grid-template-columns:1fr auto 1fr;min-height:100px;background:#fff;padding:20px 6%;gap:20px}
.site-name{font-size:16px;font-weight:700;letter-spacing:1.2px;white-space:nowrap}.site-name span,.footer-name span{color:var(--red)}
header nav{grid-column:2;justify-content:center;gap:30px}header nav a{font-size:14px}header nav a[aria-current]{color:var(--red);border-bottom-color:var(--red)}
.hero-logo{background:#fff;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}.hero-logo img{display:block;width:100%;height:100%;object-fit:contain}
.hero h1 em{color:var(--red)}.ribbon{background:#1c1c1b}.ribbon i{color:#ee4545}
.card.green{background:#006b2d}.card.pale{background:#d02020;color:white}.card.pale p{color:white}.card.pale .symbol{color:white}.card.dark{background:#1c1c1b}
.btn{background:#d02020}.btn:hover{background:#a91a1a}.textlink{color:#1c1c1b}.textlink:hover{color:#d02020}
.pagehero{background:#fff;border-bottom:4px solid var(--red)}.networkhero{background:#fff}.networkhero h1 em{color:var(--red)}
.filters .selected{background:#1c1c1b;border-color:#1c1c1b}.banner{background:#d02020}.banner p{color:#fff}.banner .btn.light{color:#d02020}.banner .eyebrow{color:#fff}
.benefits{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits>div{padding-top:22px;border-top:4px solid var(--green)}.benefits>div:nth-child(2){border-top-color:var(--red)}.benefits>div:nth-child(3){border-top-color:#1c1c1b}
.joinpanel{background:#fff}.joinbox{border-top:4px solid var(--red);border-radius:0}.status{background:#f9e8e8;color:#a91a1a}
.footer-name{width:auto;height:auto;font-size:22px;font-weight:700;letter-spacing:1px}.contactnote{font-size:14px;margin-top:18px}
@media(max-width:1050px){header{grid-template-columns:1fr;justify-items:center;gap:18px}header nav{grid-column:1;gap:25px}}
@media(max-width:850px){header{grid-template-columns:1fr auto;justify-items:start;min-height:80px}.menu{justify-self:end}header nav{grid-column:1/-1;align-items:center;width:100%;gap:18px;padding-top:10px}.hero-logo{width:100%;max-width:500px;margin:auto}.site-name{font-size:15px}.footer-name{width:auto;height:auto}}
.hero-logo img{filter:brightness(1.04)}
.ribbon{justify-content:center;gap:45px}.ribbon i{font-size:22px;color:white}.ribbon span:last-child,.ribbon i:last-of-type{display:inline}
@media(max-width:850px){.ribbon{gap:18px;font-size:11px;letter-spacing:1px}.ribbon i{font-size:18px}}
/* Homepage navigation: full-width blocks, with no separate brand label. */
.home-page header{display:block;min-height:0;padding:0;border:0;width:100%;max-width:1440px}
.home-page header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;width:100%;align-items:stretch}
.home-page header nav a{display:flex;align-items:center;justify-content:center;min-height:76px;background:#1c1c1b;color:#fff;border:0;border-right:1px solid #555;padding:18px 12px;font-size:16px}
.home-page header nav a:last-child{border-right:0}
.home-page header nav a[aria-current]{background:#d02020;color:#fff;border:0}
.home-page header nav a:hover{background:#006b2d}
.home-page header .menu{display:none}
@media(max-width:850px){.home-page header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.home-page header nav a{min-height:62px;font-size:14px;padding:14px 5px}}
@media(max-width:480px){.home-page header nav{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page header nav a{min-height:54px}.home-page header nav a:nth-child(4){grid-column:1/2}.home-page header nav a:nth-child(5){grid-column:2/4}}
/* Restore plain homepage menu links while retaining a full-width layout. */
.home-page header{padding:24px 6%;background:#fff;border-bottom:1px solid var(--line)}
.home-page header nav{display:flex;justify-content:space-between;align-items:center;width:100%;gap:24px}
.home-page header nav a{display:inline-block;min-height:0;padding:8px 0;background:transparent;color:var(--ink);border:0;font-size:16px}
.home-page header nav a[aria-current]{background:transparent;color:var(--red);border-bottom:2px solid var(--red)}
.home-page header nav a:hover{background:transparent;color:var(--green)}
.social-icons{display:flex;align-items:center;gap:16px}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0}.social-icons svg{width:25px;height:25px}.social-icons a:hover{color:#ff8b8b}.social-handle{display:block;font-size:14px;margin-top:12px}
@media(max-width:850px){.home-page header nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 20px}.home-page header nav a{font-size:14px;padding:8px 0;min-height:0}}
@media(max-width:480px){.home-page header nav{justify-content:center;gap:8px 24px}.home-page header nav a{flex:0 0 auto}}
/* Right-aligned social links and a larger, evenly spaced homepage banner. */
footer .social-links{justify-self:end;text-align:right}
footer .social-icons{justify-content:flex-end}
.home-page .ribbon{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);width:100%;gap:16px;padding:30px 6%;font-size:clamp(18px,2.2vw,28px);font-weight:500;letter-spacing:2px;text-align:center}
.home-page .ribbon i{display:block;font-size:30px;line-height:1;font-weight:400}
.home-page .ribbon span{display:block;min-width:0}
@media(max-width:850px){footer .social-links{justify-self:end}.home-page .ribbon{padding:26px 4%;gap:8px;font-size:clamp(14px,2.8vw,22px);letter-spacing:1px}.home-page .ribbon i{font-size:24px}}
@media(max-width:480px){.home-page .ribbon{padding:24px 3%;gap:4px;font-size:14px;letter-spacing:0}.home-page .ribbon i{font-size:20px}}
/* Three equally sized footer sections, with the message at page centre. */
footer{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:24px}
footer .footer-name{grid-column:auto;justify-self:start;margin:0;font-size:clamp(16px,1.8vw,22px)}
footer .footer-message{grid-column:auto;justify-self:center;text-align:center;margin:0;max-width:none;width:100%;font-size:14px}
footer .social-links{grid-column:auto;justify-self:end;margin:0}
footer small{grid-column:1/-1;margin-top:12px}
/* Restore the smaller homepage ribbon with plain dot separators. */
.home-page .ribbon{display:flex;justify-content:center;align-items:center;gap:45px;padding:23px 6%;font-size:11px;font-weight:400;letter-spacing:2px;text-align:center}
.home-page .ribbon i{display:inline;font-size:22px;line-height:1.65}
.home-page .ribbon span{display:inline}
@media(max-width:850px){footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}footer .footer-name{grid-column:auto;font-size:16px}footer .footer-message{font-size:13px}.home-page .ribbon{gap:18px;padding:23px 6%;font-size:11px;letter-spacing:1px}.home-page .ribbon i{font-size:18px}}
@media(max-width:600px){footer{grid-template-columns:1fr;justify-items:center;gap:24px}footer .footer-name,footer .footer-message,footer .social-links{justify-self:center;text-align:center;grid-column:1}footer .social-icons{justify-content:center}footer small{width:100%}}
/* Shared homepage-inspired navigation and footer on every route. */
header.shared-header,.home-page header.shared-header{display:block;min-height:0;padding:24px 6%;background:#fff;border-bottom:1px solid var(--line);width:100%;max-width:1440px}
header.shared-header .menu{display:none}
header.shared-header nav,.home-page header.shared-header nav{display:flex;justify-content:space-between;align-items:center;width:100%;gap:24px;padding:0}
header.shared-header nav a,.home-page header.shared-header nav a{display:inline-block;min-height:0;padding:8px 0;background:transparent;color:var(--ink);border:0;font-size:16px}
header.shared-header nav a[aria-current],.home-page header.shared-header nav a[aria-current]{color:var(--red);border-bottom:2px solid var(--red)}
header.shared-header nav a:hover,.home-page header.shared-header nav a:hover{color:var(--green);background:transparent}
.home-page .ribbon{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 6%;font-size:clamp(18px,2.1vw,27px);letter-spacing:2px;font-weight:500}
.home-page .ribbon i{font-size:30px;line-height:1}
footer .footer-message{font-size:clamp(16px,1.35vw,19px);line-height:1.7}
footer .footer-message span{font-weight:600}
.pagehero h1 em{color:var(--red)}
@media(max-width:850px){header.shared-header nav,.home-page header.shared-header nav{flex-wrap:wrap;justify-content:space-between;gap:12px 20px}header.shared-header nav a,.home-page header.shared-header nav a{font-size:14px}.home-page .ribbon{gap:10px;padding:25px 4%;font-size:clamp(14px,2.7vw,22px);letter-spacing:1px}.home-page .ribbon i{font-size:24px}footer .footer-message{font-size:16px}}
@media(max-width:480px){header.shared-header nav,.home-page header.shared-header nav{justify-content:center;gap:8px 24px}.home-page .ribbon{gap:5px;font-size:14px;letter-spacing:0;padding:24px 3%}.home-page .ribbon i{font-size:20px}}
/* Open white ribbon and consistent two-column logo introductions. */
.home-page .ribbon{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-page .ribbon i{color:var(--red)}
section.hero.pagehero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:65px 6%;border-bottom:1px solid var(--line);background:#fff}
section.hero.pagehero h1{font-size:clamp(46px,5.5vw,79px)}
section.hero.pagehero .networkgraphic{grid-column:1/-1;width:100%;margin-top:0}
footer .social-icons{gap:20px}
footer .social-icons a{width:48px;height:48px}
footer .social-icons svg{width:38px;height:38px}
footer .social-handle{font-size:18px;margin-top:14px}
@media(max-width:850px){section.hero.pagehero{grid-template-columns:1fr;gap:35px;padding:45px 6%}section.hero.pagehero h1{font-size:clamp(46px,5.5vw,79px)}footer .social-icons a{width:44px;height:44px}footer .social-icons svg{width:34px;height:34px}footer .social-handle{font-size:16px}}
.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.consultancy-card{background:#f1f3f1}.consultancy-card .symbol{color:var(--green)}
.enquiry-section{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:#f7f9f7;border-top:1px solid var(--line)}
.enquiry-section form{background:white;padding:30px;border:1px solid var(--line)}
.enquiry-section label{display:block;font-size:16px;margin-bottom:18px}
.enquiry-section input,.enquiry-section select,.enquiry-section textarea{display:block;width:100%;font:inherit;padding:11px;margin-top:7px;border:1px solid #a8b4ab;border-radius:4px;background:#fff;color:var(--ink)}
.enquiry-section .consent{display:flex;gap:12px;font-size:14px;align-items:start}.enquiry-section .consent input{width:20px;height:20px;flex-shrink:0;margin-top:3px}
.honeypot{display:none!important}.email-link{text-decoration:underline;overflow-wrap:anywhere;color:var(--green)}.formnote{font-size:14px;margin-top:18px}.event-time{font-size:22px;color:var(--ink)}.event-feature{border-top:4px solid var(--red)}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}header.shared-header nav{gap:15px}header.shared-header nav a{font-size:14px}}
@media(max-width:850px){.enquiry-section{grid-template-columns:1fr;gap:25px}.cards{grid-template-columns:1fr}.enquiry-section form{padding:22px}}
/* A balanced spacing rhythm across all pages. */
section{padding-top:48px;padding-bottom:48px}
.hero,section.hero.pagehero{padding-top:38px;padding-bottom:38px;gap:45px}
.hero-logo{aspect-ratio:auto;height:360px;max-width:440px;justify-self:center;width:100%}
h1,section.hero.pagehero h1{font-size:clamp(44px,4.8vw,68px);margin-top:16px;margin-bottom:20px}
.sectionintro>.eyebrow{margin-bottom:16px}.cards{margin-top:20px}.symbol{font-size:65px;line-height:1.35}.card{padding:26px}.card b{margin-top:22px}
.benefits{gap:32px}.benefits span{margin-bottom:18px}.split,.joinpanel,.enquiry-section{gap:42px}
.networkgraphic{margin-top:28px;padding-top:20px}.eventsection{padding-top:40px}.filters{margin:22px 0}.event-feature{padding-top:40px;padding-bottom:40px}
.home-page .ribbon{padding-top:20px;padding-bottom:20px}
footer{padding-top:36px;padding-bottom:30px}
@media(max-width:850px){section{padding-top:34px;padding-bottom:34px}.hero,section.hero.pagehero{padding-top:30px;padding-bottom:30px;gap:22px}.hero-logo{height:280px;max-width:360px}.split,.joinpanel,.enquiry-section{gap:24px}.benefits{gap:24px}h1,section.hero.pagehero h1{font-size:44px;letter-spacing:-2px}.sectionintro{gap:18px}.home-page .ribbon{padding-top:18px;padding-bottom:18px}}
/* Optional background examples, activated only through the comparison page. */
body[data-background="mist"]{--page-bg:#edf1f4;--section-bg:#e3e9ee}
body[data-background="green"]{--page-bg:#edf5ee;--section-bg:#dfece2}
body[data-background="rose"]{--page-bg:#fbefef;--section-bg:#f5dfe0}
body[data-background]{background:var(--page-bg)}
body[data-background] header.shared-header,body[data-background].home-page header.shared-header,body[data-background] section.hero.pagehero,body[data-background] .hero,body[data-background] .benefits,body[data-background] .joinpanel,body[data-background].home-page .ribbon{background:var(--page-bg)}
body[data-background] .about,body[data-background] .eventsection,body[data-background] .enquiry-section{background:var(--section-bg)}
body[data-background] .hero-logo{background:white;border-radius:8px}
body[data-background="green-medium"]{--page-bg:#dcebdd;--section-bg:#cfe2d2}
body[data-background="green-deeper"]{--page-bg:#c9dfcc;--section-bg:#bcd5bf}
/* Preview the logo on the chosen green without its white rectangle. */
body[data-logo="blend"] .hero-logo{background:transparent;border-radius:0}
body[data-logo="blend"] .hero-logo img{mix-blend-mode:multiply}

:root{--green:#006b2d}
body[data-background="green-deeper"]{--page-bg:#c9dfcc;--section-bg:#c9dfcc}
.card.green,.ea1{background:#006b2d;color:#fff}.consultancy-card{background:#fff}.ea1{color:#fff}
body[data-accent="charcoal"]{--text-accent:#1c1c1b}
body[data-accent="darkgreen"]{--text-accent:#006b2d}
body[data-accent="navy"]{--text-accent:#173c54}
body[data-accent] h1 em,body[data-accent] section.pagehero h1 em,body[data-accent] section.hero h1 em,body[data-accent] header.shared-header nav a[aria-current]{color:var(--text-accent);border-bottom-color:var(--text-accent)}
body[data-accent].home-page header.shared-header nav a[aria-current]{color:var(--text-accent);border-bottom-color:var(--text-accent)}
body[data-accent] .ribbon i,body[data-accent] .footer-name span,body[data-accent] .benefits>div:nth-child(2) span{color:var(--text-accent)}
/* A single gentle logo entrance, without continuous movement. */
@keyframes sonara-logo-entrance{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.hero-logo{animation:sonara-logo-entrance 1.1s cubic-bezier(.2,.7,.3,1) .12s backwards}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none;transform:none;opacity:1}}
/* Static logo by default. Alternative motions are preview-only. */
.hero-logo{animation:none;opacity:1;transform:none;background:transparent!important}
.hero-logo img{mix-blend-mode:multiply}
@keyframes sonara-spin-once{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sonara-grow-once{from{transform:scale(.18)}to{transform:scale(1)}}
body[data-logo-motion="spin"] .hero-logo{animation:sonara-spin-once 4.5s cubic-bezier(.25,.1,.25,1) both;transform-origin:center}
body[data-logo-motion="grow"] .hero-logo{animation:sonara-grow-once 4.5s cubic-bezier(.2,.6,.3,1) both;transform-origin:center}
@media(prefers-reduced-motion:reduce){body[data-logo-motion] .hero-logo{animation:none;transform:none}}
/* Blend the whole animated layer so its white pixels cannot reappear during transforms. */
body .hero-logo{mix-blend-mode:multiply}
body .hero-logo img,body[data-logo="blend"] .hero-logo img{mix-blend-mode:normal}
@keyframes sonara-grow-settle{0%{transform:scale(.18)}55%{transform:scale(1)}75%{transform:scale(1.2)}100%{transform:scale(1)}}
body[data-logo-motion="overshoot"] .hero-logo{animation:sonara-grow-settle 6s cubic-bezier(.4,0,.2,1) both;transform-origin:center}
@media(prefers-reduced-motion:reduce){body[data-logo-motion="overshoot"] .hero-logo{animation:none;transform:none}}
/* Continuous growth through full size, then a smooth reversal and settle. */
@keyframes sonara-grow-settle{0%{transform:scale(.18);animation-timing-function:cubic-bezier(.32,0,.68,1)}70%{transform:scale(1.35);animation-timing-function:cubic-bezier(.32,0,.68,1)}100%{transform:scale(1)}}
body[data-logo-motion="overshoot"] .hero-logo{animation:sonara-grow-settle 6s linear both}
@media(prefers-reduced-motion:reduce){body[data-logo-motion="overshoot"] .hero-logo{animation:none;transform:none}}
/* Refined shared layout and card hierarchy. */
body .hero-logo,body .hero-logo img{mix-blend-mode:normal;filter:none}
body:not(.home-page) section.hero.pagehero{grid-template-columns:1.5fr .65fr;gap:32px;padding-top:28px;padding-bottom:28px}
body:not(.home-page) .hero-logo{height:220px;max-width:260px}
body:not(.home-page) section.hero.pagehero h1{font-size:clamp(36px,4vw,55px);letter-spacing:-2px}
.home-page .cards .card{display:flex;flex-direction:column;background:#fff;color:var(--ink);border:1px solid #9ab79f;border-top:5px solid #006b2d;border-radius:8px;padding:25px}
.home-page .cards .card:nth-child(2){border-top-color:#1c1c1b}.home-page .cards .card:nth-child(3){border-top-color:#006b2d}.home-page .cards .card:nth-child(4){border-top-color:#d02020}
.home-page .cards .card>span{color:#48584c}.home-page .cards .card p{color:#48584c;flex:1}.home-page .cards .card b{color:#006b2d}.home-page .cards .card .symbol{color:#006b2d;font-size:48px;line-height:1.3;margin:12px 0}.home-page .cards .card:nth-child(2) .symbol{color:#1c1c1b}.home-page .cards .card:nth-child(4) .symbol{color:#d02020}
.event-feature,.important-panel,.thank-you-panel{background:#fff;border:1px solid #a9bdac;border-radius:8px;margin:0 6% 26px;padding:28px 32px}
.event-feature h2,.important-panel h2{font-size:29px;margin-bottom:14px}.important-panel .actions{margin-top:18px}.event-feature .event-time{font-size:20px}
.enquiry-section form{border-radius:8px;border:1px solid #a9bdac}.enquiry-section textarea{min-height:90px}.thank-you-panel{margin-top:35px;margin-bottom:35px;padding:48px}
@media(max-width:850px){header.shared-header,.home-page header.shared-header{padding:16px 6%}header.shared-header .menu,.home-page header.shared-header .menu{display:block;margin-left:auto;padding:10px 18px;background:#fff;border:1px solid #789b7e;border-radius:6px;min-height:44px}header.shared-header nav,.home-page header.shared-header nav{display:none}header.shared-header nav.open,.home-page header.shared-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:12px;padding:8px 16px;background:#fff;border:1px solid #a9bdac;border-radius:6px}header.shared-header nav a,.home-page header.shared-header nav a{font-size:16px;min-height:46px;padding:12px 0}header.shared-header nav a[aria-current],.home-page header.shared-header nav a[aria-current]{border-bottom:0;font-weight:bold}body:not(.home-page) section.hero.pagehero{grid-template-columns:1fr auto;gap:16px}body:not(.home-page) .hero-logo{height:150px;width:150px}body:not(.home-page) section.hero.pagehero h1{font-size:34px;letter-spacing:-1px}.event-feature,.important-panel{padding:24px}.thank-you-panel{padding:28px}}
@media(max-width:560px){body:not(.home-page) section.hero.pagehero{grid-template-columns:1fr}body:not(.home-page) .hero-logo{height:120px;width:160px;justify-self:start;grid-row:1}body:not(.home-page) section.hero.pagehero h1{font-size:34px}.hero-copy .eyebrow{font-size:12px}.important-panel h2,.event-feature h2{font-size:25px}}
/* Match the homepage animation's resting dimensions to the internal logos. */
.home-page .hero-logo{height:220px;max-width:260px;width:100%}
@media(max-width:850px){.home-page .hero-logo{height:150px;width:150px;max-width:260px}}
@media(max-width:560px){.home-page .hero-logo{height:120px;width:160px;max-width:260px}}
body[data-logo-motion="overshoot"] .hero-logo{animation-duration:5s}
body[data-background="green-medium"]{--page-bg:#dcebdd;--section-bg:#dcebdd}
.home-page .hero h1 em{color:var(--red)}
.home-page .services{padding-top:10px;padding-bottom:30px}.service-introduction{max-width:800px;margin-bottom:18px;font-size:18px}.service-heading{padding-top:22px;padding-bottom:22px;text-align:center}.service-heading .eyebrow{display:block;margin-bottom:14px}.service-heading h2{margin-bottom:0}.homepage-event{margin:28px 6%;padding:26px 30px;background:#fff;border:1px solid #a9bdac;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.homepage-event h2{font-size:28px;margin-top:12px;margin-bottom:12px}.homepage-event p{margin-bottom:10px}.homepage-event .formnote{margin-top:0}.footer-email{margin-top:14px!important;font-size:15px!important;overflow-wrap:anywhere}
@media(max-width:850px){.homepage-event{grid-template-columns:1fr;gap:12px;padding:24px}.homepage-event .btn{justify-self:start}.service-heading{padding-top:20px;padding-bottom:20px}.service-introduction{font-size:16px}.homepage-event h2{font-size:25px}}
.home-page .service-heading h2{white-space:nowrap;font-size:clamp(26px,3.1vw,44px)}
.home-page .story-section{display:block;width:100%}
.home-page .story-section>.eyebrow{display:block;color:#1c1c1b;margin-bottom:18px}
.home-page .story-section h2{margin-bottom:22px}
.home-page .story-section p{max-width:none}
.consultancy-symbol svg{display:block;width:48px;height:48px}
@media(max-width:700px){.home-page .service-heading h2{white-space:normal}.home-page .story-section h2{font-size:30px}}
/* Requested service colours and larger section labels. */
.home-page .cards .card.consultancy-card{background:#006b2d;color:#fff;border-color:#006b2d}
.home-page .cards .card[href="/choir/"]{background:#d02020;color:#fff;border-color:#d02020}
.home-page .cards .card.consultancy-card>span,.home-page .cards .card.consultancy-card p,.home-page .cards .card.consultancy-card b,.home-page .cards .card.consultancy-card .symbol,.home-page .cards .card[href="/choir/"]>span,.home-page .cards .card[href="/choir/"] p,.home-page .cards .card[href="/choir/"] b,.home-page .cards .card[href="/choir/"] .symbol{color:#fff}
.home-page .service-heading>.eyebrow,.home-page .story-section>.eyebrow{font-size:20px;color:#006b2d;letter-spacing:2px;font-weight:700}
@media(max-width:700px){.home-page .service-heading>.eyebrow,.home-page .story-section>.eyebrow{font-size:18px}}
/* Matching white service panels with programme-coloured accents. */
.home-page .cards .card.consultancy-card,.home-page .cards .card[href="/choir/"]{background:#fff;color:#1c1c1b;border:1px solid #9ab79f;border-top:5px solid #006b2d}
.home-page .cards .card[href="/choir/"]{border-top-color:#d02020}
.home-page .cards .card.consultancy-card>span,.home-page .cards .card.consultancy-card p,.home-page .cards .card[href="/choir/"]>span,.home-page .cards .card[href="/choir/"] p{color:#48584c}
.home-page .cards .card.consultancy-card b,.home-page .cards .card.consultancy-card .symbol{color:#006b2d}
.home-page .cards .card[href="/choir/"] b,.home-page .cards .card[href="/choir/"] .symbol{color:#d02020}
.home-page .service-heading>.eyebrow,.home-page .story-section>.eyebrow{font-size:24px;color:#006b2d}
@media(max-width:700px){.home-page .service-heading>.eyebrow,.home-page .story-section>.eyebrow{font-size:22px}}
.network-page .event-feature>.eyebrow{font-size:24px;color:#006b2d;letter-spacing:2px;font-weight:700}
.network-page .network-cards{background:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0}
.network-page .network-cards>div{display:flex;flex-direction:column;background:#fff;color:#1c1c1b;border:1px solid #9ab79f;border-top:5px solid #006b2d;border-radius:8px;padding:25px}
.network-page .network-cards>div:nth-child(2){border-top-color:#1c1c1b}.network-page .network-cards>div:nth-child(3){border-top-color:#d02020}
.network-page .network-cards span{font-size:12px;letter-spacing:1.8px;color:#48584c;margin-bottom:22px}.network-page .network-cards p{color:#48584c;font-size:16px;margin-bottom:0}
@media(max-width:850px){.network-page .network-cards{grid-template-columns:1fr}}
@media(max-width:700px){.network-page .event-feature>.eyebrow{font-size:22px}}
.network-page .hero-copy>.eyebrow{display:block;font-size:24px;color:#006b2d;letter-spacing:2px;font-weight:700}
@media(max-width:700px){.network-page .hero-copy>.eyebrow{font-size:22px}}
.network-page .enquiry-section>div>.eyebrow{display:block;font-size:24px;color:#006b2d;letter-spacing:2px;font-weight:700;margin-bottom:20px}
.network-meeting-photo{margin:0 0 25px}.network-meeting-photo img{display:block;width:100%;height:auto;border-radius:8px}.network-meeting-photo figcaption{font-size:12px;color:#48584c;margin-top:7px}.network-meeting-photo a{text-decoration:underline}
@media(max-width:700px){.network-page .enquiry-section>div>.eyebrow{font-size:22px}}
.consultancy-page .hero-copy>.eyebrow{display:block;font-size:24px;color:#006b2d;letter-spacing:2px;font-weight:700}
@media(max-width:700px){.consultancy-page .hero-copy>.eyebrow{font-size:22px}}
/* Event panels share the homepage card proportions and UAE accents. */
.events-page .events{gap:22px}
.events-page .events article{display:flex;flex-direction:column;background:#fff;border:1px solid #9ab79f;border-top:5px solid #006b2d;border-radius:8px;padding:25px}
.events-page .events article:nth-child(2){border-top-color:#1c1c1b}.events-page .events article:nth-child(3){border-top-color:#d02020}
.events-page .events .eventart{height:auto;background:transparent;font-size:48px;line-height:1.3;display:block;margin:12px 0;color:#006b2d}
.events-page .events article:nth-child(2) .eventart{color:#1c1c1b}.events-page .events article:nth-child(3) .eventart{color:#d02020}
.events-page .events article>div:last-child{padding:0;display:flex;flex-direction:column;flex:1}
.events-page .events h3{font-size:24px;margin:16px 0}.events-page .events p{font-size:16px;color:#48584c;flex:1}.events-page .events .eyebrow{font-size:12px;color:#48584c;letter-spacing:1.8px}.events-page .events .textlink{color:#006b2d;align-self:start;margin-top:auto}.events-page .events article:nth-child(3) .textlink{color:#d02020}
.choir-page .hero-copy>.eyebrow{display:block;font-size:24px;color:#006b2d;letter-spacing:2px;font-weight:700}
.choir-page .choir-cards{background:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0}
.choir-page .choir-cards>div{display:flex;flex-direction:column;background:#fff;border:1px solid #9ab79f;border-top:5px solid #006b2d;border-radius:8px;padding:25px}
.choir-page .choir-cards>div:nth-child(2){border-top-color:#1c1c1b}.choir-page .choir-cards>div:nth-child(3){border-top-color:#d02020}.choir-page .choir-cards span{font-size:12px;color:#48584c;letter-spacing:1.8px;margin-bottom:22px}.choir-page .choir-cards p{font-size:16px;color:#48584c;margin-bottom:0}
@media(max-width:850px){.choir-page .choir-cards{grid-template-columns:1fr}}
@media(max-width:700px){.choir-page .hero-copy>.eyebrow{font-size:22px}}
.consultancy-page .consultancy-cards{background:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0}
.consultancy-page .consultancy-cards>div{background:#fff;border:1px solid #9ab79f;border-top:5px solid #006b2d;border-radius:8px;padding:25px}.consultancy-page .consultancy-cards>div:nth-child(2){border-top-color:#1c1c1b}.consultancy-page .consultancy-cards>div:nth-child(3){border-top-color:#d02020}.consultancy-page .consultancy-cards span{font-size:12px;color:#48584c;letter-spacing:1.8px;margin-bottom:22px}.consultancy-page .consultancy-cards p{font-size:16px;color:#48584c;margin-bottom:0}
.tabla-photo{margin:12px 0 16px}.tabla-photo img{display:block;width:100%;height:auto;border-radius:4px}.tabla-photo figcaption{font-size:12px;color:#48584c;margin-top:6px;line-height:1.4}.tabla-photo a{text-decoration:underline}
.events-page .events .coming-soon{color:#006b2d;font-size:14px;font-weight:600}
@media(max-width:850px){.consultancy-page .consultancy-cards{grid-template-columns:1fr}}
/* Consultancy service cards use the same white panels as the other routes. */
.consultancy-page .consultancy-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;background:transparent}
.consultancy-page .consultancy-panels>div{display:flex;flex-direction:column;background:#fff;border:1px solid #9ab79f;border-top:5px solid #006b2d;border-radius:8px;padding:25px;color:#1c1c1b}
.consultancy-page .consultancy-panels>div:nth-child(2){border-top-color:#1c1c1b}.consultancy-page .consultancy-panels>div:nth-child(3){border-top-color:#d02020}
.consultancy-page .consultancy-panels span{display:block;font-size:12px;color:#48584c;letter-spacing:1.8px;margin-bottom:22px}.consultancy-page .consultancy-panels h3{font-size:24px;margin-bottom:16px}.consultancy-page .consultancy-panels p{font-size:16px;color:#48584c;margin:0;flex:1}
.events-page .events article>div:last-child{display:flex;flex-direction:column;flex:1}
.events-page .events .event-action,.events-page .events .coming-soon{display:block;margin-top:auto;margin-bottom:0;padding-top:12px;align-self:flex-start;font-size:14px;line-height:1.65;font-weight:600;color:#006b2d}
@media(max-width:850px){.consultancy-page .consultancy-panels{grid-template-columns:1fr}}
.events-page .hero-copy>.eyebrow{display:block;font-size:24px;color:#006b2d;letter-spacing:2px;font-weight:700}
@media(max-width:700px){.events-page .hero-copy>.eyebrow{font-size:22px}}
.home-page .cards .card[href="/choir/"] b{color:#006b2d}