/* Brand details belong to their components, not a decorative asset showcase. */
.compact-heading,.process-band,.editorial-intro,.home-seo{position:relative;isolation:isolate;overflow:hidden}
.compact-heading::before,.process-band::before,.editorial-intro::before,.home-seo::before{content:'';position:absolute;right:4%;top:50%;width:175px;height:245px;transform:translateY(-50%) rotate(-12deg);background:url('/assets/img/logo-su-osgb.png') left center/640px auto no-repeat;opacity:.045;z-index:-1;pointer-events:none}
.process-band::before{right:8%;opacity:.035;transform:translateY(-50%) rotate(12deg);width:218px;height:306px;background-size:800px auto}
.editorial-intro::before{right:38%;opacity:.035}.home-seo::before{right:3%;top:25%;opacity:.03}
.btn,.footer-contact-link,.circle-link,.complete-nav .nav-cta{position:relative;overflow:hidden;isolation:isolate;border-radius:8px 8px 24px 8px;min-height:48px;padding:13px 27px!important;background:#087fa9;color:#fff;border:1px solid #1a95b9;box-shadow:inset 0 1px 0 #ffffff50,inset 0 -3px 0 #034b6b20;backdrop-filter:blur(12px);transition:background .25s,box-shadow .25s,border-color .25s,transform .25s}
.btn::after,.footer-contact-link::after,.circle-link::after,.complete-nav .nav-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff35 48%,transparent 72%);transform:translateX(-120%);transition:transform .55s ease;pointer-events:none;z-index:-1}
.btn:hover,.footer-contact-link:hover,.circle-link:hover,.complete-nav .nav-cta:hover{background:#087b9f;color:#fff;border-color:#68d1e8;box-shadow:inset 0 1px 0 #ffffff80,0 0 0 3px #10b1d018,0 7px 25px #079dc73b;transform:translateY(-2px)}
.btn:hover::after,.footer-contact-link:hover::after,.circle-link:hover::after,.complete-nav .nav-cta:hover::after{transform:translateX(120%)}
.under-link{gap:0;color:#08769e;border-color:#8bbfcc;font-weight:600}.expertise-title{justify-content:flex-start}.circle-link>span{position:relative;z-index:1}.circle-link b{display:none}.footer-contact-link svg{display:none}
.home-editorial .complete-header{position:absolute;top:0;left:0;width:100%;background:linear-gradient(#ffffffd9,#ffffff99 72%,transparent);border:0;box-shadow:none;backdrop-filter:none}
.home-editorial .complete-header .nav-wrap{height:104px;min-height:104px}.home-editorial .complete-header .brand{width:255px;height:96px}
.home-editorial .complete-header .nav-group-wide .nav-dropdown{top:104px}
.opening{background:#f3f8fa;aspect-ratio:auto;min-height:0;max-height:none;height:auto;color:#153d50;overflow:hidden}
.opening-stage{position:relative;isolation:isolate;aspect-ratio:3/1;width:100%}
.opening-images{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.opening-image{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.opening-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#ffffffe0 0%,#ffffffb8 30%,#ffffff20 57%,transparent 70%)}
.opening-meta{display:none}.opening-copy{position:absolute;top:28%;left:7%;right:auto;max-width:540px;width:40%;padding:0}
.opening-kicker{font-size:10px;font-weight:650;color:#167f9f;gap:10px;margin:0 0 12px}.opening-kicker::before{background:#12a5cb;width:24px}
.opening h1{font-size:15px;color:#1d5068;font-weight:650}.opening h1>span,.opening h1 em{font-size:42px;line-height:1.08;color:#173f54;font-weight:650}.opening h1>span{margin-top:9px}.opening h1 em{color:#087fa9}
.opening-description{font-size:14px;color:#345665;line-height:1.6;margin:16px 0;max-width:440px;min-height:0}
.opening .circle-link{font-size:13px;min-height:44px;padding:10px 24px!important;border:1px solid #ffffffee;background:#087fa9db;color:#fff;border-radius:8px 8px 24px 8px;box-shadow:inset 0 1px 0 #ffffff80,0 4px 15px #17334418;backdrop-filter:blur(12px)}
.opening-bottom{position:relative;inset:auto;width:86%;max-width:1360px;margin:0 auto;min-height:82px;display:flex;align-items:center;gap:30px;padding:12px 0 18px}
.slide-tabs{gap:24px}.slide-tabs button{color:#476574;border-top:2px solid #d5e3e9;padding-top:12px;font-size:12px;font-weight:500}.slide-tabs button.is-current{color:#087fa9;border-color:#087fa9}.slide-tabs button span{color:inherit}
.slide-controls button{background:#ffffffa6;border:1px solid #bed9e2;color:#126983;border-radius:6px;backdrop-filter:blur(12px)}.slide-controls button:hover{background:#087fa9;color:#fff}.slide-counter{color:#476574}.image-caption{color:#607d89;font-size:8px;bottom:2px;right:7%}
@media(min-width:1700px){.opening-copy{top:30%;max-width:660px}.opening h1>span,.opening h1 em{font-size:56px}.opening-description{font-size:16px;max-width:560px;margin:22px 0}.opening .circle-link{font-size:14px;min-height:49px}}
@media(min-width:1051px) and (max-width:1300px){.home-editorial .complete-header .brand{width:205px;height:77px}.opening-copy{top:29%;width:44%}.opening-kicker{display:none}.opening h1>span,.opening h1 em{font-size:35px}.opening-description{font-size:13px;margin:12px 0;line-height:1.5}.opening .circle-link{min-height:40px;padding:8px 21px!important}.slide-tabs button{font-size:11px}.opening-bottom{gap:18px}.slide-tabs{gap:13px}}
@media(max-width:1050px){.home-editorial .complete-header{position:relative;background:#fff}.home-editorial .complete-header .nav-wrap{height:88px;min-height:88px}.home-editorial .complete-header .brand{width:205px;height:77px}.opening-stage{aspect-ratio:auto}.opening-images{position:relative;aspect-ratio:3/1;height:auto;inset:auto;z-index:0}.opening-overlay{display:none}.opening-copy{position:relative;inset:auto;width:86%;max-width:none;margin:0 auto;padding:26px 0 28px}.opening h1>span,.opening h1 em{font-size:37px}.opening h1 br{display:none}.opening h1 em::before{content:' '}.opening-description{max-width:660px}.opening-bottom{border-top:1px solid #d5e3e9}.opening-kicker{display:none}}
@media(max-width:700px){.opening-copy{width:88%;padding:24px 0}.opening h1>span,.opening h1 em{font-size:29px;line-height:1.2}.opening h1>span{margin-top:9px}.opening-description{font-size:14px;margin:14px 0;max-width:calc(100% - 24px)}.opening-bottom{width:88%;min-height:73px;gap:20px;padding:12px 0 18px}.slide-tabs{gap:12px}.slide-tabs button{font-size:0;min-height:32px;padding-top:9px}.slide-tabs button span{font-size:12px}.slide-controls{gap:5px}.slide-controls button{width:31px;height:31px}.slide-counter{font-size:10px}.image-caption{font-size:7px}.compact-heading::before{right:-20px;width:131px;height:184px;background-size:480px auto}.process-band::before{right:-40px;opacity:.03}.btn,.footer-contact-link,.circle-link{font-size:13px}.editorial-intro::before{right:0}}
.compact-heading::before,.process-band::before,.editorial-intro::before,.home-seo::before{background-image:url('/assets/img/brand-droplet.webp');background-size:contain;width:280px;height:280px;opacity:.055}
.process-band::after{content:'';position:absolute;right:2%;bottom:-16px;width:50%;height:200px;background:url('/assets/img/brand-wave.webp') center/contain no-repeat;opacity:.65;z-index:-1;pointer-events:none}
.brand-source-band{position:relative;isolation:isolate;overflow:hidden;padding:35px 0;background:#f1fafc;border-block:1px solid #e3eff3}
.brand-source-inner{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(200px,.8fr);gap:30px;align-items:center}.brand-source-drop{width:155px;height:155px;object-fit:contain}.brand-source-inner h2{font-size:28px!important;line-height:1.3!important;color:#14657e;margin:0}.brand-source-inner p{font-size:13px;color:#567887;margin:13px 0 0}.brand-signature{border-left:1px solid #d0e6ed;padding-left:50px;color:#2386a4}.brand-signature strong{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:37px;line-height:1.2}.brand-signature span{display:block;width:72px;height:3px;background:#a4cb43;margin:15px 0}
.brand-source-band::after{content:'';position:absolute;right:22%;top:0;bottom:0;width:160px;background:url('/assets/img/brand-droplet.webp') center/32px 32px repeat;opacity:.065;z-index:-1}.brand-source-band::before{content:'';position:absolute;left:25%;bottom:-30px;width:45%;height:160px;background:url('/assets/img/brand-wave.webp') center/contain no-repeat;opacity:.5;z-index:-1}
.nav-group{position:static}.nav-dropdown,.nav-group-wide .nav-dropdown{top:100%;right:0;left:auto;width:min(920px,100%);padding:24px;grid-template-columns:minmax(0,1fr) 250px;gap:24px;background:#fffffff5;backdrop-filter:blur(18px);border:1px solid #d3e8ed;border-top:3px solid #08a0c5;border-radius:0 0 18px 6px;box-shadow:0 20px 40px #123c5126}
.nav-dropdown::before{content:'';position:absolute;left:0;right:0;top:-24px;height:24px;pointer-events:auto}
.nav-group.is-open>.nav-dropdown{display:grid;animation:menuAppear .18s ease both;gap:24px}
.nav-backdrop{display:none}
@media(min-width:1241px){.nav-backdrop{display:block;position:fixed;inset:0;z-index:49;background:rgba(14,37,49,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}body.desktop-menu-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}.complete-header{z-index:50}}
.nav-link-list{display:grid;grid-template-columns:1fr;gap:3px;align-content:start}.nav-group-wide .nav-link-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.nav-link-list>a{display:flex;align-items:center;gap:11px;padding:10px 9px;color:#315564;font-size:12px;line-height:1.5;border-radius:4px;transition:background .18s,color .18s,box-shadow .18s}.menu-icon{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;background:#e8f5f9;border:1px solid #d8edf3;border-radius:6px 6px 13px 6px}.menu-icon img{width:20px;height:20px;opacity:.75;filter:invert(34%) sepia(31%) saturate(1510%) hue-rotate(151deg) brightness(90%) contrast(96%)}
.nav-link-list>a:hover,.nav-link-list>a:focus-visible,.nav-link-list>a.is-previewed{background:#edf8fb;color:#007d9f;box-shadow:inset 2px 0 #13a6c4}.nav-link-list .nav-overview{grid-column:1/-1;border-top:1px solid #d6e9ee;border-radius:0;font-weight:650;color:#087fa9;margin-top:10px;padding-top:14px}.menu-preview{min-width:0;border-left:1px solid #d6e9ee;padding-left:24px;align-self:stretch;display:flex;flex-direction:column;gap:12px}.menu-preview-image{aspect-ratio:3/2;overflow:hidden;border-radius:6px 6px 22px 6px;background:#eaf6f9}.menu-preview-image img{width:100%;height:100%;object-fit:cover}.menu-preview>span{font-size:9px;color:#0794b6;font-weight:650;margin-top:5px}.menu-preview>strong{font-size:20px;line-height:1.35;color:#17475b;min-height:54px}.menu-preview>small{font-size:12px;line-height:1.6;color:#607c88}
@keyframes menuAppear{from{opacity:0}to{opacity:1}}
@media(max-width:1050px){.nav-dropdown,.nav-group-wide .nav-dropdown,.nav-group.is-open>.nav-dropdown{position:static;width:100%;padding:3px 0 10px 10px;grid-template-columns:1fr;gap:0;box-shadow:none;border:0;border-left:2px solid #12a4c5;border-radius:0;background:transparent;backdrop-filter:none}.nav-dropdown::before{display:none}.menu-preview{display:none}.nav-group-wide .nav-link-list{grid-template-columns:1fr}.nav-link-list>a{font-size:13px;padding:10px 8px}.menu-icon{width:31px;height:31px}.brand-source-inner{grid-template-columns:130px 1fr;gap:20px}.brand-signature{grid-column:2;border-left:0;padding-left:0}.brand-source-drop{width:130px;height:130px;grid-row:1/3}.brand-source-inner h2{font-size:25px!important}.brand-signature strong{font-size:29px}.brand-signature span{margin-bottom:0}}
@media(max-width:640px){.brand-source-inner{grid-template-columns:82px 1fr;gap:10px 16px}.brand-source-drop{width:82px;height:110px}.brand-source-inner h2{font-size:20px!important}.brand-source-inner p{font-size:12px}.brand-signature strong{font-size:24px}.brand-source-band::after{right:-20px;opacity:.045}.brand-source-band{padding:28px 0}.brand-signature span{width:50px}.compact-heading::before{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.btn,.footer-contact-link,.circle-link,.complete-nav .nav-cta{transition:none}.btn::after,.footer-contact-link::after,.circle-link::after,.complete-nav .nav-cta::after{display:none}.nav-group.is-open>.nav-dropdown{animation:none}}

.section-wave{height:76px;background:url('/assets/img/brand-wave.webp') center/100% 190px no-repeat;opacity:.6;pointer-events:none;margin-top:8px}
.process-band::after,.home-seo::before{display:none}
.compact-heading::before{opacity:.035;right:7%}
.editorial-intro::before{right:5%;opacity:.035}
.process-band::before{right:5%;top:68%;opacity:.035}
.footer-identity .footer-signature{display:table;font-family:Georgia,serif;font-style:italic;font-size:28px;line-height:1.3;color:#197b98;margin:24px 0 18px;padding-bottom:9px;border-bottom:2px solid #a0cd36}
.btn,.footer-contact-link,.circle-link,.opening .circle-link,.complete-nav .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;max-width:100%;padding:12px 28px!important;border-radius:30px 30px 30px 12px;background:linear-gradient(165deg,#31bbd2 0%,#0b8eac 38%,#00647e 100%);border:1px solid #ffffff80;color:#fff;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:inset 0 2px 2px #ffffff65,inset 0 -2px 3px #00425635,0 6px 16px #006e8d26;backdrop-filter:blur(14px)}
.btn::before,.footer-contact-link::before,.circle-link::before,.complete-nav .nav-cta::before{content:'';position:absolute;inset:auto -10% -30px 25%;height:46px;border-radius:50%;background:#70e7f426;transform:rotate(-8deg);pointer-events:none;z-index:-1}
.btn:hover,.footer-contact-link:hover,.circle-link:hover,.opening .circle-link:hover,.complete-nav .nav-cta:hover{background:linear-gradient(165deg,#43cbe0,#0794b3 42%,#006b85);box-shadow:inset 0 2px 2px #ffffff90,0 0 0 4px #22c7e315,0 8px 24px #069abb50;color:#fff}
.btn:focus-visible,.footer-contact-link:focus-visible,.circle-link:focus-visible,.complete-nav .nav-cta:focus-visible{outline:3px solid #13546c;outline-offset:4px}
.btn.secondary,.btn.outline{background:linear-gradient(155deg,#ffffffea,#eaf9fcbb);color:#07516c;border-color:#0c8cac;box-shadow:inset 0 2px 2px #fff,0 5px 15px #006e8d15}
.footer-contact-link{background:linear-gradient(160deg,#d4ef80,#b2d94a 45%,#91bb2f);color:#173d27;border-color:#e7f6b1;box-shadow:inset 0 2px 2px #ffffff90,0 6px 18px #709d2326}
.footer-contact-link:hover{background:linear-gradient(160deg,#e0f798,#bcdf5c,#9ac738);color:#173d27;box-shadow:inset 0 2px 2px #fff9,0 0 0 4px #acd74920,0 8px 24px #8dab3550}
@media(max-width:700px){.section-wave{height:44px;background-size:180% 100px}.footer-identity .footer-signature{font-size:25px}.btn,.footer-contact-link,.circle-link,.opening .circle-link{min-height:48px;padding:11px 23px!important}}