/* M3TA agency deck polish, adapted for Betano. Content is visible by default. */
.sidebar nav{flex:1 1 auto!important;min-height:70px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#454963 transparent}.sidebar nav a{padding-top:7px;padding-bottom:7px}.sidebar .side-bottom{padding-top:16px}.sidebar .side-bottom p{margin-top:12px}.sidebar .motion-toggle{padding-top:6px;padding-bottom:10px;margin-bottom:4px}
.social-links{display:flex;align-items:center;gap:12px}.social-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #a0a8cf;border-radius:50%;transition:transform .2s,background .2s,border-color .2s}.social-icon:hover{transform:translateY(-3px);background:#8b99ff25;border-color:var(--peach)}.social-icon img{display:block;width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}.sidebar .company-socials{gap:10px;margin:0 0 14px}.sidebar .social-icon{width:36px;height:36px}.sidebar .social-icon img{width:17px;height:17px}.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}.sidebar .side-bottom{flex-shrink:0}.team-grid .team-member{text-align:center;min-width:0}.team-grid .portrait{width:min(100%,230px);aspect-ratio:1;border-radius:50%;overflow:hidden;margin:5px auto 28px;border:4px solid var(--lavender);box-shadow:0 0 0 8px #8b99ff0b}.team-grid .portrait img{display:block;width:100%;height:100%;object-fit:cover}.team-grid .portrait-alec img{transform:scale(1.3);transform-origin:67% 25%}.team-member h3{font-size:21px;line-height:1.3}.team-member .team-role{display:block;font-size:12px;line-height:1.7;min-height:42px;margin-top:8px}.team-member>p{color:var(--muted-dark);font-size:12px;line-height:1.8;max-width:27ch;margin:10px auto 0;min-height:45px}.team-member .social-links{justify-content:center;margin-top:20px}.team-member .social-icon{width:38px;height:38px}.team-member .social-icon img{width:18px;height:18px}
@media(max-width:1150px){.team-grid .portrait{width:min(100%,195px)}.team-member h3{font-size:18px}.team-member .team-role{font-size:11px}.team-member>p{font-size:11px}}
@media(max-width:650px){.team-grid{grid-template-columns:1fr;gap:42px}.team-grid .team-member{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:23px;text-align:left;align-items:start}.team-grid .portrait{width:110px;margin:4px 0 0;grid-row:1/5;border-width:3px;box-shadow:0 0 0 5px #8b99ff0b}.team-member h3{font-size:19px}.team-member .team-role{font-size:11px;min-height:0;margin-top:5px}.team-member>p{font-size:11px;margin:8px 0 0;min-height:0;max-width:100%}.team-member .social-links{justify-content:flex-start;margin-top:14px;gap:9px}.team-member .social-icon{width:32px;height:32px}.team-member .social-icon img{width:15px;height:15px}.sidebar .company-socials{margin:3px 0 12px}.sidebar .side-bottom p{font-size:9px}}
@media print{.team-grid .portrait{width:145px;margin-bottom:20px;border-width:3px;box-shadow:none}.team-member h3,.team-member .team-role,.team-member>p{color:#131526!important}.team-member .social-links{margin-top:12px}.team-member .social-icon{width:28px;height:28px;border-color:#4a5170}.team-member .social-icon img{filter:brightness(0);width:15px;height:15px}.team-member h3{font-size:18px}.team-member .team-role{font-size:11px}.team-member>p{font-size:10px}}
.chapter{scroll-margin-top:0}.case-identity img{filter:brightness(0) invert(1)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar{box-shadow:0 14px 32px #00000012}.header-actions #walkthrough{background:var(--paper);color:var(--ink);border-color:var(--paper);transition:background .2s,color .2s,transform .2s}.header-actions #walkthrough:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-1px)}
.side-heading{position:relative}.chapter-position{display:block;margin-top:17px;color:var(--peach);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.12em}.sidebar nav a{transition:background .2s,color .2s}.sidebar nav a:hover{background:#17182b}.motion-toggle{width:100%;padding:10px 0 14px;text-align:left;border:0;border-bottom:1px solid var(--rule-dark);background:transparent;font-size:10px;color:var(--muted-dark);margin-bottom:10px}.motion-toggle:hover{color:var(--peach)}
.programme-visual{background:radial-gradient(ellipse at 50% 20%,#ff652b0c,transparent 58%),#101124;box-shadow:0 28px 72px #0003}.visual-brand img{animation:brand-float 6s ease-in-out infinite}.visual-route i{animation:route-signal 2.6s ease-in-out infinite}.visual-route i:last-of-type{animation-delay:.65s}.channel-icon{transition:color .25s,transform .25s}.visual-channels>div:hover .channel-icon{transform:translateY(-4px);color:var(--peach)}.partner-figure img{box-shadow:0 22px 45px #07081620;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.partner-figure:hover img{transform:translateY(-4px);box-shadow:0 28px 50px #0708162c}.workstream,.callout-row,.phase-list article{transition:border-color .3s}.workstream:hover{border-color:#ff652b70}
.case-studies{display:flex;flex-direction:column;gap:30px}.case-studies .case-feature{display:grid;grid-template-columns:1.08fr 1fr;gap:36px;align-items:center;padding:36px;background:#101225;border:1px solid #34364b;color:var(--on-dark);overflow:hidden;box-shadow:0 18px 45px #07081614}.case-feature:nth-child(2){background:#121020;border-color:#3d3042}.case-identity{display:flex;align-items:center;gap:20px;min-height:46px;margin-bottom:23px}.case-identity img{width:116px;height:38px;object-fit:contain;object-position:left center;max-width:42%}.case-identity span{font-size:8px;color:var(--muted-dark);line-height:1.7;letter-spacing:.09em;border-left:1px solid var(--rule-dark);padding-left:17px;max-width:130px}.case-studies .case-copy h3{font-family:var(--display);font-size:clamp(22px,2.2vw,32px);text-transform:uppercase;line-height:1.3;letter-spacing:-.04em;margin-top:0;max-width:100%}.case-studies .case-copy>p{color:var(--muted-dark);font-size:12px;margin-top:24px}.case-studies .case-copy .text-link{color:var(--on-dark);font-size:11px;margin-top:22px}.case-studies .result-pair{border-top:1px solid var(--rule-dark);padding-top:24px;margin-top:25px;gap:26px}.case-studies .result-pair strong{color:var(--peach);font-size:clamp(31px,3.2vw,46px);font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:1.2;min-height:1.2em}.case-studies .result-pair strong [data-result]{font:inherit;line-height:inherit;color:inherit;margin:0;display:inline;letter-spacing:inherit}.case-studies .result-pair>div>span{font-size:10px;color:var(--muted-dark);line-height:1.6;margin-top:8px}.case-art{border:1px solid #454157;background:#1a1d36;box-shadow:0 25px 50px #0003;padding:18px;min-width:0;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s}.case-art:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0005}.artwork-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:7px;letter-spacing:.1em;color:var(--muted-dark);line-height:1.7;margin-bottom:16px}.case-art>img{width:100%;height:auto;max-height:310px;object-fit:contain;background:#080a17}.case-art figcaption{font-size:9px;color:var(--muted-dark);margin-top:14px;line-height:1.8;display:flex;align-items:center;justify-content:space-between;gap:15px}.case-art figcaption button{flex-shrink:0;font-size:8px;padding:5px 8px;border:1px solid #54566c;background:transparent;color:var(--on-dark);line-height:1.6}.case-art figcaption button:hover{border-color:var(--peach);color:var(--peach)}.fliff-media{position:relative;aspect-ratio:16/9;background:#111827;overflow:hidden}.fliff-still,.fliff-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.fliff-loop{opacity:0;transition:opacity .3s}.fliff-media.has-motion .fliff-loop{opacity:1}.fliff-media.has-motion .fliff-still{opacity:0}.fliff-art{background:#171d33}.legendz-art{background:#20162e}.legendz-art>img{aspect-ratio:1;max-height:320px;object-fit:contain}.production-gallery button img{transition:transform .3s,box-shadow .3s}.production-gallery button:hover img{transform:translateY(-5px);box-shadow:0 14px 30px #07081625}.production-gallery button span{transition:color .2s}.production-gallery button:hover span{color:var(--blue)}
.reveal-ready{opacity:.28;transform:translateY(18px);transition:opacity .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.reveal-ready.is-revealed,.reveal-ready:focus-within{opacity:1;transform:none}.case-feature.is-revealed .case-art{animation:art-enter .7s cubic-bezier(.2,.7,.2,1) both}.experience-panel:not([hidden]){animation:panel-enter .35s ease both}
body.presenting .chapter{display:none}body.presenting .chapter.active-slide{display:block;min-height:calc(100dvh - 84px);padding-bottom:118px}body.presenting .chapter.active-slide.betano-hero{display:block}body.presenting .chapter .reveal-ready{opacity:1;transform:none}body.presenting .chapter.active-slide>.section-head{animation:panel-enter .4s ease both}body.presenting .reading-progress{display:none}.presenting .tour-bar{box-shadow:0 16px 60px #0008;background:#14172cf5;backdrop-filter:blur(12px)}body.presenting .chapter.active-slide:after{content:'Scroll to explore this chapter';display:block;margin-top:40px;color:var(--muted-dark);font-size:9px;letter-spacing:.05em}.presenting .chapter.light:after{color:var(--muted-light)}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .reveal-ready{opacity:1;transform:none}.motion-paused .fliff-loop{opacity:0}.motion-paused .fliff-still{opacity:1}
@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes route-signal{0%,100%{opacity:.35;transform:translateX(-2px)}50%{opacity:1;transform:translateX(3px)}}
@keyframes art-enter{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-enter{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.case-studies .case-feature{gap:24px;padding:28px}.case-studies .case-copy h3{font-size:23px}.case-identity{gap:12px}.case-identity span{padding-left:12px;font-size:7px}.case-studies .result-pair{gap:18px}.case-studies .result-pair strong{font-size:35px}.case-art{padding:14px}.artwork-topline{font-size:6px;gap:10px}.case-art figcaption{font-size:8px;flex-wrap:wrap;gap:7px}}
@media(max-width:900px){.case-studies .case-feature{gap:24px}.case-studies .case-copy h3{font-size:24px}.case-identity img{width:100px}.case-studies .result-pair strong{font-size:34px}.header-actions #walkthrough{font-size:10px;padding:10px 12px}.sidebar .side-heading{padding-bottom:14px}.chapter-position{margin-top:12px}body.presenting .chapter.active-slide{min-height:calc(100dvh - 76px)}}
@media(max-width:650px){.case-studies .case-feature{grid-template-columns:1fr;gap:25px;padding:25px 22px}.case-studies .case-copy h3{font-size:25px}.case-identity img{width:110px}.case-identity span{font-size:8px}.case-studies .result-pair strong{font-size:39px}.case-studies .case-copy>p{font-size:12px}.case-art{padding:14px}.case-art figcaption{font-size:9px;flex-wrap:nowrap}.artwork-topline{font-size:7px}.legendz-art>img{max-height:280px}.case-studies .result-pair>div>span{font-size:10px}.header-actions #walkthrough{display:inline-flex;font-size:8px;padding:8px;min-height:36px}.header-actions #print-proposal{display:none}.top-client img{width:75px}.agency img{width:95px}.topbar{gap:10px}.top-client{padding-left:10px}.header-actions{gap:5px}.header-actions #menu-toggle{font-size:8px;padding:8px}.sidebar{padding-top:16px}.sidebar nav a{padding:7px 8px}.sidebar .side-bottom{padding-top:8px}.motion-toggle{padding-bottom:9px}.chapter-position{position:absolute;right:6px;top:0;margin:0}.side-heading .edition{font-size:11px}body.presenting .chapter.active-slide{min-height:calc(100dvh - 68px);padding-bottom:110px}.presenting .tour-bar #tour-label{max-width:145px;white-space:normal;line-height:1.5}.presenting .tour-bar{width:calc(100vw - 24px);justify-content:space-between}.presenting .tour-bar .tour-close{padding:0 6px}.presenting .tour-bar .button{padding:9px 8px}.programme-visual:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.fliff-loop{display:none}.fliff-still{opacity:1!important}.case-art:hover,.partner-figure:hover img,.production-gallery button:hover img{transform:none}#motion-toggle,#fliff-motion-toggle{display:none}}
@media print{body.presenting .chapter{display:block!important;min-height:0!important}.chapter .reveal-ready{opacity:1!important;transform:none!important}.chapter.active-slide:after{display:none!important}.chapter-position,.motion-toggle,#fliff-motion-toggle{display:none!important}.visual-brand img,.visual-route i{animation:none!important;transform:none!important}.case-studies{display:block}.case-studies .case-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:22px;margin-bottom:24px;break-inside:avoid;box-shadow:none}.case-feature,.case-feature p,.case-feature h3{color:#d5dcff!important}.case-copy .text-link,.case-studies .result-pair>div>span{color:#c2c9eb!important}.case-studies .case-copy h3{font-family:Arial,sans-serif;font-size:23px}.case-studies .result-pair strong{font-size:30px;color:#ffab87!important}.case-art{box-shadow:none;padding:12px}.case-art figcaption{font-size:8px}.case-art>img{max-height:210px}.fliff-loop{display:none!important}.fliff-still{opacity:1!important}.case-studies .result-pair{padding-top:16px;margin-top:18px}.case-identity{margin-bottom:16px}.case-copy p{font-size:10px!important}.case-art,.partner-figure img{transform:none!important;animation:none!important}.experience-panel{animation:none!important}}
