:root{--purple:#3D1A6B;--mid:#5B2D9E;--teal:#00BFD8;--magenta:#C026D3;--gold:#F59E0B;--lime:#00C853;
 --paper:#FCFBF8;--tx:#0A0812;--card:#ffffff;--line:#E8E4DD;--mut:#6E6879;--navbg:rgba(252,251,248,.9);
 --rC:18px;--rL:999px;--e:cubic-bezier(.16,1,.3,1);--grad:linear-gradient(90deg,var(--purple),var(--mid))}
body.dark{--paper:#0E0B16;--tx:#F5F3EE;--card:#171226;--line:#2A2338;--mut:#9A93AB;--navbg:rgba(14,11,22,.88)}
*{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth}
body{font-family:'Montserrat',system-ui,sans-serif;background:var(--paper);color:var(--tx);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .5s var(--e),color .5s var(--e)}
body::after{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
::selection{background:var(--lime);color:#0A0812}
.wrap{max-width:1280px;margin:0 auto;padding:0 36px}
.label{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--mid)}
body.dark .label{color:#A78BFA}
.label .dot{display:inline-block;width:8px;height:8px;border-radius:var(--rL);background:var(--lime);margin-right:9px;vertical-align:1px}
h2{font-weight:900;font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-.025em;margin:14px 0 16px}
h2 .p{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
body.dark h2 .p{background:linear-gradient(90deg,#8f6ad1,#b39ae2);-webkit-background-clip:text;background-clip:text}
.lead{font-size:16px;color:var(--mut);max-width:60ch;font-weight:500}
section{padding:100px 0}

/* cursor */
@media(pointer:fine){
 body{cursor:none} a,button,.ccard,.pill,.take{cursor:none}
 #cdot{position:fixed;z-index:1000;width:8px;height:8px;border-radius:var(--rL);background:var(--lime);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference}
 #cring{position:fixed;z-index:1000;width:34px;height:34px;border-radius:var(--rL);border:1.5px solid var(--tx);pointer-events:none;transform:translate(-50%,-50%);transition:width .25s var(--e),height .25s var(--e),border-color .25s var(--e),opacity .25s}
 body.hovering #cring{width:58px;height:58px;border-color:var(--lime)}
}
@media(pointer:coarse){#cdot,#cring{display:none}}

nav{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--navbg);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav::before{content:"";display:block;height:3px;background:var(--grad)}
.navin{max-width:1280px;margin:0 auto;padding:13px 36px;display:flex;align-items:center;gap:34px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tx)}
.logo img{width:30px;height:auto} .logo b{font-weight:900;font-size:13px;letter-spacing:.12em}
.menu{display:flex;gap:26px;margin-left:auto}
.menu a{font-size:13px;font-weight:700;color:var(--tx);text-decoration:none;position:relative;padding:4px 0}
.menu a::after{content:"";position:absolute;left:0;bottom:0;height:2.5px;width:0;background:var(--lime);transition:width .35s var(--e)}
.menu a:hover::after{width:100%}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:var(--rL);border:1.5px solid var(--tx);
 padding:14px 28px;font-family:'Montserrat';font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--tx);
 text-decoration:none;background:transparent;cursor:none;transition:background .35s var(--e),color .35s var(--e),border-color .35s var(--e)}
.btn:hover{background:var(--purple);border-color:var(--purple);color:#fff}
.btn.solid{background:var(--grad);border-color:transparent;color:#fff}
.btn.solid:hover{background:var(--lime);border-color:var(--lime);color:#0A0812}

/* HERO: full-bleed video, shadowed, type over */
.hero{position:relative;margin-top:66px;height:calc(100vh - 66px);min-height:660px;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,8,18,.78),rgba(10,8,18,.30))}
.hero .gr{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.heroc{position:absolute;left:0;right:0;bottom:0;padding-bottom:62px}
.heroc .label{color:#fff}
.heroc h1{color:#fff;font-weight:900;font-size:clamp(48px,6.8vw,102px);line-height:.99;letter-spacing:-.035em;max-width:15ch;margin-top:10px}
.heroc h1 .u{box-shadow:inset 0 -0.16em 0 var(--lime)}
.heroc p{margin:24px 0 30px;font-size:16.5px;color:rgba(255,255,255,.9);font-weight:500;max-width:52ch}
.hero .btn{border-color:#fff;color:#fff}
.hero .btn:hover{background:var(--lime);border-color:var(--lime);color:#0A0812}
.hero .btn.solid{background:var(--grad);border-color:transparent}
.hero .btn.solid:hover{background:var(--lime);color:#0A0812}
.hero .cue{position:absolute;top:20px;right:22px;border-radius:var(--rL);background:rgba(10,8,18,.5);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:10px;font-weight:900;letter-spacing:.18em;padding:6px 14px;display:flex;gap:8px;align-items:center}
.hero .cue i{width:8px;height:8px;border-radius:var(--rL);background:var(--lime);animation:bl 1.4s infinite}
@keyframes bl{50%{opacity:.25}}
.film{height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='14'%3E%3Crect x='4' y='3' width='12' height='8' rx='2' fill='%23808080' fill-opacity='.18'/%3E%3Crect x='22' y='3' width='12' height='8' rx='2' fill='%23808080' fill-opacity='.18'/%3E%3C/svg%3E");background-repeat:repeat-x;opacity:.6}

.clients{border-bottom:1px solid var(--line);padding:20px 0;overflow:hidden;white-space:nowrap}
.mq{display:inline-block;animation:mq 28s linear infinite}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq span{display:inline-block;margin:0 34px;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--mut);text-transform:uppercase}
.mq b{color:var(--lime)}

.statement h2{font-size:clamp(38px,4.8vw,68px);max-width:18ch}

.pills{display:flex;gap:10px;margin:26px 0 8px}
.pill{border-radius:var(--rL);border:1.5px solid var(--line);background:var(--card);color:var(--tx);padding:9px 20px;font-family:'Montserrat';font-size:12px;font-weight:800;transition:background .3s var(--e),color .3s var(--e),border-color .3s var(--e)}
.pill:hover{border-color:var(--tx)}
.pill.on{background:var(--grad);border-color:transparent;color:#fff}
.works{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}
.work{position:relative;border-radius:var(--rC);overflow:hidden;min-height:330px;display:flex;align-items:flex-end;border:1.5px solid var(--line);transition:transform .45s var(--e),box-shadow .45s var(--e)}
.work:hover{transform:translateY(-8px);box-shadow:0 34px 64px -32px rgba(10,8,18,.35)}
.work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}
.work:hover img{transform:scale(1.05)}
.work .sh{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,8,18,.78),rgba(10,8,18,.06))}
.work .tx{position:relative;z-index:2;padding:26px 28px;color:#fff}
.work .k{font-size:10px;font-weight:900;letter-spacing:.22em;color:var(--lime)}
.work h3{font-size:24px;font-weight:900;letter-spacing:-.02em;margin-top:8px;max-width:20ch}
.work.lime{background:var(--lime)} .work.lime .sh{display:none} .work.lime .tx{color:#0A0812}
.work.lime .k{color:var(--purple)} .work.lime h3{font-size:30px}
.work.hide{display:none}

.shift{display:grid;grid-template-columns:1fr 130px 1fr;gap:26px;align-items:stretch;margin-top:50px}
.mon{border-radius:var(--rC);overflow:hidden;border:1.5px solid var(--line);background:var(--card);display:flex;flex-direction:column;min-height:350px;transition:box-shadow .4s var(--e),border-color .4s var(--e),opacity .4s var(--e)}
.mon .bar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.18em}
.mon .bar .tag{margin-left:auto;border-radius:var(--rL);padding:3px 12px;font-size:10px;font-weight:800}
.mon.before .tag{background:#EFEDE8;color:#6E6879} .mon.after .tag{background:var(--lime);color:#0A0812}
.mon .body{flex:1;position:relative}
.ppt{position:absolute;inset:0;background:#FFFFFF;font-family:'Comic Sans MS','Trebuchet MS','Times New Roman',serif;color:#1F3864;overflow:hidden}
.ppt .hd{background:linear-gradient(90deg,#1F3864,#4472C4);color:#fff;padding:12px 18px;font-size:17px;font-weight:bold;font-style:italic;text-shadow:2px 2px 0 rgba(0,0,0,.35);letter-spacing:.02em}
.ppt ul{margin:16px 12px 0 34px;font-size:12.5px;line-height:1.9}
.ppt li::marker{content:"▶  ";color:#C00000}
.ppt .pie{position:absolute;right:16px;bottom:34px;width:98px;height:98px;border-radius:50%;background:conic-gradient(#4472C4 0 40%,#ED7D31 40% 65%,#FFC000 65% 82%,#70AD47 82% 100%);border:3px solid #808080;box-shadow:4px 6px 0 rgba(0,0,0,.25)}
.ppt .ftr{position:absolute;left:0;right:0;bottom:0;background:#D9D9D9;border-top:2px solid #808080;color:#595959;font-size:9.5px;padding:4px 12px;display:flex;justify-content:space-between}
.call{position:absolute;inset:0;background:#1F1F1F;display:flex;flex-direction:column;padding:10px;gap:8px;font-family:Arial,sans-serif}
.call .stage{flex:1;background:#2B2B2B;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}
.call .slide{width:70%;aspect-ratio:16/9;background:#fff;padding:8% 7%;display:flex;flex-direction:column;gap:7%;position:relative}
.call .slide b{font-size:13px;color:#222;font-weight:700}
.call .slide i{display:block;height:6px;background:#D6D6D6;border-radius:3px}.call .slide i.s{width:55%}
.call .slide em{position:absolute;right:6px;bottom:4px;font-size:8px;color:#999;font-style:normal}
.call .who{position:absolute;left:8px;top:6px;font-size:9.5px;color:#BDBDBD}
.call .tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;height:22%}
.call .t{background:#3A3A3A;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#9A9A9A;font-size:11px;font-weight:700;position:relative;overflow:hidden}
.call .t.cam{background:linear-gradient(160deg,#5b5147,#3b342e)}.call .t.cam span{position:absolute;left:5px;bottom:3px;font-size:8.5px;color:#ddd;font-weight:400}
.call .note{position:absolute;right:16px;top:14px;background:#fff;color:#333;font-size:10px;padding:5px 9px;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.call .tb{display:flex;justify-content:center;gap:10px}.call .tb i{width:22px;height:22px;border-radius:50%;background:#444}.call .tb i.end{background:#C4314B;width:34px;border-radius:11px}
.mon.after .body img,.mon.after .body video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.takeCol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.take{border-radius:var(--rL);border:1.5px solid var(--tx);background:transparent;color:var(--tx);font-family:'Montserrat';font-weight:900;font-size:14px;letter-spacing:.2em;padding:20px 24px;transition:background .3s var(--e),color .3s var(--e),border-color .3s var(--e),transform .15s var(--e)}
.take:hover{background:var(--magenta);border-color:var(--magenta);color:#fff} .take:active{transform:scale(.94)}
.takeCol span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--mut)}
.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:5;border-radius:var(--rC)}
.flash.go{animation:fl .35s var(--e)}
@keyframes fl{0%{opacity:0}25%{opacity:.9}100%{opacity:0}}
.shift{position:relative}
.shift.cut .mon.before{opacity:.35;filter:grayscale(1)}
.shift.cut .mon.after{box-shadow:0 24px 70px -24px rgba(61,26,107,.45);border-color:var(--lime)}

.panel{border-radius:var(--rC);overflow:hidden;position:relative;background:linear-gradient(135deg,var(--purple),var(--mid));color:#fff;padding:60px;margin-top:8px}
.panel::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Ccircle cx='2' cy='2' r='1.1' fill='white' fill-opacity='.10'/%3E%3C/svg%3E")}
.panel::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");opacity:.08}
.panel .in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.panel h2{color:#fff} .panel h2 .p{background:none;-webkit-background-clip:unset;background-clip:unset;color:var(--lime)}
.panel p{color:rgba(255,255,255,.86);font-weight:500;font-size:15px;max-width:50ch}
.panel .label{color:var(--lime)}
.stats{display:flex;gap:44px;margin-top:34px}
.stats b{display:block;font-weight:900;font-size:40px;line-height:1;letter-spacing:-.02em}
.stats span{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.panel .shot{border-radius:var(--rC);overflow:hidden;position:relative;box-shadow:0 30px 80px -30px rgba(0,0,0,.5)}
.panel .shot img{width:100%;display:block}
.panel .shot .cue{position:absolute;top:14px;right:14px;border-radius:var(--rL);background:rgba(10,8,18,.55);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:10px;font-weight:900;letter-spacing:.16em;padding:5px 13px;display:flex;gap:8px;align-items:center}
.panel .shot .cue i{width:8px;height:8px;border-radius:var(--rL);background:var(--lime);animation:bl 1.4s infinite}
.panel .btn{border-color:#fff;color:#fff;margin-top:32px}
.panel .btn:hover{background:var(--lime);border-color:var(--lime);color:#0A0812}

/* MULTIVIEW team wall — straight-across grid */
.deck{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:60px}
.ccard{position:relative;aspect-ratio:1/1.32;
 transition:transform .5s var(--e),box-shadow .5s var(--e);z-index:calc(10 + var(--i));outline:none}
.ccard .cin{position:absolute;inset:0;border-radius:var(--rC);overflow:hidden;background:var(--card);border:1.5px solid var(--teal);
 box-shadow:0 18px 44px -18px rgba(10,8,18,.25);display:flex;flex-direction:column;align-items:center;padding:34px 12px 16px;
 transition:border-color .35s var(--e),transform .4s var(--e),box-shadow .4s var(--e)}
.ccard .face{width:76%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;margin:auto 0;transition:transform .45s var(--e)}
.ccard:hover{z-index:40} .ccard:hover .cin,.ccard:focus .cin{transform:translateY(-6px);border-color:var(--teal);box-shadow:0 26px 54px -22px rgba(10,8,18,.35)}
.ccard:hover .face{transform:scale(1.05)}
.nm{text-align:center;padding-top:10px;height:58px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}
.nm b{display:block;font-size:12.5px;font-weight:900;letter-spacing:-.01em;line-height:1.2;color:var(--tx)}
.nm span{font-size:9.5px;font-weight:700;color:var(--mid);letter-spacing:.05em;text-transform:uppercase}
.biov{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(150deg,var(--purple),var(--mid));color:#fff;
 padding:18px 15px;opacity:0;pointer-events:none;transition:opacity .35s var(--e);overflow:auto;display:flex;flex-direction:column;gap:8px}
.biov b{font-size:12px;font-weight:900;letter-spacing:.02em}
.biov b span{display:block;font-size:9px;font-weight:700;color:var(--lime);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.biov p{font-size:10.8px;line-height:1.55;font-weight:500;color:rgba(255,255,255,.94);margin:0}
.ccard:hover .biov,.ccard:focus .biov,.ccard.pop .biov{opacity:1;pointer-events:auto}
.ccard.pop{z-index:50}
.camid{position:absolute;top:8px;left:8px;z-index:2;font-size:8.5px;font-weight:900;letter-spacing:.14em;color:#fff;background:rgba(10,8,18,.55);border-radius:var(--rL);padding:3px 9px}
.rec{position:absolute;top:8px;right:8px;z-index:2;font-size:8px;font-weight:900;letter-spacing:.1em;color:#fff;background:rgba(10,8,18,.55);border-radius:var(--rL);padding:3px 8px;display:flex;align-items:center;gap:5px;opacity:0;transition:opacity .3s var(--e)}
.rec i{width:6px;height:6px;border-radius:var(--rL);background:#FF3B30;animation:bl 1s infinite}
.ccard:hover .rec,.ccard.pop .rec{opacity:1}
.deck:has(.pop) .ccard:not(.pop){filter:saturate(.6) brightness(.92)}

.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.q{border-radius:var(--rC);border:1.5px solid var(--line);background:var(--card);padding:28px;transition:border-color .4s var(--e),transform .4s var(--e)}
.q:hover{border-color:var(--teal);transform:translateY(-6px)}
.q .ch{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--teal)}
.q p{font-size:15.5px;line-height:1.5;font-weight:600;margin:13px 0 18px;letter-spacing:-.01em}
.q .who b{display:block;font-size:12.5px;font-weight:800} .q .who span{font-size:12px;color:var(--mut);font-weight:600}

/* CTA with ON AIR sign */
.ctacard{border-radius:var(--rC);background:#0A0812;color:#fff;padding:70px 64px;position:relative;overflow:hidden;transition:box-shadow .5s var(--e)}
body.dark .ctacard{border:1.5px solid var(--line)}
.ctacard::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");opacity:.07}
.ctacard::after{content:"";position:absolute;right:-110px;bottom:-130px;width:440px;height:auto;aspect-ratio:1574/1912;background:url('assets/a00_9f1bbabb.png') center/contain no-repeat;opacity:.16}
.onairsign{display:inline-flex;align-items:center;gap:12px;border:2.5px solid var(--teal);border-radius:var(--rC);padding:14px 30px;font-weight:900;font-size:20px;letter-spacing:.3em;color:var(--teal);box-shadow:0 0 22px rgba(0,191,216,.28),inset 0 0 12px rgba(0,191,216,.12);margin-bottom:26px;position:relative;z-index:2;transition:all .4s var(--e)}
.onairsign i{width:12px;height:12px;border-radius:var(--rL);background:var(--teal);box-shadow:0 0 10px rgba(0,191,216,.7);animation:bl 1.6s infinite;transition:all .4s var(--e)}
.ctacard.live .onairsign{color:var(--lime);border-color:var(--lime);box-shadow:0 0 34px rgba(182,222,27,.55),inset 0 0 18px rgba(182,222,27,.22);text-shadow:0 0 18px rgba(182,222,27,.8)}
.ctacard.live .onairsign i{background:#FF3B30;box-shadow:0 0 14px #FF3B30;animation:bl 1s infinite}
.ctacard.live{box-shadow:0 0 90px -18px rgba(182,222,27,.35)}
.ctacard h2{color:#fff;font-size:clamp(36px,4.6vw,62px);max-width:17ch;position:relative;z-index:2}
.ctacard h2 .l{color:var(--lime)}
.ctacard p{color:rgba(255,255,255,.75);font-weight:500;max-width:52ch;margin:16px 0 32px;position:relative;z-index:2}
.ctacard .btn{border-color:#fff;color:#fff;position:relative;z-index:2}
.ctacard .btn:hover{background:var(--lime);border-color:var(--lime);color:#0A0812}
body.tally::before{content:"";position:fixed;inset:0;z-index:98;pointer-events:none;box-shadow:inset 0 0 0 6px var(--lime),inset 0 0 60px rgba(182,222,27,.5);animation:tal .3s 3}
@keyframes tal{50%{opacity:.2}}

/* dark mode easter egg */
.lsw{position:fixed;left:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;border-radius:var(--rL);border:1.5px solid var(--line);background:var(--card);color:var(--tx);font-family:'Montserrat';font-size:10.5px;font-weight:900;letter-spacing:.12em;padding:9px 14px 9px 10px;transition:all .35s var(--e)}
.lsw:hover{border-color:var(--lime)}
.lsw .tr{width:34px;height:19px;border-radius:var(--rL);background:var(--lime);position:relative;transition:background .35s var(--e)}
.lsw .tr i{position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:var(--rL);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:left .3s var(--e)}
body.dark .lsw .tr{background:#3a3348} body.dark .lsw .tr i{left:17.5px}
.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%,20px);z-index:70;background:var(--grad);color:#fff;font-size:13px;font-weight:800;border-radius:var(--rL);padding:13px 26px;opacity:0;pointer-events:none;transition:all .45s var(--e)}
.toast.show{opacity:1;transform:translate(-50%,0)}

footer{border-top:1px solid var(--line);padding:42px 0 58px;font-size:12px;color:var(--mut);font-weight:600}
.fin{display:flex;gap:40px;flex-wrap:wrap} .fin .fl{margin-left:auto;text-align:right} footer b{color:var(--tx)}
.printmark{position:relative}
.printmark::before{content:"";position:absolute;right:-130px;top:-30px;width:460px;height:560px;background:url('assets/a01_9f1bbabb.png') top/contain no-repeat;opacity:.05;pointer-events:none}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--e),transform .9s var(--e)}
.reveal.in{opacity:1;transform:none}
@media(max-width:960px){.menu{display:none}.shift,.works,.qgrid,.panel .in{grid-template-columns:1fr}
 .deck{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ccard{position:relative;left:auto;top:auto;width:auto;transform:none!important}.takeCol{flex-direction:row}.panel{padding:34px}.ctacard{padding:44px 30px}}

/* ===== Mobile pass (30 Sept) ===== */
.mtog{display:none}
.menu a.mcta{display:none}
.menu a{white-space:nowrap}
@media(max-width:1180px) and (min-width:761px){.navin{gap:20px;padding:13px 24px}.menu{gap:16px}.menu a{font-size:12px}.navin>.btn.solid{padding:10px 18px!important;font-size:11.5px!important}}
@media(max-width:760px){
 html,body{overflow-x:hidden}
 .wrap{padding:0 20px}
 .navin{padding:10px 18px;gap:12px}
 .logo b{font-size:11.5px;letter-spacing:.1em}
 .navin>.btn.solid{display:none}
 .mtog{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:42px;height:42px;border:0;background:transparent;padding:9px;cursor:pointer}
 .mtog i{display:block;height:2.5px;border-radius:2px;background:var(--tx);transition:transform .3s,opacity .3s}
 nav.open .mtog i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
 nav.open .mtog i:nth-child(2){opacity:0}
 nav.open .mtog i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
 nav.open .menu{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 20px 20px;box-shadow:0 20px 40px -20px rgba(10,8,18,.35)}
 nav.open .menu a{font-size:17px;padding:13px 0;border-bottom:1px solid var(--line)}
 nav.open .menu a.mcta{margin-top:14px;border:0;text-align:center;background:var(--grad);color:#fff;border-radius:999px;padding:14px}
 .menu a.mcta{display:none} nav.open .menu a.mcta{display:block}
 .hero{min-height:620px;height:calc(100svh - 60px)}
 .heroc{padding-bottom:40px}
 .heroc h1{font-size:clamp(40px,11.5vw,58px)}
 .heroc p{font-size:15.5px;margin:18px 0 24px}
 .hero .cue{top:12px;right:12px;font-size:9px;padding:5px 11px}
 .btn[style*="margin-left"]{margin-left:0!important}
 .heroc .btn,.panel .btn,.phero .btn,.ctacard .btn{display:inline-flex;justify-content:center}
 .heroc .btn + .btn,.panel .btn + .btn{margin-top:12px!important}
 .heroc .wrap{display:flex;flex-direction:column;align-items:flex-start}
 .panel{padding:30px 22px}
 .panel .in{gap:30px}
 .work{min-height:280px}
 .work .sh{background:linear-gradient(0deg,rgba(10,8,18,.92) 0%,rgba(10,8,18,.6) 45%,rgba(10,8,18,.15) 100%)}
 .work .tx{padding:22px}
 .work h3{font-size:21px;line-height:1.25}
 .work.lime h3{font-size:24px}
 .nm{height:auto;min-height:64px}
 .deck{grid-template-columns:repeat(2,1fr);gap:12px}
 .mon{min-height:250px}
 .phero .in{padding:64px 0 44px}
 .phero.img{min-height:440px}
 .fin .fl{margin-left:0;text-align:left}
 .ctacard{padding:36px 22px}
 .panel .in>*{min-width:0}
 .stats{flex-wrap:wrap;gap:20px 28px!important}
 .stats b{font-size:40px!important}
 .lsw{display:none!important}
 .pills{flex-wrap:wrap}
}

/* tablet nav: hamburger up to 960px (2 Oct) */
@media(max-width:960px){
 .mtog{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:42px;height:42px;border:0;background:transparent;padding:9px;cursor:pointer}
 .mtog i{display:block;height:2.5px;border-radius:2px;background:var(--tx);transition:transform .3s,opacity .3s}
 nav.open .mtog i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
 nav.open .mtog i:nth-child(2){opacity:0}
 nav.open .mtog i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
 nav.open .menu{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 20px 20px;box-shadow:0 20px 40px -20px rgba(10,8,18,.35)}
 nav.open .menu a{font-size:17px;padding:13px 0;border-bottom:1px solid var(--line)}
 nav.open .menu a.mcta{margin-top:14px;border:0;text-align:center;background:var(--grad);color:#fff;border-radius:999px;padding:14px}
 .menu a.mcta{display:none} nav.open .menu a.mcta{display:block}
 .navin>.btn.solid{margin-left:auto}
 .navin>.btn.solid + .mtog{margin-left:12px}
 .lsw{display:none!important}
}
/* 14 Oct amends */
html,body{overflow-x:clip}
.panel{background:linear-gradient(135deg,#1A0930 0%,#2A1150 55%,#3D1A6B 100%)}
.shift.overlay{grid-template-columns:1fr 150px}
.shift.overlay .stackmon{position:relative;min-height:440px}
.shift.overlay .stackmon .mon{position:absolute;inset:0;transition:opacity .55s var(--e),box-shadow .4s var(--e),border-color .4s var(--e)}
.shift.overlay .stackmon .mon.after{opacity:0;pointer-events:none}
.shift.overlay.cut .stackmon .mon.before{opacity:0;filter:none}
.shift.overlay.cut .stackmon .mon.after{opacity:1}
.panel .shot.stack{display:grid;gap:12px;background:none;box-shadow:none;overflow:visible}
.panel .shot.stack img{border-radius:var(--rC);aspect-ratio:16/9;object-fit:cover;box-shadow:0 30px 80px -30px rgba(0,0,0,.5)}
@media(max-width:960px){.shift.overlay{grid-template-columns:1fr}.shift.overlay .stackmon{min-height:300px}}
@media(max-width:760px){.shift.overlay .stackmon{min-height:270px}}

/* 21 Oct amends: 11 team cards, centred rows */
.deck{display:flex!important;flex-wrap:wrap;justify-content:center}
.deck .ccard{width:calc((100% - 90px)/6);flex:0 0 auto}
@media(max-width:1180px){.deck .ccard{width:calc((100% - 54px)/4)}}
@media(max-width:960px){.deck .ccard{width:calc((100% - 14px)/2)}}
@media(max-width:760px){.deck .ccard{width:calc((100% - 12px)/2)}}
.btnrow{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;align-items:center}
.btnrow .btn{margin:0!important}

/* colour fills the whole button, no edge seam */
.btn.solid,.hero .btn.solid,.pill.on{background-origin:border-box!important;background-clip:border-box!important;background-repeat:no-repeat!important}