:root{--blue:#063b87;--deep:#061d46;--ink:#0b1d36;--gold:#f4b400;--gold2:#ffd55a;--soft:#f5f7fb;--line:#dfe6ef;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(3,25,61,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}body:has(.modal-layer),body:has(.drawer-wrap){overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(1280px,calc(100% - 48px));margin:auto}.topbar{height:34px;background:var(--deep);color:#dfe9fb;font-size:12px}.topbar-in,.topbar-in>div{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar-in>div{justify-content:flex-start}.topbar a{display:flex;align-items:center;gap:5px}.header{height:82px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(6,29,70,.08)}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand img{width:42px;height:50px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{color:var(--blue);font-size:19px;line-height:1}.brand small{font-size:8px;letter-spacing:2px;color:var(--blue);font-weight:800;margin-top:5px}.desktop-nav{display:flex;gap:26px;margin-left:auto}.desktop-nav a{font-weight:800;font-size:13px;position:relative}.desktop-nav a:after{content:"";position:absolute;height:2px;background:var(--gold);left:0;right:100%;bottom:-9px;transition:.25s}.desktop-nav a.active:after,.desktop-nav a:hover:after{right:0}.desktop-actions{display:flex;gap:10px}.btn{border:0;border-radius:14px;min-height:46px;padding:0 19px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#082450;box-shadow:0 12px 30px rgba(244,180,0,.25)}.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.dark{background:var(--deep);color:white}.btn.glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(12px)}.btn.whatsapp-btn,.whatsapp-btn{background:#25d366;color:#fff}.btn.big{min-height:54px;padding:0 24px}.mobile-staff,.menu-btn{display:none}.hero-react{height:min(780px,calc(100svh - 116px));min-height:620px;position:relative;color:#fff;overflow:hidden;background:var(--deep)}.hero-bg-stack,.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background-size:cover;background-position:center}.bg-1{animation:fadecycle 18s infinite 6s;opacity:0}.bg-2{animation:fadecycle 18s infinite 12s;opacity:0}@keyframes fadecycle{0%,25%{opacity:0}33%,58%{opacity:1}66%,100%{opacity:0}}.hero-shade{background:linear-gradient(90deg,rgba(3,21,54,.92) 0%,rgba(3,21,54,.76) 46%,rgba(3,21,54,.2) 78%),linear-gradient(0deg,rgba(3,21,54,.7),transparent 50%)}.hero-react-grid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.eyebrow.light{color:#ffe07b}.hero-copy h1{font-size:clamp(66px,7vw,118px);line-height:.86;letter-spacing:-5px;margin:18px 0 26px;font-weight:800}.hero-copy h1 span,.hero-copy h1 em{display:block}.hero-copy h1 em{font-family:"Playfair Display",serif;color:#ffd154;font-style:normal;font-weight:700}.hero-copy>p{font-size:18px;line-height:1.65;max-width:700px;color:#e8eef8}.hero-checks{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0}.hero-checks span{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px}.hero-checks svg{width:19px;height:19px;color:#ffd154}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-orbit{justify-self:end;width:300px;height:300px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 68%);backdrop-filter:blur(5px)}.orbit-card{text-align:center}.orbit-card span{font-size:11px;letter-spacing:2px;color:#ffd154;font-weight:900}.orbit-card b{display:block;font-size:86px;line-height:1}.orbit-card p{margin:4px auto 0;max-width:150px;font-size:12px;color:#dce6f7}.orbit-line{position:absolute;inset:22px;border:1px dashed rgba(255,209,84,.42);border-radius:50%;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orbit-note{position:absolute;bottom:-48px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#e6edf7}.orbit-note i{color:#ffd154;font-style:normal}.scroll-cue{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#fff8;display:flex;align-items:center;gap:10px}.scroll-cue span{width:70px;height:1px;background:#fff5}.pulse-bar{height:54px;background:#ffd154;color:#082450;display:flex;align-items:center;gap:12px;padding:0 24px;overflow:hidden;font-size:11px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#073f86;box-shadow:0 0 0 5px rgba(7,63,134,.12);animation:pulse 1.5s infinite}@keyframes pulse{50%{transform:scale(.7)}}.pulse-bar>b{white-space:nowrap;letter-spacing:1px}.ticker{display:flex;gap:34px;white-space:nowrap;animation:ticker 22s linear infinite}.ticker span:before{content:'✦';margin-right:34px;color:#073f86}@keyframes ticker{to{transform:translateX(-45%)}}.section-react{padding:100px 0}.intro-section{background:#fff}.editorial{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:end;margin-bottom:50px}.editorial .eyebrow{align-self:start}.editorial h2{grid-column:2;font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-3px;margin:0}.editorial h2 em{font-family:"Playfair Display";color:var(--blue);font-style:normal}.editorial p{grid-column:2;font-size:17px;line-height:1.7;color:#5a6a7c;margin:0;max-width:700px}.service-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-live{height:540px;position:relative;border-radius:28px;overflow:hidden;color:#fff;isolation:isolate}.service-img,.service-gradient{position:absolute;inset:0}.service-img{background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1)}.service-live:hover .service-img{transform:scale(1.06)}.service-gradient{background:linear-gradient(0deg,rgba(3,21,54,.94),rgba(3,21,54,.08) 70%)}.service-number{position:absolute;right:22px;top:14px;font-size:70px;font-weight:800;color:#fff2;z-index:2}.service-copy{position:absolute;z-index:3;left:32px;right:32px;bottom:30px}.service-copy>span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#ffd154;font-weight:900}.service-copy h3{font-size:34px;margin:8px 0 10px}.service-copy p{color:#e7edf7;line-height:1.55;max-width:520px}.service-copy a{display:inline-flex;gap:7px;align-items:center;color:#ffd154;font-weight:800;font-size:13px}.service-copy svg{width:16px}.experience-banner{height:650px;position:relative;color:#fff;overflow:hidden}.experience-image,.experience-overlay{position:absolute;inset:0}.experience-image{background:url('https://images.unsplash.com/photo-1507504031003-b417219a0fde?auto=format&fit=crop&w=2200&q=86') center/cover}.experience-overlay{background:linear-gradient(90deg,rgba(3,21,54,.9),rgba(3,21,54,.15))}.experience-copy{position:relative;z-index:2;height:100%;display:flex;align-items:center}.experience-copy>div{max-width:720px}.experience-copy h2{font-size:clamp(54px,7vw,100px);line-height:.95;letter-spacing:-4px;margin:15px 0}.experience-copy p{font-size:18px;max-width:560px;line-height:1.6;margin-bottom:28px}.projects-home{background:var(--soft)}.section-head-react{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head-react h2{font-size:48px;line-height:1;margin:9px 0 0}.section-head-react>a{font-weight:800;color:var(--blue);display:flex;gap:4px;align-items:center}.project-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-card{height:440px;position:relative;border-radius:22px;overflow:hidden;background:#0b254d}.project-card img{width:100%;height:100%;object-fit:cover}.project-overlay{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:end;color:white;background:linear-gradient(0deg,rgba(3,21,54,.94),transparent 70%)}.project-overlay>span{font-size:10px;color:#ffd154;font-weight:900;text-transform:uppercase}.project-overlay h3{font-size:24px;margin:7px 0 3px}.project-overlay p{font-size:12px;color:#d9e4f5}.project-overlay a{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#ffd154;margin-top:6px}.numbers{padding:70px 0;background:var(--deep);color:#fff}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr)}.numbers-grid>div{border-right:1px solid #ffffff20;padding:10px 30px}.numbers-grid>div:first-child{padding-left:0}.numbers-grid>div:last-child{border:0}.numbers b{font-size:56px;color:#ffd154;display:block}.numbers span{font-size:13px;color:#d9e4f4}.closing{background:#fff}.closing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.closing h2{font-size:55px;line-height:1.05;margin:12px 0 0}.closing p{font-size:17px;line-height:1.65;color:#5a6a7c}.footer{background:#041733;color:#dae5f4;padding:75px 0 18px}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr 1fr 1fr;gap:50px}.footer-logo b,.footer-logo small{color:#fff}.footer-brand p{max-width:420px;line-height:1.7;font-size:14px;color:#aebdd2}.footer h4{color:#ffd154;margin:2px 0 18px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px}.footer-grid a,.footer-grid button{color:#cbd8ea;font-size:13px;background:none;border:0;padding:0;text-align:left;display:flex;gap:5px;align-items:center;cursor:pointer}.socials{display:flex;gap:9px;margin-top:20px}.socials a{width:38px;height:38px;border:1px solid #ffffff20;border-radius:50%;display:grid;place-items:center}.socials svg{width:16px}.footer-bottom{border-top:1px solid #ffffff15;margin-top:55px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#8799b0}.drawer-wrap{position:fixed;inset:0;background:#03152ebd;z-index:100;backdrop-filter:blur(5px)}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:white;padding:18px;display:flex;flex-direction:column;overflow:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-head>button{border:0;background:#f1f4f8;width:46px;height:46px;border-radius:14px}.brand.compact img{width:35px;height:42px}.drawer-links{padding:15px 0}.drawer-links a{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #eef2f6;font-weight:800}.drawer-links a span{color:#9ca9b7}.drawer-actions{display:grid;gap:9px;margin-top:auto}.drawer-contact{display:flex;justify-content:space-between;font-size:11px;color:#69788c;padding:16px 4px 4px}.modal-layer{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px}.modal-bg{position:absolute;inset:0;background:#03152ed9;backdrop-filter:blur(12px)}.enquiry-modal{position:relative;width:min(760px,100%);max-height:calc(100svh - 40px);overflow:auto;background:white;border-radius:28px;padding:34px;box-shadow:0 30px 100px #00142f66}.modal-x{position:absolute;right:16px;top:16px;border:0;background:#eef2f6;width:44px;height:44px;border-radius:50%}.modal-intro h2{font-size:44px;margin:8px 0}.modal-intro p{color:#627286;max-width:560px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.field-grid label{display:grid;gap:6px}.field-grid label span{font-size:11px;font-weight:800;color:#506174}.field-grid .full{grid-column:1/-1}.field-grid input,.field-grid select,.field-grid textarea{width:100%;border:1px solid #d9e2ec;background:#f8fafc;border-radius:12px;padding:13px;font-size:16px;outline:none}.field-grid input,.field-grid select{height:48px}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:#5486c8;box-shadow:0 0 0 3px #5486c81f}.react-form .submit{width:100%;margin-top:15px}.form-error{background:#fff0f0;color:#a12626;padding:10px 12px;border-radius:10px;margin-top:12px;font-size:13px}.success{text-align:center;padding:35px 15px}.success>svg{width:72px;height:72px;color:#1daa65}.success>span{font-size:11px;color:#1d8e5b;font-weight:900;text-transform:uppercase}.success h2{font-size:40px;margin:12px auto;max-width:520px}.success p{color:#627286;max-width:500px;margin:0 auto 25px}.mobile-dock{display:none}.page-hero-react{height:620px;position:relative;color:white;display:flex;align-items:end;overflow:hidden}.page-bg,.page-shade{position:absolute;inset:0}.page-bg{background-size:cover;background-position:center}.page-shade{background:linear-gradient(90deg,rgba(3,21,54,.94),rgba(3,21,54,.25)),linear-gradient(0deg,rgba(3,21,54,.55),transparent)}.page-hero-copy{position:relative;z-index:2;padding-bottom:65px}.page-hero-copy h1{font-size:clamp(54px,7vw,100px);max-width:980px;line-height:.97;letter-spacing:-4px;margin:14px 0}.page-hero-copy p{max-width:700px;font-size:18px;line-height:1.6;color:#e4ebf5;margin-bottom:25px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-grid article{background:var(--soft);border-radius:22px;padding:30px;min-height:300px}.story-grid article>span{font-size:48px;font-weight:900;color:#e5eaf0}.story-grid h2{font-size:27px}.story-grid p{color:#5d6d7f;line-height:1.7}.compact-services .service-live{height:480px}.mini-cta{padding:70px 0;background:#ffd154}.mini-cta .shell{display:flex;justify-content:space-between;align-items:center;gap:25px}.mini-cta h2{font-size:40px;max-width:700px;color:#082450;margin:0}.simple-hero{min-height:430px;background:linear-gradient(135deg,#052d66,#061d46);color:#fff;display:flex;align-items:end;padding:70px 0}.simple-hero h1{font-size:clamp(55px,8vw,100px);letter-spacing:-4px;line-height:.9;margin:12px 0}.simple-hero p{font-size:18px;color:#d7e2f2}.gallery-hero{background:linear-gradient(135deg,#1b163d,#061d46)}.contact-hero{background:linear-gradient(135deg,#063b87,#061d46)}.cms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cms-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 50px rgba(8,35,70,.06)}.cms-card img{width:100%;height:260px;object-fit:cover}.cms-card>div{padding:22px}.cms-card span{font-size:10px;color:var(--blue);font-weight:900;text-transform:uppercase}.cms-card h2{font-size:23px;margin:7px 0}.cms-card p{color:#657589;line-height:1.55}.cms-card small{color:#8a98a8}.empty-react{grid-column:1/-1;background:var(--soft);padding:40px;border-radius:22px;text-align:center;color:#69788c}.center-action{text-align:center;margin-top:35px}.gallery-react{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:330px;padding:8px;gap:8px;background:#051b3c}.gallery-tile{border:0;padding:0;position:relative;overflow:hidden;border-radius:16px;background:#082450}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:.6s}.gallery-tile:hover img{transform:scale(1.05)}.gallery-tile span{position:absolute;left:16px;bottom:14px;color:white;font-weight:900;font-size:12px;background:#061d46b5;padding:8px 10px;border-radius:10px}.tile-0{grid-row:span 2}.tile-4{grid-column:span 2}.lightbox{position:fixed;inset:0;z-index:200;background:#020b1ae8;display:grid;place-items:center;padding:30px}.lightbox img{max-width:90vw;max-height:88svh;border-radius:18px}.lightbox button{position:absolute;right:25px;top:25px;width:50px;height:50px;border-radius:50%;border:1px solid #ffffff30;background:#fff1;color:white}.contact-react-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-react-grid h2{font-size:55px;margin:12px 0}.contact-react-grid p{color:#657589;font-size:17px;line-height:1.7}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-cards>a,.contact-cards>div{min-height:150px;background:var(--soft);border-radius:18px;padding:22px;display:flex;gap:15px;align-items:flex-start}.contact-cards svg{color:var(--blue)}.contact-cards span{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#607084}.contact-cards b{color:#142841}.menu-btn{border:0;background:#f0f4f8;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center}.mobile-staff{min-height:42px;background:#ffd154;color:#082450;border-radius:12px;padding:0 13px;align-items:center;gap:6px;font-size:11px;font-weight:900}.mobile-staff svg{width:15px}.menu-btn svg{width:22px}
@media(max-width:1080px){.desktop-nav,.desktop-actions{display:none}.mobile-staff,.menu-btn{display:flex}.mobile-staff{margin-left:auto}.hero-react-grid{grid-template-columns:1fr}.hero-orbit{display:none}.hero-copy{max-width:800px}.project-strip{grid-template-columns:repeat(2,1fr)}.story-grid,.cms-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}.service-showcase{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{display:none}.header{height:68px}.shell{width:min(100% - 24px,1280px)}.brand img{width:34px;height:40px}.brand b{font-size:15px}.brand small{font-size:6px}.hero-react{height:auto;min-height:calc(100svh - 68px);padding:55px 0 100px}.hero-react-grid{display:flex;align-items:center}.hero-copy h1{font-size:clamp(48px,15vw,74px);letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-buttons{display:grid;grid-template-columns:1fr}.hero-buttons .btn{width:100%}.scroll-cue{bottom:78px}.pulse-bar{height:48px}.section-react{padding:68px 0}.editorial{display:block}.editorial h2,.editorial p{grid-column:auto}.editorial h2{font-size:42px;margin:15px 0}.service-showcase{grid-template-columns:1fr}.service-live{height:470px}.service-copy{left:22px;right:22px;bottom:22px}.service-copy h3{font-size:29px}.experience-banner{height:560px}.experience-copy h2{font-size:54px}.project-strip{grid-template-columns:1fr;display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.project-card{min-width:82vw;height:440px;scroll-snap-align:center}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-grid>div{border-bottom:1px solid #ffffff20;border-right:0;padding:22px}.closing-grid,.contact-react-grid{grid-template-columns:1fr;gap:30px}.closing h2,.contact-react-grid h2{font-size:40px}.footer{padding-bottom:90px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:grid;gap:6px}.mobile-dock{position:fixed;display:grid;grid-template-columns:1fr 1fr 52px;gap:7px;z-index:45;left:9px;right:9px;bottom:calc(8px + env(safe-area-inset-bottom));padding:7px;border-radius:17px;background:#fffffff2;box-shadow:0 18px 55px #001b3d38;backdrop-filter:blur(16px);border:1px solid #dbe2eb}.mobile-dock a,.mobile-dock button{border:0;border-radius:11px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:900}.mobile-dock button{background:#eef3f8;color:#122c4d}.mobile-dock a{background:#ffd154;color:#082450}.mobile-dock .call{background:#25d366;color:#fff}.mobile-dock svg{width:16px}.page-hero-react{height:520px}.page-hero-copy{padding-bottom:45px}.page-hero-copy h1{font-size:52px;letter-spacing:-2px}.story-grid,.cms-grid{grid-template-columns:1fr}.mini-cta .shell{display:grid}.mini-cta h2{font-size:34px}.gallery-react{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.tile-0{grid-row:span 1;grid-column:span 2}.tile-4{grid-column:span 1}.contact-cards{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.enquiry-modal{padding:28px 18px;border-radius:22px}.modal-intro h2{font-size:33px}.success h2{font-size:33px}.simple-hero{min-height:360px;padding-bottom:50px}.simple-hero h1{font-size:54px}.section-head-react h2{font-size:37px}.section-head-react>a{font-size:12px}}
@media(max-width:420px){.brand span small{display:none}.mobile-staff span{display:none}.mobile-staff{width:42px;padding:0;justify-content:center}.hero-copy h1{font-size:50px}.hero-checks{grid-template-columns:1fr}.gallery-react{grid-template-columns:1fr}.tile-0,.tile-4{grid-column:auto}.drawer-contact{display:grid;gap:5px}.numbers b{font-size:45px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.boot{height:100svh;display:grid;place-items:center;align-content:center;gap:14px;background:#061d46;color:white;font-family:Manrope,sans-serif}.boot img{width:78px}.boot span{font-size:12px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}.nav-link.active{color:#063b87}.nav-link.active:after{right:0}.cms-card.placeholder{min-height:380px;display:grid;place-items:center;background:#f5f7fb;color:#627286}.hero-react .bg-0{opacity:1}.route-fade{animation:routein .34s ease both}@keyframes routein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Local React runtime refinements */
.runtime-lightbox{position:fixed;inset:0;z-index:300;background:rgba(1,10,25,.94);display:none;place-items:center;padding:26px}.runtime-lightbox.show{display:grid}.runtime-lightbox img{max-width:min(1100px,92vw);max-height:88svh;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.runtime-lightbox button{position:absolute;top:22px;right:22px;width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer}.cms-card>.placeholder{height:260px;display:grid;place-items:center;background:linear-gradient(135deg,#eef3f9,#dfe8f3);color:#617187;font-weight:800}.brand.compact img{width:38px}.drawer-contact a{color:#617187;font-size:12px}.drawer-actions .btn{width:100%}
@media(max-width:760px){.runtime-lightbox{padding:12px}.runtime-lightbox button{top:12px;right:12px}.cms-card>.placeholder{height:210px}}

/* ============================================================
   BOCHAT EXPERIENCE POLISH V3
   ============================================================ */
.header{height:78px;box-shadow:0 10px 35px rgba(6,29,70,.045)}
.nav{gap:24px}.desktop-nav{gap:23px}.desktop-actions .btn{min-height:44px}
.desktop-actions .btn.gold{padding-inline:22px}.staff-secondary{color:#17375f;background:#fff!important;border-color:#d9e2ed!important;box-shadow:none!important}
.staff-secondary:hover{background:#f7f9fc!important}

.hero-react{height:min(720px,calc(100svh - 112px));min-height:590px}
.hero-react-grid{grid-template-columns:minmax(0,1fr) 300px;gap:62px}
.hero-copy{max-width:820px}.hero-copy h1{font-size:clamp(62px,6.35vw,103px);line-height:.9;letter-spacing:-4.5px;margin:16px 0 22px}
.hero-copy h1 em{font-weight:600;letter-spacing:-4px}.hero-copy>p{font-size:17px;line-height:1.62;max-width:650px}
.hero-checks{margin:22px 0}.hero-buttons{margin-top:2px}
.hero-bg{transform:scale(1.035);will-change:transform,opacity;animation:heroDrift 13s ease-in-out infinite alternate}
.bg-1{animation:fadecycle 18s infinite 6s,heroDrift 15s ease-in-out infinite alternate}.bg-2{animation:fadecycle 18s infinite 12s,heroDrift 17s ease-in-out infinite alternate-reverse}
@keyframes heroDrift{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-.6%,.4%,0)}}
.hero-enter{animation:heroCopyIn .8s cubic-bezier(.22,1,.36,1) both}.orbit-enter{animation:orbitIn .9s .15s cubic-bezier(.22,1,.36,1) both}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes orbitIn{from{opacity:0;transform:translateX(28px) scale(.96)}to{opacity:1;transform:none}}

.hero-orbit{width:275px;height:275px;border:1px solid rgba(255,209,84,.52);background:linear-gradient(145deg,rgba(8,36,80,.72),rgba(7,29,65,.44));backdrop-filter:blur(12px);box-shadow:0 28px 70px rgba(1,16,41,.24),inset 0 0 0 1px rgba(255,255,255,.08)}
.orbit-line{inset:18px;border-color:rgba(255,209,84,.58)}.orbit-card b{font-size:76px;text-shadow:0 8px 26px rgba(0,0,0,.22)}.orbit-card p{color:#edf3fb}
.orbit-note{bottom:-37px;display:flex;gap:7px;align-items:center;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(5,26,59,.58);backdrop-filter:blur(8px);font-size:9px}.orbit-note i{opacity:.8}

.pulse-bar{height:50px;padding:0;gap:0;position:relative;border-bottom:1px solid rgba(7,63,134,.12)}
.pulse-label{height:100%;display:flex;align-items:center;gap:10px;padding:0 22px;flex:none;background:#ffd154;z-index:2;box-shadow:18px 0 30px rgba(255,209,84,.9)}
.pulse-label b{white-space:nowrap;letter-spacing:1.1px;font-size:10px}.ticker-window{min-width:0;overflow:hidden;flex:1;height:100%;display:flex;align-items:center}
.ticker-track{display:flex;width:max-content;animation:tickerV3 32s linear infinite;will-change:transform}.ticker-group{display:flex;align-items:center;flex:none}.ticker-group span{display:flex;align-items:center;gap:28px;padding-right:34px;white-space:nowrap}
.ticker-group span:before{content:'✦';color:#073f86;font-size:9px;margin-right:0}@keyframes tickerV3{to{transform:translateX(-50%)}}
.pulse-bar:hover .ticker-track{animation-play-state:paused}

.journey-strip{padding:20px 0 8px;background:#fff}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.journey-card{position:relative;overflow:hidden;min-height:170px;border:1px solid #e4e9f0;border-radius:22px;padding:25px 27px;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:.35s cubic-bezier(.22,1,.36,1);background:#fff;color:#0b1d36}
.journey-card:before{content:"";position:absolute;inset:0;opacity:.08;transition:.35s}.events-journey:before{background:radial-gradient(circle at 86% 20%,#f4b400,transparent 42%)}.facilities-journey:before{background:radial-gradient(circle at 86% 20%,#063b87,transparent 42%)}
.journey-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(6,29,70,.1)}.journey-card:hover:before{opacity:.16}
.journey-card span{position:relative;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;color:#6a7889}.journey-card b{position:relative;font-size:27px;margin:7px 0 5px}.journey-card small{position:relative;color:#657589;font-size:12px}.journey-card i{position:absolute;right:24px;bottom:24px;color:#063b87;font-size:11px;font-weight:900;font-style:normal}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}
.service-live{box-shadow:0 18px 50px rgba(6,29,70,.08)}.service-live:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}
.project-card{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.project-card:hover{transform:translateY(-7px);box-shadow:0 24px 65px rgba(5,30,67,.18)}.project-card img{transition:transform .7s cubic-bezier(.22,1,.36,1)}.project-card:hover img{transform:scale(1.045)}

@media(max-width:1080px){.hero-react{height:auto;min-height:620px}.hero-react-grid{grid-template-columns:1fr}.hero-copy{max-width:780px}.hero-copy h1{font-size:clamp(60px,9vw,94px)}.hero-orbit{display:none}}
@media(max-width:760px){.header{height:66px}.hero-react{min-height:calc(100svh - 66px);padding:44px 0 92px}.hero-copy h1{font-size:clamp(47px,14vw,68px);line-height:.94;letter-spacing:-2.8px}.hero-copy h1 em{letter-spacing:-2px}.hero-copy>p{font-size:14px}.journey-strip{padding:12px 0}.journey-grid{grid-template-columns:1fr;gap:10px}.journey-card{min-height:145px;padding:21px}.journey-card b{font-size:23px}.journey-card i{right:20px;bottom:20px}.pulse-label{padding:0 14px}.pulse-label b{font-size:9px}.ticker-group span{padding-right:26px;gap:20px}.ticker-track{animation-duration:26s}}
@media(max-width:420px){.pulse-label b{display:none}.pulse-label{padding:0 12px}.hero-copy h1{font-size:48px}.journey-card small{max-width:78%}}
@media(prefers-reduced-motion:reduce){.hero-enter,.orbit-enter,.hero-bg,.bg-1,.bg-2,.ticker-track{animation:none!important}.reveal{opacity:1!important;transform:none!important}}
\n\n/* ============================================================\n   V5 RESPONSIVE FIT + DEVICE POLISH\n   ============================================================ */\n:root{--header-h:82px;--mobile-header-h:64px}\nhtml{scroll-padding-top:calc(var(--header-h) + 12px)}\nbody{min-width:280px}\n.shell{width:min(1280px,calc(100% - clamp(28px,4vw,64px)))}\n.header{height:var(--header-h)}\n.hero-react{height:clamp(620px,calc(100svh - 116px),780px);min-height:620px}\n.hero-react-grid{padding-block:clamp(30px,4vh,58px)}\n.hero-copy{min-width:0}\n.hero-copy h1{font-size:clamp(64px,6.4vw,108px)}\n.hero-copy>p{max-width:660px}\n.service-showcase{grid-auto-rows:minmax(420px,1fr);align-items:stretch}\n.service-live{height:auto;min-height:500px;aspect-ratio:1.28/1}\n.service-img{background-color:#d8dee7}\n.service-fumigation .service-img{background-position:center 30%;filter:saturate(.72) contrast(.98)}\n.service-gradient{background:linear-gradient(0deg,rgba(3,21,54,.95) 0%,rgba(3,21,54,.66) 32%,rgba(3,21,54,.08) 76%)}\n.service-copy p{margin-bottom:14px}\n.mobile-dock{transition:transform .28s ease,opacity .28s ease}\n\n@media (min-width:1600px){\n  .shell{width:min(1440px,calc(100% - 96px))}\n  .hero-react-grid{grid-template-columns:minmax(0,1fr) 340px;gap:90px}\n  .hero-copy h1{font-size:112px}\n  .service-showcase{gap:22px}\n}\n\n@media (max-width:1180px){\n  .desktop-nav{gap:18px}\n  .nav{gap:20px}\n  .hero-react-grid{gap:42px}\n  .hero-orbit{width:260px;height:260px}\n}\n\n@media (max-width:1080px){\n  :root{--header-h:72px}\n  .header{height:var(--header-h)}\n  .hero-react{height:auto;min-height:560px}\n  .hero-react-grid{padding-block:54px 68px}\n  .hero-copy{max-width:760px}\n  .hero-copy h1{font-size:clamp(58px,9vw,88px)}\n  .service-live{min-height:430px;aspect-ratio:auto}\n}\n\n@media (max-width:760px){\n  :root{--header-h:64px}\n  html{scroll-padding-top:74px}\n  .shell{width:min(100% - 20px,1280px)}\n  .header{height:64px}\n  .nav{gap:8px}\n  .brand{gap:8px;min-width:0}\n  .brand img{width:32px;height:38px}\n  .brand b{font-size:14px;white-space:nowrap}\n  .brand small{font-size:6px;letter-spacing:1.4px}\n  .mobile-staff{margin-left:auto;display:flex!important;min-height:40px;padding:0 12px;border-radius:12px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#082450;font-size:11px;font-weight:900;align-items:center;gap:5px}\n  .menu-btn{width:42px;height:42px;border-radius:12px}\n\n  /* Let content define the mobile hero height. */\n  .hero-react{height:auto!important;min-height:0!important;padding:0}\n  .hero-react-grid{display:block;height:auto;padding:36px 0 82px}\n  .hero-copy{max-width:none}\n  .hero-copy h1{font-size:clamp(43px,13.2vw,60px);line-height:.96;letter-spacing:-2.2px;margin:14px 0 18px}\n  .hero-copy h1 em{letter-spacing:-1.6px}\n  .hero-copy>p{font-size:14px;line-height:1.58;margin:0;max-width:95%}\n  .hero-checks{display:flex;flex-direction:column;gap:8px;margin:20px 0}\n  .hero-checks span{font-size:12px}\n  .hero-buttons{display:grid;grid-template-columns:1fr;gap:10px}\n  .hero-buttons .btn{min-height:50px;width:100%;font-size:13px}\n  .scroll-cue{display:none}\n  .hero-bg{background-position:62% center}\n  .hero-shade{background:linear-gradient(90deg,rgba(3,21,54,.91),rgba(3,21,54,.58) 72%,rgba(3,21,54,.30)),linear-gradient(0deg,rgba(3,21,54,.72),transparent 56%)}\n\n  .pulse-bar{height:44px}\n  .pulse-label{padding-inline:10px}\n  .journey-strip{padding:10px 0}\n  .section-react{padding:56px 0}\n  .editorial{margin-bottom:28px}\n  .editorial h2{font-size:clamp(34px,10vw,44px);letter-spacing:-1.8px}\n  .editorial p{font-size:15px}\n\n  .service-showcase{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}\n  .service-live{min-height:0;height:auto;aspect-ratio:4/3;border-radius:20px}\n  .service-copy{left:18px;right:18px;bottom:18px}\n  .service-copy h3{font-size:26px;line-height:1.06;margin:6px 0 8px}\n  .service-copy p{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px}\n  .service-number{font-size:52px;right:15px;top:8px}\n\n  .project-strip{scroll-padding-inline:10px}\n  .project-card{min-width:min(82vw,330px);height:390px}\n  .experience-banner{height:500px}\n  .experience-copy h2{font-size:clamp(42px,12vw,58px)}\n\n  /* Smaller dock, hidden at top so it doesn't cover hero CTAs. */\n  .mobile-dock{left:8px;right:8px;bottom:calc(6px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr 44px;padding:5px;border-radius:14px;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}\n  body.scrolled .mobile-dock{transform:none;opacity:1;pointer-events:auto}\n  .mobile-dock a,.mobile-dock button{min-height:42px;border-radius:10px;font-size:10.5px}\n  .mobile-dock .call{font-size:0}\n  .mobile-dock .call:after{content:'☎';font-size:16px}\n  .footer{padding-bottom:76px}\n}\n\n@media (max-width:420px){\n  .brand b{font-size:13px}\n  .brand small{display:block}\n  .mobile-staff{width:auto!important;padding:0 10px!important}\n  .mobile-staff span{display:inline!important}\n  .hero-react-grid{padding-top:30px;padding-bottom:72px}\n  .hero-copy h1{font-size:clamp(42px,13vw,52px)}\n  .eyebrow.light{font-size:10px;line-height:1.35;letter-spacing:1px}\n  .service-live{aspect-ratio:1/1.02}\n  .service-copy p{-webkit-line-clamp:2}\n}\n\n@media (max-width:350px){\n  .brand small{display:none}\n  .mobile-staff span{display:none!important}\n  .mobile-staff{width:40px!important;padding:0!important;justify-content:center}\n  .hero-copy h1{font-size:40px}\n  .hero-copy>p{font-size:13px}\n}\n\n@media (orientation:landscape) and (max-height:620px) and (max-width:980px){\n  .hero-react-grid{padding:28px 0 46px}\n  .hero-copy h1{font-size:52px;margin:10px 0 12px}\n  .hero-copy>p{max-width:650px}\n  .hero-checks{flex-direction:row;flex-wrap:wrap;margin:14px 0}\n  .hero-buttons{grid-template-columns:auto auto;justify-content:start}\n  .hero-buttons .btn{width:auto;min-width:180px}\n}\n
/* ============================================================
   V6 BOCHAT MEDIA + LIVE EXPERIENCE PLATFORM
   ============================================================ */
.home-live-band{padding:72px 0;background:linear-gradient(135deg,#f6f8fc,#fff)}
.home-live-band.is-live{background:radial-gradient(circle at 82% 20%,rgba(255,209,84,.13),transparent 30%),linear-gradient(135deg,#061d46,#0a3a7d);color:#fff}
.home-live-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:center}.home-live-grid h2{font-size:clamp(42px,5.5vw,74px);line-height:1;letter-spacing:-3px;margin:12px 0 16px}.home-live-grid p{max-width:720px;font-size:17px;line-height:1.65;color:#65758a}.home-live-band.is-live p{color:#dce6f4}.live-visual{height:260px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(6,59,135,.18);background:radial-gradient(circle,rgba(6,59,135,.08),transparent 68%);box-shadow:0 25px 70px rgba(3,25,61,.1)}.is-live .live-visual{border-color:#ffd15466;background:radial-gradient(circle,#ffffff17,transparent 68%)}.live-visual span,.live-visual small{display:block;font-size:10px;letter-spacing:1.6px;font-weight:900}.live-visual b{display:block;font-size:76px;line-height:1;color:var(--gold);margin:4px 0}.live-visual small{font-weight:700;letter-spacing:.4px;color:#728096}.is-live .live-visual small{color:#dae5f4}
.media-home{background:#fff}.media-reel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.media-tile{position:relative;height:360px;border-radius:22px;overflow:hidden;background:#0b254d;color:#fff}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.22,1,.36,1)}.media-tile:hover img,.media-tile:hover video{transform:scale(1.04)}.media-caption{position:absolute;inset:auto 0 0;padding:52px 20px 18px;background:linear-gradient(transparent,rgba(3,21,54,.92));display:grid;gap:4px}.media-caption b{font-size:17px}.media-caption span{font-size:12px;color:#dbe5f2}.media-tile.video:after{content:'▶';position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffffd9;color:#082450;font-size:13px}
.clickable{cursor:pointer}.case-link{display:block;color:var(--blue);margin-top:12px;font-size:12px}.loading-panel{min-height:65svh;display:grid;place-items:center;background:#061d46;color:#fff;font-size:18px;font-weight:800}
.live-hero{background:radial-gradient(circle at 82% 10%,#124b92,#061d46 46%)}.live-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.live-public-card{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 18px 55px rgba(3,25,61,.09);cursor:pointer;transition:.3s}.live-public-card:hover{transform:translateY(-5px);box-shadow:0 26px 65px rgba(3,25,61,.14)}.live-poster{height:260px;background-size:cover;background-position:center;position:relative}.live-status{position:absolute;left:16px;top:16px;padding:8px 10px;border-radius:999px;background:#071c3dcc;color:#fff;font-size:10px;font-weight:900;letter-spacing:.8px}.live-public-card.live .live-status{background:#db2d2d;box-shadow:0 0 0 6px #db2d2d22}.live-public-copy{padding:22px}.live-public-copy small{font-size:10px;color:#8a96a8;text-transform:uppercase;letter-spacing:.8px}.live-public-copy h2{font-size:23px;margin:7px 0}.live-public-copy p{color:#68788c;line-height:1.55;font-size:14px}.live-public-copy b{color:var(--blue);font-size:13px}
.live-stage{background:linear-gradient(135deg,#041733,#082e66);color:#fff;padding:54px 0 64px}.live-stage-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:24px}.live-stage-head h1{font-size:clamp(44px,6vw,80px);letter-spacing:-3px;margin:10px 0 6px;line-height:1}.live-stage-head p{color:#c8d7eb}.live-pill{display:inline-flex;padding:8px 11px;border-radius:999px;background:#ffffff18;font-size:10px;font-weight:900;letter-spacing:1px}.live-pill.live{background:#d82828}.stream-frame{aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#020814;box-shadow:0 30px 90px #0006}.stream-frame iframe{width:100%;height:100%;border:0}.stream-placeholder{width:100%;height:100%;background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.stream-placeholder:after{content:'';position:absolute;inset:0;background:#03153699}.stream-placeholder>div{position:relative;z-index:2;text-align:center}.stream-placeholder b{display:block;font-size:32px}.stream-placeholder span{display:block;margin-top:8px;color:#dce7f6}.live-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px}.live-detail-grid h2{font-size:48px;letter-spacing:-2px;margin:10px 0}.live-detail-grid>div>p{font-size:17px;line-height:1.75;color:#637386}.programme{background:#f7f9fc;border:1px solid var(--line);padding:24px;border-radius:20px}.programme>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.programme>div:last-child{border:0}.programme b{color:var(--blue);font-size:12px}.programme span{font-size:13px}.sponsor-strip{padding:50px 0;background:#f7f9fc}.sponsor-cards{display:flex;gap:12px;overflow:auto;padding:18px 0 6px;scroll-snap-type:x mandatory}.sponsor-card{min-width:220px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:16px;scroll-snap-align:start;display:grid;gap:5px}.sponsor-card img{height:58px;max-width:150px;object-fit:contain;object-position:left}.sponsor-card b{font-size:14px}.sponsor-card small{font-size:11px;color:#78869a}
.case-hero{min-height:560px;background-size:cover;background-position:center;color:#fff;display:flex;align-items:end;padding:70px 0}.case-hero h1{font-size:clamp(52px,7vw,96px);line-height:.95;letter-spacing:-4px;margin:14px 0}.case-hero p{font-size:16px;color:#dce7f7}.case-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:80px}.case-grid h2{font-size:52px;line-height:1.02;margin:12px 0}.case-summary{font-size:20px;line-height:1.6;color:#34485f}.case-body{white-space:pre-line;font-size:16px;line-height:1.8;color:#68788a}.case-meta{background:#f7f9fc;border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:18px;align-self:start}.case-meta>b{font-size:19px}.case-meta>span{display:grid;grid-template-columns:90px 1fr;gap:12px;color:#7a8798;font-size:12px}.case-meta strong{color:#14243a}.case-media{padding:75px 0;background:#f5f7fb}
/* Presentation / LED / TV mode */
.screen-loading,.screen-mode{width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#061d46;color:#fff}.screen-loading{display:grid;place-items:center;font-size:7vw;font-weight:900;letter-spacing:.12em}.screen-mode{position:relative;background-size:cover;background-position:center;font-family:Manrope,system-ui,sans-serif}.screen-brand{position:absolute;z-index:8;top:3.5vh;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between}.screen-brand .brand b,.screen-brand .brand small{color:#fff}.screen-brand>span{font-size:1vw;letter-spacing:.2em;font-weight:900;color:#ffd154}.screen-message{position:absolute;z-index:5;left:6vw;right:6vw;top:50%;transform:translateY(-50%);max-width:65vw}.screen-message>span{font-size:1vw;color:#ffd154;font-weight:900;letter-spacing:.2em}.screen-message h1{font-size:clamp(58px,8vw,150px);line-height:.9;letter-spacing:-.04em;margin:1.2vh 0}.screen-message p{font-size:clamp(20px,2.1vw,42px);color:#e0e9f6;max-width:70vw}.screen-stream{position:absolute;z-index:3;left:4vw;right:4vw;top:11vh;width:92vw;height:76vh;border:0;border-radius:1.2vw;background:#000;box-shadow:0 2vw 5vw #0008}.screen-ad{position:absolute;z-index:12;right:4vw;bottom:9vh;width:min(28vw,520px);min-height:12vh;border-radius:1.2vw;background:#ffffffef;color:#10223a;padding:1vw;display:grid;grid-template-columns:1fr auto;gap:1vw;align-items:center;box-shadow:0 1.5vw 5vw #0005}.screen-ad img,.screen-ad video{width:100%;max-height:12vh;object-fit:contain}.screen-ad small{display:block;font-size:.65vw;color:#8a6a00}.screen-ad b{font-size:1.1vw}.mode-sponsors .screen-ad{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);width:58vw;min-height:40vh;padding:3vw;grid-template-columns:1fr}.mode-sponsors .screen-ad img,.mode-sponsors .screen-ad video{max-height:28vh}.mode-sponsors .screen-ad small{font-size:1vw}.mode-sponsors .screen-ad b{font-size:2.4vw}.screen-footer{position:absolute;z-index:10;left:4vw;right:4vw;bottom:3vh;display:flex;justify-content:space-between;font-size:.9vw;color:#e4edf8}
@media(min-width:1900px){.screen-brand .brand img{width:64px;height:74px}.screen-brand .brand b{font-size:28px}.screen-brand .brand small{font-size:11px}.screen-message{max-width:70vw}}
@media(max-width:1100px){.home-live-grid{grid-template-columns:1fr 230px;gap:35px}.live-visual{height:220px}.media-reel{grid-template-columns:repeat(2,1fr)}.live-public-grid{grid-template-columns:repeat(2,1fr)}.live-detail-grid,.case-grid{gap:40px}.case-meta>span{grid-template-columns:75px 1fr}}
@media(max-width:760px){.home-live-band{padding:52px 0}.home-live-grid{grid-template-columns:1fr}.live-visual{width:190px;height:190px;justify-self:start}.home-live-grid h2{font-size:40px;letter-spacing:-2px}.home-live-grid p{font-size:14px}.media-reel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}.media-tile{min-width:min(82vw,330px);height:390px;scroll-snap-align:start}.live-public-grid{grid-template-columns:1fr}.live-poster{height:220px}.live-stage{padding:38px 0 48px}.live-stage-head{display:block}.live-stage-head .btn{margin-top:14px}.stream-frame{border-radius:16px}.live-detail-grid,.case-grid{grid-template-columns:1fr;gap:28px}.live-detail-grid h2,.case-grid h2{font-size:36px}.case-hero{min-height:430px;padding:45px 0}.case-hero h1{font-size:48px;letter-spacing:-2px}.case-meta{padding:18px}.screen-brand>span,.screen-footer,.screen-ad small{font-size:10px}.screen-message{max-width:88vw}.screen-message p{max-width:88vw}.screen-ad{width:58vw;padding:10px}.screen-ad b{font-size:13px}.mode-sponsors .screen-ad{width:86vw}.mode-sponsors .screen-ad b{font-size:24px}}
@media(prefers-reduced-motion:reduce){.media-tile img,.media-tile video,.live-public-card{transition:none!important}}
.screen-fullscreen{position:absolute;z-index:30;right:2.4vw;top:2.5vh;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff44;background:#061d4688;color:#fff;font-size:20px;cursor:pointer;opacity:.25;transition:.2s}.screen-fullscreen:hover{opacity:1}.screen-media-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.screen-programme{position:absolute;z-index:5;left:6vw;right:6vw;top:50%;transform:translateY(-50%);max-width:78vw}.screen-programme>span{font-size:1vw;color:#ffd154;letter-spacing:.18em;font-weight:900}.screen-programme h1{font-size:5.5vw;line-height:.95;margin:1vh 0 3vh}.screen-programme-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2vh 3vw;max-width:75vw}.screen-programme-list>div{display:grid;grid-template-columns:7vw 1fr;gap:1.2vw;align-items:center;padding:1.1vh 1.2vw;border:1px solid #ffffff2c;border-radius:.8vw;background:#071d3c8c;backdrop-filter:blur(10px)}.screen-programme-list b{color:#ffd154;font-size:1.1vw}.screen-programme-list span{font-size:1.2vw}.mode-media .screen-brand,.mode-media .screen-footer{z-index:8}.mode-media:after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,#031536aa,transparent 35%,#03153666)}
@media(max-width:760px){.screen-fullscreen{width:38px;height:38px;font-size:16px}.screen-programme{max-width:90vw}.screen-programme h1{font-size:38px}.screen-programme-list{grid-template-columns:1fr;max-width:88vw}.screen-programme-list>div{grid-template-columns:70px 1fr;border-radius:8px;padding:9px 10px}.screen-programme-list b,.screen-programme-list span{font-size:12px}}


/* =========================================================
   V7 — WORLD-CLASS STORY FLOW
   Customer-first hierarchy, cinematic media capability
========================================================= */
.journey-strip{padding:28px 0 18px}
.intro-section{padding-top:72px!important;padding-bottom:72px!important}
.intro-section .editorial{margin-bottom:42px}
.intro-section .editorial h2{max-width:900px;margin-bottom:18px}
.intro-section .editorial p{max-width:760px}

.home-live-band.cinematic-media{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:620px;margin:0;padding:0;color:#fff;background:#061d46;
}
.media-cinema-bg{position:absolute;inset:-4%;z-index:-3;background-size:cover;background-position:center;transform:scale(1.04);animation:bochatCinema 18s ease-in-out infinite alternate}
.media-cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,19,48,.96) 0%,rgba(3,19,48,.83) 42%,rgba(3,19,48,.34) 72%,rgba(3,19,48,.58) 100%)}
.cinematic-media .home-live-grid{min-height:620px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);align-items:center;gap:8vw;padding-top:80px;padding-bottom:80px}
.media-story{max-width:760px}
.cinematic-media h2{font-size:clamp(48px,5.1vw,88px);line-height:.96;letter-spacing:-.055em;margin:16px 0 24px;color:#fff;max-width:850px}
.cinematic-media p{font-size:clamp(16px,1.25vw,21px);line-height:1.65;color:rgba(255,255,255,.82);max-width:680px}
.cinematic-media .hero-buttons{margin-top:30px;align-items:center}
.media-text-link{color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding:10px 2px}
.cinema-preview{justify-self:end;width:min(430px,100%);aspect-ratio:1.12;border:1px solid rgba(255,209,84,.55);border-radius:34px;background:rgba(4,25,61,.52);backdrop-filter:blur(14px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 30px 90px rgba(0,0,0,.28);transition:transform .35s ease,background .35s ease}
.cinema-preview:hover{transform:translateY(-8px) scale(1.01);background:rgba(4,25,61,.7)}
.preview-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#ffd154}
.preview-play{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#ffd154;color:#061d46;font-size:30px;box-shadow:0 15px 50px rgba(255,209,84,.28)}
.cinema-preview strong{font-size:24px}.cinema-preview small{color:rgba(255,255,255,.7)}
.experience-banner{margin-top:0}
.media-home{padding-top:72px!important}
@keyframes bochatCinema{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(-1.5%,1%,0)}}

@media (max-width:1040px){
 .intro-section{padding-top:54px!important;padding-bottom:54px!important}
 .home-live-band.cinematic-media,.cinematic-media .home-live-grid{min-height:auto}
 .cinematic-media .home-live-grid{grid-template-columns:1fr;gap:38px;padding-top:64px;padding-bottom:64px}
 .cinema-preview{justify-self:start;width:min(520px,100%);aspect-ratio:1.55}
 .cinematic-media h2{font-size:clamp(42px,8vw,68px)}
}
@media (max-width:640px){
 .journey-strip{padding:18px 0 8px}
 .intro-section{padding-top:42px!important;padding-bottom:42px!important}
 .intro-section .editorial{margin-bottom:28px}
 .cinematic-media .home-live-grid{padding-top:50px;padding-bottom:50px;gap:28px}
 .cinematic-media h2{font-size:clamp(38px,11vw,52px);letter-spacing:-.045em}
 .cinematic-media p{font-size:15px;line-height:1.6}
 .cinematic-media .hero-buttons{display:flex;flex-direction:column;align-items:stretch}
 .media-text-link{text-align:center;padding:14px}
 .cinema-preview{aspect-ratio:1.25;border-radius:24px}
 .preview-play{width:72px;height:72px;font-size:24px}
 .cinema-preview strong{font-size:20px}
}
@media (prefers-reduced-motion:reduce){.media-cinema-bg{animation:none!important}}

/* V10 GROWTH / REFERRAL EXPERIENCE */
.projects-hero-premium{min-height:72svh;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.projects-hero-image{position:absolute;inset:-3%;background-size:cover;background-position:center}.projects-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,52,.96),rgba(3,20,52,.74) 50%,rgba(3,20,52,.22))}.projects-hero-inner{position:relative;z-index:2;padding-top:145px;padding-bottom:82px}.projects-hero-inner h1{max-width:980px;margin:14px 0 22px;font-family:"Playfair Display",Georgia,serif;font-size:clamp(54px,7vw,108px);line-height:.92;letter-spacing:-.055em}.projects-hero-inner h1 em,.projects-editorial h2 em,.projects-cinema-content h2 em{color:#ffd154;font-style:normal}.projects-hero-inner p{max-width:650px;color:rgba(255,255,255,.82);font-size:clamp(16px,1.3vw,20px);line-height:1.65}.projects-hero-buttons,.projects-cinema-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.projects-explore,.projects-cinema-actions>a{color:#fff;text-decoration:none;font-weight:800}.projects-editorial{padding-top:90px!important;padding-bottom:48px!important}.projects-editorial-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:8vw;align-items:end}.projects-editorial h2{font-family:"Playfair Display",Georgia,serif;color:#061d46;font-size:clamp(42px,4.7vw,72px);line-height:1;margin:12px 0}.projects-editorial-copy{color:#66758a;line-height:1.75}.projects-editorial-copy strong{display:block;color:#061d46;margin-top:13px}.projects-toolbar-premium{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.projects-filter-scroll{display:flex;flex-wrap:wrap;gap:8px}.projects-filter-btn{border:1px solid #dce4ec;background:#fff;color:#415368;padding:10px 15px;border-radius:999px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.projects-filter-btn.active,.projects-filter-btn:hover{background:#061d46;border-color:#061d46;color:#fff}.projects-search-box{width:280px;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 13px;border:1px solid #dce4ec;border-radius:13px}.projects-search-box input{width:100%;min-width:0;border:0;outline:0;font:inherit}.projects-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.projects-showcase-card{overflow:hidden;border:1px solid rgba(6,29,70,.09);border-radius:24px;background:#fff;box-shadow:0 16px 50px rgba(8,29,60,.08);transition:.3s ease}.projects-showcase-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(8,29,60,.14)}.projects-showcase-image{width:100%;padding:0;border:0;position:relative;aspect-ratio:16/10;background:#071d45;overflow:hidden;cursor:pointer}.projects-showcase-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.projects-showcase-card:hover img{transform:scale(1.05)}.projects-card-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,52,.5),transparent 55%)}.projects-category,.projects-featured{position:absolute;top:17px;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900}.projects-category{left:17px;background:rgba(255,255,255,.94);color:#061d46}.projects-featured{right:17px;background:#ffd154;color:#061d46}.projects-card-content{padding:25px 27px 29px}.projects-card-meta{display:flex;gap:14px;flex-wrap:wrap;color:#8592a1;font-size:11px;font-weight:700;margin-bottom:10px}.projects-card-content h2{font-family:"Playfair Display",Georgia,serif;color:#061d46;font-size:clamp(28px,2.3vw,39px);line-height:1.05;margin:0 0 11px}.projects-card-content p{color:#687789;line-height:1.7}.projects-story-btn{border:0;background:none;padding:0;color:#061d46;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.projects-story-btn span{color:#bd8c09}.projects-no-results{text-align:center;padding:75px 20px;border:1px dashed #cbd6e1;border-radius:24px}.projects-cinema{min-height:620px;margin-top:90px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.projects-cinema-image{position:absolute;inset:-3%;background-size:cover;background-position:center}.projects-cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,48,.96),rgba(3,19,48,.68) 55%,rgba(3,19,48,.18))}.projects-cinema-content{position:relative;z-index:2}.projects-cinema-content h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(48px,5.5vw,86px);line-height:.95;margin:14px 0 20px}.projects-cinema-content p{max-width:620px;color:rgba(255,255,255,.82);line-height:1.7}.testimonials-premium{background:#f7f8fb}.testimonial-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.testimonial-premium-card{background:#fff;border:1px solid #e6ebf0;border-radius:20px;padding:26px;box-shadow:0 12px 35px rgba(6,29,70,.06)}.testimonial-stars{color:#d6a20b;letter-spacing:3px;font-size:13px}.testimonial-premium-card blockquote{margin:18px 0 22px;color:#24384e;font-family:"Playfair Display",Georgia,serif;font-size:22px;line-height:1.45}.testimonial-person{display:flex;flex-direction:column}.testimonial-person span{font-size:12px;color:#7d8a99;margin-top:4px}.referral-cta{background:#061d46;color:#fff;padding:76px 0}.referral-cta.compact{margin-top:0}.referral-cta-grid{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:center}.referral-cta h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(40px,4.5vw,70px);line-height:1;margin:10px 0}.referral-cta p{color:rgba(255,255,255,.72);line-height:1.7}.referral-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:900px){.projects-editorial-grid,.referral-cta-grid{grid-template-columns:1fr}.projects-toolbar-premium{align-items:stretch;flex-direction:column}.projects-search-box{width:auto}.testimonial-premium-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.projects-hero-premium{min-height:610px}.projects-hero-inner{padding-top:125px;padding-bottom:60px}.projects-hero-inner h1{font-size:clamp(46px,13vw,62px)}.projects-hero-buttons,.projects-cinema-actions{flex-direction:column;align-items:stretch}.projects-explore{text-align:center}.projects-filter-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-18px;padding-right:18px}.projects-showcase-grid,.testimonial-premium-grid{grid-template-columns:1fr}.projects-showcase-image{aspect-ratio:4/3}.projects-cinema{min-height:560px;margin-top:60px}.referral-cta{padding:60px 0 90px}.referral-actions{flex-direction:column}.referral-actions .btn{width:100%}}