@font-face{font-family:Alyamama;src:url('fonts/alyamama-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Alyamama;src:url('fonts/alyamama-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Almarai;src:url('fonts/almarai-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Almarai;src:url('fonts/almarai-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Syne;src:url('fonts/syne-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Syne;src:url('fonts/syne-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#0a101b;--surface:#111b2b;--text:#f6f4ec;--muted:#b3b9c2;--accent:#e1bb64;--border:#ffffff29;--paper:#eeeae0;--paper-ink:#132034;--paper-muted:#515968;--header:#0a101b;--display:Alyamama,Arial,sans-serif;--body:Almarai,Arial,sans-serif;--latin:Syne,Arial,sans-serif;--ease:ease-out;--gutter:clamp(22px,5vw,88px);color-scheme:dark}
html[lang=en]{--display:Syne,Arial,sans-serif;--body:Syne,Arial,sans-serif}
:root[data-theme=light]{--bg:#f6f3eb;--surface:#e9e5db;--text:#122036;--muted:#58616d;--accent:#785311;--border:#14213733;--header:#f6f3eb;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:clip}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.18;text-wrap:balance}p{text-wrap:pretty;color:var(--muted)}h2{font-size:clamp(40px,4.2vw,68px)}h3{font-size:28px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1536px,100%);margin-inline:auto;padding-inline:var(--gutter)}.number{font-family:var(--latin);font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.accent{color:var(--accent)}.kicker{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:13px;line-height:1.7;margin-bottom:25px}.kicker>span:first-child{display:flex;align-items:center;gap:10px}.kicker>span:first-child:before{content:'';width:6px;height:6px;background:currentColor;display:block;flex-shrink:0}.kicker .number{opacity:.55}.arrow{font-family:Arial,sans-serif;font-size:24px;display:inline-block;line-height:1}html[dir=rtl] .arrow{transform:scaleX(-1)}.text-link{display:inline-flex;gap:42px;align-items:center;border-bottom:1px solid currentColor;padding:10px 0;font-weight:700}.text-link .arrow,.quiet-link span{transition:translate 180ms var(--ease)}.text-link:hover .arrow,.quiet-link:hover span{translate:0 -4px}.button{display:inline-flex;justify-content:center;align-items:center;gap:40px;min-height:58px;padding:13px 25px;background:var(--accent);color:var(--bg);border:1px solid transparent;font-weight:700;line-height:1.5;border-radius:2px;transition:transform 180ms var(--ease)}.button:hover{transform:translateY(-3px)}.button-small{min-height:46px;font-size:13px;padding:10px 18px;gap:24px}.icon-button{display:inline-grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:none;border:1px solid var(--border);border-radius:50%;font-size:22px;line-height:1;transition:transform 180ms var(--ease)}.icon-button:hover:not(:disabled){transform:rotate(-8deg)}.skip-link{position:fixed;top:10px;inset-inline-start:15px;transform:translateY(-150%);z-index:50;background:var(--accent);color:var(--bg);padding:10px 20px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:30;background:var(--header);border-bottom:1px solid var(--border)}.header-inner{max-width:1700px;margin:auto;padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand img{width:52px;height:auto}.brand-name{font-family:var(--display);font-size:23px;font-weight:700;line-height:1.25}.brand-name small{display:block;font-family:var(--body);font-size:9px;font-weight:400;margin-top:7px}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{font-size:13px;position:relative;padding:8px 0}.site-header nav a:after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform 180ms var(--ease)}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:14px}.language{font-family:var(--latin);font-weight:700;font-size:13px;display:inline-grid;place-items:center;min-width:35px;min-height:35px}.theme-toggle{width:35px;height:35px;border:0;font-size:23px}.menu-toggle{display:none}html[data-theme=light] .brand img{filter:brightness(0)}.menu-dialog{position:fixed;inset:0 0 0 auto;width:min(460px,100%);max-width:100%;height:100dvh;max-height:none;border:0;padding:30px;background:var(--bg);color:var(--text);margin:0;z-index:40}.menu-dialog::backdrop{background:#000a}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px;font-family:var(--latin)}.menu-dialog nav{display:flex;flex-direction:column}.menu-dialog nav a{padding:16px 0;border-bottom:1px solid var(--border);font-family:var(--display);font-size:32px}.menu-dialog p{margin-top:45px}.menu-dialog[open]{animation:menu-in 180ms var(--ease)}
.hero{position:relative;min-height:min(850px,calc(100svh - 96px));display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;padding-top:80px;padding-bottom:120px}.hero-copy{position:relative;z-index:10}.hero .kicker{color:var(--muted);margin-bottom:34px}.hero h1{font-size:clamp(64px,6.5vw,110px);line-height:1.12;overflow:visible}.hero h1>span{display:block}.hero h1>span:first-child{animation:type-arrive 800ms var(--ease) both}.hero h1>span:last-child{animation:type-arrive 900ms 100ms var(--ease) both}.hero-copy>p{max-width:460px;margin-top:30px;font-size:16px;line-height:2}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:38px}.quiet-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;border-bottom:1px solid var(--border);padding:14px 0}.hero-composition{position:relative;height:530px;min-width:0;direction:ltr;isolation:isolate;--sway:0deg}.hero-art{position:absolute;width:55%;max-width:340px;aspect-ratio:4/5;background:#12213c;box-shadow:0 30px 45px #0004}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art-main{left:15%;top:8%;z-index:3;transform:rotate(-5deg);animation:hero-main 7s ease-in-out infinite}.hero-art-back{left:43%;top:0;z-index:1;transform:rotate(12deg);animation:hero-back 8s ease-in-out infinite}.hero-art-side{left:40%;top:31%;z-index:2;width:46%;transform:rotate(11deg);animation:hero-side 9s ease-in-out infinite}.art-link{position:absolute;inset:auto 0 0;padding:15px 17px;background:#0a101bf2;color:#fff;font-size:12px;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity 180ms var(--ease)}.hero-art-main:hover .art-link,.hero-art-main:focus-visible .art-link{opacity:1}.orbit{position:absolute;width:105%;aspect-ratio:1;border:1px solid var(--border);border-radius:50%;left:-4%;top:-6%;z-index:0;animation:orbit 55s linear infinite}.orbit:after{content:'';width:9px;height:9px;background:var(--accent);border-radius:50%;position:absolute;left:13%;top:13%}.studio-stamp{position:absolute;left:-2%;bottom:5%;z-index:5;display:flex;align-items:center;gap:12px;background:var(--accent);color:var(--bg);padding:18px 22px;transform:rotate(-7deg);font-size:15px;font-weight:700;box-shadow:0 8px 10px #0002}.studio-stamp small{display:block;font:9px var(--latin);margin-top:6px}.studio-stamp .tactic-symbol{font-size:34px;animation:orbit 18s linear infinite}.composition-label{position:absolute;bottom:1%;right:2%;font:9px var(--latin);color:var(--muted);writing-mode:vertical-rl}.hero-bottom{position:absolute;inset:auto var(--gutter) 23px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:22px;font-size:11px;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:16px}.scroll-arrow{font-size:20px;animation:scroll-cue 2s ease-in-out infinite}.hero-bottom .number{font-size:12px}.statement-strip{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:19px;direction:ltr}.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee-track>span{display:flex;align-items:center;gap:60px;padding-inline-end:60px;font-family:var(--display);font-size:clamp(28px,3vw,45px);white-space:nowrap;line-height:1.4}.marquee-track .tactic-symbol{color:var(--accent);font-size:35px}
.section-heading{padding-bottom:55px}.heading-row{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.heading-row>div:last-child,.heading-row>p{max-width:370px}.heading-row p{line-height:1.9}.heading-row .text-link{margin-top:20px}.services-section{padding-block:110px 100px;background:var(--paper);color:var(--paper-ink)}.services-section p{color:var(--paper-muted)}.services-section .kicker{color:var(--paper-muted)}.service-stack{position:relative}.service-panel{display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid #14213730;border-bottom:1px solid #14213730;position:sticky;top:calc(106px + var(--panel)*14px);isolation:isolate;min-height:440px;background:var(--paper);box-shadow:0 -12px 30px #13203408;overflow:hidden}.service-panel:nth-child(2){background:#e5e1d7}.service-panel:nth-child(3){background:#dbd8cf}.service-body{padding:44px 50px 44px 0;padding-inline-start:15px;padding-inline-end:65px;align-self:center}.service-body h3{font-size:clamp(38px,4.3vw,62px)}.service-body>p{margin-top:22px;max-width:530px}.service-links{display:flex;flex-direction:column;align-items:flex-start;margin-top:22px;gap:5px}.service-links .text-link{width:100%;justify-content:space-between;border-color:#13203433;font-size:14px;padding:12px 0}.service-art{position:relative;overflow:hidden;min-width:0;display:grid;place-items:center;min-height:440px;background:#15263a}.service-art img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform 180ms var(--ease)}.service-panel:hover .service-art img{transform:scale(1.015)}.art-index{position:absolute;left:24px;bottom:6px;color:#fff6;font:100px var(--latin);line-height:1;mix-blend-mode:screen}
.numbers-section{padding:90px 0;background:#dfbd75;color:#132034}.numbers-section p{color:#394554}.numbers-heading{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:50px;align-items:start}.numbers-heading h2{font-size:clamp(36px,3.6vw,55px)}.numbers-heading p{align-self:end;font-size:14px}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #13203450;padding-top:30px}.stat{padding-inline:30px;border-inline-end:1px solid #13203450}.stat:first-child{padding-inline-start:0}.stat:last-child{border-inline-end:0}.stat-number{height:1.12em;overflow:hidden;display:block;direction:ltr;text-align:start;font-size:clamp(60px,7.5vw,108px);font-family:var(--latin);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.12}.number-reel{display:block;transform:translateY(calc(var(--count)*-1.12em))}.number-reel>span{display:block;height:1.12em}.stat h3{font-size:18px;margin-top:18px}.numbers-section.in-view .number-reel{animation:count-reel 1500ms var(--ease) both}
.capabilities-section{padding-block:105px 115px;background:var(--paper);color:var(--paper-ink);overflow:hidden}.capabilities-section p{color:var(--paper-muted)}.capabilities-heading{padding-bottom:50px}.capabilities-heading .kicker{color:var(--paper-muted)}.capabilities-heading .heading-row{align-items:end}.capabilities-heading h2{font-size:clamp(42px,4.5vw,68px)}.capabilities-heading p{font-size:14px;line-height:1.9}.capability-deck{display:flex;gap:8px;height:520px;direction:ltr;touch-action:pan-y}.capability-card{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:18px;background:#12110f;isolation:isolate;transition:flex-grow 600ms var(--ease);box-shadow:0 18px 40px #1a1a1a12}.capability-card.is-active{flex-grow:3.8}.capability-card:after{content:'';position:absolute;z-index:3;inset:auto 0 0;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease)}.capability-card.is-active:after{transform:scaleX(1)}.capability-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03);transform:scale(1.01);transition:transform 600ms var(--ease),filter 180ms var(--ease)}.capability-card.is-active>img{transform:scale(1.045);filter:saturate(1) contrast(1.02)}.capability-card:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#08080699 0%,#0808061f 42%,#080806f5 100%);pointer-events:none}.capability-trigger{position:absolute;z-index:2;inset:0;width:100%;height:100%;border:0;background:transparent;color:#fff;cursor:pointer;text-align:start;padding:24px;font:inherit}.capability-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}.capability-index{position:absolute;top:24px;left:24px;font:11px var(--latin);font-variant-numeric:tabular-nums;color:#ffffffb0}.capability-short{position:absolute;top:54px;inset-inline-start:24px;max-width:calc(100% - 48px);font-family:var(--display);font-size:clamp(23px,2.1vw,34px);font-weight:700;line-height:1.2;transition:opacity 180ms var(--ease),transform 180ms var(--ease)}html[lang=en] .capability-short{font-family:var(--latin);font-size:clamp(18px,1.5vw,25px)}.capability-card.is-active .capability-short{opacity:0;transform:translateY(-8px)}.capability-plus{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff99;border-radius:50%;font:19px Arial,sans-serif;opacity:0;transform:rotate(30deg);transition:opacity 180ms var(--ease),transform 180ms var(--ease)}.capability-card.is-active .capability-plus{opacity:1;transform:rotate(0)}.capability-copy{position:absolute;z-index:2;inset:auto 32px 32px;max-width:540px;color:#fff;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity 180ms var(--ease),transform 180ms var(--ease)}.capability-card.is-active .capability-copy{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:210ms}.capability-copy h3{font-size:clamp(30px,3vw,48px);margin-bottom:15px}.capability-copy p{color:#f5f2e9d9;font-size:14px;line-height:1.85;max-width:500px}.capability-link{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding-bottom:6px;border-bottom:1px solid #ffffff80;color:#fff;font-size:12px}.capability-link .arrow{transition:transform 180ms var(--ease)}.capability-link:hover .arrow,.capability-link:focus-visible .arrow{transform:translate(-4px,-4px)}html[lang=en] .capability-link:hover .arrow,html[lang=en] .capability-link:focus-visible .arrow{transform:translate(4px,-4px)}.capability-mobile-controls{display:none}.capability-status{font:13px var(--latin);font-variant-numeric:tabular-nums;direction:ltr}
.work-section{padding-block:110px 95px;overflow:hidden}.work-track{display:flex;gap:30px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--gutter) 10px;scroll-padding-inline:var(--gutter);cursor:grab;touch-action:pan-x pan-y}.work-track::-webkit-scrollbar{display:none}.work-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.work-track .work-card{flex:0 0 39%;min-width:0;scroll-snap-align:start}.work-card img{height:100%;width:100%;object-fit:cover;transition:transform 180ms var(--ease)}.work-image{position:relative;display:block;overflow:hidden;background:#14213a;aspect-ratio:4/5}.work-image:hover img{transform:scale(1.025)}.work-open{position:absolute;bottom:20px;inset-inline-end:20px;display:grid;place-items:center;width:46px;height:46px;background:var(--paper);color:var(--paper-ink);border-radius:50%;transition:transform 180ms var(--ease)}.work-image:hover .work-open{transform:rotate(-12deg)}.work-caption{padding-top:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.work-caption h3{font-size:clamp(25px,2.6vw,40px);margin-top:10px}.work-caption span{color:var(--muted);font-size:11px}.work-caption>.number{font-size:13px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:38px}.gallery-hint{font-size:11px;color:var(--muted)}.gallery-status{font:14px var(--latin);direction:ltr}.gallery-controls{display:flex;gap:12px}.process-section{padding-block:95px 110px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-step{position:relative;border-top:1px solid var(--border);padding:30px 25px 0;border-inline-end:1px solid var(--border)}.process-step:first-child{padding-inline-start:0}.process-step:last-child{border-inline-end:0}.process-step>.number{font-size:13px;color:var(--muted)}.step-mark{display:block;font-family:Arial,sans-serif;font-size:54px;color:var(--accent);line-height:1;margin:25px 0 32px}.process-step h3{font-size:27px;margin-bottom:16px}.process-step p{font-size:13px}.process-step.in-view .step-mark{animation:mark-in 650ms var(--ease) both}.journal-teaser{background:var(--surface);padding-block:95px}.journal-teaser>.wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center}.journal-asterisk{font-family:Arial,sans-serif;font-size:clamp(160px,24vw,330px);line-height:1;color:var(--accent);text-align:center;animation:orbit 70s linear infinite}.journal-teaser p{margin-top:25px}.journal-teaser .text-link{margin-top:20px}
.site-footer{padding-top:100px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:65px;border-bottom:1px solid var(--border);gap:40px}.footer-top h2{font-size:clamp(54px,6.3vw,98px)}.round-cta{display:grid;place-items:center;width:160px;height:160px;background:var(--accent);color:var(--bg);border-radius:50%;flex-shrink:0;transition:transform 180ms var(--ease)}.round-cta .arrow{font-size:70px}.round-cta:hover{transform:rotate(-12deg)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-top:50px}.footer-email{font-family:var(--latin);font-size:clamp(17px,2vw,28px);direction:ltr;display:block;overflow-wrap:anywhere}.footer-phone{font-family:var(--latin);display:block;margin-block:14px}.footer-grid p{font-size:13px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px 25px;font-size:13px}.footer-grid nav a{display:flex;align-items:center;min-height:24px}.footer-aside .text-link{font-size:12px}.footer-wordmark{position:relative;font:700 clamp(100px,20vw,310px)/1.2 var(--latin);margin-top:30px;text-align:center;direction:ltr;color:var(--text);opacity:.13;white-space:nowrap;user-select:none}.footer-wordmark span{font:16px var(--latin);vertical-align:top;position:absolute;top:18%}.footer-bottom{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 88px;font-size:11px;color:var(--muted)}.footer-bottom a{padding-block:5px}.floating-contact{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));inset-inline-end:20px;z-index:20;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:40px;background:var(--text);color:var(--bg);box-shadow:0 6px 20px #0003;font:12px var(--latin)}.floating-contact img{width:22px;height:22px}.floating-contact:hover{transform:translateY(-2px)}
.page-intro{padding-top:85px;padding-bottom:75px}.page-intro h1{font-size:clamp(55px,6.6vw,105px);line-height:1.14}.page-intro>p{max-width:760px;margin-top:30px;font-size:17px;line-height:2}.services-page{padding-top:60px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-block:20px 80px}.detail-art{background:var(--surface);overflow:hidden}.detail-art img{width:100%;aspect-ratio:1;object-fit:cover}.detail-copy p{margin-block:30px;font-size:14px}.detail-copy>.text-link{display:flex;max-width:max-content;margin-top:20px}.deliverables{list-style:none;padding:0;margin:35px 0}.deliverables li{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding:17px 0}.deliverables li .number{font-size:11px;color:var(--muted)}.deliverables li .arrow{margin-inline-start:auto}.portfolio-section{padding-bottom:100px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.filters button{border:1px solid var(--border);padding:10px 24px;background:transparent;border-radius:30px;min-height:44px;font-size:13px}.filters button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.portfolio-grid .work-card:nth-child(even){margin-top:90px}.portfolio-grid.filtered .work-card:nth-child(even){margin-top:0}.project-detail{padding-bottom:100px}.project-overview{display:grid;grid-template-columns:1fr 2fr;gap:65px;align-items:start}.project-overview dl{margin:0;position:sticky;top:140px}.project-overview dl>div{border-top:1px solid var(--border);padding-block:25px}.project-overview dt{font-size:12px;color:var(--muted)}.project-overview dd{margin:12px 0 0;font-size:16px}.project-poster{padding:clamp(20px,5vw,60px);background:var(--surface)}.project-poster img{width:100%;max-width:650px;margin:auto}.next-project{margin-top:60px;padding-top:35px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:30px;align-items:center}.next-project>span{font-size:12px;color:var(--muted)}.next-project .text-link{font-family:var(--display);font-size:38px}.about-story{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:85px;padding-bottom:100px}.about-story>div:first-child{max-width:480px}.about-story p{margin-top:25px}.about-story .text-link{margin-top:25px}.journal-empty{text-align:center;padding-top:50px;padding-bottom:110px}.journal-empty>span{font:100px Arial;color:var(--accent);display:block;margin-bottom:30px}.journal-empty h2{font-size:36px}.journal-empty p{max-width:600px;margin:25px auto 35px}.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-bottom:100px}.contact-info{min-width:0}.contact-info h2{font-size:44px;margin-bottom:20px}.contact-info>a{display:block;max-width:100%;overflow-wrap:anywhere;margin-top:18px;font-family:var(--latin)}.contact-info>.text-link{display:inline-flex;margin-top:35px;font-family:var(--body)}.contact-info a[dir=ltr]{text-align:start}.contact-mark{font:200px/1.5 Arial;color:var(--accent)}form{padding:40px;background:var(--surface);border:1px solid var(--border)}form label{display:block;margin-bottom:10px;font-size:13px}form input,form select,form textarea{width:100%;padding:14px 15px;min-height:50px;border:1px solid var(--border);border-radius:0;color:var(--text);background:var(--bg);margin-bottom:25px;line-height:1.7;resize:vertical}textarea::placeholder{color:var(--muted)}form select{font-size:14px}form .form-note{font-size:12px;margin-bottom:22px}.form-result{margin-top:35px;padding-top:30px;border-top:1px solid var(--border)}.form-result h3{font-size:25px}.form-result pre{font:13px/1.9 var(--body);white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:var(--bg);margin-top:20px}.form-result p{font-size:13px}.result-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:25px}.prose{max-width:900px;padding-bottom:100px}.prose h2{font-size:34px;margin-top:35px}.prose p{margin-top:20px}
html[lang=en] .hero h1{font-size:clamp(55px,5.4vw,85px);line-height:1.07}html[lang=en] .hero-copy p{line-height:1.7}html[lang=en] .brand-name{font:700 15px var(--latin)}html[lang=en] .service-body h3{font-size:clamp(34px,3.4vw,56px)}html[lang=en] h2{font-size:clamp(36px,4vw,64px)}html[lang=en] .footer-top h2{font-size:clamp(48px,5.4vw,86px)}
@keyframes type-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hero-main{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-13px) rotate(-3deg)}}@keyframes hero-back{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(12px) rotate(14deg)}}@keyframes hero-side{0%,100%{transform:translateY(0) rotate(11deg)}50%{transform:translateY(-10px) rotate(8deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes scroll-cue{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes count-reel{from{transform:translateY(0)}to{transform:translateY(calc(var(--count)*-1.12em))}}@keyframes mark-in{from{opacity:.25;transform:rotate(-30deg) scale(.8)}to{opacity:1;transform:none}}@keyframes menu-in{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
.offscreen,.offscreen *{animation-play-state:paused!important}html[data-motion=paused],html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important;scroll-behavior:auto!important}html[data-motion=paused] .hero h1>span{animation:none}html[data-motion=paused] .number-reel{animation:none!important}
@media(min-width:1800px){.work-track .work-card{flex-basis:540px}}
@media(max-width:1200px){.header-inner{gap:20px}.site-header nav{gap:20px}.brand-name{display:none}.header-actions{gap:12px}.hero{gap:30px;padding-top:70px;min-height:700px}.hero-composition{height:430px}.hero h1{font-size:clamp(62px,7vw,85px)}.hero-art{width:56%}.studio-stamp{padding:13px 15px;font-size:12px}.hero-actions{gap:20px;flex-wrap:wrap}.numbers-heading{grid-template-columns:1fr 1.5fr}.numbers-heading>p{grid-column:2}.service-body{padding-inline-end:35px}.service-art{min-height:400px}.contact-layout{gap:45px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
@media(max-width:900px){.site-header nav,.header-cta{display:none}.menu-toggle{display:inline-grid}.brand-name{display:block}.hero{grid-template-columns:1fr 1fr;padding-top:50px;min-height:670px;gap:15px}.hero h1{font-size:62px}.hero-copy>p{font-size:14px}.hero-actions{margin-top:25px;gap:15px}.hero-composition{height:370px}.hero-art-side{top:27%}.studio-stamp{bottom:8%;left:0}.orbit{top:2%}.heading-row{gap:30px;align-items:start}.heading-row>div:last-child{max-width:310px}.service-panel{min-height:400px;grid-template-columns:1.2fr 1fr}.service-body{padding:30px 24px}.service-body h3{font-size:40px}.service-body p{font-size:13px}.service-art{min-height:400px}.numbers-heading{gap:25px}.numbers-heading>p{grid-column:auto}.numbers-heading{grid-template-columns:1fr}.numbers-grid{margin-top:40px}.stat{padding-inline:20px}.stat h3{font-size:16px}.work-track .work-card{flex-basis:52%}.process-grid{grid-template-columns:1fr 1fr;row-gap:45px}.process-step:nth-child(3){padding-inline-start:0}.process-step:nth-child(2){border-inline-end:0}.journal-teaser>.wrap{grid-template-columns:.65fr 1.4fr;gap:25px}.footer-grid{grid-template-columns:1.5fr 1fr}.footer-aside{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;align-items:center}.round-cta{width:130px;height:130px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-mark{display:none}.contact-info>a{display:inline-flex;margin-inline-end:25px}.contact-info>.text-link{display:flex;width:max-content}.detail-layout{gap:35px}.detail-copy h2{font-size:40px}.detail-copy p{font-size:13px}.about-story{gap:35px}.project-overview{gap:35px;grid-template-columns:1fr 1.8fr}}
@media(max-width:650px){:root{--gutter:23px}body{font-size:14px}.header-inner{min-height:78px;padding-block:12px;gap:12px}.brand{gap:10px}.brand img{width:39px}.brand-name{font-size:19px}.brand-name small{font-size:8px}.header-actions{gap:9px}.header-actions .icon-button{width:35px;height:35px;font-size:20px}.language{font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:95px;min-height:0;gap:35px}.hero .kicker{font-size:11px;margin-bottom:23px}.hero h1{font-size:clamp(49px,11.8vw,73px);line-height:1.2}.hero-copy>p{font-size:14px;margin-top:18px;max-width:420px;line-height:1.9}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{font-size:13px;min-height:52px;gap:20px;padding:12px 18px}.quiet-link{font-size:11px}.hero-composition{height:400px;max-width:420px;width:100%;margin:10px auto 0}.hero-art-main{left:12%;top:6%;width:58%}.hero-art-back{left:43%;top:0;width:52%}.hero-art-side{left:41%;top:23%;width:50%}.studio-stamp{bottom:0;left:0}.composition-label{right:-3%;bottom:3%}.orbit{width:95%;left:0;top:0}.hero-bottom{bottom:20px;inset-inline:var(--gutter);font-size:10px;gap:10px;padding-top:14px}.hero-bottom>span:first-child{display:none}.hero-bottom .number{font-size:10px}.statement-strip{padding-block:16px}.marquee-track>span{gap:30px;padding-inline-end:30px;font-size:32px}.marquee-track .tactic-symbol{font-size:24px}.services-section{padding-block:70px}.section-heading{padding-bottom:35px}.heading-row{display:block}.heading-row>div:last-child,.heading-row>p{max-width:100%;margin-top:25px}.heading-row p{font-size:13px}.heading-row .text-link{font-size:13px;margin-top:10px}.kicker{font-size:11px;margin-bottom:18px}h2{font-size:42px}.service-panel{position:relative;top:auto;display:flex;flex-direction:column;min-height:0;margin-top:22px;border:1px solid #13203425;box-shadow:none}.service-body{padding:28px 24px;width:100%}.service-body h3{font-size:43px}.service-body>p{margin-top:15px}.service-links{margin-top:13px}.service-links .text-link{font-size:12px;padding:11px 0}.service-art{min-height:0;height:275px;width:100%}.service-art img{object-position:center}.art-index{font-size:65px}.numbers-section{padding-block:65px}.numbers-heading{gap:20px}.numbers-heading h2{font-size:42px}.numbers-heading p{font-size:13px;max-width:310px}.numbers-heading .kicker{margin-bottom:0}.numbers-grid{grid-template-columns:1fr 1fr;margin-top:30px;row-gap:32px;padding-top:25px}.stat{padding-inline:22px}.stat:first-child,.stat:nth-child(3){padding-inline-start:0}.stat:nth-child(2){border-inline-end:0}.stat-number{font-size:70px}.stat h3{font-size:17px;margin-top:8px}.work-section{padding-block:70px 50px}.work-track{gap:18px}.work-track .work-card{flex-basis:83%}.work-caption{padding-top:17px;gap:12px}.work-caption h3{font-size:30px}.work-caption span{font-size:9px}.gallery-toolbar{padding-top:28px}.gallery-hint{font-size:9px}.gallery-status{font-size:12px}.gallery-controls{gap:8px}.gallery-controls .icon-button{width:40px;height:40px}.process-section{padding-block:60px 75px}.process-grid{gap:35px 0}.process-step{padding:22px 14px 0}.process-step h3{font-size:24px}.process-step p{font-size:12px}.step-mark{font-size:42px;margin:20px 0}.journal-teaser{padding-block:65px}.journal-teaser>.wrap{display:flex;flex-direction:column;align-items:flex-start;gap:35px}.journal-asterisk{font-size:95px}.journal-teaser h2{font-size:40px}.journal-teaser p{font-size:13px}.site-footer{padding-top:65px}.footer-top{gap:24px;padding-bottom:35px}.footer-top h2{font-size:42px}.round-cta{width:74px;height:74px;align-self:flex-end;margin-bottom:8px}.round-cta .arrow{font-size:39px}.footer-grid{grid-template-columns:1fr;gap:30px;padding-top:35px}.footer-email{font-size:20px}.footer-grid nav{grid-template-columns:repeat(3,1fr);gap:15px;font-size:12px}.footer-aside{grid-column:auto;gap:20px}.footer-wordmark{font-size:21vw;line-height:1.3;margin-top:30px}.footer-wordmark span{font-size:9px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-bottom:70px}.footer-bottom>:nth-child(even){text-align:end}.floating-contact{padding:10px;inset-inline-end:14px;bottom:15px}.floating-contact span{display:none}.page-intro{padding-top:48px;padding-bottom:45px}.page-intro h1{font-size:clamp(43px,10.5vw,63px)}.page-intro>p{font-size:14px;margin-top:20px}.services-page{padding-top:25px}.detail-layout{display:flex;flex-direction:column;padding-block:10px 45px;gap:40px}.detail-art{max-height:370px;width:100%}.detail-art img{height:100%;max-height:370px;object-fit:cover}.detail-copy h2{font-size:42px}.deliverables{margin-top:25px}.deliverables li{font-size:14px}.portfolio-section{padding-bottom:70px}.filters{gap:8px;margin-bottom:30px}.filters button{font-size:11px;padding:9px 15px}.portfolio-grid{grid-template-columns:1fr;gap:40px}.portfolio-grid .work-card:nth-child(even){margin-top:0}.project-overview{display:flex;flex-direction:column;gap:20px}.project-overview dl{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.project-overview dl>div{padding-block:15px}.project-overview dl>div:last-child{grid-column:1/-1}.project-overview dd{font-size:13px}.project-poster{padding:18px;width:100%}.next-project{align-items:flex-start;flex-direction:column;gap:15px}.next-project .text-link{font-size:31px}.about-story{display:flex;flex-direction:column;gap:40px;padding-bottom:65px}.about-story>div:first-child{width:100%;max-width:360px;align-self:flex-start}.about-story p{font-size:14px}.journal-empty{padding-top:20px;padding-bottom:65px}.journal-empty h2{font-size:30px}.journal-empty p{font-size:14px}.contact-layout{padding-bottom:65px}.contact-info h2{font-size:38px}.contact-info>a{font-size:14px}.contact-info>.text-link{font-size:13px;margin-top:20px}form{padding:25px 20px}.form-result pre{font-size:12px;padding:15px}.prose{padding-bottom:60px}.prose h2{font-size:30px}.prose p{font-size:14px}html[lang=en] .hero h1{font-size:clamp(43px,11vw,67px);line-height:1.04}html[lang=en] h2{font-size:37px}html[lang=en] .brand-name{font-size:12px}html[lang=en] .brand-name small{font-size:7px}html[lang=en] .footer-top h2{font-size:34px}html[lang=en] .service-body h3{font-size:35px}html[lang=en] .process-step h3{font-size:23px}html[lang=en] .work-caption h3{font-size:27px}}
@media(max-width:370px){:root{--gutter:18px}.brand-name{font-size:16px}.brand-name small{font-size:7px}.header-actions{gap:7px}.hero-composition{height:345px}.hero-actions{gap:10px}.quiet-link{font-size:10px}.hero h1{font-size:46px}.footer-top h2{font-size:37px}.round-cta{width:64px;height:64px}.footer-email{font-size:18px}.work-caption h3{font-size:27px}html[lang=en] .brand-name{font-size:10px}html[lang=en] .hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.service-panel{position:relative;top:auto}.number-reel{transform:translateY(calc(var(--count)*-1.12em))!important}}
@media print{.site-header,.floating-contact,.hero-composition,.statement-strip,.menu-dialog{display:none}.service-panel{position:relative;top:auto}body{background:#fff;color:#000}p{color:#333}a{color:#000}.wrap{padding:20px}.hero{min-height:0;display:block}.hero-bottom{position:static}.site-footer{page-break-before:always}}
.floating-contact img{filter:brightness(0)}html[data-theme=light] .floating-contact img{filter:brightness(0) invert(1)}

.hero{overflow:clip}

@media(max-width:900px){
 .capabilities-section{padding-block:80px 90px}
 .capabilities-heading{padding-bottom:38px}
 .capabilities-heading .heading-row{display:block}
 .capabilities-heading .heading-row p{max-width:520px;margin-top:22px}
 .capability-deck{height:auto;flex-direction:column;gap:10px;direction:inherit}
 .capability-card{flex:none;width:100%;height:92px;border-radius:14px;transition:height 520ms var(--ease)}
 .capability-card.is-active{height:390px}
 .capability-card>img{object-position:center 42%}
 .capability-index{top:20px;left:20px}
 .capability-short{top:28px;inset-inline-start:58px;font-size:27px;max-width:calc(100% - 118px)}
 html[lang=en] .capability-short{font-size:20px}
 .capability-card.is-active .capability-short{opacity:1;transform:none}
 .capability-plus{top:20px;right:20px;opacity:1;transform:rotate(30deg)}
 .capability-card.is-active .capability-plus{transform:rotate(0)}
 .capability-copy{inset:auto 24px 26px;max-width:620px}
 .capability-copy h3{font-size:37px;margin-bottom:12px}
 .capability-copy p{font-size:13px;line-height:1.75;max-width:540px}
 .capability-link{margin-top:14px}
 .capability-mobile-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px}
 .capability-mobile-controls .icon-button{border-color:#13203455;color:var(--paper-ink)}
}

@media(max-width:650px){
 .capabilities-section{padding-block:66px 72px}
 .capabilities-heading{padding-bottom:30px}
 .capabilities-heading h2{font-size:42px}
 .capabilities-heading p{font-size:13px}
 .capability-card{height:78px}
 .capability-card.is-active{height:355px}
 .capability-index{top:17px;left:17px}
 .capability-short{top:23px;inset-inline-start:52px;font-size:24px;max-width:calc(100% - 104px)}
 html[lang=en] .capability-short{font-size:18px}
 .capability-plus{top:15px;right:15px;width:36px;height:36px}
 .capability-copy{inset:auto 20px 22px}
 .capability-copy h3{font-size:32px}
 .capability-copy p{font-size:12px}
}

html[data-motion=paused] .capability-card,html[data-motion=paused] .capability-card>img,html[data-motion=paused] .capability-card:after,html[data-motion=paused] .capability-copy,html[data-motion=paused] .capability-short,html[data-motion=paused] .capability-plus{transition:none!important}

@media(prefers-reduced-motion:reduce){.capability-card,.capability-card>img,.capability-card:after,.capability-copy,.capability-short,.capability-plus{transition:none!important}}

/* Journal and editorial cards */
.insights-section{padding-block:100px 110px;background:var(--surface);overflow:hidden}.insights-heading{padding-bottom:42px}.insight-home-grid{display:grid;grid-template-columns:1.22fr repeat(3,1fr);gap:14px}.insight-card{min-width:0;background:var(--bg);border:1px solid var(--border);overflow:hidden;opacity:0;transform:translateY(20px)}.insight-card.in-view{animation:insight-in 650ms var(--ease) calc(var(--card-index)*75ms) forwards}.insight-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#111b2b}.insight-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#05080eb8);pointer-events:none}.insight-image img{width:100%;height:100%;object-fit:cover;transition:transform 550ms var(--ease),filter 220ms var(--ease);filter:saturate(.9)}.insight-arrow{position:absolute;z-index:2;inset-inline-end:15px;bottom:15px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffffaa;border-radius:50%;color:#fff;font:18px Arial,sans-serif;transition:transform 180ms var(--ease),background 180ms var(--ease),color 180ms var(--ease)}.insight-card:hover{border-color:color-mix(in srgb,var(--accent) 65%,transparent)}.insight-card:hover .insight-image img{transform:scale(1.045);filter:saturate(1)}.insight-card:hover .insight-arrow{transform:rotate(-12deg);background:var(--accent);border-color:var(--accent);color:#0a101b}.insight-card-body{padding:19px 18px 18px}.insight-meta,.insight-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted)}.insight-meta>span{color:var(--bg);background:var(--accent);border-radius:30px;padding:4px 11px;font-weight:700}.insight-meta time{font-family:var(--latin);font-variant-numeric:tabular-nums}.insight-card h3{font-size:clamp(20px,1.55vw,27px);line-height:1.35;margin-top:17px}.insight-card h3 a{background:linear-gradient(currentColor,currentColor) no-repeat 100% 100%/0 1px;transition:background-size 250ms var(--ease)}html[lang=en] .insight-card h3 a{background-position:0 100%}.insight-card h3 a:hover,.insight-card h3 a:focus-visible{background-size:100% 1px}.insight-card-body>p{font-size:12px;line-height:1.8;margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.insight-card-foot{margin-top:19px;padding-top:14px;border-top:1px solid var(--border)}.insight-card-foot .text-link{font-size:10px}.insight-card-featured .insight-image{aspect-ratio:16/11}.insight-card-featured h3{font-size:clamp(23px,1.9vw,32px)}
.journal-index{padding-bottom:110px}.journal-index-head{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--border);padding:22px 0 35px}.journal-index-head p,.journal-index-head span{font-size:11px;color:var(--muted)}.journal-index-head span{font-family:var(--latin);direction:ltr}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.journal-grid .insight-card-featured{grid-column:span 2}.journal-grid .insight-card-featured .insight-image{aspect-ratio:2/1}.journal-grid .insight-card-featured .insight-card-body{padding:25px}.journal-grid .insight-card-featured h3{max-width:760px}.journal-grid .insight-card-featured .insight-card-body>p{max-width:760px;-webkit-line-clamp:2}
.article-hero{padding-top:82px}.article-hero .kicker{margin-bottom:28px}.article-hero h1{max-width:1100px;font-size:clamp(54px,6.3vw,96px);line-height:1.15}.article-hero>p{max-width:790px;font-size:17px;line-height:2;margin-top:28px}.article-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:27px;color:var(--muted);font-size:11px}.article-meta time{font-family:var(--latin)}.article-meta>*+*:before{content:'✳';color:var(--accent);margin-inline-end:24px}.article-cover{position:relative;margin-top:50px;aspect-ratio:16/7;overflow:hidden;background:var(--surface)}.article-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#060b14b8)}.article-cover img{width:100%;height:100%;object-fit:cover;animation:article-cover-in 900ms var(--ease) both}.article-cover>span{position:absolute;z-index:2;inset-inline-end:28px;bottom:15px;font:700 clamp(70px,10vw,150px)/1 var(--latin);color:#fff3;direction:ltr}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(55px,8vw,125px);align-items:start;padding-block:85px}.article-body{max-width:780px}.article-body section{position:relative;padding:0 0 62px;border-bottom:1px solid var(--border);margin-bottom:58px}.article-section-number{display:block;color:var(--accent);font:11px var(--latin);margin-bottom:14px}.article-body h2{font-size:clamp(34px,4vw,55px);line-height:1.3}.article-body p{font-size:16px;line-height:2.15;margin-top:24px}.article-body ul{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.article-body li{position:relative;padding:15px;padding-inline-start:40px;background:var(--surface);font-size:13px}.article-body li:before{content:'✳';position:absolute;inset-inline-start:15px;color:var(--accent)}.article-aside{position:sticky;top:135px;display:grid;gap:18px}.article-aside>div{padding:24px;background:var(--surface);border-top:3px solid var(--accent)}.article-aside>div>span{font:10px var(--latin);color:var(--muted)}.article-aside p{font-size:14px;line-height:1.9;margin-top:14px;color:var(--text)}.article-aside ol{padding:0;margin:15px 0 0;list-style-position:inside}.article-aside li{font-size:12px;line-height:1.65;padding:9px 0;border-bottom:1px solid var(--border)}.article-aside li::marker{color:var(--accent);font-family:var(--latin)}.article-aside li a:hover,.article-aside li a:focus-visible{color:var(--accent)}.article-aside>.button{width:100%;justify-content:space-between}.next-article{border-top:1px solid var(--border);padding-block:35px 105px;display:flex;align-items:center;justify-content:space-between;gap:35px}.next-article>span{font:10px var(--latin);color:var(--muted)}.next-article .text-link{max-width:760px;font-family:var(--display);font-size:clamp(24px,3vw,42px);line-height:1.35}
@keyframes insight-in{to{opacity:1;transform:none}}@keyframes article-cover-in{from{opacity:.45;transform:scale(1.04)}to{opacity:1;transform:none}}

@media(max-width:1100px){.insight-home-grid{grid-template-columns:1.15fr 1fr 1fr}.insight-home-grid .insight-card:last-child{display:none}.journal-grid{grid-template-columns:1fr 1fr}.journal-grid .insight-card-featured{grid-column:1/-1}.article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:50px}}
@media(max-width:750px){.insights-section{padding-block:70px 75px}.insight-home-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.insight-home-grid::-webkit-scrollbar{display:none}.insight-home-grid .insight-card,.insight-home-grid .insight-card:last-child{display:block;flex:0 0 min(84vw,340px);scroll-snap-align:start}.insight-card-featured .insight-image{aspect-ratio:16/10}.insight-card h3,.insight-card-featured h3{font-size:24px}.journal-index{padding-bottom:75px}.journal-index-head{align-items:flex-start;flex-direction:column;gap:7px;padding-bottom:28px}.journal-grid{grid-template-columns:1fr;gap:18px}.journal-grid .insight-card-featured{grid-column:auto}.journal-grid .insight-card-featured .insight-image{aspect-ratio:16/10}.journal-grid .insight-card-featured .insight-card-body{padding:19px 18px 18px}.journal-grid .insight-card-featured .insight-card-body>p{-webkit-line-clamp:3}.article-hero{padding-top:50px}.article-hero h1{font-size:clamp(44px,12vw,64px)}.article-hero>p{font-size:14px;line-height:1.9;margin-top:20px}.article-meta{gap:12px 18px;margin-top:20px}.article-meta>*+*:before{margin-inline-end:18px}.article-cover{margin-top:34px;aspect-ratio:4/3}.article-cover>span{font-size:80px;inset-inline-end:18px;bottom:12px}.article-layout{display:flex;flex-direction:column;padding-block:55px;gap:20px}.article-body{max-width:none;min-width:0;width:100%}.article-body section{padding-bottom:43px;margin-bottom:40px}.article-body h2{font-size:35px}.article-body p{font-size:14px;line-height:2}.article-body ul{grid-template-columns:1fr}.article-aside{position:static;width:100%;order:-1}.article-aside>div:nth-child(2){display:none}.next-article{align-items:flex-start;flex-direction:column;padding-block:28px 75px}.next-article .text-link{font-size:28px}}
@media(max-width:750px){html[lang=en] .article-hero h1{font-size:clamp(38px,11vw,44px);text-wrap:wrap;overflow-wrap:normal}html[lang=en] .article-body h2{text-wrap:wrap;overflow-wrap:anywhere;font-size:35px}}
html[data-motion=paused] .insight-card{opacity:1;transform:none;animation:none}html[data-motion=paused] .article-cover img{animation:none}@media(prefers-reduced-motion:reduce){.insight-card{opacity:1;transform:none}.insight-card.in-view,.article-cover img{animation:none!important}}

/* Why Tactic and care principles */
.why-section{padding-block:100px 110px;background:#e1bb64;color:#0a101b;overflow:hidden}.why-section .kicker{color:#0a101b99}.why-heading{display:grid;grid-template-columns:1.45fr 1fr;gap:35px 70px;align-items:end}.why-heading .kicker{grid-column:1/-1;margin-bottom:0}.why-heading h2{font-size:clamp(47px,5vw,76px);line-height:1.15}.why-heading>p{color:#0a101bbf;font-size:15px;line-height:1.95;max-width:580px;padding-bottom:7px}.reasons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:50px}.reason-card{position:relative;min-height:315px;padding:23px 22px 25px;border:1px solid #0a101b66;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);transition:transform 220ms var(--ease),background 220ms var(--ease),color 220ms var(--ease);opacity:0;transform:translateY(18px)}.reason-card.in-view{animation:reason-in 600ms var(--ease) calc(var(--reason-index)*80ms) forwards}.reason-card:after{content:'';position:absolute;inset:10px 10px auto auto;width:25px;height:1px;background:currentColor;opacity:.35;transform:rotate(45deg);transform-origin:right}.reason-card-top{display:flex;align-items:center;justify-content:space-between}.reason-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:9px;background:#0a101b;color:#e1bb64;font:27px Arial,sans-serif;transition:transform 220ms var(--ease),background 220ms var(--ease)}.reason-card .number{font:11px var(--latin);opacity:.55}.reason-card h3{font-size:clamp(24px,2vw,33px);line-height:1.3;margin-top:27px}.reason-card p{color:inherit;opacity:.74;font-size:13px;line-height:1.9;margin-top:18px}.reason-card:hover{background:#0a101b;color:#f6f4ec;transform:translateY(-7px)}.reason-card:hover .reason-mark{background:#e1bb64;color:#0a101b;transform:rotate(-9deg)}
.care-section{padding-block:105px 80px;background:var(--paper);color:var(--paper-ink);overflow:hidden}.care-section .kicker{color:var(--paper-muted)}.care-heading h2{font-size:clamp(51px,5.8vw,88px);line-height:1.16;max-width:1100px}.care-track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:var(--gutter);padding:48px var(--gutter) 8px;cursor:grab;touch-action:pan-x pan-y}.care-track::-webkit-scrollbar{display:none}.care-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.care-card{position:relative;flex:0 0 clamp(360px,31vw,470px);height:315px;padding:26px 28px;display:flex;flex-direction:column;scroll-snap-align:start;border-radius:22px 22px 22px 2px;background:linear-gradient(135deg,#0a101b,#152943);color:#f6f4ec;overflow:hidden;opacity:0;transform:translateY(18px);transition:transform 220ms var(--ease),box-shadow 220ms var(--ease)}.care-card.in-view{animation:care-in 600ms var(--ease) calc(var(--care-index)*75ms) forwards}.care-card:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #e1bb6438;border-radius:50%;inset:auto -62px -78px auto}.care-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #13203426}.care-card-top{display:flex;align-items:center;justify-content:space-between}.care-symbol{width:48px;height:48px;display:grid;place-items:center;background:#e1bb64;color:#0a101b;border-radius:8px;font:25px Arial,sans-serif}.care-card .number{font:11px var(--latin);color:#ffffff8f}.care-card h3{font-size:clamp(27px,2.25vw,38px);margin-top:27px}.care-card>p{color:#f6f4ecbd;font-size:14px;line-height:1.95;margin-top:13px;max-width:390px}.care-area{margin-top:auto;font:700 11px var(--latin);letter-spacing:.04em;color:#e1bb64}.care-controls{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:26px;padding-top:36px}.care-progress{display:flex;gap:7px;max-width:480px}.care-progress button{flex:1;height:36px;padding:0;border:0;background:transparent;position:relative}.care-progress button:before{content:'';position:absolute;inset:17px 0 auto;height:2px;background:#1320342b}.care-progress button span{position:absolute;inset:17px auto auto 0;width:0;height:2px;background:#132034;transition:width 350ms var(--ease)}.care-progress button.is-active span{width:100%}.care-status{font:12px var(--latin);direction:ltr;color:var(--paper-muted)}.care-controls>div:last-child{display:flex;gap:9px}.care-controls .icon-button{color:var(--paper-ink);border-color:#13203455}.care-controls .icon-button:not(:disabled):hover{background:var(--paper-ink);color:var(--paper)}
@keyframes reason-in{to{opacity:1;transform:none}}@keyframes care-in{to{opacity:1;transform:none}}
@media(max-width:1050px){.why-heading{grid-template-columns:1fr}.why-heading>p{padding:0}.reasons-grid{grid-template-columns:1fr 1fr}.reason-card{min-height:275px}.care-card{flex-basis:45vw}}
@media(max-width:650px){.why-section{padding-block:70px 75px}.why-heading{gap:22px}.why-heading h2{font-size:43px}.why-heading>p{font-size:13px}.reasons-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);margin-top:35px}.reasons-grid::-webkit-scrollbar{display:none}.reason-card{flex:0 0 min(83vw,330px);min-height:310px;scroll-snap-align:start}.care-section{padding-block:70px 58px}.care-heading h2{font-size:43px}.care-track{padding-top:34px;gap:12px}.care-card{flex-basis:min(86vw,340px);height:340px;padding:24px}.care-card h3{font-size:31px}.care-card>p{font-size:13px}.care-controls{grid-template-columns:1fr auto;gap:15px;padding-top:25px}.care-progress{grid-column:1/-1;max-width:none}.care-status{display:none}}
html[data-motion=paused] .reason-card,html[data-motion=paused] .care-card{opacity:1;transform:none;animation:none}@media(prefers-reduced-motion:reduce){.reason-card,.care-card{opacity:1;transform:none}.reason-card.in-view,.care-card.in-view{animation:none!important}}

/* V5 finishing system: kinetic editorial motion, patterned surfaces and proof-led footer */
:root{
 --pattern-waves:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='180' viewBox='0 0 360 180'%3E%3Cg fill='none' stroke='%23e1bb64' stroke-opacity='.22'%3E%3Cpath d='M-40 42C35 7 77 79 151 44s119-12 249 22'/%3E%3Cpath d='M-55 102C32 58 76 145 172 99s139-12 245 17'/%3E%3Cpath d='M-20 154c73-37 122 14 198-16s128-12 224 10'/%3E%3C/g%3E%3C/svg%3E");
 --pattern-dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='%23e1bb64' fill-opacity='.22'%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Ccircle cx='44' cy='28' r='1'/%3E%3Ccircle cx='18' cy='58' r='.8'/%3E%3C/g%3E%3C/svg%3E");
 --pattern-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23132034' stroke-opacity='.18'%3E%3Cpath d='M0 24h96M24 0v96'/%3E%3Ccircle cx='24' cy='24' r='5'/%3E%3C/g%3E%3C/svg%3E");
 --pattern-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg stroke='%23132034' stroke-opacity='.2'%3E%3Cpath d='M14 8v12M8 14h12M68 58v18M59 67h18'/%3E%3C/g%3E%3C/svg%3E");
}
.ui-icon{width:24px;height:24px;object-fit:contain;flex:0 0 auto}
.js .reveal{opacity:0;transform:translate3d(0,28px,0)}
.js .reveal.in-view{animation:reveal-up 720ms var(--ease) var(--reveal-delay,0ms) both}
@keyframes reveal-up{to{opacity:1;transform:none}}

/* Header movement */
.site-header{background-color:color-mix(in srgb,var(--header) 88%,transparent);backdrop-filter:blur(14px);overflow:clip;transition:box-shadow 180ms var(--ease),background-color 180ms var(--ease)}
.site-header:before{content:'';position:absolute;inset:0;background-image:var(--pattern-dots);opacity:.18;pointer-events:none}
.site-header.is-scrolled{box-shadow:0 14px 35px #0000001f;background-color:color-mix(in srgb,var(--header) 96%,transparent)}
.header-inner{position:relative;z-index:2}
.header-signal{position:absolute;z-index:3;inset:auto 0 0;height:1px;overflow:hidden;background:var(--border)}
.header-signal span{display:block;width:min(220px,24vw);height:100%;background:var(--accent);transform:translate3d(-110%,0,0);animation:header-signal 8s linear infinite}
html[dir=rtl] .header-signal span{animation-direction:reverse}
.brand-emblem{position:relative;display:grid;place-items:center;flex:0 0 auto}
.brand-emblem i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);inset:0 auto auto 0;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);animation:brand-pulse 2.6s ease-in-out infinite}
@keyframes header-signal{to{transform:translate3d(calc(100vw + 110%),0,0)}}
@keyframes brand-pulse{50%{transform:scale(1.45);opacity:.45}}

/* Three-story hero */
.hero-slider{position:relative;isolation:isolate;overflow:hidden;min-height:min(880px,calc(100svh - 96px));background-color:var(--bg);--pointer-x:0;--pointer-y:0}
.hero-slider:before{content:'';position:absolute;z-index:-1;width:125%;height:125%;inset:-12%;background-image:var(--pattern-waves);background-size:420px 210px;opacity:.42;animation:surface-drift 18s ease-in-out infinite alternate;pointer-events:none}
.hero-slider:after{content:'';position:absolute;z-index:-1;width:44vw;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;inset:7% auto auto -12vw;box-shadow:0 0 0 9vw color-mix(in srgb,var(--accent) 2%,transparent),0 0 0 18vw color-mix(in srgb,var(--accent) 2%,transparent);pointer-events:none}
.hero-particles{position:absolute;z-index:0;inset:0;pointer-events:none}
.hero-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.28;animation:particle-float 8s ease-in-out infinite}
.hero-particles i:nth-child(1){inset:16% auto auto 12%;animation-delay:-1s}.hero-particles i:nth-child(2){inset:28% 18% auto auto;width:3px;height:3px;animation-delay:-4s}.hero-particles i:nth-child(3){inset:auto auto 22% 38%;width:7px;height:7px;animation-delay:-6s}.hero-particles i:nth-child(4){inset:11% 43% auto auto;animation-delay:-2s}.hero-particles i:nth-child(5){inset:auto 9% 33% auto;width:4px;height:4px;animation-delay:-5s}.hero-particles i:nth-child(6){inset:58% auto auto 4%;width:3px;height:3px;animation-delay:-3s}
.hero-slides{position:relative;min-height:min(880px,calc(100svh - 96px))}
.hero-slide{position:absolute;inset:0;z-index:1}
.hero-slide.is-active{z-index:3}.hero-slide.is-leaving{z-index:2;pointer-events:none}
.hero-slide-inner{min-height:min(880px,calc(100svh - 96px));display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(28px,4vw,78px);padding-top:72px;padding-bottom:150px}
.hero-slider .hero-copy{position:relative;z-index:4;min-width:0}
.hero-eyebrow,.hero-slider .hero-slide-title,.hero-slider .hero-copy>p,.hero-slider .hero-actions{opacity:0}
.hero-slider .hero-slide-title{font-size:clamp(61px,6.2vw,104px);line-height:1.12;overflow:visible}
.hero-title-line{display:block;transform-origin:center bottom}
.hero-slider .hero-copy>p{max-width:540px;margin-top:28px;font-size:16px;line-height:2}
.hero-slider .hero-actions{margin-top:34px}
.hero-slide.is-active .hero-eyebrow{animation:hero-copy-in 620ms 80ms var(--ease) both}
.hero-slide.is-active .hero-slide-title{animation:hero-copy-in 720ms 170ms var(--ease) both}
.hero-slide.is-active .hero-title-line:first-child{animation:hero-line-in 720ms 180ms var(--ease) both}
.hero-slide.is-active .hero-title-line:last-child{animation:hero-line-in 760ms 280ms var(--ease) both}
.hero-slide.is-active .hero-copy>p{animation:hero-copy-in 650ms 390ms var(--ease) both}
.hero-slide.is-active .hero-actions{animation:hero-copy-in 650ms 490ms var(--ease) both}
.hero-slide.is-leaving .hero-copy{animation:hero-copy-out 480ms var(--ease) both}
.hero-visual{position:relative;display:block;height:550px;direction:ltr;isolation:isolate;transform:translate3d(calc(var(--pointer-x)*5px),calc(var(--pointer-y)*5px),0);transition:transform 180ms var(--ease)}
.hero-media{position:absolute;display:block;overflow:hidden;background:#132034;box-shadow:0 28px 55px #0006;opacity:0;transform:translate3d(0,24px,0) rotate(var(--media-rotate,0deg)) scale(.96)}
.hero-media img{width:100%;height:100%;object-fit:cover;transition:transform 180ms var(--ease)}
.hero-visual:hover .hero-media img{transform:scale(1.025)}
.hero-slide.is-active .hero-media{animation:hero-media-in 820ms var(--ease) both}.hero-slide.is-active .hero-media-1{animation-delay:170ms}.hero-slide.is-active .hero-media-2{animation-delay:290ms}.hero-slide.is-active .hero-media-3{animation-delay:410ms}
.hero-slide.is-leaving .hero-media{animation:hero-media-out 520ms var(--ease) both}
.hero-orbit{position:absolute;z-index:-1;width:96%;aspect-ratio:1;inset:1% auto auto 1%;border:1px solid var(--border);border-radius:50%;animation:orbit 58s linear infinite}
.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;border-radius:50%;background:var(--accent)}.hero-orbit:before{width:10px;height:10px;inset:12% auto auto 15%}.hero-orbit:after{width:5px;height:5px;inset:auto 17% 9% auto}
.hero-visual-collage .hero-media-1{width:52%;height:77%;inset:9% auto auto 11%;--media-rotate:-6deg;z-index:3}.hero-visual-collage .hero-media-2{width:49%;height:70%;inset:2% 5% auto auto;--media-rotate:10deg;z-index:1}.hero-visual-collage .hero-media-3{width:43%;height:62%;inset:auto 8% 3% auto;--media-rotate:7deg;z-index:2}
.hero-visual-identity .hero-media-1{width:62%;height:86%;inset:6% auto auto 18%;--media-rotate:-3deg;z-index:2;clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%)}.hero-visual-identity .hero-media-2{width:40%;height:56%;inset:auto 0 0 auto;--media-rotate:8deg;z-index:3}.hero-visual-identity .hero-orbit{width:82%;inset:8% auto auto 9%;border-radius:10% 50% 10% 50%}
.hero-visual-campaign .hero-media-1{width:72%;height:68%;inset:5% auto auto 2%;--media-rotate:2deg;z-index:2;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%)}.hero-visual-campaign .hero-media-2{width:48%;height:65%;inset:auto 0 3% auto;--media-rotate:-7deg;z-index:3}.hero-visual-campaign .hero-orbit{width:76%;inset:14% 8% auto auto;border-radius:0;transform:rotate(16deg)}
.hero-visual-stamp{position:absolute;z-index:5;inset:auto auto 5% 0;display:flex;align-items:center;gap:12px;background:var(--accent);color:#0a101b;padding:15px 19px;transform:rotate(-7deg);font-size:13px;font-weight:700;box-shadow:0 12px 25px #0004;opacity:0}.hero-visual-stamp b{font:30px Arial,sans-serif}.hero-visual-stamp small{display:block;font:8px var(--latin);margin-top:5px}.hero-slide.is-active .hero-visual-stamp{animation:stamp-in 620ms 540ms var(--ease) both}
.hero-slide-index{position:absolute;z-index:0;inset:auto 2% -1% auto;font:700 150px/1 var(--latin);color:color-mix(in srgb,var(--text) 7%,transparent);direction:ltr}
.hero-controls{position:absolute;z-index:9;inset:auto 0 68px;display:flex;align-items:center;justify-content:flex-start;gap:13px;pointer-events:none}.hero-controls>*{pointer-events:auto}.hero-controls .icon-button{width:40px;height:40px}.hero-dots{display:flex;align-items:center;gap:6px}.hero-dot{position:relative;width:44px;height:40px;padding:0;border:0;background:none}.hero-dot:before{content:'';position:absolute;inset:19px 0 auto;height:2px;background:var(--border)}.hero-dot span{position:absolute;inset:19px auto auto 0;width:0;height:2px;background:var(--accent);transition:width 180ms var(--ease)}.hero-dot.is-active span{width:100%;animation:hero-dot-progress 7s linear both}.hero-status{font:12px var(--latin);direction:ltr;margin-inline:5px;color:var(--muted)}
.hero-slider .hero-bottom{z-index:8;inset:auto 0 19px;width:min(1536px,100%)}
@keyframes surface-drift{to{transform:translate3d(4%,2%,0) rotate(.5deg)}}
@keyframes particle-float{50%{transform:translate3d(0,-18px,0);opacity:.75}}
@keyframes hero-copy-in{from{opacity:0;transform:translate3d(0,22px,0) rotate(.7deg)}to{opacity:1;transform:none}}
@keyframes hero-line-in{from{opacity:0;transform:translate3d(0,32px,0) rotate(1.5deg)}to{opacity:1;transform:none}}
@keyframes hero-copy-out{to{opacity:0;transform:translate3d(0,-20px,0) rotate(-.7deg)}}
@keyframes hero-media-in{to{opacity:1;transform:translate3d(0,0,0) rotate(var(--media-rotate,0deg)) scale(1)}}
@keyframes hero-media-out{to{opacity:0;transform:translate3d(0,-24px,0) rotate(calc(var(--media-rotate,0deg) - 2deg)) scale(.98)}}
@keyframes stamp-in{from{opacity:0;transform:translate3d(-18px,20px,0) rotate(-13deg)}to{opacity:1;transform:rotate(-7deg)}}
@keyframes hero-dot-progress{from{width:0}to{width:100%}}

/* Client logo rail */
.client-rail{position:relative;isolation:isolate;padding-block:70px 64px;background:var(--surface);border-bottom:1px solid var(--border);overflow:hidden}
.client-rail:before{content:'';position:absolute;z-index:-1;inset:-30%;background-image:var(--pattern-dots);opacity:.34;animation:surface-drift 24s ease-in-out infinite alternate}
.client-rail-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:35px}.client-rail-kicker{font:10px var(--latin);color:var(--accent)}.client-rail-heading h2{font-size:clamp(29px,3vw,49px);margin-top:8px}.client-rail-heading p{max-width:480px;font-size:11px;line-height:1.8}
.client-rail-window{overflow:hidden;border-block:1px solid var(--border);direction:ltr}.client-rail-track{display:flex;width:max-content;direction:ltr;animation:client-marquee 36s linear infinite}.client-rail:hover .client-rail-track{animation-play-state:paused}.client-logo-set{display:flex}.client-wordmark{width:230px;min-height:114px;padding:22px 26px;display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid var(--border);color:var(--text);transition:background-color 180ms var(--ease),color 180ms var(--ease)}.client-wordmark>span{font:700 22px/1.1 var(--latin)}.client-wordmark small{font-size:9px;color:var(--muted);margin-top:9px}.client-wordmark:hover{background-color:var(--accent);color:#0a101b}.client-wordmark:hover small{color:#0a101baa}
@keyframes client-marquee{to{transform:translate3d(-50%,0,0)}}

/* Patterned section surfaces */
.services-section,.capabilities-section,.numbers-section,.why-section,.care-section,.service-detail-shell,.about-expertise{position:relative;isolation:isolate;overflow:hidden}
.services-section>.wrap,.capabilities-section>.wrap,.numbers-section>.wrap,.why-section>.wrap,.care-section>*:not(:before),.service-detail-shell>.wrap,.about-expertise>.wrap{position:relative;z-index:2}
.services-pattern,.capability-pattern,.numbers-pattern,.service-detail-pattern{position:absolute;z-index:0;inset:-12%;pointer-events:none;animation:surface-drift 22s ease-in-out infinite alternate}
.services-pattern{background-image:var(--pattern-ink);opacity:.42}.capability-pattern{background-image:var(--pattern-cross);opacity:.26}.numbers-pattern{background-image:var(--pattern-cross);opacity:.42}.service-detail-pattern{background-image:var(--pattern-dots);opacity:.42}
.service-panel{background-color:color-mix(in srgb,var(--paper) 96%,transparent);background-image:var(--pattern-ink);background-size:130px 130px}.service-panel:nth-child(2){background-color:#e5e1d7}.service-panel:nth-child(3){background-color:#dbd8cf}
.service-art:after{content:'';position:absolute;inset:0;background-image:var(--pattern-dots);opacity:.28;pointer-events:none}.service-panel:hover .service-art:after{animation:surface-drift 5s ease-in-out infinite alternate}
.services-capability-catalog{padding-top:80px}
.service-detail-shell{padding-block:35px 25px;background-color:var(--bg)}

/* Business metrics */
.numbers-section{background-color:#dfbd75;padding-block:94px 104px}
.numbers-heading{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:36px 80px;align-items:end}.numbers-heading .kicker{grid-column:1/-1;margin-bottom:0}.numbers-heading h2{font-size:clamp(42px,4.6vw,70px)}.numbers-heading>div:last-child{max-width:560px}.numbers-heading p{font-size:14px}.numbers-draft-note{display:block;margin-top:15px;padding-inline-start:13px;border-inline-start:2px solid #13203475;color:#132034b3;font-size:10px;line-height:1.7}
.numbers-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:58px;padding-top:0;border-top:1px solid #13203455}.numbers-grid .stat{padding:30px 22px 6px;border-inline-end:1px solid #13203455;min-width:0}.numbers-grid .stat:first-child{padding-inline-start:0}.numbers-grid .stat:last-child{border-inline-end:0}.numbers-grid .stat-number{height:auto;min-height:1.05em;overflow:visible;display:flex;align-items:baseline;gap:3px;font-size:clamp(44px,5.2vw,79px);white-space:nowrap;line-height:1.05}.stat-number small{font-size:.23em;font-weight:700}.stat-number b{font-size:.38em}.numbers-grid .stat h3{font-size:17px;line-height:1.45;margin-top:20px}.numbers-grid .stat p{font-size:11px;line-height:1.75;margin-top:10px;color:#132034a8}

/* Patterned hover, not a flat black fill */
.why-section:before{content:'';position:absolute;z-index:0;inset:-15%;background-image:var(--pattern-cross);opacity:.32;animation:surface-drift 20s ease-in-out infinite alternate}.why-section .wrap{position:relative;z-index:1}
.reason-card:hover{background-color:#0a101b;background-image:var(--pattern-dots);background-size:70px 70px}
.care-section:before{content:'';position:absolute;z-index:0;inset:-15%;background-image:var(--pattern-waves);opacity:.25;animation:surface-drift 24s ease-in-out infinite alternate}.care-card{background-color:#0a101b;background-image:var(--pattern-dots);background-size:74px 74px}.care-card:before{content:'';position:absolute;inset:0;border:1px solid #e1bb6426;transform:translate3d(8px,8px,0);pointer-events:none}.care-card:hover{background-position:12px 7px}

/* About page sticky scroll story */
.about-scroll-story{position:relative;isolation:isolate;background-color:#080e18;overflow:clip;padding-top:105px}.about-story-pattern{position:absolute;z-index:-1;inset:-10%;background-image:var(--pattern-waves);opacity:.38;animation:surface-drift 24s ease-in-out infinite alternate}.about-scroll-heading{padding-bottom:45px}.about-scroll-heading h2{font-size:clamp(45px,5vw,77px)}
.about-scroll-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);grid-template-areas:'visual chapters';gap:clamp(55px,8vw,130px);direction:ltr;align-items:start}.about-visual-column{grid-area:visual;min-width:0;align-self:stretch}.about-chapters{grid-area:chapters;direction:rtl}html[lang=en] .about-chapters{direction:ltr}
.about-visual-sticky{position:sticky;top:132px;height:calc(100svh - 168px);min-height:510px;max-height:690px;overflow:hidden;border:1px solid var(--border);background-color:#0d1625;background-image:var(--pattern-dots);isolation:isolate}
.about-orbit{position:absolute;z-index:-1;width:76%;aspect-ratio:1;inset:12% auto auto 10%;border:1px solid #e1bb643f;border-radius:50%;transition:transform 750ms var(--ease)}.about-orbit:before,.about-orbit:after{content:'';position:absolute;border-radius:50%;background:var(--accent)}.about-orbit:before{width:8px;height:8px;inset:14% auto auto 11%}.about-orbit:after{width:5px;height:5px;inset:auto 8% 22% auto}
.about-piece{position:absolute;margin:0;overflow:hidden;box-shadow:0 24px 45px #0007;transition:transform 720ms var(--ease),opacity 520ms var(--ease)}.about-piece img{width:100%;height:100%;object-fit:cover}.about-piece-1{z-index:2;width:48%;height:62%;inset:15% auto auto 8%;transform:rotate(-8deg)}.about-piece-2{z-index:1;width:43%;height:55%;inset:8% 7% auto auto;transform:translate3d(24px,-12px,0) rotate(10deg);opacity:.18}.about-piece-3{z-index:3;width:39%;height:49%;inset:auto 12% 7% auto;transform:translate3d(32px,28px,0) rotate(8deg);opacity:.12}
.about-scroll-story[data-active='1'] .about-piece-1{transform:translate3d(-10px,10px,0) rotate(-5deg)}.about-scroll-story[data-active='1'] .about-piece-2{transform:translate3d(0,0,0) rotate(7deg);opacity:1}.about-scroll-story[data-active='2'] .about-piece-1{transform:translate3d(-18px,18px,0) rotate(-3deg)}.about-scroll-story[data-active='2'] .about-piece-2{transform:translate3d(-8px,8px,0) rotate(4deg);opacity:1}.about-scroll-story[data-active='2'] .about-piece-3{transform:translate3d(0,0,0) rotate(5deg);opacity:1}.about-scroll-story[data-active='3'] .about-piece-1{transform:translate3d(6px,5px,0) rotate(-2deg)}.about-scroll-story[data-active='3'] .about-piece-2{transform:translate3d(-16px,12px,0) rotate(2deg);opacity:1}.about-scroll-story[data-active='3'] .about-piece-3{transform:translate3d(-10px,-8px,0) rotate(2deg);opacity:1}.about-scroll-story[data-active='3'] .about-orbit{transform:rotate(32deg) scale(.92)}
.about-stamp{position:absolute;z-index:5;inset:auto auto 6% 4%;display:flex;align-items:center;gap:10px;background:var(--accent);color:#0a101b;padding:15px 18px;transform:rotate(-7deg);font:8px/1.4 var(--latin);box-shadow:0 14px 30px #0005}.about-stamp b{font:31px Arial,sans-serif}.about-progress{position:absolute;z-index:6;inset:auto 22px 20px auto;display:flex;gap:7px}.about-progress span{width:30px;height:2px;background:#ffffff38;transition:background-color 180ms var(--ease)}.about-progress span.is-active{background:var(--accent)}
.about-chapter{min-height:72svh;display:flex;flex-direction:column;justify-content:center;padding-block:70px;border-top:1px solid var(--border);opacity:.34;transform:translate3d(0,22px,0);transition:opacity 360ms var(--ease),transform 500ms var(--ease)}.about-chapter:last-child{min-height:86svh}.about-chapter.is-active{opacity:1;transform:none}.about-chapter>.number{font-size:12px;color:var(--accent)}.about-chapter-note{font:10px var(--latin);color:var(--muted);margin-top:16px}.about-chapter h3{font-size:clamp(35px,4vw,57px);line-height:1.3;margin-top:18px}.about-chapter p{font-size:15px;line-height:2;margin-top:22px;max-width:560px}.about-chapter .text-link{margin-top:26px;align-self:flex-start}
.about-expertise{padding-block:110px;background-color:var(--paper);color:var(--paper-ink)}.about-expertise:before{content:'';position:absolute;z-index:0;inset:-12%;background-image:var(--pattern-cross);opacity:.34;animation:surface-drift 22s ease-in-out infinite alternate}.about-expertise p{color:var(--paper-muted)}.about-expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.about-expertise-card{position:relative;min-height:390px;padding:25px;display:flex;flex-direction:column;border:1px solid #1320344a;background-color:#e7dfce;background-image:var(--pattern-ink);overflow:hidden;transition:transform 180ms var(--ease),background-color 180ms var(--ease)}.about-expertise-card:hover{transform:translate3d(0,-7px,0);background-color:#0a101b;color:#f6f4ec}.about-expertise-card>.number{font-size:11px;opacity:.55}.about-expertise-media{height:125px;margin:20px -5px 22px;overflow:hidden}.about-expertise-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform 180ms var(--ease),filter 180ms var(--ease)}.about-expertise-card:hover img{transform:scale(1.03);filter:saturate(1)}.about-expertise-card h3{font-size:clamp(25px,2.3vw,35px)}.about-expertise-card p{font-size:12px;line-height:1.8;margin-top:12px}.about-expertise-card:hover p{color:#f6f4ecb8}.about-expertise-arrow{margin-top:auto;align-self:flex-end;font:26px Arial,sans-serif;color:var(--accent);transition:transform 180ms var(--ease)}.about-expertise-card:hover .about-expertise-arrow{transform:translate3d(4px,-4px,0) rotate(-8deg)}

/* Full information footer */
.site-footer{position:relative;isolation:isolate;padding-top:86px;background-color:#070d17;overflow:hidden}
.site-footer:before{content:'';position:absolute;z-index:-2;inset:-10%;background-image:var(--pattern-waves);opacity:.26;animation:surface-drift 25s ease-in-out infinite alternate}.footer-atmosphere{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.footer-atmosphere span{position:absolute;border:1px solid #e1bb6421;border-radius:50%;animation:footer-orbit 18s ease-in-out infinite alternate}.footer-atmosphere span:nth-child(1){width:36vw;aspect-ratio:1;inset:19% auto auto -13%}.footer-atmosphere span:nth-child(2){width:22vw;aspect-ratio:1;inset:44% -8% auto auto;animation-delay:-7s}.footer-atmosphere span:nth-child(3){width:8px;height:8px;background:var(--accent);border:0;inset:33% auto auto 51%;animation:particle-float 7s ease-in-out infinite}
.footer-cta-panel{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px;padding:clamp(35px,5vw,72px);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background-color:#0e1828;background-image:var(--pattern-dots);overflow:hidden}.footer-cta-panel:after{content:'✳';position:absolute;inset:auto 4% -19% auto;font:260px/1 Arial,sans-serif;color:#e1bb640d;transform:rotate(-13deg)}.footer-cta-panel h2{font-size:clamp(48px,6.2vw,94px);position:relative;z-index:1}.footer-cta-panel p{max-width:580px;margin-top:20px;font-size:14px}.footer-cta-button{position:relative;z-index:2;width:170px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:var(--accent);color:#0a101b;font-weight:700;text-align:center;transition:transform 180ms var(--ease)}.footer-cta-button .arrow{font-size:42px}.footer-cta-button:hover{transform:rotate(-8deg) scale(1.02)}
.footer-contact-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--border)}.footer-contact-card{position:relative;min-width:0;padding:27px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;border-inline-end:1px solid var(--border);background-color:#101928;background-image:var(--pattern-dots);transition:transform 180ms var(--ease),background-color 180ms var(--ease)}.footer-contact-card:last-child{border-inline-end:0}.footer-contact-card:hover{background-color:#17243a;transform:translate3d(0,-4px,0)}.footer-contact-icon{width:52px;height:52px;border:1px solid #e1bb6452;border-radius:50%;display:grid;place-items:center;background:#0a101b}.footer-contact-icon .ui-icon{width:23px;height:23px;filter:brightness(0) invert(89%) sepia(27%) saturate(760%) hue-rotate(351deg) brightness(92%)}.footer-contact-card small{display:block;font-size:10px;color:var(--muted)}.footer-contact-card strong{display:block;margin-top:7px;font-size:14px;overflow-wrap:anywhere}.contact-arrow{font:22px Arial,sans-serif;color:var(--accent);transition:transform 180ms var(--ease)}.footer-contact-card:hover .contact-arrow{transform:translate3d(4px,-4px,0)}
.footer-main-grid{display:grid;grid-template-columns:1.15fr 2fr .72fr;gap:clamp(35px,5vw,80px);padding-block:68px 48px;border-bottom:1px solid var(--border)}.footer-brand{display:flex;align-items:center;gap:14px;font:700 17px/1.3 var(--latin)}.footer-brand img{width:52px}.footer-brand small{display:block;font:9px var(--body);color:var(--muted);margin-top:6px}.footer-brand-block>p{font-size:12px;line-height:1.9;max-width:410px;margin-top:22px}.footer-whatsapp-link{display:inline-flex;align-items:center;gap:10px;margin-top:25px;padding-bottom:8px;border-bottom:1px solid var(--border);font-size:12px}.footer-whatsapp-link .ui-icon{width:21px;height:21px;filter:brightness(0) invert(89%) sepia(27%) saturate(760%) hue-rotate(351deg) brightness(92%)}.footer-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer-link-group h3{font:700 11px/1.5 var(--latin);color:var(--accent);margin-bottom:18px}.footer-link-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted);transition:color 180ms var(--ease),padding 180ms var(--ease)}.footer-link-group a span{font:15px Arial,sans-serif;opacity:0;transform:translate3d(-5px,5px,0);transition:opacity 180ms var(--ease),transform 180ms var(--ease)}.footer-link-group a:hover{color:var(--text);padding-inline-start:6px}.footer-link-group a:hover span{opacity:1;transform:none}
.footer-wordmark{margin-top:0;line-height:1.05;opacity:.09}.footer-legal-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:25px 0 88px;font-size:10px;color:var(--muted)}.footer-legal-bar>div{display:flex;align-items:center;justify-content:center;gap:20px}.footer-legal-bar a,.footer-legal-bar button{transition:color 180ms var(--ease)}.footer-legal-bar a:hover,.footer-legal-bar button:hover{color:var(--text)}.footer-back-to-top{display:inline-flex;align-items:center;gap:7px;color:var(--accent)}.footer-back-to-top span{font:15px/1 Arial,sans-serif;transition:transform 180ms var(--ease)}.footer-back-to-top:hover span{transform:translateY(-3px)}.developer-credit{justify-self:end}.developer-credit strong{color:var(--text)}.developer-credit span{font:14px Arial,sans-serif;margin-inline-start:6px}
.floating-contact{min-height:58px;padding:9px 18px 9px 12px;gap:11px;background:#1fc760;color:#07150c;border:1px solid #ffffff70;box-shadow:0 14px 38px #0007;isolation:isolate;transition:transform 180ms var(--ease),box-shadow 180ms var(--ease)}html[dir=rtl] .floating-contact{padding:9px 12px 9px 18px}.floating-contact>.ui-icon{position:relative;z-index:2;width:27px;height:27px;filter:brightness(0) invert(1)}.floating-contact-copy{position:relative;z-index:2;display:flex!important;flex-direction:column;line-height:1.2}.floating-contact-copy strong{font:700 12px var(--latin)}.floating-contact-copy small{font:9px var(--body);margin-top:3px}.floating-contact:hover{transform:translate3d(0,-4px,0);box-shadow:0 18px 44px #0008}.whatsapp-rings{position:absolute;z-index:-1;inset:50% auto auto 25px;width:42px;height:42px;border:1px solid #fff;border-radius:50%;transform:translate3d(-50%,-50%,0);animation:whatsapp-ring 2.4s ease-out infinite}html[dir=rtl] .whatsapp-rings{inset:50% 25px auto auto;transform:translate3d(50%,-50%,0)}
@keyframes footer-orbit{to{transform:translate3d(20px,-16px,0) scale(1.05)}}@keyframes whatsapp-ring{0%{opacity:.65;transform:translate3d(-50%,-50%,0) scale(.7)}80%,100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.65)}}html[dir=rtl] .whatsapp-rings{animation-name:whatsapp-ring-rtl}@keyframes whatsapp-ring-rtl{0%{opacity:.65;transform:translate3d(50%,-50%,0) scale(.7)}80%,100%{opacity:0;transform:translate3d(50%,-50%,0) scale(1.65)}}

/* Page intro and common page motion */
.page-intro{position:relative;isolation:isolate;overflow:hidden}.page-intro:before{content:'';position:absolute;z-index:-1;width:62%;height:140%;inset:-25% auto auto -8%;background-image:var(--pattern-waves);opacity:.3;animation:surface-drift 18s ease-in-out infinite alternate}.page-intro h1{position:relative}.page-intro h1:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);inset:12% auto auto -26px;animation:brand-pulse 2.8s ease-in-out infinite}html[dir=rtl] .page-intro h1:after{inset:12% -26px auto auto}.detail-art{position:relative}.detail-art:after{content:'';position:absolute;inset:0;background-image:var(--pattern-dots);opacity:.28;pointer-events:none}

/* Branded recovery page */
.not-found-shell{position:relative;min-height:72svh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(35px,7vw,110px);padding-block:80px 120px;overflow:hidden}.not-found-orbit{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--border);border-radius:50%;background-image:var(--pattern-dots);isolation:isolate}.not-found-orbit:before,.not-found-orbit:after{content:'';position:absolute;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:50%;animation:footer-orbit 8s ease-in-out infinite alternate}.not-found-orbit:before{inset:11%}.not-found-orbit:after{inset:25%;animation-delay:-3s}.not-found-orbit span{font:700 clamp(95px,15vw,220px)/1 var(--latin);letter-spacing:-.08em;color:var(--accent);transform:translateX(-.04em)}.not-found-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 12%,transparent);animation:particle-float 5s ease-in-out infinite}.not-found-orbit i:first-of-type{inset:15% auto auto 18%}.not-found-orbit i:last-of-type{inset:auto 13% 22% auto;animation-delay:-2s}.not-found-copy h1{font-size:clamp(46px,6vw,86px);line-height:1.18}.not-found-copy>p{max-width:650px;margin-top:28px;font-size:16px;line-height:2}.not-found-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:34px}.not-found-actions .text-link{font-size:13px}

@media(max-width:1250px){
 .hero-slide-inner{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);gap:30px}.hero-slider .hero-slide-title{font-size:clamp(54px,6.5vw,82px)}.hero-visual{height:480px}
 .numbers-grid{grid-template-columns:repeat(3,1fr)}.numbers-grid .stat:nth-child(3){border-inline-end:0}.numbers-grid .stat:nth-child(n+4){border-top:1px solid #13203455}.numbers-grid .stat:nth-child(4){padding-inline-start:0}
 .footer-main-grid{grid-template-columns:1fr 2fr}.footer-site-links{grid-column:1/-1}.footer-site-links .footer-link-group{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.footer-site-links .footer-link-group h3{grid-column:1/-1}
}
@media(max-width:900px){
 .hero-slider,.hero-slides,.hero-slide-inner{min-height:720px}.hero-slide-inner{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:20px;padding-top:48px;padding-bottom:140px}.hero-slider .hero-slide-title{font-size:clamp(48px,6.8vw,64px)}.hero-slider .hero-copy>p{font-size:13px;line-height:1.8}.hero-visual{height:395px}.hero-visual-stamp{padding:11px 13px;font-size:10px}.hero-visual-stamp b{font-size:24px}.hero-slide-index{font-size:100px}.hero-controls{bottom:64px}.hero-dot{width:34px}
 .client-rail-heading{align-items:flex-start;flex-direction:column;gap:15px}.client-rail-heading p{max-width:600px}.client-wordmark{width:195px}
 .numbers-heading{grid-template-columns:1fr}.numbers-heading .kicker{grid-column:auto}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-grid .stat:nth-child(2n){border-inline-end:0}.numbers-grid .stat:nth-child(3){border-inline-end:1px solid #13203455}.numbers-grid .stat:nth-child(n+3){border-top:1px solid #13203455}.numbers-grid .stat:nth-child(odd){padding-inline-start:0}
 .about-scroll-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px}.about-visual-sticky{top:110px;min-height:440px;height:calc(100svh - 140px)}.about-chapter{min-height:68svh}.about-chapter h3{font-size:38px}.about-chapter p{font-size:13px}
 .about-expertise-grid{grid-template-columns:1fr 1fr}
 .footer-contact-strip{grid-template-columns:1fr}.footer-contact-card{border-inline-end:0;border-bottom:1px solid var(--border)}.footer-contact-card:last-child{border-bottom:0}.footer-main-grid{grid-template-columns:1fr}.footer-services{grid-template-columns:repeat(3,1fr)}.footer-site-links{grid-column:auto}.footer-site-links .footer-link-group{grid-template-columns:repeat(3,1fr)}.footer-legal-bar{grid-template-columns:1fr 1fr}.footer-legal-bar>div{justify-content:flex-end}.developer-credit{justify-self:start}.footer-cta-button{width:135px}.not-found-shell{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:38px}.not-found-copy h1{font-size:48px}
}
@media(max-width:650px){
 .site-header{backdrop-filter:blur(10px)}.brand-emblem i{width:6px;height:6px}
 .hero-slider,.hero-slides,.hero-slide-inner{min-height:850px}.hero-slide-inner{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:42px;padding-bottom:142px}.hero-slider .hero-slide-title{font-size:clamp(45px,12vw,67px);line-height:1.16}.hero-slider .hero-copy>p{font-size:13px;margin-top:17px}.hero-slider .hero-actions{margin-top:24px}.hero-slider .hero-actions .button{min-height:50px;font-size:12px;gap:17px}.hero-visual{height:380px;width:min(100%,410px);margin-inline:auto}.hero-visual-stamp{inset:auto auto 2% 0}.hero-controls{bottom:62px;justify-content:center}.hero-controls .icon-button{width:36px;height:36px}.hero-dot{width:28px}.hero-status{font-size:10px}.hero-slider .hero-bottom{bottom:13px;padding-top:10px}.hero-slider .hero-bottom>span:first-child{display:none}.hero-slider:after{width:100vw;inset:36% auto auto -45vw}.hero-slide-index{font-size:80px}
 .client-rail{padding-block:52px 48px}.client-rail-heading{margin-bottom:25px}.client-rail-heading h2{font-size:32px}.client-rail-heading p{font-size:10px}.client-wordmark{width:165px;min-height:95px;padding:18px}.client-wordmark>span{font-size:17px}
 .services-capability-catalog{padding-top:64px}
 .numbers-section{padding-block:68px 76px}.numbers-heading{gap:20px}.numbers-heading h2{font-size:42px}.numbers-grid{margin-top:35px}.numbers-grid .stat{padding:24px 15px 18px}.numbers-grid .stat-number{font-size:48px}.numbers-grid .stat h3{font-size:15px}.numbers-grid .stat p{font-size:10px}.numbers-grid .stat:nth-child(5){grid-column:1/-1;border-inline-end:0}
 .about-scroll-story{padding-top:70px}.about-scroll-heading{padding-bottom:35px}.about-scroll-heading h2{font-size:42px}.about-scroll-grid{display:flex;flex-direction:column;gap:25px}.about-visual-column{width:100%}.about-visual-sticky{position:relative;top:auto;height:470px;min-height:0;width:100%}.about-chapters{width:100%}.about-chapter{min-height:0;padding-block:55px;opacity:1;transform:none}.about-chapter:last-child{min-height:0;padding-bottom:80px}.about-chapter h3{font-size:35px}.about-piece-1{width:51%}.about-piece-2{width:44%}.about-piece-3{width:42%}.about-expertise{padding-block:72px}.about-expertise-grid{grid-template-columns:1fr}.about-expertise-card{min-height:355px}.about-expertise-media{height:115px}
 .footer-cta-panel{grid-template-columns:1fr;padding:30px 25px;gap:28px}.footer-cta-panel h2{font-size:43px}.footer-cta-panel p{font-size:12px}.footer-cta-button{width:100%;aspect-ratio:auto;min-height:58px;border-radius:2px;flex-direction:row;justify-content:space-between;padding:13px 20px}.footer-cta-button .arrow{font-size:28px}.footer-contact-card{padding:22px 19px;gap:13px}.footer-contact-icon{width:45px;height:45px}.footer-contact-card strong{font-size:12px}.footer-main-grid{padding-block:48px 38px}.footer-services{grid-template-columns:1fr}.footer-link-group h3{margin-top:12px}.footer-site-links .footer-link-group{grid-template-columns:1fr 1fr}.footer-site-links .footer-link-group h3{grid-column:1/-1}.footer-legal-bar{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:92px}.footer-legal-bar>div{justify-content:flex-start;flex-wrap:wrap}.developer-credit{justify-self:auto}.floating-contact{inset-inline-end:10px;bottom:max(10px,env(safe-area-inset-bottom));min-height:50px;padding:8px 10px;gap:7px}.floating-contact>.ui-icon{width:23px;height:23px}.floating-contact-copy strong{font-size:10px}.floating-contact-copy small{display:block!important;font-size:8px}.whatsapp-rings{width:36px;height:36px}
 .page-intro h1:after{display:none}.not-found-shell{display:flex;flex-direction:column;padding-block:55px 85px}.not-found-orbit{width:min(78vw,330px);align-self:center}.not-found-copy{width:100%}.not-found-copy h1{font-size:43px}.not-found-copy>p{font-size:13px;margin-top:20px}.not-found-actions{margin-top:28px}
}
@media(max-width:370px){
 .hero-slider,.hero-slides,.hero-slide-inner{min-height:820px}.hero-slider .hero-slide-title{font-size:43px}.hero-visual{height:340px}.hero-controls{gap:8px}.hero-dot{width:22px}.numbers-grid{grid-template-columns:1fr}.numbers-grid .stat,.numbers-grid .stat:nth-child(3){border-inline-end:0;border-top:1px solid #13203455;padding-inline:0}.numbers-grid .stat:first-child{border-top:0}.numbers-grid .stat:nth-child(5){grid-column:auto}.footer-contact-card{grid-template-columns:auto 1fr}.footer-contact-card .contact-arrow{display:none}.footer-site-links .footer-link-group{grid-template-columns:1fr}.footer-services{gap:16px}.floating-contact-copy small{display:none!important}
}

html[data-theme=light] .site-header{background-color:color-mix(in srgb,#f6f3eb 90%,transparent)}html[data-theme=light] .hero-slider{background-color:#f6f3eb}html[data-theme=light] .hero-media{box-shadow:0 25px 45px #1320342b}html[data-theme=light] .client-rail{background:#e9e5db}html[data-theme=light] .footer-brand img{filter:brightness(0) invert(1)}
html[data-motion=paused] .reveal,.no-js .reveal{opacity:1!important;transform:none!important;animation:none!important}html[data-motion=paused] .hero-dot.is-active span{animation:none;width:100%}html[data-motion=paused] .hero-eyebrow,html[data-motion=paused] .hero-slider .hero-slide-title,html[data-motion=paused] .hero-slider .hero-copy>p,html[data-motion=paused] .hero-slider .hero-actions,html[data-motion=paused] .hero-media,html[data-motion=paused] .hero-visual-stamp{opacity:1;transform:none;animation:none!important}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.hero-eyebrow,.hero-slider .hero-slide-title,.hero-slider .hero-copy>p,.hero-slider .hero-actions,.hero-media,.hero-visual-stamp{opacity:1!important;transform:none!important}.about-piece{opacity:1!important;transform:none!important}.about-chapter{opacity:1;transform:none}.client-rail-track{animation:none}.header-signal span{animation:none;transform:none;width:100%}.whatsapp-rings{display:none}}

/* Client correction pass: stable sticky header and deliberate brand motion */
.site-header{overflow:visible;isolation:isolate;transform:translateZ(0);backface-visibility:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:color-mix(in srgb,var(--border) 78%,transparent)}
.site-header:before{z-index:0;opacity:.13;background-position:center;transition:opacity 240ms var(--ease)}
.site-header.is-scrolled:before{opacity:.2}
.site-header.is-scrolled{box-shadow:0 12px 32px #00000024;background-color:color-mix(in srgb,var(--header) 97%,transparent)}
.brand-emblem{opacity:0;animation:brand-emblem-enter 680ms 80ms cubic-bezier(.2,.8,.2,1) both}
.brand-name{opacity:0;animation:brand-copy-enter 620ms 170ms cubic-bezier(.2,.8,.2,1) both}
.brand-name small{opacity:0;animation:brand-tagline-enter 560ms 280ms cubic-bezier(.2,.8,.2,1) both}
.site-header nav a{z-index:0;padding:10px 5px;transition:color 180ms var(--ease),transform 180ms var(--ease)}
.site-header nav a:before{content:'';position:absolute;z-index:-1;width:5px;height:5px;border-radius:50%;background:var(--accent);inset:50% auto auto -9px;opacity:0;transform:translate3d(5px,-50%,0) scale(.4);transition:opacity 180ms var(--ease),transform 180ms var(--ease)}
html[dir=rtl] .site-header nav a:before{inset:50% -9px auto auto;transform:translate3d(-5px,-50%,0) scale(.4)}
.site-header nav a:after{height:2px;transform-origin:center;transition:transform 260ms cubic-bezier(.2,.8,.2,1)}
.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav a[aria-current=page]{color:var(--accent);transform:translate3d(0,-2px,0)}
.site-header nav a:hover:before,.site-header nav a:focus-visible:before,.site-header nav a[aria-current=page]:before{opacity:1;transform:translate3d(0,-50%,0) scale(1)}
@property --header-cta-glow-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.header-cta{position:relative;isolation:isolate;overflow:visible;box-shadow:0 0 0 1px #e1bb643d,0 7px 22px #00000018}
.header-cta:before{content:'';position:absolute;pointer-events:none;inset:-3px;padding:2px;border-radius:5px;background:conic-gradient(from var(--header-cta-glow-angle),transparent 0 85%,#fff7d600 88%,#fff5c880 90%,#fffdf4 92%,#ffe49ae8 94%,transparent 97%);filter:drop-shadow(0 0 4px #fff5c8d6) drop-shadow(0 0 8px #e1bb6499);opacity:1;transition:filter 180ms var(--ease);will-change:filter;animation:header-cta-glow-orbit 3.8s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.header-cta:hover:before,.header-cta:focus-visible:before{filter:drop-shadow(0 0 5px #fffdf4) drop-shadow(0 0 14px #e1bb64c7)}
@keyframes header-cta-glow-orbit{to{--header-cta-glow-angle:360deg}}
html.offscreen .header-cta:before{animation-play-state:paused}
html[data-motion=paused] .header-cta:before{--header-cta-glow-angle:230deg;animation:none}
.menu-dialog nav a{position:relative;transition:color 180ms var(--ease),transform 180ms var(--ease),padding 180ms var(--ease)}
.menu-dialog nav a:hover,.menu-dialog nav a:focus-visible{color:var(--accent);transform:translate3d(-7px,0,0);padding-inline-start:8px}
html[lang=en] .menu-dialog nav a:hover,html[lang=en] .menu-dialog nav a:focus-visible{transform:translate3d(7px,0,0)}
@keyframes brand-emblem-enter{from{opacity:0;transform:translate3d(0,-15px,0) rotate(-7deg) scale(.9)}to{opacity:1;transform:none}}
@keyframes brand-copy-enter{from{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:none}}
html[lang=en] .brand-name{animation-name:brand-copy-enter-ltr}
@keyframes brand-copy-enter-ltr{from{opacity:0;transform:translate3d(-18px,0,0)}to{opacity:1;transform:none}}
@keyframes brand-tagline-enter{from{opacity:0;transform:translate3d(0,8px,0);letter-spacing:.18em}to{opacity:1;transform:none;letter-spacing:normal}}
@media(prefers-reduced-motion:reduce){.header-cta:before{--header-cta-glow-angle:230deg;animation:none}}

/* Each hero story has its own staged entrance and reverse exit */
.hero-slider .hero-slide-title{opacity:1}
.hero-title-line{opacity:0;will-change:transform,opacity}
.hero-slide.is-active .hero-slide-title,.hero-slide.is-leaving .hero-slide-title{animation:none}
.hero-slide.is-leaving .hero-copy{animation:none}
.hero-slide[data-layout=collage].is-active .hero-eyebrow{animation:hero-copy-rise 580ms 70ms var(--ease) both}
.hero-slide[data-layout=collage].is-active .hero-title-line:first-child{animation:hero-copy-rise 680ms 150ms var(--ease) both}
.hero-slide[data-layout=collage].is-active .hero-title-line:last-child{animation:hero-copy-rise 700ms 250ms var(--ease) both}
.hero-slide[data-layout=collage].is-active .hero-copy>p{animation:hero-copy-rise 620ms 350ms var(--ease) both}
.hero-slide[data-layout=collage].is-active .hero-actions{animation:hero-copy-rise 620ms 440ms var(--ease) both}
.hero-slide[data-layout=collage].is-active .hero-media-1{animation:hero-collage-one 760ms 560ms cubic-bezier(.2,.8,.2,1) both}
.hero-slide[data-layout=collage].is-active .hero-media-2{animation:hero-collage-two 760ms 680ms cubic-bezier(.2,.8,.2,1) both}
.hero-slide[data-layout=collage].is-active .hero-media-3{animation:hero-collage-three 760ms 800ms cubic-bezier(.2,.8,.2,1) both}
.hero-slide[data-layout=collage].is-active .hero-visual-stamp{animation:stamp-in 620ms 920ms var(--ease) both}
.hero-slide[data-layout=identity].is-active .hero-eyebrow{animation:hero-copy-inline 600ms 60ms var(--ease) both}
.hero-slide[data-layout=identity].is-active .hero-title-line:first-child{animation:hero-copy-inline 720ms 150ms var(--ease) both}
.hero-slide[data-layout=identity].is-active .hero-title-line:last-child{animation:hero-copy-inline 720ms 260ms var(--ease) both}
.hero-slide[data-layout=identity].is-active .hero-copy>p{animation:hero-copy-inline 620ms 370ms var(--ease) both}
.hero-slide[data-layout=identity].is-active .hero-actions{animation:hero-copy-inline 620ms 460ms var(--ease) both}
.hero-slide[data-layout=identity].is-active .hero-media-1{animation:hero-identity-main 820ms 590ms cubic-bezier(.2,.8,.2,1) both}
.hero-slide[data-layout=identity].is-active .hero-media-2{animation:hero-identity-detail 760ms 730ms cubic-bezier(.2,.8,.2,1) both}
.hero-slide[data-layout=identity].is-active .hero-visual-stamp{animation:stamp-in 620ms 860ms var(--ease) both}
.hero-slide[data-layout=campaign].is-active .hero-eyebrow{animation:hero-copy-focus 580ms 70ms var(--ease) both}
.hero-slide[data-layout=campaign].is-active .hero-title-line:first-child{animation:hero-copy-focus 700ms 160ms var(--ease) both}
.hero-slide[data-layout=campaign].is-active .hero-title-line:last-child{animation:hero-copy-focus 700ms 270ms var(--ease) both}
.hero-slide[data-layout=campaign].is-active .hero-copy>p{animation:hero-copy-focus 620ms 380ms var(--ease) both}
.hero-slide[data-layout=campaign].is-active .hero-actions{animation:hero-copy-focus 620ms 470ms var(--ease) both}
.hero-slide[data-layout=campaign].is-active .hero-media-1{animation:hero-campaign-wide 800ms 600ms cubic-bezier(.2,.8,.2,1) both}
.hero-slide[data-layout=campaign].is-active .hero-media-2{animation:hero-campaign-card 760ms 750ms cubic-bezier(.2,.8,.2,1) both}
.hero-slide[data-layout=campaign].is-active .hero-visual-stamp{animation:stamp-in 620ms 880ms var(--ease) both}
.hero-slide.is-leaving .hero-actions{animation:hero-layer-exit-up 380ms 0ms var(--ease) both}
.hero-slide.is-leaving .hero-copy>p{animation:hero-layer-exit-up 400ms 40ms var(--ease) both}
.hero-slide.is-leaving .hero-title-line:last-child{animation:hero-layer-exit-up 430ms 90ms var(--ease) both}
.hero-slide.is-leaving .hero-title-line:first-child{animation:hero-layer-exit-up 430ms 140ms var(--ease) both}
.hero-slide.is-leaving .hero-eyebrow{animation:hero-layer-exit-up 380ms 190ms var(--ease) both}
.hero-slide[data-layout=collage].is-leaving .hero-media-3{animation:hero-media-exit-right 470ms 0ms var(--ease) both}
.hero-slide[data-layout=collage].is-leaving .hero-media-2{animation:hero-media-exit-left 490ms 60ms var(--ease) both}
.hero-slide[data-layout=collage].is-leaving .hero-media-1{animation:hero-media-exit-down 500ms 120ms var(--ease) both}
.hero-slide[data-layout=identity].is-leaving .hero-media-2{animation:hero-media-exit-down 470ms 10ms var(--ease) both}
.hero-slide[data-layout=identity].is-leaving .hero-media-1{animation:hero-media-exit-left 520ms 100ms var(--ease) both}
.hero-slide[data-layout=campaign].is-leaving .hero-media-2{animation:hero-media-exit-right 470ms 0ms var(--ease) both}
.hero-slide[data-layout=campaign].is-leaving .hero-media-1{animation:hero-media-exit-down 520ms 100ms var(--ease) both}
.hero-slide.is-leaving .hero-visual-stamp{animation:hero-media-exit-down 400ms 0ms var(--ease) both}
@keyframes hero-copy-rise{from{opacity:0;transform:translate3d(0,28px,0) rotate(.8deg)}to{opacity:1;transform:none}}
@keyframes hero-copy-inline{from{opacity:0;transform:translate3d(34px,0,0) rotate(-1deg)}to{opacity:1;transform:none}}
html[lang=en] .hero-slide[data-layout=identity].is-active .hero-eyebrow,html[lang=en] .hero-slide[data-layout=identity].is-active .hero-title-line,html[lang=en] .hero-slide[data-layout=identity].is-active .hero-copy>p,html[lang=en] .hero-slide[data-layout=identity].is-active .hero-actions{animation-name:hero-copy-inline-ltr}
@keyframes hero-copy-inline-ltr{from{opacity:0;transform:translate3d(-34px,0,0) rotate(1deg)}to{opacity:1;transform:none}}
@keyframes hero-copy-focus{from{opacity:0;transform:translate3d(0,18px,0) scale(.94) rotate(1.2deg)}to{opacity:1;transform:none}}
@keyframes hero-collage-one{from{opacity:0;transform:translate3d(-46px,36px,0) rotate(calc(var(--media-rotate) - 8deg)) scale(.9)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--media-rotate)) scale(1)}}
@keyframes hero-collage-two{from{opacity:0;transform:translate3d(50px,-30px,0) rotate(calc(var(--media-rotate) + 8deg)) scale(.9)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--media-rotate)) scale(1)}}
@keyframes hero-collage-three{from{opacity:0;transform:translate3d(35px,52px,0) rotate(calc(var(--media-rotate) + 6deg)) scale(.88)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--media-rotate)) scale(1)}}
@keyframes hero-identity-main{from{opacity:0;transform:translate3d(0,58px,0) rotate(calc(var(--media-rotate) - 4deg)) scale(.92)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--media-rotate)) scale(1)}}
@keyframes hero-identity-detail{from{opacity:0;transform:translate3d(58px,0,0) rotate(calc(var(--media-rotate) + 7deg)) scale(.86)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--media-rotate)) scale(1)}}
@keyframes hero-campaign-wide{from{opacity:0;transform:translate3d(-18px,-38px,0) rotate(calc(var(--media-rotate) - 5deg)) scale(.86)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--media-rotate)) scale(1)}}
@keyframes hero-campaign-card{from{opacity:0;transform:translate3d(44px,44px,0) rotate(calc(var(--media-rotate) + 9deg)) scale(.88)}to{opacity:1;transform:translate3d(0,0,0) rotate(var(--media-rotate)) scale(1)}}
@keyframes hero-layer-exit-up{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0,-22px,0) rotate(-.8deg)}}
@keyframes hero-media-exit-left{from{opacity:1}to{opacity:0;transform:translate3d(-46px,-8px,0) rotate(calc(var(--media-rotate) - 5deg)) scale(.95)}}
@keyframes hero-media-exit-right{from{opacity:1}to{opacity:0;transform:translate3d(48px,-8px,0) rotate(calc(var(--media-rotate) + 5deg)) scale(.95)}}
@keyframes hero-media-exit-down{from{opacity:1}to{opacity:0;transform:translate3d(0,42px,0) rotate(var(--media-rotate)) scale(.94)}}

/* Paper-stack service story, preserved on desktop and mobile */
.services-section{overflow:clip}
.services-pattern{inset:0;animation:services-pattern-breathe 8s ease-in-out infinite alternate}
.service-stack{position:relative;isolation:isolate;padding-bottom:clamp(45px,7vh,100px)}
.service-panel.stack-card{z-index:calc(4 + var(--panel));margin-bottom:clamp(45px,7vh,92px);transform-origin:50% 10%;box-shadow:0 -18px 38px #13203414,0 1px 0 #ffffff70}
.service-panel.stack-card:last-child{margin-bottom:0}
.js .service-panel.stack-card{opacity:0;transform:translate3d(0,92px,0) rotate(var(--paper-angle)) scale(.975)}
.js .service-panel.stack-card.in-view{animation:paper-stack-in 760ms cubic-bezier(.16,.8,.22,1) both}
.service-panel.stack-card:nth-child(2).in-view{animation-delay:70ms}
.service-panel.stack-card:nth-child(3).in-view{animation-delay:140ms}
@keyframes paper-stack-in{0%{opacity:0;transform:translate3d(0,92px,0) rotate(var(--paper-angle)) scale(.975)}70%{opacity:1;transform:translate3d(0,-7px,0) rotate(0deg) scale(1)}100%{opacity:1;transform:none}}
@keyframes services-pattern-breathe{from{opacity:.3}to{opacity:.48}}
@media(max-width:650px){
 .service-stack{padding-bottom:26svh}
 .service-panel.stack-card{position:sticky;top:calc(88px + var(--panel)*7px);margin-top:0;margin-bottom:clamp(64px,15svh,118px);min-height:0;max-height:calc(100svh - 102px);box-shadow:0 -13px 30px #13203426,0 0 0 1px #1320341f}
 .service-panel.stack-card .service-body{padding:22px 21px 18px}
 .service-panel.stack-card .service-body h3{font-size:clamp(34px,10vw,43px)}
 .service-panel.stack-card .service-body>p{font-size:12px;line-height:1.75}
 .service-panel.stack-card .service-art{height:clamp(175px,27svh,230px);flex:0 0 auto}
}
html[data-motion=paused] .brand-emblem,html[data-motion=paused] .brand-name,html[data-motion=paused] .brand-name small,html[data-motion=paused] .hero-title-line,html[data-motion=paused] .service-panel.stack-card{opacity:1;transform:none;animation:none!important}
@media(prefers-reduced-motion:reduce){
 .brand-emblem,.brand-name,.brand-name small,.hero-title-line,.service-panel.stack-card{opacity:1!important;transform:none!important;animation:none!important}
 .service-panel.stack-card{position:relative!important;top:auto!important;margin-bottom:24px}
 .service-stack{padding-bottom:0}
}

/* Decision signals: an animated, non-flat home for the commercial metrics */
:root{--pattern-metrics:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='170' viewBox='0 0 260 170'%3E%3Cg fill='none' stroke='%23e1bb64' stroke-opacity='.16'%3E%3Cpath d='M0 91h49l15-25 19 48 20-36 18 13h139'/%3E%3Cpath d='M31 0v44M31 126v44M161 0v57M161 118v52'/%3E%3Ccircle cx='64' cy='66' r='4'/%3E%3Ccircle cx='121' cy='91' r='3'/%3E%3Ccircle cx='213' cy='91' r='5'/%3E%3C/g%3E%3Cg fill='%23e1bb64' fill-opacity='.34'%3E%3Ccircle cx='18' cy='26' r='1.5'/%3E%3Ccircle cx='111' cy='145' r='1.2'/%3E%3Ccircle cx='222' cy='37' r='1.5'/%3E%3C/g%3E%3C/svg%3E")}
.numbers-section{--metric-accent:#e1bb64;--metric-ink:#09111d;--metric-line:#e1bb6438;position:relative;background:#0b1422;color:#f5f1e7;padding-block:110px 116px;border-block:1px solid #e1bb642b;overflow:hidden}
.numbers-section p{color:#aeb7c4}
.numbers-pattern{position:absolute;z-index:0;inset:-9%;overflow:hidden;background-image:var(--pattern-metrics);background-size:260px 170px;opacity:1;pointer-events:none;animation:metrics-field-drift 26s ease-in-out infinite alternate;transform:translateZ(0)}
.numbers-orbit{position:absolute;width:min(760px,58vw);aspect-ratio:1;inset:-47% -9% auto auto;border:1px solid #e1bb6438;border-radius:50%;box-shadow:0 0 0 86px #e1bb6408,0 0 0 172px #e1bb6405;animation:metrics-orbit 34s linear infinite}
html[dir=rtl] .numbers-orbit{inset:-47% auto auto -9%}
.numbers-orbit:before,.numbers-orbit:after{content:'';position:absolute;border-radius:50%;background:var(--metric-accent);box-shadow:0 0 0 8px #e1bb6414}.numbers-orbit:before{width:8px;height:8px;inset:14% auto auto 13%}.numbers-orbit:after{width:5px;height:5px;inset:auto 8% 24% auto}
.numbers-orbit-small{width:min(410px,34vw);inset:auto auto -44% 9%;animation-duration:27s;animation-direction:reverse}
html[dir=rtl] .numbers-orbit-small{inset:auto 9% -44% auto}
.numbers-beam{position:absolute;width:58%;height:1px;inset:53% auto auto -12%;background:#e1bb646b;box-shadow:0 0 18px #e1bb6457;transform:rotate(-12deg) scaleX(.25);transform-origin:left;animation:metrics-beam 9s ease-in-out infinite}
html[dir=rtl] .numbers-beam{inset:53% -12% auto auto;transform:rotate(12deg) scaleX(.25);transform-origin:right;animation-name:metrics-beam-rtl}
.numbers-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--metric-accent);box-shadow:0 0 0 6px #e1bb6413;opacity:.28;animation:metrics-particle 7s ease-in-out infinite}
.numbers-particle:nth-of-type(1){inset:12% auto auto 8%;animation-delay:-1.2s}.numbers-particle:nth-of-type(2){inset:27% 18% auto auto;width:3px;height:3px;animation-delay:-4.6s}.numbers-particle:nth-of-type(3){inset:auto auto 18% 36%;width:7px;height:7px;animation-delay:-5.2s}.numbers-particle:nth-of-type(4){inset:64% 7% auto auto;animation-delay:-2.1s}.numbers-particle:nth-of-type(5){inset:8% auto auto 48%;width:4px;height:4px;animation-delay:-3.7s}.numbers-particle:nth-of-type(6){inset:auto 43% 7% auto;width:3px;height:3px;animation-delay:-.8s}.numbers-particle:nth-of-type(7){inset:47% auto auto 22%;animation-delay:-6.1s}.numbers-particle:nth-of-type(8){inset:76% auto auto 6%;width:4px;height:4px;animation-delay:-2.9s}.numbers-particle:nth-of-type(9){inset:37% auto auto 72%;width:6px;height:6px;animation-delay:-4.1s}
.numbers-section>.wrap{position:relative;z-index:2}
.numbers-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:38px clamp(55px,7vw,118px);align-items:end}
.numbers-heading .kicker{grid-column:1/-1;color:var(--metric-accent);margin-bottom:0}.numbers-heading .kicker .number{color:#f5f1e7}
.numbers-heading h2{max-width:820px;font-size:clamp(45px,5.3vw,82px);line-height:1.13}.numbers-heading h2 span{display:inline-block;color:var(--metric-accent)}
.numbers-copy{position:relative;padding-inline-start:24px;border-inline-start:1px solid var(--metric-line);max-width:590px}.numbers-copy>p{font-size:14px;line-height:2}
.numbers-signal-label{display:flex;align-items:center;gap:12px;margin-top:25px;font:700 9px/1.5 var(--latin);letter-spacing:.08em;color:#f5f1e7}.numbers-signal-label>i{position:relative;width:42px;height:1px;background:#e1bb6442}.numbers-signal-label>i:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;inset:50% auto auto 0;background:var(--metric-accent);transform:translateY(-50%);animation:metrics-label-pulse 2.6s ease-in-out infinite}
.numbers-draft-note{display:block;width:max-content;max-width:100%;margin-top:18px;padding:8px 11px;border:1px solid #e1bb642c;background:#08101bcf;color:#aeb7c4;font-size:9px;line-height:1.7}
.numbers-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:66px;padding:0;border:0;outline:none}
.numbers-grid:focus-visible{outline:2px solid var(--metric-accent);outline-offset:9px}
.numbers-grid .stat{position:relative;display:flex;flex-direction:column;min-width:0;min-height:300px;padding:22px 21px 24px;border:1px solid var(--metric-line)!important;background-color:#0a1320d9;background-image:var(--pattern-metrics);background-size:390px 255px;background-position:calc(var(--stat-index)*-41px) calc(var(--stat-index)*-23px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);overflow:hidden;translate:0 0;transition:translate 260ms cubic-bezier(.2,.8,.2,1),border-color 180ms var(--ease),background-color 180ms var(--ease)}
.numbers-grid .stat:before{content:'';position:absolute;z-index:-1;inset:0;background:#e1bb640d;transform:translate3d(0,102%,0);transition:transform 460ms cubic-bezier(.2,.8,.2,1)}
.numbers-grid .stat:after{content:'';position:absolute;width:18px;height:18px;inset:0 0 auto auto;border-block-end:1px solid var(--metric-accent);transform:rotate(45deg) translate3d(5px,-10px,0);opacity:.72}
.numbers-grid .stat:hover{translate:0 -9px;border-color:#e1bb6485!important;background-color:#0d1827}.numbers-grid .stat:hover:before{transform:none}
.stat-meta{display:flex;align-items:center;gap:13px;margin-bottom:auto}.stat-index{font:10px var(--latin);color:var(--metric-accent)}.stat-signal{position:relative;display:block;flex:1;height:1px;background:#ffffff16;overflow:visible}.stat-signal:before{content:'';position:absolute;inset:0;background:var(--metric-accent);transform:scaleX(0);transform-origin:left}.stat-signal>i{position:absolute;width:5px;height:5px;border-radius:50%;inset:50% auto auto 0;background:var(--metric-accent);box-shadow:0 0 0 5px #e1bb6412;opacity:0;transform:translateY(-50%)}
.stat.in-view .stat-signal:before{animation:stat-signal-grow 720ms var(--ease) calc(var(--stat-index)*75ms + 260ms) both}.stat.in-view .stat-signal>i{animation:stat-signal-dot 800ms var(--ease) calc(var(--stat-index)*75ms + 220ms) both}
.numbers-grid .stat-number{display:flex;height:auto;min-height:1em;margin-top:44px;align-items:baseline;gap:4px;overflow:visible;color:#f7f3e9;font-size:clamp(48px,5.3vw,82px);line-height:1;white-space:nowrap}.numbers-grid .stat-number small{color:var(--metric-accent);font-size:.2em;letter-spacing:.02em}.numbers-grid .stat-number b{color:var(--metric-accent);font-size:.34em}
.numbers-grid .stat h3{margin-top:21px;color:#f5f1e7;font-size:17px;line-height:1.45}.numbers-grid .stat p{margin-top:9px;color:#aeb7c4;font-size:10px;line-height:1.8}
.stat-mark{position:absolute;inset:auto 17px 13px auto;color:#e1bb6437;font:17px/1 Arial,sans-serif;transition:transform 260ms var(--ease),color 180ms var(--ease)}html[dir=rtl] .stat-mark{inset:auto auto 13px 17px}.stat:hover .stat-mark{color:var(--metric-accent);transform:rotate(90deg) scale(1.12)}
.numbers-swipe-hint{display:none}
@keyframes metrics-field-drift{to{transform:translate3d(3.2%,1.8%,0)}}
@keyframes metrics-orbit{to{transform:rotate(360deg)}}
@keyframes metrics-beam{0%,100%{opacity:.12;transform:rotate(-12deg) scaleX(.22)}52%{opacity:.68;transform:rotate(-12deg) scaleX(1)}}
@keyframes metrics-beam-rtl{0%,100%{opacity:.12;transform:rotate(12deg) scaleX(.22)}52%{opacity:.68;transform:rotate(12deg) scaleX(1)}}
@keyframes metrics-particle{50%{opacity:.82;transform:translate3d(0,-24px,0) scale(1.35)}}
@keyframes metrics-label-pulse{50%{transform:translate3d(34px,-50%,0);opacity:.4}}
@keyframes stat-signal-grow{to{transform:scaleX(1)}}
@keyframes stat-signal-dot{0%{opacity:0;transform:translate3d(0,-50%,0)}35%{opacity:1}100%{opacity:.65;transform:translate3d(28px,-50%,0)}}
html[dir=rtl] .stat-signal:before{transform-origin:right}html[dir=rtl] .stat-signal>i{inset:50% 0 auto auto}html[dir=rtl] .stat.in-view .stat-signal>i{animation-name:stat-signal-dot-rtl}
@keyframes stat-signal-dot-rtl{0%{opacity:0;transform:translate3d(0,-50%,0)}35%{opacity:1}100%{opacity:.65;transform:translate3d(-28px,-50%,0)}}
@media(max-width:1100px){.numbers-grid{grid-template-columns:repeat(3,1fr)}.numbers-grid .stat{min-height:270px}.numbers-grid .stat:nth-child(4),.numbers-grid .stat:nth-child(5){grid-column:span 1}.numbers-heading{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.numbers-section{padding-block:76px 82px}.numbers-heading{grid-template-columns:1fr;gap:24px}.numbers-heading .kicker{grid-column:auto}.numbers-heading h2{font-size:clamp(42px,11vw,58px)}.numbers-copy{padding-inline-start:18px}.numbers-orbit{width:660px;inset:-25% -92% auto auto}.numbers-orbit-small{display:none}.numbers-grid{display:flex;gap:13px;margin-top:43px;margin-inline:calc(var(--gutter)*-1);padding:8px var(--gutter) 19px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.numbers-grid::-webkit-scrollbar{display:none}.numbers-grid .stat,.numbers-grid .stat:nth-child(n){flex:0 0 min(82vw,335px);min-height:285px;padding:22px;scroll-snap-align:start}.numbers-grid .stat-number{font-size:61px}.numbers-swipe-hint{display:block;margin-top:5px;color:#e1bb64b8;font:9px var(--latin);letter-spacing:.05em}}
.numbers-section.offscreen .numbers-pattern,.numbers-section.offscreen .numbers-orbit,.numbers-section.offscreen .numbers-beam,.numbers-section.offscreen .numbers-particle,.numbers-section.offscreen .numbers-signal-label>i:after{animation-play-state:paused}
html[data-motion=paused] .numbers-pattern,html[data-motion=paused] .numbers-orbit,html[data-motion=paused] .numbers-beam,html[data-motion=paused] .numbers-particle,html[data-motion=paused] .numbers-signal-label>i:after,html[data-motion=paused] .stat-signal:before,html[data-motion=paused] .stat-signal>i{animation:none!important}
html[data-motion=paused] .numbers-pattern{transform:none}html[data-motion=paused] .stat-signal:before{transform:scaleX(1)}html[data-motion=paused] .stat-signal>i{opacity:.65}
@media(prefers-reduced-motion:reduce){.numbers-pattern,.numbers-orbit,.numbers-beam,.numbers-particle,.numbers-signal-label>i:after,.stat-signal:before,.stat-signal>i{animation:none!important}.numbers-pattern{transform:none}.stat-signal:before{transform:scaleX(1)}.stat-signal>i{opacity:.65}}

/* Why Tactic: reference-led four-card decision block in the Tactic visual system */
.why-section{--why-ink:#f5f1e7;--why-muted:#adb6c4;--why-line:#e1bb6445;position:relative;padding-block:112px 118px;background-color:#0b1422;background-image:var(--pattern-waves);background-size:720px 720px;color:var(--why-ink);border-block:1px solid #e1bb642b;overflow:hidden}
.why-section:before{content:'';position:absolute;z-index:0;inset:-18%;background-image:var(--pattern-dots);background-size:84px 84px;opacity:.2;animation:why-field-drift 25s ease-in-out infinite alternate;pointer-events:none}
.why-section:after{content:'TACTIC';position:absolute;z-index:0;inset:auto -1.5% -10% auto;color:#e1bb6408;font:700 clamp(150px,22vw,390px)/.75 var(--latin);letter-spacing:-.075em;direction:ltr;pointer-events:none;user-select:none}
.why-section>.wrap{position:relative;z-index:2}
.why-atmosphere{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.why-atmosphere span{position:absolute;border:1px solid #e1bb6428;border-radius:50%;animation:why-orbit-drift 14s ease-in-out infinite alternate}
.why-atmosphere span:first-child{width:min(620px,42vw);aspect-ratio:1;inset:-47% auto auto -8%;box-shadow:0 0 0 64px #e1bb6404,0 0 0 128px #e1bb6403}
.why-atmosphere span:nth-child(2){width:min(360px,25vw);aspect-ratio:1;inset:auto -7% -38% auto;animation-delay:-6s;animation-direction:alternate-reverse}
.why-atmosphere i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px #e1bb640e;opacity:.32;animation:why-particle 6.5s ease-in-out infinite}
.why-atmosphere i:nth-of-type(1){inset:17% auto auto 8%}.why-atmosphere i:nth-of-type(2){inset:46% 5% auto auto;width:4px;height:4px;animation-delay:-2.4s}.why-atmosphere i:nth-of-type(3){inset:auto auto 10% 48%;width:8px;height:8px;animation-delay:-4.1s}
.why-heading{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:30px clamp(55px,7vw,115px);align-items:end}
.why-heading .kicker{grid-column:1/-1;margin-bottom:2px;color:var(--accent)}.why-heading .kicker .number{color:var(--why-ink)}
.why-heading h2{max-width:1020px;color:var(--why-ink);font-size:clamp(48px,5vw,78px);line-height:1.14}
.why-heading>p{max-width:580px;padding:0 0 8px;color:var(--why-muted);font-size:14px;line-height:2}
.reasons-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:60px}
.reason-card{position:relative;display:flex;flex-direction:column;min-height:350px;padding:23px 23px 26px;border:1px solid var(--why-line);background-color:#0e1929;background-image:var(--pattern-dots);background-size:92px 92px;background-position:calc(var(--reason-index)*-21px) calc(var(--reason-index)*-13px);color:var(--why-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);opacity:0;transform:translate3d(0,24px,0);translate:0 0;overflow:hidden;isolation:isolate;transition:translate 260ms cubic-bezier(.2,.8,.2,1),border-color 200ms var(--ease),background-color 200ms var(--ease),background-position 520ms var(--ease)}
.reason-card:before{content:'';position:absolute;z-index:-1;inset:0;background-color:#e1bb6409;transform:translate3d(0,101%,0);transition:transform 480ms cubic-bezier(.2,.8,.2,1)}
.reason-card:after{content:'';position:absolute;inset:9px 9px auto auto;width:27px;height:1px;background:var(--accent);opacity:.56;transform:rotate(45deg);transform-origin:right}
html[dir=rtl] .reason-card:after{inset:9px auto auto 9px;transform:rotate(-45deg);transform-origin:left}
.reason-card.in-view{animation:why-card-in 680ms cubic-bezier(.16,.8,.22,1) calc(var(--reason-index)*95ms) forwards}
.reason-card:hover{background-color:#142238;background-image:var(--pattern-dots);background-size:92px 92px;background-position:calc(var(--reason-index)*-21px + 12px) calc(var(--reason-index)*-13px + 8px);color:var(--why-ink);transform:none;translate:0 -8px;border-color:#e1bb648a}
.reason-card:hover:before{transform:none}
.reason-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.reason-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 auto;border:1px solid #f4d9928a;border-radius:8px;background:var(--accent);color:#0a101b;box-shadow:7px 7px 0 #e1bb6412;transform:rotate(0);transition:transform 260ms cubic-bezier(.2,.8,.2,1),box-shadow 260ms var(--ease)}
.reason-icon .ui-icon{width:30px;height:30px}.reason-card:hover .reason-icon{transform:rotate(-7deg) translate3d(1px,-2px,0);box-shadow:3px 4px 0 #e1bb6420}html[dir=rtl] .reason-card:hover .reason-icon{transform:rotate(7deg) translate3d(-1px,-2px,0)}
.reason-card .number{color:var(--accent);font:10px var(--latin);letter-spacing:.08em;opacity:.76}
.reason-card h3{max-width:275px;margin-top:31px;color:var(--why-ink);font-size:clamp(24px,1.85vw,31px);line-height:1.35}
html[lang=en] .reason-card h3{font-size:clamp(21px,1.65vw,27px);line-height:1.28}
.reason-card p{margin-top:18px;padding-bottom:30px;color:var(--why-muted);font-size:12px;line-height:1.9;opacity:1}
.reason-trace{position:absolute;inset:auto 23px 19px;width:calc(100% - 46px);height:1px;background:#ffffff16;overflow:hidden}.reason-trace i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(.22);transform-origin:left;transition:transform 420ms cubic-bezier(.2,.8,.2,1)}html[dir=rtl] .reason-trace i{transform-origin:right}.reason-card:hover .reason-trace i{transform:scaleX(1)}
.reasons-swipe-hint{display:none}
@keyframes why-field-drift{to{transform:translate3d(3%,2%,0)}}
@keyframes why-orbit-drift{to{transform:translate3d(22px,-18px,0) scale(1.045)}}
@keyframes why-particle{50%{opacity:.82;transform:translate3d(0,-23px,0) scale(1.28)}}
@keyframes why-card-in{0%{opacity:0;transform:translate3d(0,24px,0)}65%{opacity:1;transform:translate3d(0,-4px,0)}100%{opacity:1;transform:none}}
@media(max-width:1050px){.why-heading{grid-template-columns:1fr 1fr;gap-inline:45px}.reasons-grid{grid-template-columns:1fr 1fr}.reason-card{min-height:300px}}
@media(max-width:650px){.why-section{padding-block:76px 82px;background-size:520px 520px}.why-section:after{font-size:160px;inset:auto -6% -2% auto}.why-atmosphere span:first-child{width:500px;inset:-25% auto auto -72%}.why-atmosphere span:nth-child(2){width:270px;inset:auto -42% -8% auto}.why-heading{grid-template-columns:1fr;gap:21px}.why-heading .kicker{grid-column:auto}.why-heading h2{font-size:clamp(40px,11vw,52px);line-height:1.2}.why-heading>p{font-size:12px;line-height:1.9;padding:0}.reasons-grid{display:flex;gap:13px;margin-top:39px;margin-inline:calc(var(--gutter)*-1);padding:8px var(--gutter) 21px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.reasons-grid::-webkit-scrollbar{display:none}.reason-card{flex:0 0 min(82vw,330px);min-height:330px;padding:21px;scroll-snap-align:start}.reason-card h3{font-size:26px}.reason-card p{font-size:11px}.reason-icon{width:54px;height:54px}.reasons-swipe-hint{display:block;margin-top:4px;color:#e1bb64bf;font:9px var(--latin);letter-spacing:.05em}}
.why-section.offscreen:before,.why-section.offscreen .why-atmosphere span,.why-section.offscreen .why-atmosphere i{animation-play-state:paused}
html[data-motion=paused] .why-section:before,html[data-motion=paused] .why-atmosphere span,html[data-motion=paused] .why-atmosphere i{animation:none!important}
html[data-motion=paused] .reason-card{opacity:1;transform:none;animation:none!important}
@media(prefers-reduced-motion:reduce){.why-section:before,.why-atmosphere span,.why-atmosphere i{animation:none!important}.reason-card{opacity:1;transform:none}.reason-card.in-view{animation:none!important}}

/* Contact page: actionable channels, project enquiry and accessible FAQ */
main:has(.contact-channel-section)>.page-intro{min-height:590px;display:flex;flex-direction:column;justify-content:center;padding-block:105px 115px}
main:has(.contact-channel-section)>.page-intro h1{max-width:1120px}
main:has(.contact-channel-section)>.page-intro>p{max-width:660px}
.contact-channel-section,.contact-conversation,.contact-faq{position:relative;isolation:isolate;overflow:hidden}
.contact-channel-section{padding-block:105px 115px;background-color:var(--paper);color:var(--paper-ink)}
.contact-channel-section p{color:var(--paper-muted)}
.contact-channel-section>.wrap{position:relative;z-index:2}
.contact-channel-pattern{position:absolute;z-index:0;inset:-12%;background-image:var(--pattern-cross);opacity:.38;animation:contact-field-drift 24s ease-in-out infinite alternate;pointer-events:none}
.contact-channel-pattern span{position:absolute;width:min(560px,42vw);aspect-ratio:1;inset:-33% auto auto -8%;border:1px solid #13203424;border-radius:50%;box-shadow:0 0 0 58px #13203404,0 0 0 116px #13203403;animation:contact-orbit-drift 16s ease-in-out infinite alternate}
html[dir=rtl] .contact-channel-pattern span{inset:-33% -8% auto auto}
.contact-channel-pattern i{position:absolute;width:6px;height:6px;border-radius:50%;background:#132034;opacity:.2;animation:contact-node-float 6s ease-in-out infinite}.contact-channel-pattern i:nth-of-type(1){inset:15% auto auto 8%}.contact-channel-pattern i:nth-of-type(2){inset:54% 7% auto auto;animation-delay:-2.3s}.contact-channel-pattern i:nth-of-type(3){inset:auto auto 9% 52%;width:4px;height:4px;animation-delay:-4.2s}
.contact-channel-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:34px clamp(55px,8vw,130px);align-items:end}
.contact-channel-heading>.kicker{grid-column:1/-1;margin-bottom:0;color:var(--paper-muted)}
.contact-channel-heading>div:last-child{display:contents}.contact-channel-heading h2{font-size:clamp(47px,5vw,76px);line-height:1.15}.contact-channel-heading p{max-width:520px;padding-bottom:8px;font-size:14px;line-height:2}
.contact-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:58px}
.contact-channel-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:330px;padding:23px;border:1px solid #13203445;background-color:#e6dfd1;background-image:var(--pattern-ink);background-size:125px 125px;color:var(--paper-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);translate:0 0;overflow:hidden;transition:translate 260ms cubic-bezier(.2,.8,.2,1),background-color 220ms var(--ease),color 220ms var(--ease),border-color 220ms var(--ease),background-position 500ms var(--ease)}
.contact-channel-card:before{content:'';position:absolute;z-index:-1;inset:0;background-color:#0b1422;transform:translate3d(0,102%,0);transition:transform 480ms cubic-bezier(.2,.8,.2,1)}
.contact-channel-card:after{content:'';position:absolute;inset:10px 10px auto auto;width:25px;height:1px;background:currentColor;opacity:.35;transform:rotate(45deg);transform-origin:right}html[dir=rtl] .contact-channel-card:after{inset:10px auto auto 10px;transform:rotate(-45deg);transform-origin:left}
.contact-channel-card:hover,.contact-channel-card:focus-visible{translate:0 -8px;background-color:#111d2e;background-position:13px 8px;color:#f6f4ec;border-color:#e1bb6485}.contact-channel-card:hover:before,.contact-channel-card:focus-visible:before{transform:none}
.contact-channel-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.contact-channel-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:9px;background:var(--accent);box-shadow:7px 7px 0 #13203414;transition:transform 260ms var(--ease),box-shadow 260ms var(--ease)}
.contact-channel-icon .ui-icon{width:27px;height:27px;filter:brightness(0) saturate(100%)}.contact-channel-card:hover .contact-channel-icon,.contact-channel-card:focus-visible .contact-channel-icon{transform:rotate(-7deg) translate3d(1px,-2px,0);box-shadow:3px 4px 0 #e1bb6420}html[dir=rtl] .contact-channel-card:hover .contact-channel-icon,html[dir=rtl] .contact-channel-card:focus-visible .contact-channel-icon{transform:rotate(7deg) translate3d(-1px,-2px,0)}
.contact-channel-card .number{font-size:10px;opacity:.55}.contact-channel-label{margin-top:27px;color:currentColor;font:700 10px/1.5 var(--latin);letter-spacing:.08em;opacity:.62}.contact-channel-card strong{display:block;margin-top:9px;font-family:var(--display);font-size:clamp(19px,1.55vw,25px);line-height:1.45;overflow-wrap:anywhere}.contact-channel-card strong[dir=ltr]{font-family:var(--latin);font-size:clamp(16px,1.28vw,21px);text-align:start}.contact-channel-card small{display:block;margin-top:13px;color:inherit;font-size:11px;line-height:1.8;opacity:.66}.contact-channel-action{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:23px;border-top:1px solid currentColor;font-size:11px;font-weight:700;opacity:.84}.contact-channel-action .arrow{font-size:19px;transition:translate 180ms var(--ease)}.contact-channel-card:hover .contact-channel-action .arrow,.contact-channel-card:focus-visible .contact-channel-action .arrow{translate:4px -4px}html[dir=rtl] .contact-channel-card:hover .contact-channel-action .arrow,html[dir=rtl] .contact-channel-card:focus-visible .contact-channel-action .arrow{translate:-4px -4px}

.contact-conversation{padding-block:115px 122px;background-color:#08111e;background-image:var(--pattern-waves);color:#f6f4ec;border-block:1px solid #e1bb6428}
.contact-conversation-atmosphere{position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden}.contact-conversation-atmosphere span{position:absolute;border:1px solid #e1bb6426;border-radius:50%;animation:contact-orbit-drift 15s ease-in-out infinite alternate}.contact-conversation-atmosphere span:first-child{width:min(720px,52vw);aspect-ratio:1;inset:7% auto auto -22%;box-shadow:0 0 0 90px #e1bb6404,0 0 0 180px #e1bb6402}.contact-conversation-atmosphere span:nth-child(2){width:min(360px,28vw);aspect-ratio:1;inset:auto -8% -20% auto;animation-delay:-7s}
.contact-conversation-atmosphere i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px #e1bb640d;opacity:.32;animation:contact-node-float 7s ease-in-out infinite}.contact-conversation-atmosphere i:nth-of-type(1){inset:18% auto auto 47%}.contact-conversation-atmosphere i:nth-of-type(2){inset:60% auto auto 5%;animation-delay:-2.8s}.contact-conversation-atmosphere i:nth-of-type(3){inset:auto 7% 9% auto;width:4px;height:4px;animation-delay:-5s}.contact-conversation-atmosphere b{position:absolute;inset:auto auto -4% -2%;color:#e1bb6407;font:700 clamp(180px,23vw,380px)/.8 var(--latin);letter-spacing:-.08em;direction:ltr;user-select:none}
.contact-conversation-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(55px,8vw,125px);align-items:start}
.contact-conversation-copy{position:sticky;top:145px;padding-top:8px}.contact-conversation-copy .kicker{color:var(--accent)}.contact-conversation-copy h2{font-size:clamp(50px,5.5vw,84px);line-height:1.14}.contact-conversation-copy>p{max-width:590px;margin-top:26px;font-size:14px;line-height:2}
.contact-conversation-steps{list-style:none;padding:0;margin:46px 0 0;border-top:1px solid var(--border)}.contact-conversation-steps li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}.contact-conversation-steps .number{padding-top:3px;color:var(--accent);font-size:10px}.contact-conversation-steps strong{display:block;font-size:14px}.contact-conversation-steps small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.75}
.contact-project-form{position:relative;margin:0;padding:clamp(28px,4vw,52px);border:1px solid #e1bb6457;background-color:#101b2b;background-image:var(--pattern-dots);background-size:80px 80px;box-shadow:22px 22px 0 #e1bb6408;overflow:hidden}.contact-project-form:after{content:'';position:absolute;inset:10px 10px auto auto;width:30px;height:1px;background:var(--accent);transform:rotate(45deg);transform-origin:right;opacity:.7}html[dir=rtl] .contact-project-form:after{inset:10px auto auto 10px;transform:rotate(-45deg);transform-origin:left}
.contact-form-head{padding-bottom:31px;margin-bottom:31px;border-bottom:1px solid var(--border)}.contact-form-head>.number{color:var(--accent);font-size:9px;letter-spacing:.08em}.contact-form-head h3{margin-top:14px;font-size:clamp(29px,3vw,43px)}.contact-form-head p{max-width:560px;margin-top:12px;font-size:11px;line-height:1.85}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.contact-field{min-width:0}.contact-field-wide{grid-column:1/-1}.contact-project-form label{margin-bottom:8px;color:#f6f4ec;font-size:10px;font-weight:700}.contact-project-form input,.contact-project-form select,.contact-project-form textarea{margin:0;padding:12px 0;min-height:47px;border:0;border-bottom:1px solid #ffffff5c;background:transparent;color:#f6f4ec;outline:0}.contact-project-form input:focus,.contact-project-form select:focus,.contact-project-form textarea:focus{border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent)}.contact-project-form input::placeholder,.contact-project-form textarea::placeholder{color:#aeb7c48a}.contact-project-form select{color-scheme:dark}.contact-project-form textarea{min-height:120px}.contact-form-footer{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:25px}.contact-form-footer .form-note{max-width:390px;margin:0;font-size:10px;line-height:1.75}.contact-form-footer .button{flex:0 0 auto}.contact-project-form .form-result{grid-column:1/-1;margin-top:35px}.contact-project-form .form-result pre{border:1px solid var(--border)}

.contact-faq{padding-block:112px 120px;background-color:#ebe6dc;background-image:var(--pattern-ink);color:var(--paper-ink)}
.contact-faq>.wrap{position:relative;z-index:2}.contact-faq-pattern{position:absolute;z-index:0;inset:-12%;background-image:var(--pattern-cross);opacity:.32;animation:contact-field-drift 27s ease-in-out infinite alternate;pointer-events:none}.contact-faq-pattern span{position:absolute;width:min(580px,42vw);aspect-ratio:1;inset:auto -12% -42% auto;border:1px solid #13203424;border-radius:50%;box-shadow:0 0 0 64px #13203404;animation:contact-orbit-drift 17s ease-in-out infinite alternate}.contact-faq-pattern i{position:absolute;width:5px;height:5px;border-radius:50%;background:#132034;opacity:.2;animation:contact-node-float 7s ease-in-out infinite}.contact-faq-pattern i:first-of-type{inset:13% auto auto 9%}.contact-faq-pattern i:last-of-type{inset:62% 5% auto auto;animation-delay:-3.2s}
.contact-faq-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:34px clamp(55px,8vw,130px);align-items:end}.contact-faq-heading>.kicker{grid-column:1/-1;margin:0;color:var(--paper-muted)}.contact-faq-heading>div:last-child{display:contents}.contact-faq-heading h2{font-size:clamp(47px,5vw,76px);line-height:1.15}.contact-faq-heading p{max-width:540px;padding-bottom:8px;color:var(--paper-muted);font-size:14px;line-height:2}
.contact-faq-shell{display:grid;grid-template-columns:minmax(260px,.33fr) minmax(0,.67fr);gap:12px;margin-top:58px;align-items:start}
.contact-faq-tabs{padding:10px;border:1px solid #13203436;background:#dfd8ca}.contact-faq-tabs button{position:relative;width:100%;min-height:72px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:15px 16px;border:0;border-bottom:1px solid #13203426;background:transparent;color:var(--paper-ink);text-align:start;transition:background-color 190ms var(--ease),color 190ms var(--ease),translate 190ms var(--ease)}.contact-faq-tabs button:last-child{border-bottom:0}.contact-faq-tabs button:hover{translate:-3px 0}html[dir=ltr] .contact-faq-tabs button:hover{translate:3px 0}.contact-faq-tabs button[aria-selected=true]{background-color:#0b1422;background-image:var(--pattern-dots);color:#f6f4ec;border-bottom-color:transparent}.contact-faq-tabs .number{color:var(--accent);font-size:9px}.faq-tab-arrow{font:19px Arial,sans-serif;color:var(--accent);opacity:0;transform:translate3d(-5px,5px,0);transition:opacity 180ms var(--ease),transform 180ms var(--ease)}.contact-faq-tabs button[aria-selected=true] .faq-tab-arrow{opacity:1;transform:none}
.contact-faq-panels{min-width:0}.contact-faq-panel{display:grid;gap:9px}.contact-faq-panel[hidden]{display:none}
.contact-faq-item{border:1px solid #1320343d;background:#e4ddd0;overflow:hidden;transition:background-color 220ms var(--ease),color 220ms var(--ease),border-color 220ms var(--ease)}.contact-faq-item[open]{background-color:#0d1929;background-image:var(--pattern-dots);background-size:85px 85px;color:#f6f4ec;border-color:#e1bb6452}.contact-faq-item summary{list-style:none;display:grid;grid-template-columns:1fr 34px;align-items:center;gap:25px;min-height:74px;padding:18px 22px;cursor:pointer;font-family:var(--display);font-size:clamp(17px,1.55vw,23px);font-weight:700;line-height:1.55}.contact-faq-item summary::-webkit-details-marker{display:none}.contact-faq-item summary:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}
.faq-toggle-mark{position:relative;width:28px;height:28px;justify-self:end}.faq-toggle-mark:before,.faq-toggle-mark:after{content:'';position:absolute;inset:50% 4px auto;height:1px;background:currentColor;transition:transform 220ms var(--ease)}.faq-toggle-mark:after{transform:rotate(90deg)}.contact-faq-item[open] .faq-toggle-mark:after{transform:rotate(0)}.contact-faq-item[open] .faq-toggle-mark{color:var(--accent)}
.contact-faq-answer{padding:0 22px 24px;animation:faq-answer-in 280ms var(--ease) both}.contact-faq-answer p{max-width:850px;color:#b7c0cc;font-size:13px;line-height:2}
@keyframes contact-field-drift{to{transform:translate3d(3%,2%,0)}}
@keyframes contact-orbit-drift{to{transform:translate3d(22px,-17px,0) scale(1.045)}}
@keyframes contact-node-float{50%{opacity:.65;transform:translate3d(0,-21px,0) scale(1.25)}}
@keyframes faq-answer-in{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:none}}
@media(max-width:1100px){.contact-channel-grid{grid-template-columns:1fr 1fr}.contact-channel-card{min-height:285px}.contact-conversation-grid{grid-template-columns:minmax(0,.78fr) minmax(480px,1.22fr);gap:50px}.contact-faq-shell{grid-template-columns:250px 1fr}}
@media(max-width:900px){.contact-channel-heading,.contact-faq-heading{grid-template-columns:1fr 1fr;gap-inline:42px}.contact-conversation-grid{grid-template-columns:1fr;gap:55px}.contact-conversation-copy{position:relative;top:auto}.contact-conversation-copy>p{max-width:660px}.contact-conversation-steps{max-width:680px}.contact-faq-shell{grid-template-columns:220px 1fr}.contact-faq-tabs button{grid-template-columns:28px 1fr auto;padding-inline:12px}.contact-faq-item summary{font-size:18px}}
@media(max-width:650px){main:has(.contact-channel-section)>.page-intro{min-height:510px;padding-block:70px 78px}.contact-channel-section,.contact-conversation,.contact-faq{padding-block:74px 82px}.contact-channel-heading,.contact-faq-heading{grid-template-columns:1fr;gap:21px}.contact-channel-heading>.kicker,.contact-faq-heading>.kicker{grid-column:auto}.contact-channel-heading>div:last-child,.contact-faq-heading>div:last-child{display:block}.contact-channel-heading h2,.contact-faq-heading h2{font-size:42px}.contact-channel-heading p,.contact-faq-heading p{margin-top:18px;padding:0;font-size:12px}.contact-channel-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:37px}.contact-channel-card{min-height:245px;padding:16px}.contact-channel-icon{width:48px;height:48px}.contact-channel-icon .ui-icon{width:23px;height:23px}.contact-channel-card .number{font-size:8px}.contact-channel-label{margin-top:20px;font-size:8px}.contact-channel-card strong,.contact-channel-card strong[dir=ltr]{font-size:15px;line-height:1.45}.contact-channel-card small{font-size:9px;line-height:1.65}.contact-channel-action{padding-top:15px;font-size:9px}.contact-channel-action .arrow{font-size:16px}.contact-channel-pattern span{width:430px;inset:-15% auto auto -78%}html[dir=rtl] .contact-channel-pattern span{inset:-15% -78% auto auto}.contact-conversation-atmosphere span:first-child{width:520px;inset:4% auto auto -80%}.contact-conversation-copy h2{font-size:46px}.contact-conversation-copy>p{font-size:12px}.contact-conversation-steps{margin-top:32px}.contact-conversation-steps li{padding:16px 0}.contact-project-form{padding:25px 20px;box-shadow:9px 9px 0 #e1bb6408}.contact-form-head{padding-bottom:24px;margin-bottom:24px}.contact-form-head h3{font-size:31px}.contact-form-grid{grid-template-columns:1fr;gap:18px}.contact-field-wide{grid-column:auto}.contact-form-footer{align-items:stretch;flex-direction:column}.contact-form-footer .button{width:100%;justify-content:space-between}.contact-faq-shell{display:block;margin-top:37px}.contact-faq-tabs{display:flex;gap:8px;margin-inline:calc(var(--gutter)*-1);padding:8px var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;border-inline:0;background:#dfd8ca}.contact-faq-tabs::-webkit-scrollbar{display:none}.contact-faq-tabs button{flex:0 0 min(73vw,270px);min-height:60px;grid-template-columns:25px 1fr auto;border:1px solid #1320342c!important;scroll-snap-align:start}.contact-faq-panels{margin-top:14px}.contact-faq-item summary{min-height:68px;padding:16px 17px;font-size:17px}.contact-faq-answer{padding:0 17px 20px}.contact-faq-answer p{font-size:11px}.contact-faq-pattern span{width:350px;inset:auto -55% -10% auto}}
.contact-channel-section.offscreen .contact-channel-pattern,.contact-conversation.offscreen .contact-conversation-atmosphere span,.contact-conversation.offscreen .contact-conversation-atmosphere i,.contact-faq.offscreen .contact-faq-pattern{animation-play-state:paused}
html[data-motion=paused] .contact-channel-pattern,html[data-motion=paused] .contact-conversation-atmosphere span,html[data-motion=paused] .contact-conversation-atmosphere i,html[data-motion=paused] .contact-faq-pattern{animation:none!important}
@media(prefers-reduced-motion:reduce){.contact-channel-pattern,.contact-channel-pattern span,.contact-channel-pattern i,.contact-conversation-atmosphere span,.contact-conversation-atmosphere i,.contact-faq-pattern,.contact-faq-pattern span,.contact-faq-pattern i{animation:none!important}.contact-faq-answer{animation:none!important}}

/* Portfolio page: cinematic opening, project index and image-led transition */
.portfolio-hero,.portfolio-index-section,.portfolio-interlude{--accent:#e1bb64;--bg:#07111d;--text:#f6f4ec;--muted:#b3b9c2;--border:#ffffff29;color-scheme:dark}
.portfolio-hero{--portfolio-x:0;--portfolio-y:0;position:relative;isolation:isolate;display:grid;min-height:calc(100svh - 97px);overflow:hidden;background:#06101c;color:#f6f4ec}
.portfolio-hero-media{position:absolute;z-index:-2;inset:0;background:#07101d url('images/tactic-portfolio-motion-poster.webp') center/cover no-repeat;overflow:hidden}
.portfolio-hero-video{position:absolute;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;object-position:center;filter:saturate(.58) contrast(1.11) brightness(.72) hue-rotate(-7deg);transform:scale(1.035) translate3d(calc(var(--portfolio-x)*-7px),calc(var(--portfolio-y)*-5px),0);opacity:.88;transition:opacity 700ms var(--ease),transform 700ms var(--ease)}
.portfolio-hero.video-failed .portfolio-hero-video{display:none}.portfolio-hero.video-ready .portfolio-hero-video{opacity:1}
.portfolio-hero-wash{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,#07101d08 0 23%,#07101d8f 65%,#07101df5 100%),linear-gradient(180deg,#07101d92 0%,#07101d12 31%,#07101da8 80%,#07101df5 100%)}
.portfolio-hero-grid{position:absolute;inset:0;background-image:linear-gradient(#e1bb640b 1px,transparent 1px),linear-gradient(90deg,#e1bb640b 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(180deg,transparent 2%,#000 42%,transparent 94%);opacity:.45;animation:portfolio-grid-drift 18s linear infinite}
.portfolio-hero-orbit{position:absolute;width:min(720px,54vw);aspect-ratio:1;inset:50% auto auto 50%;border:1px solid #e1bb6433;border-radius:50%;box-shadow:0 0 0 90px #e1bb6405,0 0 0 180px #e1bb6403;transform:translate(-50%,-50%);animation:portfolio-orbit-breathe 10s ease-in-out infinite alternate}
.portfolio-hero-orbit:before,.portfolio-hero-orbit:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px #e1bb6414}.portfolio-hero-orbit:before{inset:11% auto auto 18%}.portfolio-hero-orbit:after{inset:auto 13% 18% auto;animation:contact-node-float 5.5s ease-in-out infinite}
.portfolio-hero-inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;padding-block:78px 88px}
.portfolio-hero-copy{width:min(1060px,100%);margin-inline:auto;text-align:center}.portfolio-hero-kicker{width:min(850px,100%);margin-inline:auto}.portfolio-hero-kicker .kicker{color:#d5dae2;margin-bottom:27px}
.portfolio-hero h1{font-size:clamp(62px,6.7vw,108px);line-height:1.06;text-shadow:0 8px 35px #02060db3}.portfolio-hero h1 span{display:block;color:var(--accent)}html[lang=en] .portfolio-hero h1{font-size:clamp(57px,6.1vw,96px);line-height:1.02}
.portfolio-hero-copy>p{max-width:760px;margin:28px auto 0;color:#e0e3e8;font-size:15px;line-height:1.9;text-shadow:0 3px 16px #02060df0}
.portfolio-hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:35px}.portfolio-hero-quiet{display:inline-flex;align-items:center;gap:15px;min-height:50px;border-bottom:1px solid #ffffff7d;font-size:12px;font-weight:700}.portfolio-hero-quiet span{font:19px Arial,sans-serif;color:var(--accent);transition:translate 180ms var(--ease)}.portfolio-hero-quiet:hover span,.portfolio-hero-quiet:focus-visible span{translate:4px -4px}html[dir=rtl] .portfolio-hero-quiet:hover span,html[dir=rtl] .portfolio-hero-quiet:focus-visible span{translate:-4px -4px}
.portfolio-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(900px,100%);margin:61px auto 0;border:1px solid #e1bb6445;background-color:#07111edb;background-image:var(--pattern-dots);background-size:82px 82px;box-shadow:0 24px 65px #0005}
.portfolio-proof-card{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:3px 15px;min-height:112px;padding:22px 25px;border-inline-end:1px solid #ffffff24;text-align:start}.portfolio-proof-card:last-child{border-inline-end:0}.portfolio-proof-card>.number{grid-row:1/3;padding-top:7px;color:var(--accent);font-size:9px}.portfolio-proof-card strong{font:700 clamp(26px,2.6vw,40px)/1.1 var(--latin);color:#f6f4ec}.portfolio-proof-card small{color:#c1c7d0;font-size:10px;line-height:1.5}
.portfolio-hero-scroll{position:absolute;z-index:3;inset:auto var(--gutter) 22px auto;display:flex;align-items:center;gap:14px;color:#d7dce4;font:9px var(--latin);letter-spacing:.1em}.portfolio-hero-scroll i{position:relative;width:36px;height:36px;border:1px solid #ffffff59;border-radius:50%}.portfolio-hero-scroll i:after{content:'↓';position:absolute;inset:4px 0 auto;text-align:center;color:var(--accent);font:19px Arial,sans-serif;animation:scroll-cue 1.8s ease-in-out infinite}
.portfolio-hero-wordmark{position:absolute;z-index:0;inset:auto auto -17px 1.5%;color:#f6f4ec0b;font:700 clamp(70px,11vw,180px)/1 var(--latin);direction:ltr;letter-spacing:-.065em;white-space:nowrap;user-select:none}
.js .portfolio-hero-copy>*{opacity:0;transform:translate3d(0,24px,0)}.js .portfolio-hero.in-view .portfolio-hero-kicker{animation:portfolio-copy-in 650ms 80ms var(--ease) forwards}.js .portfolio-hero.in-view h1{animation:portfolio-copy-in 750ms 180ms var(--ease) forwards}.js .portfolio-hero.in-view .portfolio-hero-copy>p{animation:portfolio-copy-in 650ms 330ms var(--ease) forwards}.js .portfolio-hero.in-view .portfolio-hero-actions{animation:portfolio-copy-in 650ms 450ms var(--ease) forwards}.js .portfolio-proof-card{opacity:0;transform:translate3d(0,24px,0)}.js .portfolio-hero.in-view .portfolio-proof-card{animation:portfolio-proof-in 620ms calc(590ms + var(--proof-index)*90ms) var(--ease) forwards}

.portfolio-index-section{position:relative;isolation:isolate;padding:112px 0 120px;background-color:#07111d;background-image:var(--pattern-waves);color:#f6f4ec;overflow:clip}.portfolio-index-section>.wrap,.portfolio-index-section>.portfolio-interlude{position:relative;z-index:2}.portfolio-index-section>.portfolio-filter-bar{z-index:8}
.portfolio-index-atmosphere{position:absolute;z-index:0;inset:0;pointer-events:none}.portfolio-index-atmosphere span{position:absolute;width:min(780px,60vw);aspect-ratio:1;inset:4% auto auto -28%;border:1px solid #e1bb641c;border-radius:50%;box-shadow:0 0 0 100px #e1bb6403;animation:portfolio-orbit-breathe 13s ease-in-out infinite alternate}.portfolio-index-atmosphere i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px #e1bb640d;opacity:.32;animation:contact-node-float 7s ease-in-out infinite}.portfolio-index-atmosphere i:nth-of-type(1){inset:8% 9% auto auto}.portfolio-index-atmosphere i:nth-of-type(2){inset:48% auto auto 5%;animation-delay:-2.2s}.portfolio-index-atmosphere i:nth-of-type(3){inset:auto 8% 8% auto;animation-delay:-4.7s}
.portfolio-index-head .kicker{color:var(--accent)}.portfolio-index-title-row{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:45px clamp(60px,9vw,145px);align-items:end}.portfolio-index-title-row h2{font-size:clamp(52px,5.5vw,82px);line-height:1.12}.portfolio-index-title-row p{max-width:520px;padding-bottom:8px;color:#b9c1cc;font-size:14px;line-height:2}
.portfolio-filter-bar{position:sticky;top:96px;z-index:8;margin-top:59px;border-block:1px solid #ffffff22;background:#07111df1;box-shadow:0 18px 32px #02060d45;backdrop-filter:blur(14px)}.portfolio-filter-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:82px}.portfolio-filter-bar .filters{display:flex;gap:9px;flex-wrap:wrap;margin:0;padding-block:13px}.portfolio-filter-bar .filters button{display:flex;align-items:center;gap:20px;min-height:48px;padding:10px 18px;border:1px solid #ffffff2c;border-radius:2px;background-color:#101b2a;background-image:var(--pattern-dots);background-size:72px 72px;color:#f6f4ec;font-size:11px;transition:background-color 180ms var(--ease),color 180ms var(--ease),border-color 180ms var(--ease),translate 180ms var(--ease)}.portfolio-filter-bar .filters button:hover{translate:0 -2px;border-color:#e1bb6475}.portfolio-filter-bar .filters button[aria-pressed=true]{background:var(--accent);color:#07111d;border-color:var(--accent)}.portfolio-filter-bar .filters button small{font:8px var(--latin);opacity:.66}.portfolio-filter-bar .filter-status{flex:0 0 auto;color:#d5dae2;font:10px var(--latin);direction:ltr;letter-spacing:.07em}
.portfolio-index-section .portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:58px}.portfolio-index-section .portfolio-grid-secondary{margin-top:25px}.portfolio-index-section .portfolio-grid .work-card,.portfolio-index-section .portfolio-grid .work-card:nth-child(even){min-width:0;margin:0}
.portfolio-case{position:relative;min-height:620px;overflow:hidden;background:#101b2b;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);box-shadow:0 23px 55px #02060d42;transition:translate 320ms cubic-bezier(.2,.8,.2,1)}.portfolio-case:hover,.portfolio-case:focus-within{translate:0 -7px}.portfolio-case-link{position:absolute;display:block;inset:0;overflow:hidden}.portfolio-case-link:focus-visible{outline-offset:-6px}.portfolio-case-media{position:absolute;inset:0;background:#132034;overflow:hidden}.portfolio-case-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06101c05 10%,#06101c44 43%,#06101cf5 90%),linear-gradient(90deg,#06101cbb 0%,transparent 55%)}html[dir=rtl] .portfolio-case-media:after{background:linear-gradient(180deg,#06101c05 10%,#06101c44 43%,#06101cf5 90%),linear-gradient(-90deg,#06101cbb 0%,transparent 55%)}
.portfolio-case-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04);transform:scale(1.002);transition:transform 700ms cubic-bezier(.2,.8,.2,1),filter 400ms var(--ease)}.portfolio-case:hover img,.portfolio-case:focus-within img{transform:scale(1.045);filter:saturate(1.02) contrast(1.05)}
.portfolio-case-number{position:absolute;inset:22px 24px auto auto;z-index:2;color:#fff;font-size:11px}html[dir=rtl] .portfolio-case-number{inset:22px auto auto 24px}.portfolio-case-content{position:absolute;z-index:2;inset:auto 0 0;padding:40px 38px 36px}.portfolio-case-label{display:block;color:var(--accent);font-size:10px;line-height:1.7}.portfolio-case h3{margin-top:9px;font-size:clamp(37px,4vw,59px);line-height:1.08}.portfolio-case p{display:-webkit-box;max-width:590px;margin-top:15px;overflow:hidden;color:#e1e4e9;font-size:12px;line-height:1.85;-webkit-line-clamp:2;-webkit-box-orient:vertical}.portfolio-case ul{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 0}.portfolio-case li{padding:6px 10px;border:1px solid #ffffff33;background:#07111db8;color:#e1e4e9;font-size:8px}.portfolio-case-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:17px;border-top:1px solid #ffffff42;font-size:10px;font-weight:700}.portfolio-case-action .arrow{color:var(--accent);transition:translate 180ms var(--ease)}.portfolio-case:hover .portfolio-case-action .arrow,.portfolio-case:focus-within .portfolio-case-action .arrow{translate:4px -4px}html[dir=rtl] .portfolio-case:hover .portfolio-case-action .arrow,html[dir=rtl] .portfolio-case:focus-within .portfolio-case-action .arrow{translate:-4px -4px}

.portfolio-interlude{position:relative;isolation:isolate;display:grid;min-height:520px;margin-top:72px;overflow:hidden;border-block:1px solid #e1bb6438;background:#06101c;color:#f6f4ec}.portfolio-interlude-bg{position:absolute;z-index:-2;inset:-4%;background:url('images/tactic-portfolio-cta-bg.webp') center/cover no-repeat;filter:saturate(.6) contrast(1.04) brightness(.65) hue-rotate(-7deg);transform:scale(1.055);animation:portfolio-cta-drift 17s ease-in-out infinite alternate}.portfolio-interlude:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#06101cf2 0%,#06101cc7 38%,#06101c70 68%,#06101cd9 100%),radial-gradient(circle at 70% 45%,#e1bb6430,transparent 33%)}html[dir=rtl] .portfolio-interlude:after{background:linear-gradient(-90deg,#06101cf2 0%,#06101cc7 38%,#06101c70 68%,#06101cd9 100%),radial-gradient(circle at 30% 45%,#e1bb6430,transparent 33%)}
.portfolio-interlude-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:65px clamp(70px,10vw,165px);align-items:center;padding-block:80px}.portfolio-interlude .kicker{color:var(--accent)}.portfolio-interlude h2{font-size:clamp(45px,4.7vw,72px);line-height:1.16}.portfolio-interlude p{max-width:680px;margin-top:23px;color:#d9dee5;font-size:14px;line-height:2}.portfolio-interlude-side{padding:29px;border:1px solid #e1bb6452;background-color:#07111ddb;background-image:var(--pattern-dots);background-size:82px 82px;box-shadow:17px 17px 0 #e1bb6409}.portfolio-interlude-side ul{list-style:none;padding:0;margin:0 0 28px}.portfolio-interlude-side li{position:relative;padding-block:14px;padding-inline:24px 0;border-bottom:1px solid #ffffff29;font-size:11px}.portfolio-interlude-side li:before{content:'✦';position:absolute;inset-inline-start:0;color:var(--accent)}.portfolio-interlude-side .button{width:100%;justify-content:space-between}

@keyframes portfolio-copy-in{to{opacity:1;transform:none}}@keyframes portfolio-proof-in{to{opacity:1;transform:none}}@keyframes portfolio-grid-drift{to{background-position:68px 0,0 68px}}@keyframes portfolio-orbit-breathe{to{transform:translate(-50%,-50%) scale(1.055) rotate(5deg)}}@keyframes portfolio-cta-drift{to{transform:scale(1.09) translate3d(-1.5%,1%,0);background-position:54% 48%}}

.portfolio-hero.offscreen .portfolio-hero-grid,.portfolio-hero.offscreen .portfolio-hero-orbit,.portfolio-interlude.offscreen .portfolio-interlude-bg,.portfolio-index-section.offscreen .portfolio-index-atmosphere span,.portfolio-index-section.offscreen .portfolio-index-atmosphere i{animation-play-state:paused}
html[data-motion=paused] .portfolio-hero-grid,html[data-motion=paused] .portfolio-hero-orbit,html[data-motion=paused] .portfolio-interlude-bg,html[data-motion=paused] .portfolio-index-atmosphere span,html[data-motion=paused] .portfolio-index-atmosphere i{animation:none!important}html[data-motion=paused] .portfolio-hero-video{opacity:.58}

@media(max-width:900px){.portfolio-hero{min-height:760px}.portfolio-hero-inner{padding-block:67px 82px}.portfolio-hero h1{font-size:clamp(57px,8.8vw,77px)}html[lang=en] .portfolio-hero h1{font-size:clamp(52px,8.2vw,72px)}.portfolio-proof{margin-top:48px}.portfolio-index-title-row{grid-template-columns:1fr 1fr;gap:38px}.portfolio-filter-bar{top:78px}.portfolio-index-section .portfolio-grid{gap:17px}.portfolio-case{min-height:560px}.portfolio-case-content{padding:32px 27px}.portfolio-interlude-inner{grid-template-columns:1fr 320px;gap:45px}.portfolio-interlude h2{font-size:48px}}
@media(max-width:650px){.portfolio-hero{min-height:calc(100svh - 78px)}.portfolio-hero-video{inset:-1%;width:102%;height:102%;filter:saturate(.58) contrast(1.12) brightness(.62) hue-rotate(-7deg);object-position:center}.portfolio-hero-wash{background:linear-gradient(180deg,#07101db5 0%,#07101d30 28%,#07101d8c 65%,#07101df8 100%),radial-gradient(circle at 50% 35%,transparent,#07101db5 80%)}.portfolio-hero-grid{background-size:48px 48px}.portfolio-hero-orbit{width:520px}.portfolio-hero-inner{justify-content:flex-start;padding-block:56px 82px}.portfolio-hero-copy{text-align:start}.portfolio-hero-kicker{margin:0}.portfolio-hero-kicker .kicker{font-size:10px}.portfolio-hero h1,html[lang=en] .portfolio-hero h1{font-size:clamp(45px,12vw,59px);line-height:1.08}.portfolio-hero-copy>p{margin-top:21px;font-size:12px;line-height:1.85}.portfolio-hero-actions{justify-content:flex-start;gap:17px;margin-top:27px}.portfolio-hero-actions .button{min-height:51px;padding-inline:18px;gap:18px;font-size:11px}.portfolio-hero-quiet{font-size:10px}.portfolio-proof{grid-template-columns:repeat(3,1fr);margin-top:auto}.portfolio-proof-card{display:flex;min-width:0;min-height:101px;flex-direction:column;gap:4px;padding:15px 11px;border-inline-end:1px solid #ffffff24}.portfolio-proof-card>.number{padding:0;font-size:7px}.portfolio-proof-card strong{font-size:20px}.portfolio-proof-card small{font-size:8px;line-height:1.45}.portfolio-hero-scroll{display:none}.portfolio-hero-wordmark{font-size:75px;bottom:4px}.portfolio-index-section{padding:75px 0 82px}.portfolio-index-title-row{display:block}.portfolio-index-title-row h2{font-size:43px}.portfolio-index-title-row p{margin-top:20px;padding:0;font-size:12px}.portfolio-filter-bar{top:78px;margin-top:38px}.portfolio-filter-inner{display:block;min-height:0;padding-block:8px}.portfolio-filter-bar .filters{gap:7px;flex-wrap:nowrap;margin-inline:calc(var(--gutter)*-1);padding:0 var(--gutter);overflow-x:auto;scrollbar-width:none}.portfolio-filter-bar .filters::-webkit-scrollbar{display:none}.portfolio-filter-bar .filters button{flex:0 0 auto;min-height:43px;padding:8px 13px;font-size:9px}.portfolio-filter-bar .filter-status{display:none}.portfolio-index-section .portfolio-grid{grid-template-columns:1fr;gap:15px;margin-top:35px}.portfolio-index-section .portfolio-grid-secondary{margin-top:15px}.portfolio-case{min-height:520px}.portfolio-case-content{padding:29px 22px 26px}.portfolio-case h3{font-size:38px}.portfolio-case p{font-size:10px;-webkit-line-clamp:3}.portfolio-case ul{margin-top:15px}.portfolio-case-action{margin-top:19px}.portfolio-interlude{min-height:0;margin-top:50px}.portfolio-interlude-inner{display:block;padding-block:70px}.portfolio-interlude h2{font-size:42px}.portfolio-interlude p{font-size:12px}.portfolio-interlude-side{margin-top:38px;padding:23px;box-shadow:9px 9px 0 #e1bb6409}.portfolio-interlude-side li{font-size:10px}.portfolio-interlude-bg{background-position:center}.portfolio-index-atmosphere span{width:500px;inset:2% auto auto -93%}}
@media(max-width:370px){.portfolio-hero h1,html[lang=en] .portfolio-hero h1{font-size:42px}.portfolio-proof-card{padding-inline:8px}.portfolio-proof-card strong{font-size:18px}.portfolio-case{min-height:490px}.portfolio-case h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.portfolio-hero-video{opacity:.55}.portfolio-hero-grid,.portfolio-hero-orbit,.portfolio-interlude-bg,.portfolio-index-atmosphere span,.portfolio-index-atmosphere i{animation:none!important}.js .portfolio-hero-copy>*,.js .portfolio-proof-card{opacity:1;transform:none}}