@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Black.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--ink:#090909;--ink-2:#111;--paper:#f0ede6;--muted:#aaa7a0;--line:rgba(240,237,230,.17);--red:#a8171d;--red-bright:#d02028;--header:78px;--gutter:20px;--section:108px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--ink);color:var(--paper);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}body.nav-open{overflow:hidden}::selection{background:var(--red);color:#fff}a{color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{max-width:1440px}.min-vh-100{min-height:100svh}.skip-link{position:fixed;left:16px;top:-100px;z-index:9999;background:var(--paper);color:var(--ink);padding:12px 16px}.skip-link:focus{top:12px}.page-noise{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{height:var(--header);position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(to bottom,rgba(5,5,5,.92),rgba(5,5,5,.55),transparent);transition:.3s}.site-header.is-scrolled{background:rgba(8,8,8,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.site-header__inner{height:100%;padding:0 max(var(--gutter),calc((100vw - 1880px)/2));display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:124px;position:relative;z-index:2}.brand img{width:100%;filter:invert(1) grayscale(1) brightness(1.6)}.main-nav{display:flex;align-items:center;gap:34px}.main-nav a{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:600;position:relative}.main-nav a:not(.main-nav__cta):after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-6px;background:var(--red-bright);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.main-nav__cta{border:1px solid var(--paper);padding:11px 17px}.main-nav__cta:hover{background:var(--paper);color:var(--ink)}.nav-toggle{display:none;background:none;border:0;color:var(--paper);text-transform:uppercase;letter-spacing:.15em;font-size:10px;align-items:center;gap:10px}.nav-toggle__lines,.nav-toggle__lines:before,.nav-toggle__lines:after{display:block;width:24px;height:1px;background:currentColor;transition:.25s}.nav-toggle__lines{position:relative}.nav-toggle__lines:before,.nav-toggle__lines:after{content:"";position:absolute;left:0}.nav-toggle__lines:before{top:-7px}.nav-toggle__lines:after{top:7px}.nav-toggle[aria-expanded=true] .nav-toggle__lines{background:transparent}.nav-toggle[aria-expanded=true] .nav-toggle__lines:before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__lines:after{top:0;transform:rotate(-45deg)}
.hero{position:relative;min-height:100vh;background:#080808 url('../img/hero-noir.jpg') center/cover no-repeat;overflow:hidden}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.93) 0%,rgba(3,3,3,.62) 45%,rgba(3,3,3,.08) 72%),linear-gradient(0deg,rgba(3,3,3,.75),transparent 45%)}.rain-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.45;pointer-events:none}.hero__content{position:relative;z-index:2}.hero__copy{padding-bottom:12vh;padding-top:150px}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:600;color:var(--muted)}.eyebrow span{color:var(--paper);border-right:1px solid var(--red-bright);padding-right:14px;margin-right:12px}.hero h1,.section h2{font-size:clamp(45px,7.2vw,112px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;font-weight:900;margin:30px 0}.hero h1 em,.section h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--paper);text-shadow:4px 4px 0 rgba(168,23,29,.65)}.hero__lead{max-width:690px;font-size:clamp(18px,1.5vw,25px);line-height:1.5;color:#d5d2cc;margin:0 0 36px}.hero__actions{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:52px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:11px;cursor:pointer;transition:.22s}.button--primary{background:var(--red);color:#fff;border-color:var(--red)}.button--primary:hover{background:var(--red-bright);transform:translateY(-2px)}.button--ghost{border-color:rgba(240,237,230,.65)}.button--ghost:hover{background:var(--paper);color:var(--ink)}.hero__stamp-wrap{padding-bottom:12vh;display:flex;justify-content:flex-end}.case-stamp{width:180px;height:180px;border:2px solid rgba(238,235,228,.55);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(-8deg);background:rgba(5,5,5,.2);backdrop-filter:blur(3px);text-transform:uppercase}.case-stamp span,.case-stamp small{font-size:8px;letter-spacing:.16em}.case-stamp strong{font-size:22px;line-height:1.05;margin:8px;color:var(--red-bright)}.scroll-cue{position:absolute;z-index:3;bottom:32px;left:50%;transform:translateX(-50%);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:8px;color:#c4c1bb;display:flex;align-items:center;gap:10px}.scroll-cue span{width:38px;height:1px;background:var(--paper);position:relative}.scroll-cue span:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(-45deg)}
.section{position:relative;padding:var(--section) 0}.section-index{color:var(--red-bright);margin:0 0 20px}.section h2{font-size:clamp(39px,5.1vw,78px);margin:0 0 32px}.section h2 .strike{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:6px}.lead{font-size:clamp(18px,1.7vw,25px);line-height:1.45;color:var(--paper);font-weight:600}.dossier{background:var(--paper);color:var(--ink)}.dossier .section-index{color:var(--red)}.dossier h2 .strike{color:#777}.dossier__copy>p:not(.section-index,.lead){color:#3a3936;max-width:700px}.dossier blockquote{font-size:19px;line-height:1.5;font-weight:600;border-left:4px solid var(--red);padding:8px 0 8px 24px;margin:35px 0}.noir-frame{margin:0;position:relative;background:#111;padding:12px 12px 45px;box-shadow:14px 18px 0 rgba(0,0,0,.12);transform:rotate(-1.5deg)}.noir-frame:after{content:"";position:absolute;inset:12px 12px 45px;background:linear-gradient(130deg,transparent,rgba(255,255,255,.12),transparent 60%);pointer-events:none}.noir-frame img{width:100%;height:670px;object-fit:cover;filter:grayscale(1) contrast(1.25)}.noir-frame figcaption{color:#aaa;font-size:8px;text-transform:uppercase;letter-spacing:.13em;margin:14px 3px 0}.dossier__facts{margin:38px 0 0;border-top:1px solid #bbb}.dossier__facts div{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid #bbb;padding:13px 0}.dossier__facts dt{text-transform:uppercase;font-size:9px;letter-spacing:.13em;color:#777}.dossier__facts dd{margin:0;font-size:13px;font-weight:600}
.operations{background:#0c0c0c}.section-heading{margin-bottom:55px}.section-heading p:not(.section-index){color:var(--muted);margin-bottom:8px}.operations__grid>article{margin-bottom:24px}.service-card{height:100%;min-height:390px;border:1px solid var(--line);padding:31px;position:relative;overflow:hidden;transition:.3s;background:linear-gradient(145deg,#121212,#0a0a0a)}.service-card:before{content:"";position:absolute;width:130px;height:130px;background:var(--red);filter:blur(90px);opacity:0;right:-30px;bottom:-30px;transition:.35s}.service-card:hover{border-color:rgba(240,237,230,.5);transform:translateY(-6px)}.service-card:hover:before{opacity:.35}.service-card__number{position:absolute;right:22px;top:18px;color:#565656;font-weight:900;font-size:34px}.service-card img{width:58px;height:58px;object-fit:contain;filter:invert(1);margin:35px 0 48px}.service-card h3{font-size:20px;text-transform:uppercase;line-height:1.15;margin:0 0 17px;max-width:280px}.service-card p{color:var(--muted);font-size:14px;line-height:1.6}.service-card__tags{position:absolute;bottom:25px;left:31px;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:#777}
.wide-angle{padding:0}.wide-angle__visual{min-height:760px;position:relative;overflow:hidden}.wide-angle__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(12,12,12,.5))}.wide-angle__visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.3)}.photo-code{position:absolute;z-index:2;bottom:20px;left:22px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;background:#090909;padding:7px 10px}.wide-angle__copy{background:#141414;padding:clamp(50px,7vw,120px);display:flex;flex-direction:column;justify-content:center}.wide-angle__copy h2{font-size:clamp(40px,4.2vw,70px)}.wide-angle__copy>p:not(.section-index,.lead){color:var(--muted);max-width:670px}.evidence-list{list-style:none;padding:0;margin:40px 0 0}.evidence-list li{border-top:1px solid var(--line);padding:14px 0;font-size:13px}.evidence-list li:last-child{border-bottom:1px solid var(--line)}.evidence-list span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid var(--red);color:var(--red-bright);margin-right:15px;font-size:10px;font-weight:800}
.electron{background:var(--paper);color:var(--ink);overflow:hidden}.electron h2 em{-webkit-text-stroke-color:var(--ink);text-shadow:4px 4px 0 rgba(168,23,29,.45)}.electron__copy>p:not(.section-index,.lead){color:#4d4b47}.electron__features{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.electron__features span{border:1px solid #aaa;padding:8px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.text-link{display:inline-block;margin-top:20px;color:var(--ink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;text-underline-offset:7px}.text-link span{color:var(--red);font-size:20px;margin-left:8px}.app-mockup{background:#101010;color:#eee;border:1px solid #333;box-shadow:25px 30px 0 rgba(0,0,0,.12);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);margin:30px 5px 30px 35px}.app-mockup__bar{height:45px;border-bottom:1px solid #313131;display:flex;align-items:center;padding:0 14px;gap:7px;font-size:8px;color:#777}.app-mockup__bar i{display:block;width:8px;height:8px;border-radius:50%;background:#555}.app-mockup__bar i:first-child{background:var(--red)}.app-mockup__bar span{margin-left:10px}.app-mockup__body{display:grid;grid-template-columns:55px 145px 1fr;min-height:480px}.app-mockup aside{border-right:1px solid #292929;display:flex;flex-direction:column;align-items:center;padding-top:17px;gap:16px}.app-mockup aside b,.app-mockup aside span{width:28px;height:28px;border-radius:8px;background:#272727}.app-mockup aside b{background:var(--red);display:grid;place-items:center}.app-mockup__channels{border-right:1px solid #292929;padding:22px 13px;display:flex;flex-direction:column;gap:15px;font-size:9px;color:#777}.app-mockup__channels strong{color:#bbb;font-size:8px;letter-spacing:.12em}.app-mockup__channels .active{background:#292929;color:#fff;padding:6px;margin:-6px}.app-mockup__chat{padding:32px 22px;position:relative;font-size:10px}.app-mockup__chat small{color:#666}.app-mockup__chat p{background:#1b1b1b;padding:12px;margin:25px 0;width:80%}.app-mockup__chat p.reply{margin-left:20%;border-left:2px solid var(--red)}.app-mockup__chat b{color:#bbb}.app-mockup__input{position:absolute;bottom:18px;left:22px;right:22px;border:1px solid #333;padding:12px;color:#555}.app-mockup__input span{float:right;color:var(--red)}
.process{background:#0a0a0a}.process__list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process__list li{display:grid;grid-template-columns:100px 1fr 220px;gap:30px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);position:relative;transition:.25s}.process__list li:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:var(--red);transition:.4s}.process__list li:hover:after{right:0}.process__number{font-size:38px;font-weight:900;color:#393939}.process__list h3{font-size:20px;text-transform:uppercase;margin:0 0 5px}.process__list p{margin:0;color:var(--muted);max-width:700px;font-size:14px}.process__list small{text-align:right;color:#666;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.tech-strip{overflow:hidden;background:var(--red);color:white;padding:17px 0;transform:rotate(-1deg) scale(1.02);position:relative;z-index:2}.tech-strip__track{display:flex;white-space:nowrap;justify-content:center;gap:26px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.tech-strip i{font-style:normal;color:#360609}
.manifesto{background:#0d0d0d;padding-top:150px}.manifesto__intro{position:sticky;top:130px;align-self:flex-start}.manifesto__intro h2{font-size:clamp(40px,4.4vw,70px)}.manifesto__intro>p:not(.section-index){color:var(--muted)}.manifesto__statements p{font-size:clamp(20px,2.1vw,34px);line-height:1.3;font-weight:800;margin:0;padding:26px 0;border-bottom:1px solid var(--line);text-transform:uppercase}.manifesto__statements p:first-child{border-top:1px solid var(--line)}.manifesto__statements span{color:var(--red-bright);font-size:10px;vertical-align:top;margin-right:14px}
.contact{min-height:800px;display:flex;align-items:center;overflow:hidden;background:#080808}.contact__bg{position:absolute;inset:0;background:linear-gradient(90deg,#070707 10%,rgba(7,7,7,.83) 52%,rgba(7,7,7,.55)),url('../img/night-road.jpg') center/cover no-repeat;filter:grayscale(1) contrast(1.2)}.contact__inner{position:relative;z-index:2}.contact h2{font-size:clamp(50px,6vw,94px)}.contact__mail{font-size:clamp(16px,2vw,27px);font-weight:800;text-underline-offset:8px}.contact__mail:hover{color:var(--red-bright)}.contact__note{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:35px}.contact__note span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2eb872;box-shadow:0 0 10px #2eb872;margin-right:9px}.contact-form{background:rgba(8,8,8,.75);border:1px solid var(--line);padding:35px;backdrop-filter:blur(12px)}.contact-form label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:600;color:#aaa;margin-bottom:22px}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #555;background:transparent;color:white;padding:9px 0;outline:none;resize:vertical;font-size:14px;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red-bright)}.contact-form ::placeholder{color:#666}.contact-form .button{width:100%;justify-content:space-between}.form-status{font-size:11px;color:#c9c6c0;margin:14px 0 0}.site-footer{background:#050505;border-top:1px solid var(--line);padding:30px 0;color:#777;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.brand--footer{width:100px}.site-footer__center{text-align:center}.site-footer__right{text-align:right}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.rain-canvas{display:none}[data-reveal]{opacity:1;transform:none}}
@media (max-width:991.98px){:root{--section:85px}.nav-toggle{display:flex;position:relative;z-index:102}.main-nav{position:fixed;inset:0;background:#090909;display:flex;flex-direction:column;justify-content:center;gap:26px;transform:translateX(100%);transition:.35s}.main-nav.is-open{transform:none}.main-nav a{font-size:18px}.main-nav__cta{margin-top:12px}.hero{background-position:65% center}.hero__shade{background:linear-gradient(90deg,rgba(3,3,3,.92),rgba(3,3,3,.4)),linear-gradient(0deg,rgba(3,3,3,.8),transparent)}.hero__copy{padding-bottom:40px}.hero__stamp-wrap{padding-bottom:100px;justify-content:flex-start}.case-stamp{width:140px;height:140px}.case-stamp strong{font-size:17px}.noir-frame{max-width:520px;margin:0 auto 70px}.noir-frame img{height:620px}.wide-angle__visual{min-height:650px}.wide-angle__copy{padding:75px max(24px,8vw)}.electron__copy{margin-bottom:50px}.app-mockup{margin-left:0;transform:none}.process__list li{grid-template-columns:75px 1fr}.process__list small{grid-column:2;text-align:left}.manifesto__intro{position:static;margin-bottom:50px}.contact{min-height:auto}.contact-form{margin-top:55px}.site-footer__center{text-align:center}.site-footer__right{text-align:right}}
@media (max-width:575.98px){:root{--header:66px;--gutter:16px;--section:70px}body{font-size:14px}.site-header__inner{padding:0 16px}.brand{width:100px}.hero{background-position:70% center}.hero__shade{background:linear-gradient(90deg,rgba(3,3,3,.94),rgba(3,3,3,.38)),linear-gradient(0deg,rgba(3,3,3,.9),transparent 55%)}.hero__copy{padding-top:120px}.hero h1{font-size:clamp(43px,15vw,67px)}.hero__lead{font-size:16px}.hero__stamp-wrap{display:none}.scroll-cue{left:16px;transform:none;bottom:21px}.button{width:100%}.section h2{font-size:clamp(37px,12vw,54px)}.noir-frame{padding:8px 8px 40px;margin-bottom:50px}.noir-frame img{height:480px}.dossier blockquote{font-size:16px}.dossier__facts div{grid-template-columns:110px 1fr}.service-card{min-height:350px;padding:25px}.service-card img{margin:28px 0 42px}.service-card__tags{left:25px}.wide-angle__visual{min-height:520px}.wide-angle__copy{padding:62px 22px}.app-mockup{overflow:hidden;box-shadow:12px 14px 0 rgba(0,0,0,.13)}.app-mockup__body{grid-template-columns:42px 100px 230px;min-height:430px}.app-mockup__channels{padding-left:8px;padding-right:8px}.app-mockup__chat{padding:25px 12px}.app-mockup__input{left:12px;right:12px}.process__list li{grid-template-columns:45px 1fr;gap:12px;padding:25px 0}.process__number{font-size:25px}.tech-strip__track{justify-content:flex-start;animation:marquee 30s linear infinite}.manifesto{padding-top:110px}.manifesto__statements p{font-size:19px}.contact__bg{background-position:60% center}.contact-form{padding:24px 18px}.site-footer{text-align:center}.brand--footer{margin:0 auto 20px}.site-footer__center,.site-footer__right{text-align:center;margin-top:10px}@keyframes marquee{to{transform:translateX(-70%)}}}
@media (min-width:1920px){:root{--header:92px;--section:150px}.container{max-width:1640px}.site-header__inner{padding-left:70px;padding-right:70px}.hero__copy{padding-bottom:15vh}.hero h1{font-size:128px}.hero__lead{font-size:28px;max-width:780px}.case-stamp{width:220px;height:220px}.case-stamp strong{font-size:27px}.section h2{font-size:88px}.service-card{min-height:450px;padding:40px}.service-card h3{font-size:24px}.service-card p{font-size:16px}.service-card img{width:68px;height:68px}.wide-angle__visual{min-height:940px}.wide-angle__copy{padding:150px}.noir-frame img{height:800px}.process__list li{padding:42px 0}.process__list h3{font-size:25px}.process__list p{font-size:16px}.app-mockup__body{min-height:600px}.contact{min-height:950px}}

/* Global rain and menu control */
.rain-canvas--global{position:fixed;inset:0;width:100%;height:100%;z-index:60;display:block;opacity:.34;pointer-events:none;mix-blend-mode:screen;transition:opacity .35s}
.rain-off .rain-canvas--global{opacity:0}
.main-nav{gap:28px}
.rain-switch{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);padding:8px 0;text-transform:uppercase;letter-spacing:.13em;font-size:9px;cursor:pointer;transition:color .2s}
.rain-switch:hover,.rain-switch:focus-visible{color:var(--paper)}
.rain-switch strong{color:var(--paper);font-size:inherit}
.rain-switch__drop{width:7px;height:10px;border:1px solid var(--red-bright);border-radius:60% 40% 55% 45%;transform:rotate(35deg);transition:.25s}
.rain-switch[aria-pressed=false] .rain-switch__drop{opacity:.35;transform:rotate(35deg) scale(.7)}
.rain-switch[aria-pressed=false] strong{color:#777}
.atmosphere-controls{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
.atmosphere-controls--mobile{display:none}
.atmosphere-controls .rain-switch{padding:1px 0;line-height:1.45}
.music-switch{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);padding:1px 0;text-transform:uppercase;letter-spacing:.13em;font-size:9px;line-height:1.45;cursor:pointer;transition:color .2s}
.music-switch:hover,.music-switch:focus-visible{color:var(--paper)}
.music-switch strong{color:var(--paper);font-size:inherit}
.music-switch__signal{width:11px;height:10px;background:linear-gradient(to top,var(--red-bright) 0 55%,transparent 55%) 0 100%/2px 100% no-repeat,linear-gradient(to top,var(--red-bright) 0 90%,transparent 90%) 50% 100%/2px 100% no-repeat,linear-gradient(to top,var(--red-bright) 0 70%,transparent 70%) 100% 100%/2px 100% no-repeat;opacity:.9;transition:opacity .25s,transform .25s}
.music-switch[aria-pressed=false] .music-switch__signal{opacity:.3;transform:scaleY(.45)}
.music-switch[aria-pressed=false] strong{color:#777}
.music-switch[aria-pressed=true] .music-switch__signal{animation:music-meter 1.6s ease-in-out infinite alternate}
@keyframes music-meter{0%{transform:scaleY(.72)}45%{transform:scaleY(1)}100%{transform:scaleY(.82)}}
@media (prefers-reduced-motion:reduce){.rain-canvas--global{display:block}}
@media (max-width:991.98px){.main-nav{gap:22px}.main-nav .rain-switch{font-size:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 18px}}

/* Keep the long hero title on one line on narrow phones. */
@media (max-width:575.98px){.hero h1{font-size:clamp(38px,12vw,52px)}}

/* Stronger rain, mobile header control and scroll-safe mobile navigation. */
.rain-canvas--global{opacity:.58}
.rain-switch--mobile{display:none}
@media (max-width:991.98px){
  .rain-switch--desktop{display:none}
  .atmosphere-controls--desktop{display:none}
  .atmosphere-controls--mobile{display:flex;margin-left:auto;margin-right:16px;position:relative;z-index:103;align-items:flex-start}
  .atmosphere-controls--mobile .rain-switch--mobile,.atmosphere-controls--mobile .music-switch--mobile{display:inline-flex;margin:0;padding:0;font-size:8px;white-space:nowrap}
  body.nav-open .site-header{height:100dvh;background:#090909;backdrop-filter:none;border-bottom:0}
  body.nav-open .site-header__inner{height:var(--header);align-items:center}
  body.nav-open .main-nav{top:var(--header);bottom:auto;height:calc(100dvh - var(--header));padding:32px 24px 40px;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;background:#090909}
}
@media (max-width:380px){
  .atmosphere-controls--mobile{margin-right:10px}
  .rain-switch--mobile .rain-switch__drop{display:none}
  .music-switch--mobile .music-switch__signal{display:none}
}

/* Detached mobile menu with a noir disintegration transition. */
.mobile-menu{display:none}
@media (max-width:991.98px){
  .main-nav{display:none}
  body.nav-open .site-header{height:var(--header);background:#090909;backdrop-filter:none}
  body.nav-open .site-header__inner{height:100%}
  .mobile-menu{display:block;position:fixed;inset:0;z-index:95;height:100dvh;background:#080808;visibility:hidden;pointer-events:none;opacity:0;overflow:hidden;clip-path:polygon(0 0,0 0,0 18%,0 18%,0 36%,0 36%,0 54%,0 54%,0 72%,0 72%,0 100%,0 100%)}
  .mobile-menu.is-open{visibility:visible;pointer-events:auto;opacity:1;animation:menu-materialize .58s cubic-bezier(.2,.75,.15,1) both}
  .mobile-menu.is-closing{pointer-events:none;animation:menu-destroy .46s cubic-bezier(.7,0,.8,.25) both}
  .mobile-menu:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 14%,rgba(168,23,29,.25),transparent 31%),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.035) 48% 49%,transparent 49% 100%);background-size:auto,18px 18px;pointer-events:none}
  .mobile-menu:after{content:"";position:absolute;left:-20%;right:-20%;top:var(--header);height:2px;background:linear-gradient(90deg,transparent,var(--red-bright),#fff,var(--red-bright),transparent);box-shadow:0 0 18px var(--red-bright);opacity:0;pointer-events:none}
  .mobile-menu.is-open:after{animation:menu-scan .85s .08s ease-out both}
  .mobile-menu__grain{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='x'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23x)'/%3E%3C/svg%3E");pointer-events:none}
  .mobile-menu__inner{position:relative;height:100%;padding:calc(var(--header) + 42px) 24px 28px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
  .mobile-menu__eyebrow{margin:0 0 24px;color:var(--red-bright);text-transform:uppercase;font-size:8px;font-weight:600;letter-spacing:.18em;opacity:0}
  .mobile-menu__nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}
  .mobile-menu__nav a{display:flex;align-items:center;min-height:68px;border-bottom:1px solid var(--line);color:var(--paper);text-decoration:none;text-transform:uppercase;font-size:clamp(18px,6vw,28px);font-weight:900;letter-spacing:-.025em;opacity:0;transform:translate3d(-45px,0,0) skewX(-10deg);filter:blur(8px)}
  .mobile-menu__nav a span{width:38px;color:#5d5b57;font-size:8px;letter-spacing:.12em;font-weight:600}
  .mobile-menu__nav a b{margin-left:auto;color:var(--red-bright);font-size:25px}
  .mobile-menu__nav .mobile-menu__cta{margin-top:18px;min-height:64px;padding:0 16px;border:1px solid var(--red);background:var(--red);color:#fff}
  .mobile-menu__nav .mobile-menu__cta span{color:rgba(255,255,255,.6)}
  .mobile-menu__footer{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:26px;color:#777;text-transform:uppercase;font-size:7px;letter-spacing:.1em;opacity:0}
  .mobile-menu.is-open .mobile-menu__eyebrow{animation:menu-item-in .38s .2s both}
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(1){animation:menu-item-in .42s .24s both}
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(2){animation:menu-item-in .42s .29s both}
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(3){animation:menu-item-in .42s .34s both}
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(4){animation:menu-item-in .42s .39s both}
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(5){animation:menu-item-in .42s .44s both}
  .mobile-menu.is-open .mobile-menu__footer{animation:menu-item-in .4s .5s both}
  .mobile-menu.is-closing .mobile-menu__inner{animation:menu-content-destroy .32s both}
}
@keyframes menu-materialize{0%{opacity:0;clip-path:polygon(0 0,8% 0,8% 18%,2% 18%,2% 36%,11% 36%,11% 54%,4% 54%,4% 72%,9% 72%,9% 100%,0 100%)}45%{opacity:1;clip-path:polygon(0 0,70% 0,70% 18%,88% 18%,88% 36%,62% 36%,62% 54%,94% 54%,94% 72%,74% 72%,74% 100%,0 100%)}100%{opacity:1;clip-path:polygon(0 0,100% 0,100% 18%,100% 18%,100% 36%,100% 36%,100% 54%,100% 54%,100% 72%,100% 72%,100% 100%,0 100%)}}
@keyframes menu-destroy{0%{opacity:1;clip-path:inset(0)}35%{opacity:.9;clip-path:polygon(0 0,92% 0,92% 17%,100% 17%,100% 36%,86% 36%,86% 54%,100% 54%,100% 72%,90% 72%,90% 100%,0 100%)}100%{opacity:0;clip-path:polygon(0 0,0 0,0 17%,9% 17%,9% 36%,0 36%,0 54%,7% 54%,7% 72%,0 72%,0 100%,0 100%)}}
@keyframes menu-item-in{0%{opacity:0;transform:translate3d(-45px,0,0) skewX(-10deg);filter:blur(8px)}65%{opacity:1;transform:translate3d(5px,0,0) skewX(1deg);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes menu-content-destroy{0%{opacity:1;transform:none;filter:none}50%{opacity:.75;transform:translateX(12px) skewX(3deg);filter:contrast(1.8)}100%{opacity:0;transform:translateX(-45px) skewX(-8deg);filter:blur(7px)}}
@keyframes menu-scan{0%{top:var(--header);opacity:0}15%{opacity:1}100%{top:100%;opacity:0}}
@media (prefers-reduced-motion:reduce){.mobile-menu.is-open,.mobile-menu.is-closing,.mobile-menu.is-open:after,.mobile-menu.is-open .mobile-menu__eyebrow,.mobile-menu.is-open .mobile-menu__nav a,.mobile-menu.is-open .mobile-menu__footer,.mobile-menu.is-closing .mobile-menu__inner{animation:none!important}.mobile-menu.is-open{opacity:1;clip-path:inset(0)}.mobile-menu.is-open .mobile-menu__eyebrow,.mobile-menu.is-open .mobile-menu__nav a,.mobile-menu.is-open .mobile-menu__footer{opacity:1;transform:none;filter:none}}

/* 07 / Activity dossier */
.activity{--skate:#f0c62e;--strava:var(--skate);background:#0a0a0a;overflow:hidden;padding-bottom:0}
.activity__intro{margin-bottom:64px}
.activity__intro .lead{color:var(--muted);font-size:clamp(16px,1.4vw,21px)}
.activity h2 em{-webkit-text-stroke-color:var(--paper);text-shadow:4px 4px 0 rgba(240,198,46,.58)}
.activity-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:340px 340px;gap:10px;padding:0 max(12px,calc((100vw - 1880px)/2));background:#050505}
.activity-shot{position:relative;margin:0;overflow:hidden;background:#151515;border:1px solid #222}
.activity-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78));pointer-events:none}
.activity-shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.16);transition:filter .55s,transform .7s}
.activity-shot:hover img{filter:grayscale(.2) contrast(1.08);transform:scale(1.035)}
.activity-shot figcaption{position:absolute;z-index:2;left:17px;bottom:13px;color:#ddd;text-transform:uppercase;font-size:8px;letter-spacing:.14em}
.activity-shot--a{grid-column:1/4;grid-row:1/3}.activity-shot--b{grid-column:4/8;grid-row:1}.activity-shot--c{grid-column:8/11;grid-row:1/3}.activity-shot--d{grid-column:11/13;grid-row:1}.activity-shot--e{grid-column:4/6;grid-row:2}.activity-shot--f{grid-column:6/8;grid-row:2}
.activity-shot--b img{object-position:center 62%}.activity-shot--c img{object-position:center 70%}.activity-shot--f img{object-position:center 32%}
.activity__closing{padding-top:74px;padding-bottom:110px}
.victory-card,.strava-card{height:100%;min-height:330px}
.victory-card{display:grid;grid-template-columns:170px 1fr;gap:38px;align-items:center;border:1px solid var(--line);padding:42px;background:linear-gradient(135deg,#151515,#0b0b0b)}
.victory-card__icon{width:150px;height:150px;object-fit:contain;filter:invert(1);opacity:.9}
.victory-card h3{font-size:clamp(26px,3vw,48px);line-height:1;text-transform:uppercase;margin:0 0 20px}
.victory-card p:not(.section-index){max-width:650px;color:var(--muted);font-size:13px;margin-bottom:0}
.strava-card{position:relative;display:grid;grid-template-columns:1fr 155px;gap:20px;align-items:center;padding:36px;background:var(--strava);color:#111;text-decoration:none;overflow:hidden;transition:transform .25s}
.strava-card:hover{transform:translateY(-5px)}
.strava-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(0,0,0,.035) 10px 11px);pointer-events:none}
.strava-card__copy{position:relative;z-index:1}.strava-card__copy span,.strava-card__copy small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:8px}.strava-card__copy strong{display:block;font-size:clamp(25px,2.5vw,40px);line-height:1.02;text-transform:uppercase;margin:18px 0 25px}.strava-card>img{position:relative;z-index:1;width:155px;height:155px;object-fit:cover;background:white;padding:7px;filter:grayscale(1) contrast(8)}.strava-card>b{position:absolute;right:17px;top:10px;font-size:27px}

/* 08 / Direct contact channels */
.contact-channels{display:flex;flex-direction:column;gap:12px}
.contact-channel{display:grid;grid-template-columns:56px minmax(0,1fr) 30px;gap:22px;align-items:center;min-height:128px;padding:24px 28px;border:1px solid var(--line);background:rgba(8,8,8,.78);color:var(--paper);text-decoration:none;backdrop-filter:blur(12px);transition:border-color .25s,transform .25s,background .25s}
.contact-channel:hover{border-color:var(--red-bright);background:rgba(18,18,18,.9);transform:translateX(-7px)}
.contact-channel>img{width:48px;height:48px;object-fit:contain;filter:invert(1);opacity:.85}
.contact-channel>span{min-width:0}.contact-channel small{display:block;margin-bottom:5px;color:#777;text-transform:uppercase;letter-spacing:.14em;font-size:8px}.contact-channel strong{display:block;font-size:clamp(17px,2vw,29px);line-height:1.2;overflow-wrap:anywhere}.contact-channel>b{color:var(--red-bright);font-size:25px;text-align:right}.contact-channel em{display:block;margin-top:10px;color:#ece9e2;font-style:normal;font-size:16px;font-weight:800;letter-spacing:.16em}.contact-channel em i{color:var(--red-bright);font-style:normal}.contact-channel em span{color:#555}.contact-code{display:flex;justify-content:space-between;gap:20px;padding:4px 3px;color:#666;text-transform:uppercase;font-size:7px;letter-spacing:.11em}

@media (max-width:1199.98px) and (min-width:992px){.main-nav{gap:16px}.main-nav a{font-size:9px}.rain-switch{font-size:8px}.main-nav__cta{padding:9px 11px}}
@media (max-width:991.98px){
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(5){animation:menu-item-in .42s .44s both}
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(6){animation:menu-item-in .42s .49s both}
  .mobile-menu.is-open .mobile-menu__footer{animation-delay:.55s}
  .activity-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,390px);padding:0 18px}
  .activity-shot--a,.activity-shot--b,.activity-shot--c,.activity-shot--d,.activity-shot--e,.activity-shot--f{grid-column:auto;grid-row:auto}
  .victory-card{grid-template-columns:130px 1fr;padding:34px}.victory-card__icon{width:120px;height:120px}
  .strava-card{margin-top:18px}
}
@media (max-width:575.98px){
  .activity__intro{margin-bottom:42px}
  .activity-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:76vw;grid-template-columns:none;grid-template-rows:430px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px 18px;overscroll-behavior-inline:contain}
  .activity-shot--a,.activity-shot--b,.activity-shot--c,.activity-shot--d,.activity-shot--e,.activity-shot--f{grid-column:auto;grid-row:1;scroll-snap-align:center}
  .activity-shot img{object-position:center}
  .activity__closing{padding-top:52px;padding-bottom:70px}
  .victory-card{display:block;min-height:0;padding:27px 22px}.victory-card__icon{width:84px;height:84px;margin-bottom:26px}.victory-card h3{font-size:29px}
  .strava-card{grid-template-columns:1fr 112px;min-height:280px;padding:24px 20px}.strava-card>img{width:112px;height:112px}.strava-card__copy strong{font-size:25px}
  .contact-channel{grid-template-columns:42px minmax(0,1fr) 20px;gap:13px;min-height:112px;padding:20px 16px}.contact-channel>img{width:38px;height:38px}.contact-channel strong{font-size:17px}.contact-channel em{font-size:13px;letter-spacing:.11em}.contact-code{display:block}.contact-code span{display:block;margin-top:5px}
}

/* Code archive divider / live count */
.tech-strip{position:relative;z-index:2;overflow:hidden;padding:76px 0 0;background:#b01920;color:#fff;transform:none;outline:none;border-top:1px solid #e4494f;border-bottom:1px solid #360609}
.tech-strip__content{position:relative;z-index:2;padding-bottom:65px}
.tech-strip__ghost{position:absolute;left:-2vw;top:-.22em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.11);font-size:clamp(100px,15vw,280px);line-height:1;letter-spacing:-.08em;font-weight:900;white-space:nowrap;pointer-events:none}
.tech-strip__eyebrow{margin:0 0 14px;color:rgba(255,255,255,.67);text-transform:uppercase;font-size:9px;font-weight:600;letter-spacing:.16em}
.code-counter{display:block;font-size:clamp(62px,9.1vw,154px);line-height:.78;letter-spacing:-.075em;font-variant-numeric:tabular-nums;font-weight:900;white-space:nowrap;text-shadow:7px 7px 0 rgba(54,6,9,.33);cursor:default}
.code-counter__unit{margin:24px 0 0;text-transform:uppercase;font-size:clamp(13px,1.25vw,19px);font-weight:900;letter-spacing:.12em}
.code-counter__unit span{color:#42070a}
.tech-strip__note{max-width:410px;margin-left:auto;padding:6px 0 4px 28px;border-left:1px solid rgba(255,255,255,.45)}
.tech-strip__note strong{display:block;font-size:clamp(18px,1.7vw,25px);line-height:1.1;text-transform:uppercase}
.tech-strip__note p{margin:18px 0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.65}
.tech-strip__note small{color:#42070a;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.12em}
.tech-strip__rail{position:relative;z-index:2;overflow:hidden;padding:14px 0;background:#080808;color:var(--paper);transform:rotate(-.35deg) scale(1.01)}
.tech-strip__track{display:flex;width:max-content;justify-content:flex-start;gap:25px;white-space:nowrap;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;animation:code-marquee 34s linear infinite}
.tech-strip__track i{color:var(--red-bright);font-style:normal}
@keyframes code-marquee{to{transform:translateX(-50%)}}
@media (max-width:991.98px){.tech-strip{padding-top:62px}.tech-strip__note{max-width:none;margin:45px 0 0;padding:24px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.4)}.tech-strip__content{padding-bottom:52px}}
@media (max-width:575.98px){.tech-strip{padding-top:48px}.tech-strip__content{padding-bottom:42px}.tech-strip__ghost{font-size:105px}.code-counter{font-size:clamp(49px,15.4vw,67px);text-shadow:4px 4px 0 rgba(54,6,9,.33)}.code-counter__unit{margin-top:18px;font-size:10px}.tech-strip__note{margin-top:34px}.tech-strip__note small{display:none}.tech-strip__track{animation:code-marquee 28s linear infinite}}
@media (min-width:1920px){.tech-strip{padding-top:105px}.tech-strip__content{padding-bottom:85px}.code-counter{font-size:170px}.tech-strip__note{max-width:480px}.tech-strip__note p{font-size:14px}}
@media (prefers-reduced-motion:reduce){.tech-strip__track{animation:none}}

/* 06 / Open-channel signal matrix */
.manifesto{overflow:hidden}
.manifesto__intro h2 em{-webkit-text-stroke-color:var(--paper);text-shadow:4px 4px 0 rgba(168,23,29,.65)}
.manifesto__signal{display:flex;align-items:center;gap:10px;margin-top:34px;color:#73706b;text-transform:uppercase;font-size:8px;font-weight:600;letter-spacing:.13em}
.manifesto__signal span{width:8px;height:8px;border-radius:50%;background:#2eb872;box-shadow:0 0 12px #2eb872;animation:signal-pulse 2.2s ease-in-out infinite}
.manifesto__channels{position:relative;border-top:1px solid var(--line)}
.manifesto__channels:before{content:"";position:absolute;top:0;bottom:0;left:52px;width:1px;background:rgba(168,23,29,.35);pointer-events:none}
.signal-band{display:grid;grid-template-columns:52px 1fr;gap:24px;min-height:120px;align-items:center;border-bottom:1px solid var(--line);position:relative;transition:background .25s,transform .25s}
.signal-band:after{content:"";position:absolute;left:52px;right:100%;bottom:-1px;height:1px;background:var(--red-bright);transition:right .45s}
.signal-band:hover{background:rgba(255,255,255,.025);transform:translateX(7px)}
.signal-band:hover:after{right:0}
.signal-band__number{color:#4b4945;font-size:10px;font-weight:800;letter-spacing:.12em}
.signal-band small{display:block;margin-bottom:10px;color:var(--red-bright);text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.16em}
.signal-band p{margin:0;color:#e1ded7;font-size:clamp(14px,1.3vw,18px);font-weight:700;line-height:1.48;text-transform:none}
.signal-band--private{background:linear-gradient(90deg,rgba(168,23,29,.16),transparent)}
.signal-band--private p{color:#fff}
.manifesto__channels blockquote{margin:34px 0 0;padding:24px 28px;border:1px solid rgba(168,23,29,.55);background:#101010;color:var(--paper);font-size:clamp(17px,1.8vw,25px);font-weight:800;line-height:1.35;text-transform:uppercase}
@keyframes signal-pulse{50%{opacity:.35;box-shadow:0 0 4px #2eb872}}

/* 07 / Inline skating is the main route */
.activity-fieldnote{position:relative;margin:0 0 27px;padding:18px 22px 18px 28px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(240,198,46,.12),transparent);text-transform:uppercase}
.activity-fieldnote:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--skate);box-shadow:0 0 14px rgba(240,198,46,.58)}
.activity-fieldnote small,.activity-fieldnote span{display:block;font-size:7px;font-weight:700;letter-spacing:.15em}
.activity-fieldnote small{color:#6f6c66}
.activity-fieldnote strong{display:block;margin:8px 0 7px;color:var(--paper);font-size:clamp(34px,3.8vw,56px);line-height:.82;letter-spacing:-.045em}
.activity-fieldnote span{color:var(--skate)}
.activity-shot--g{grid-column:11/13;grid-row:2}
.activity-shot--g img{object-position:center 58%}

/* Seamless duplicated technology rail */
.tech-strip__track{gap:0}
.tech-strip__sequence{display:flex;flex:none;align-items:center;justify-content:space-around;gap:25px;min-width:100vw;padding-right:25px}

@media (max-width:991.98px){
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(7){animation:menu-item-in .42s .54s both}
  .mobile-menu.is-open .mobile-menu__nav a:nth-child(8){animation:menu-item-in .42s .59s both}
  .mobile-menu.is-open .mobile-menu__footer{animation-delay:.66s}
  .manifesto__channels:before{left:44px}
  .signal-band{grid-template-columns:44px 1fr;gap:18px}
  .signal-band:after{left:44px}
  .activity-gallery{grid-template-rows:repeat(4,390px)}
  .activity-shot--g{grid-column:1/-1;grid-row:auto}
}
@media (max-width:575.98px){
  .manifesto__signal{margin-bottom:44px}
  .signal-band{min-height:112px;gap:13px}
  .signal-band p{font-size:14px}
  .manifesto__channels blockquote{padding:21px 18px;font-size:17px}
  .activity-fieldnote{margin-top:10px}
  .activity-shot--g{grid-column:auto;grid-row:1;scroll-snap-align:center}
}
@media (max-width:991.98px) and (max-height:800px){
  .mobile-menu__inner{padding-top:calc(var(--header) + 24px);padding-bottom:18px}
  .mobile-menu__eyebrow{margin-bottom:13px}
  .mobile-menu__nav a{min-height:51px;font-size:clamp(15px,5vw,21px)}
  .mobile-menu__nav .mobile-menu__cta{margin-top:10px;min-height:54px}
  .mobile-menu__footer{padding-top:15px}
}
@media (prefers-reduced-motion:reduce){.manifesto__signal span{animation:none}.signal-band:hover{transform:none}}

/* Above-the-fold strategic partner seal */
.hero-partner{position:relative;display:inline-flex;align-items:center;gap:13px;min-height:58px;margin-top:27px;padding:8px 15px 8px 10px;overflow:hidden;border:1px solid rgba(104,116,255,.48);background:linear-gradient(115deg,rgba(255,101,8,.11),rgba(170,98,166,.08) 45%,rgba(104,116,255,.14)),rgba(5,5,8,.72);color:var(--paper);text-decoration:none;box-shadow:0 0 24px rgba(104,116,255,.08),inset 0 0 28px rgba(104,116,255,.04);backdrop-filter:blur(7px);transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.hero-partner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff9d00,#ff4d00 38%,#aa62a6 67%,#646cff);box-shadow:0 0 13px rgba(104,116,255,.55)}
.hero-partner__mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(104,116,255,.5);background:linear-gradient(145deg,#fff3e6,#eef0ff);box-shadow:0 0 18px rgba(104,116,255,.15)}
.hero-partner__mark img{width:23px;height:27px;filter:none;opacity:1}
.hero-partner__copy{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:13px;line-height:1}
.hero-partner__copy small{grid-column:1/-1;margin-bottom:6px;color:#ff8a37;text-transform:uppercase;font-size:7px;font-weight:700;letter-spacing:.16em}
.hero-partner__copy strong{background:linear-gradient(90deg,#ff7a20,#bd69a3 55%,#7f89ff);color:#f2eff8;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:13px;letter-spacing:.16em}
.hero-partner__copy em{color:#9299ff;font-size:7px;font-style:normal;letter-spacing:.08em}
.hero-partner:hover{transform:translateY(-3px);border-color:#6874ff;background:linear-gradient(115deg,rgba(255,101,8,.17),rgba(170,98,166,.12) 45%,rgba(104,116,255,.21)),rgba(8,8,13,.88);box-shadow:0 10px 30px rgba(104,116,255,.16),0 0 18px rgba(255,101,8,.08)}
.hero-partner:hover .hero-partner__mark img{opacity:1}
@media (max-width:575.98px){.hero-partner{width:100%;margin-top:18px;min-height:55px}.hero-partner__copy{grid-template-columns:auto 1fr}.hero-partner__copy strong{font-size:12px}.hero-partner__copy em{text-align:right}}
@media (max-width:380px){.hero-partner__copy{column-gap:7px}.hero-partner__copy em{font-size:6px;letter-spacing:.04em}}
@media (prefers-reduced-motion:reduce){.hero-partner:hover{transform:none}}

/* Mobile activity filmstrip: deliberately independent from desktop grid. */
@media (max-width:575.98px){
  .activity-gallery{display:flex;grid-template:none;grid-auto-flow:unset;grid-auto-columns:unset;gap:10px;overflow-x:auto;overflow-y:hidden;padding:0 16px 18px;scroll-padding-inline:16px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--skate) #171717}
  .activity-shot--a,.activity-shot--b,.activity-shot--c,.activity-shot--d,.activity-shot--e,.activity-shot--f,.activity-shot--g{flex:0 0 min(78vw,320px);width:auto;height:clamp(360px,112vw,430px);min-width:0;grid-column:auto;grid-row:auto;scroll-snap-align:start}
  .activity-gallery::-webkit-scrollbar{height:4px}
  .activity-gallery::-webkit-scrollbar-thumb{background:var(--skate)}
}

/* 04 / Strategic partner handoff — ARTNOVA visual language */
.service-card--artnova{--artnova-navy:#8585b7;--artnova-blue:#6874ff;--artnova-orange:#ff6508;min-height:430px;padding:27px 28px 82px;border-color:rgba(105,105,160,.36);background:linear-gradient(145deg,rgba(15,15,21,.76),rgba(5,5,8,.9));color:var(--paper);backdrop-filter:blur(8px);isolation:isolate}
.service-card--artnova:before{width:185px;height:185px;right:-55px;bottom:-70px;background:#7069ff;filter:blur(70px);opacity:.14}
.service-card--artnova:after{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ff9d00 0%,#ff4d00 42%,#aa62a6 72%,#646cff 100%)}
.service-card--artnova .service-card__number{z-index:2;color:rgba(225,222,238,.12);font-size:38px}
.artnova-card__brand,.artnova-card__handoff,.service-card--artnova h3,.service-card--artnova p,.artnova-card__services,.artnova-card__cta{position:relative;z-index:3}
.artnova-card__brand{display:flex;align-items:center;gap:12px;padding-right:60px}
.artnova-card__mark{display:grid;place-items:center;width:40px;height:44px}
.service-card--artnova .artnova-card__mark img{width:29px;height:33px;margin:0;filter:grayscale(1) brightness(0) invert(1);object-fit:contain}
.artnova-card__brand small,.artnova-card__brand strong{display:block;line-height:1;text-transform:uppercase}
.artnova-card__brand small{margin-bottom:6px;color:#777581;font-size:7px;font-weight:600;letter-spacing:.14em}
.artnova-card__brand strong{color:#f2eff8;font-size:14px;letter-spacing:.17em}
.artnova-card__handoff{display:flex;align-items:center;gap:12px;margin:20px 0 17px;padding-bottom:10px;border-bottom:1px solid rgba(211,208,224,.18);color:var(--artnova-navy);text-transform:uppercase;font-size:7px;font-weight:800;letter-spacing:.13em}
.artnova-card__handoff:before{content:"";width:7px;height:7px;border:2px solid var(--artnova-orange);border-radius:50%}
.artnova-card__handoff b{margin-left:auto;color:var(--artnova-orange);font-size:18px;line-height:.6}
.service-card--artnova h3{max-width:310px;margin:0 0 12px;color:#f3f0f7;font-size:clamp(21px,1.75vw,27px);font-weight:600;line-height:1.02;letter-spacing:-.045em;text-transform:none}
.service-card--artnova p{margin:0;color:#aaa7b2;font-size:12px;line-height:1.52}
.artnova-card__services{margin-top:13px;color:var(--artnova-orange);font-size:7px;font-weight:800;line-height:1.45;letter-spacing:.09em;text-transform:uppercase}
.artnova-card__cta{position:absolute;left:28px;bottom:25px;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:40px;padding:9px 18px;border:2px solid var(--artnova-blue);border-radius:999px;color:#485cff;text-decoration:none;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.08em;transition:background .22s,color .22s,transform .22s}
.artnova-card__cta span{font-size:14px;line-height:1}
.artnova-card__cta:hover{background:var(--artnova-blue);color:#fff;transform:translateX(4px)}
.service-card--artnova:hover{border-color:rgba(120,120,190,.72);background:linear-gradient(145deg,rgba(20,20,29,.86),rgba(7,7,11,.96));box-shadow:0 18px 40px rgba(0,0,0,.34)}
@media (max-width:1199.98px){.service-card--artnova{min-height:460px}}
@media (max-width:575.98px){.service-card--artnova{min-height:455px;padding:25px 23px 82px}.artnova-card__cta{left:23px;bottom:24px}.service-card--artnova p{font-size:12.5px}}
@media (min-width:1920px){.service-card--artnova{min-height:520px;padding:38px 38px 98px}.artnova-card__mark{width:49px;height:53px}.service-card--artnova .artnova-card__mark img{width:35px;height:39px}.artnova-card__brand strong{font-size:17px}.artnova-card__handoff{margin-top:27px}.service-card--artnova h3{max-width:390px;font-size:31px}.service-card--artnova p{font-size:15px}.artnova-card__services{font-size:8px}.artnova-card__cta{left:38px;bottom:34px;min-height:46px;padding:11px 23px;font-size:9px}}
@media (prefers-reduced-motion:reduce){.artnova-card__cta:hover{transform:none}}

/* 03 / Temporary concept laboratory: three complete variants */
.agent-showcase{padding-bottom:0;background:#0c0c0c;overflow:hidden}
.agent-showcase__intro{padding-bottom:78px}
.agent-showcase__intro h2{max-width:980px}
.agent-showcase__intro h2 em{-webkit-text-stroke-color:var(--paper);text-shadow:4px 4px 0 rgba(168,23,29,.58)}
.agent-showcase__intro .col-lg-4>p{margin:0 0 9px;color:var(--muted);font-size:14px}
.agent-variant{position:relative;overflow:hidden}
.concept-label{position:relative;z-index:8;display:grid;grid-template-columns:54px 1fr auto;align-items:center;min-height:58px;padding:8px max(var(--gutter),calc((100vw - 1880px)/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080808;color:var(--paper);text-transform:uppercase}
.concept-label b{display:grid;place-items:center;width:34px;height:34px;background:var(--red);color:#fff;font-size:14px}
.concept-label span{font-size:11px;font-weight:900;letter-spacing:.13em}
.concept-label small{color:#696762;font-size:7px;font-weight:600;letter-spacing:.13em}
.agent-variant--a .concept-label{box-shadow:0 12px 30px rgba(0,0,0,.22)}
.agent-variant--a .wide-angle__visual,.agent-variant--a .wide-angle__copy{min-height:760px}

/* Variant B — command centre */
.agent-variant--b{--signal:#d02028;min-height:860px;background:#07090b;color:var(--paper)}
.agent-variant--b:before{content:"";position:absolute;inset:58px 0 0;background:linear-gradient(90deg,rgba(7,9,11,.97),rgba(7,9,11,.86)),url('../img/architecture-grid.jpg') center/cover no-repeat;filter:grayscale(1) contrast(1.3);opacity:.74}
.agent-variant--b:after{content:"";position:absolute;inset:58px 0 0;background-image:linear-gradient(rgba(208,32,40,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(208,32,40,.055) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}
.agent-variant--b .concept-label{background:#0a0d10}
.agent-variant--b .concept-label b{border:1px solid var(--signal);background:transparent;color:var(--signal);box-shadow:0 0 14px rgba(208,32,40,.35)}
.agent-command__layout{position:relative;z-index:3;padding-top:100px;padding-bottom:100px}
.agent-command__photo-code{position:absolute;right:12px;top:28px;padding:6px 9px;border:1px solid rgba(208,32,40,.42);background:rgba(5,6,8,.72);color:#77747a;text-transform:uppercase;font-size:6px;font-weight:700;letter-spacing:.13em}
.agent-command__copy h2 em{-webkit-text-stroke-color:var(--paper);text-shadow:4px 4px 0 rgba(208,32,40,.55)}
.agent-command__copy>p:not(.section-index,.lead){max-width:680px;color:#99979a}
.agent-command__status{display:flex;flex-wrap:wrap;gap:7px;margin-top:38px}
.agent-command__status span{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(240,237,230,.15);background:rgba(4,4,6,.6);color:#77757a;text-transform:uppercase;font-size:7px;font-weight:700;letter-spacing:.11em}
.agent-command__status i{width:6px;height:6px;border-radius:50%;background:#2eb872;box-shadow:0 0 9px #2eb872}
.agent-radar{position:relative;width:min(520px,92%);aspect-ratio:1;margin:0 auto;border:1px solid rgba(208,32,40,.45);border-radius:50%;overflow:hidden;background:#050608}
.agent-radar__subject{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:grayscale(1) contrast(1.28) brightness(.72)}
.agent-radar:after{content:"";position:absolute;z-index:1;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 18%,rgba(3,4,6,.12) 42%,rgba(3,4,6,.68) 100%);pointer-events:none}
.agent-radar:before{content:"";position:absolute;z-index:3;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 18%,rgba(208,32,40,.24) 18.3% 18.65%,transparent 19% 36%),linear-gradient(transparent 49.8%,rgba(208,32,40,.28) 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,rgba(208,32,40,.28) 50%,transparent 50.2%);pointer-events:none}
.agent-radar__sweep{position:absolute;z-index:2;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(208,32,40,.34),transparent 19%,transparent 100%);animation:radar-sweep 7s linear infinite}
.agent-radar__core{position:absolute;z-index:4;left:50%;top:50%;width:132px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--signal);border-radius:50%;background:rgba(9,10,13,.42);box-shadow:0 0 35px rgba(208,32,40,.22);backdrop-filter:blur(1.5px);transform:translate(-50%,-50%);text-align:center;text-transform:uppercase}
.agent-radar__core small,.agent-radar__core span{color:#65636a;font-size:6px;letter-spacing:.14em}
.agent-radar__core strong{margin:7px 0;color:#fff;font-size:22px;letter-spacing:.16em}
.agent-radar__node{position:absolute;z-index:5;padding:7px 9px;border:1px solid rgba(208,32,40,.55);background:rgba(5,6,8,.88);color:#cfccd0;text-transform:uppercase;font-size:7px;font-weight:800;letter-spacing:.11em;box-shadow:0 0 14px rgba(0,0,0,.5)}
.agent-radar__node:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 7px var(--signal)}
.agent-radar__node--strategy{left:50%;top:7%;transform:translateX(-50%)}
.agent-radar__node--ux{right:3%;top:27%}
.agent-radar__node--code{right:5%;bottom:23%}
.agent-radar__node--data{left:50%;bottom:6%;transform:translateX(-50%)}
.agent-radar__node--auto{left:1%;bottom:25%}
.agent-radar__node--deploy{left:2%;top:27%}
.agent-command__readout{display:grid;grid-template-columns:repeat(3,1fr);width:min(520px,92%);margin:18px auto 0;border-top:1px solid rgba(240,237,230,.13);border-bottom:1px solid rgba(240,237,230,.13)}
.agent-command__readout span{padding:12px 8px;color:#66646a;text-align:center;text-transform:uppercase;font-size:6px;letter-spacing:.1em}
.agent-command__readout b{display:block;margin-bottom:4px;color:var(--signal);font-size:19px}
@keyframes radar-sweep{to{transform:rotate(360deg)}}

/* Variant C — human liaison dossier */
.agent-variant--c{background:#e9e5dc;color:#111}
.agent-variant--c .concept-label{border-color:#c9c4b9;background:#ded9cf;color:#151515}
.agent-variant--c .concept-label b{background:#151515;color:#f1eee7}
.agent-variant--c .concept-label small{color:#77736c}
.agent-file__layout{padding-top:105px;padding-bottom:120px}
.agent-file__photo{position:relative;max-width:500px;margin:0;background:#101010;padding:11px 11px 48px;box-shadow:20px 24px 0 rgba(0,0,0,.1);transform:rotate(-1.7deg)}
.agent-file__photo:after{content:"";position:absolute;inset:11px 11px 48px;background:linear-gradient(135deg,transparent,rgba(255,255,255,.13),transparent 65%);pointer-events:none}
.agent-file__photo img{width:100%;height:650px;object-fit:cover;filter:grayscale(1) contrast(1.25)}
.agent-file__photo figcaption{margin:13px 3px 0;color:#8d8a84;text-transform:uppercase;font-size:7px;letter-spacing:.12em}
.agent-file__photo>span{position:absolute;z-index:3;right:-21px;bottom:23px;padding:8px 14px;border:3px solid #a8171d;color:#a8171d;font-size:15px;font-weight:900;letter-spacing:.18em;transform:rotate(-8deg)}
.agent-file__copy{padding-left:clamp(30px,5vw,90px)}
.agent-file__copy .section-index{color:#a8171d}
.agent-file__copy h2{color:#111}
.agent-file__copy h2 em{-webkit-text-stroke-color:#111;text-shadow:4px 4px 0 rgba(168,23,29,.27)}
.agent-file__copy .lead{color:#171717}
.agent-file__copy>p:not(.section-index,.lead){max-width:790px;color:#4c4944}
.agent-file__steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid #aaa59b;border-bottom:1px solid #aaa59b}
.agent-file__steps>div{min-height:135px;padding:20px 18px;border-right:1px solid #aaa59b}
.agent-file__steps>div:last-child{border-right:0}
.agent-file__steps span,.agent-file__steps strong,.agent-file__steps small{display:block}
.agent-file__steps span{color:#a8171d;font-size:9px;font-weight:900}
.agent-file__steps strong{margin:15px 0 8px;font-size:13px;line-height:1.15;text-transform:uppercase}
.agent-file__steps small{color:#77736d;font-size:7px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}
.agent-file__copy blockquote{margin:35px 0 0;padding:13px 0 13px 24px;border-left:4px solid #a8171d;color:#191919;font-size:clamp(17px,1.7vw,24px);font-weight:800;line-height:1.35;text-transform:uppercase}

@media (max-width:991.98px){
  .agent-showcase__intro{padding-bottom:60px}
  .concept-label{grid-template-columns:46px 1fr;padding-left:24px;padding-right:24px}
  .concept-label small{grid-column:2;margin-top:4px}
  .agent-variant--a .wide-angle__visual,.agent-variant--a .wide-angle__copy{min-height:650px}
  .agent-variant--b{min-height:0}
  .agent-command__layout{padding-top:75px;padding-bottom:85px}
  .agent-radar{margin-top:60px}
  .agent-file__layout{padding-top:80px;padding-bottom:90px}
  .agent-file__photo{margin:0 auto 70px}
  .agent-file__copy{padding-left:12px}
}
@media (max-width:575.98px){
  .agent-showcase{padding-top:70px}
  .agent-showcase__intro{padding-bottom:44px}
  .agent-showcase__intro h2{font-size:clamp(36px,11.5vw,50px)}
  .concept-label{grid-template-columns:40px 1fr;min-height:66px;padding:9px 16px}
  .concept-label b{width:31px;height:31px}
  .concept-label span{font-size:9px}
  .agent-variant--a .wide-angle__visual{min-height:520px}
  .agent-variant--a .wide-angle__copy{min-height:0}
  .agent-command__layout{padding:62px 16px 70px}
  .agent-command__photo-code{right:16px;top:17px}
  .agent-command__copy h2{font-size:clamp(36px,11vw,51px)}
  .agent-command__status{margin-top:27px}
  .agent-radar{width:min(350px,94vw);margin-top:45px}
  .agent-radar__core{width:102px;height:102px}
  .agent-radar__core strong{font-size:17px}
  .agent-radar__node{padding:5px 6px;font-size:5.5px;letter-spacing:.07em}
  .agent-command__readout{width:100%}
  .agent-file__layout{padding:65px 16px 75px}
  .agent-file__photo{margin-bottom:55px;padding:8px 8px 42px;box-shadow:11px 14px 0 rgba(0,0,0,.1)}
  .agent-file__photo img{height:500px}
  .agent-file__photo>span{right:-6px;bottom:18px;font-size:11px}
  .agent-file__copy h2{font-size:clamp(36px,11.5vw,52px)}
  .agent-file__steps{grid-template-columns:1fr}
  .agent-file__steps>div{min-height:0;border-right:0;border-bottom:1px solid #aaa59b}
  .agent-file__steps>div:last-child{border-bottom:0}
}
@media (min-width:1920px){
  .agent-showcase__intro{padding-bottom:105px}
  .concept-label{min-height:72px}.concept-label span{font-size:13px}.concept-label small{font-size:8px}
  .agent-variant--a .wide-angle__visual,.agent-variant--a .wide-angle__copy{min-height:940px}
  .agent-command__layout{padding-top:150px;padding-bottom:150px}
  .agent-radar,.agent-command__readout{width:640px}.agent-radar__core{width:155px;height:155px}
  .agent-file__layout{padding-top:145px;padding-bottom:155px}
  .agent-file__photo{max-width:590px}.agent-file__photo img{height:790px}
  .agent-file__steps>div{min-height:165px;padding:28px 23px}.agent-file__steps strong{font-size:16px}.agent-file__steps small{font-size:8px}
}
@media (prefers-reduced-motion:reduce){.agent-radar__sweep{animation:none}}

/* 03 / Final concept: liaison copy + active P/88 radar */
.agent-final{--signal:#d02028;position:relative;padding:0;overflow:hidden;background:#07090b;color:var(--paper)}
.agent-final:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,11,.97),rgba(7,9,11,.82)),url('../img/architecture-grid.jpg') center/cover no-repeat;filter:grayscale(1) contrast(1.3);opacity:.72}
.agent-final:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(208,32,40,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(208,32,40,.05) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}
.agent-final__case{position:relative;z-index:2}
.agent-final .agent-command__layout{padding-top:120px;padding-bottom:120px}
.agent-final .agent-command__copy{padding-right:clamp(20px,4vw,78px)}
.agent-final .agent-command__copy h2 em{-webkit-text-stroke-color:var(--paper);text-shadow:4px 4px 0 rgba(208,32,40,.55)}
.agent-final__heading-line{display:block;font-size:.78em;letter-spacing:-.045em}
.agent-final .agent-command__copy>p:not(.section-index,.lead){max-width:680px;color:#99979a}
.agent-final__steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid rgba(240,237,230,.2);border-bottom:1px solid rgba(240,237,230,.2)}
.agent-final__steps>div{min-height:132px;padding:18px 16px;border-right:1px solid rgba(240,237,230,.2)}
.agent-final__steps>div:last-child{border-right:0}
.agent-final__steps span,.agent-final__steps strong,.agent-final__steps small{display:block}
.agent-final__steps span{color:var(--signal);font-size:9px;font-weight:900}
.agent-final__steps strong{margin:14px 0 8px;color:#ece9e3;font-size:12px;line-height:1.15;text-transform:uppercase}
.agent-final__steps small{color:#77747a;font-size:7px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}
.agent-final__step--partner{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,101,8,.045),rgba(104,116,255,.075))}
.agent-final__step--partner:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ff9d00,#ff4d00 42%,#aa62a6 72%,#646cff)}
.agent-final__step--partner mark{padding:0;background:linear-gradient(90deg,#ff6508,#aa62a6 55%,#6874ff);color:#6874ff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}
.agent-final__partner-line{display:flex!important;align-items:center;gap:6px;margin-top:6px}
.agent-final__step--partner small b{display:inline-block;padding:3px 5px;border:1px solid rgba(104,116,255,.55);border-radius:999px;color:#8b92ff;font-size:5px;letter-spacing:.12em}
.agent-final blockquote{margin:31px 0 0;padding:12px 0 12px 20px;border-left:3px solid var(--signal);color:#d9d6d0;font-size:clamp(15px,1.25vw,20px);font-weight:800;line-height:1.35;text-transform:uppercase}
.agent-final__visual{position:relative;padding-top:34px;isolation:isolate}
.agent-final__visual:before{content:"";position:absolute;z-index:0;left:50%;top:48%;width:min(760px,132%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(208,32,40,.3) 0%,rgba(208,32,40,.2) 28%,rgba(208,32,40,.1) 48%,rgba(208,32,40,.045) 62%,transparent 76%);filter:blur(22px);transform:translate(-50%,-50%);pointer-events:none}
.agent-final .agent-command__photo-code{z-index:8;right:26px;top:0;color:#918e94}
.agent-final .agent-radar{z-index:1;width:min(560px,94%);overflow:hidden;border:2px solid transparent;background:linear-gradient(#050608,#050608) padding-box,radial-gradient(circle at 78% 16%,#ff666d 0%,#d02028 24%,#53090d 60%,#a8171d 82%,#e62b33 100%) border-box;box-shadow:inset 0 0 128px 34px #000,0 0 0 1px rgba(255,66,73,.14),0 0 20px 4px rgba(208,32,40,.34),0 0 66px 14px rgba(208,32,40,.2),0 0 145px 30px rgba(208,32,40,.09)}
.agent-final .agent-radar__subject{transform:scale(1.06);object-position:center 43%;filter:grayscale(1) contrast(1.42) brightness(.58)}
.agent-final .agent-radar:after{z-index:1;background:radial-gradient(circle at 50% 47%,transparent 12%,rgba(3,4,6,.2) 39%,rgba(3,4,6,.58) 61%,rgba(3,4,6,.88) 79%,rgba(3,4,6,.99) 100%),linear-gradient(90deg,rgba(0,0,0,.5),transparent 30% 70%,rgba(0,0,0,.5));box-shadow:inset 0 0 118px 38px rgba(0,0,0,.9)}
.agent-final .agent-radar:before{z-index:3;background:repeating-radial-gradient(circle,transparent 0 18%,rgba(208,32,40,.25) 18.3% 18.65%,transparent 19% 36%),linear-gradient(transparent 49.8%,rgba(208,32,40,.3) 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,rgba(208,32,40,.3) 50%,transparent 50.2%)}
.agent-final .agent-radar__sweep{z-index:2;background:conic-gradient(from -12deg,rgba(208,32,40,.55),rgba(208,32,40,.23) 7%,transparent 18%,transparent 100%);animation:radar-sweep 5.4s linear infinite;transform-origin:center}
.agent-final .agent-radar__core{z-index:4;background:rgba(7,8,10,.5);box-shadow:0 0 38px rgba(208,32,40,.28)}
.agent-final .agent-radar__node{--detect-delay:0s;--node-color:#d02028;--node-rgb:208,32,40;--node-size:58px;--drift-duration:10s;--drift-delay:0s;--move-x1:8px;--move-y1:-4px;--move-x2:-4px;--move-y2:8px;--move-x3:-8px;--move-y3:-2px;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:var(--node-size);height:var(--node-size);padding:8px;border:1px solid rgba(var(--node-rgb),.3);border-radius:50%;background:rgba(5,6,8,.86);color:#fff;opacity:0;box-shadow:0 0 14px rgba(0,0,0,.55);text-align:center;line-height:1.05;white-space:nowrap;will-change:translate,opacity;animation:radar-node-detect 5.4s var(--detect-delay) linear infinite,radar-target-drift var(--drift-duration) var(--drift-delay) ease-in-out infinite}
.agent-final .agent-radar__node:before{content:none}
.agent-final .agent-radar__node:after{content:"";position:absolute;inset:-1px;border:1px solid var(--node-color);border-radius:50%;opacity:0;pointer-events:none;animation:radar-circle-pulse 5.4s var(--detect-delay) linear infinite}
.agent-final .agent-radar__node--strategy{--detect-delay:0s;--node-size:clamp(68px,4.5vw,82px);--drift-duration:9.4s;--drift-delay:-2.1s;--move-x1:13px;--move-y1:2px;--move-x2:-6px;--move-y2:8px;--move-x3:-14px;--move-y3:-3px;left:50%;top:7%;transform:translateX(-50%)}
.agent-final .agent-radar__node--ux{--detect-delay:.9s;--node-color:#6874ff;--node-rgb:104,116,255;--node-size:clamp(62px,4vw,76px);--drift-duration:8.2s;--drift-delay:-5.4s;--move-x1:-8px;--move-y1:9px;--move-x2:-15px;--move-y2:-4px;--move-x3:6px;--move-y3:-10px;right:9%;top:25%;border-color:#6874ff;background:linear-gradient(145deg,rgba(255,101,8,.2),rgba(104,116,255,.22) 55%,rgba(5,6,8,.94) 55%)}
.agent-final .agent-radar__node--ux img{width:10px;height:12px;margin:0;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.agent-final .agent-radar__node--code{--detect-delay:1.8s;--node-size:clamp(46px,3vw,56px);--drift-duration:7.6s;--drift-delay:-1.3s;--move-x1:-12px;--move-y1:-6px;--move-x2:-4px;--move-y2:12px;--move-x3:9px;--move-y3:4px;right:11%;bottom:25%}
.agent-final .agent-radar__node--data{--detect-delay:2.7s;--node-size:clamp(50px,3.2vw,60px);--drift-duration:10.8s;--drift-delay:-7.1s;--move-x1:15px;--move-y1:-5px;--move-x2:4px;--move-y2:-11px;--move-x3:-14px;--move-y3:3px;left:50%;bottom:7%;transform:translateX(-50%)}
.agent-final .agent-radar__node--auto{--detect-delay:3.6s;--node-size:clamp(86px,6vw,104px);--drift-duration:12.2s;--drift-delay:-3.8s;--move-x1:8px;--move-y1:-10px;--move-x2:16px;--move-y2:3px;--move-x3:-5px;--move-y3:12px;left:6%;bottom:22%}
.agent-final .agent-radar__node--deploy{--detect-delay:4.5s;--node-size:clamp(72px,4.8vw,88px);--drift-duration:9.9s;--drift-delay:-6.2s;--move-x1:12px;--move-y1:7px;--move-x2:4px;--move-y2:-12px;--move-x3:-10px;--move-y3:-5px;left:8%;top:24%}
.agent-final .agent-command__readout{position:relative;z-index:1;width:min(560px,94%)}
@keyframes radar-node-detect{0%{opacity:0}2%{opacity:1;border-color:var(--node-color);color:#fff;box-shadow:0 0 9px rgba(var(--node-rgb),.95),0 0 30px rgba(var(--node-rgb),.42)}8%{opacity:1;border-color:var(--node-color);color:#fff}16%{opacity:.42;box-shadow:0 0 18px rgba(var(--node-rgb),.2)}23%,100%{opacity:0;box-shadow:none}}
@keyframes radar-circle-pulse{0%,2%{opacity:0;transform:scale(.92)}4%{opacity:.9;transform:scale(1)}13%{opacity:.25;transform:scale(1.22)}21%,100%{opacity:0;transform:scale(1.38)}}
@keyframes radar-target-drift{0%,100%{translate:0 0}24%{translate:var(--move-x1) var(--move-y1)}51%{translate:var(--move-x2) var(--move-y2)}76%{translate:var(--move-x3) var(--move-y3)}}

@media (max-width:1199.98px){
  .agent-final .agent-command__copy{padding-right:28px}
  .agent-final__steps strong{font-size:11px}
  .agent-final .agent-radar__node--ux{right:8%}.agent-final .agent-radar__node--code{right:9%}.agent-final .agent-radar__node--auto{left:6%}.agent-final .agent-radar__node--deploy{left:8%}
}
@media (max-width:991.98px){
  .agent-final .agent-command__layout{padding-top:88px;padding-bottom:90px}
  .agent-final .agent-command__copy{padding-right:12px}
  .agent-final__visual{margin-top:58px}
  .agent-final .agent-radar{margin-top:0}
}
@media (max-width:575.98px){
  .agent-final .agent-command__layout{padding:72px 16px 76px}
  .agent-final .agent-command__copy h2{font-size:clamp(36px,11vw,51px)}
  .agent-final__steps{grid-template-columns:1fr}
  .agent-final__steps>div{min-height:0;padding:15px 13px;border-right:0;border-bottom:1px solid rgba(240,237,230,.16)}
  .agent-final__steps>div:last-child{border-bottom:0}
  .agent-final__steps strong{margin:7px 0 5px}
  .agent-final blockquote{margin-top:25px}
  .agent-final__visual{margin-top:50px;padding-top:30px}
  .agent-final .agent-command__photo-code{right:16px}
  .agent-final .agent-radar{width:min(350px,94vw)}
  .agent-final .agent-radar__node{gap:2px;padding:6px;font-size:5.5px;letter-spacing:.06em}
  .agent-final .agent-radar__node--ux{right:8%;top:25%}.agent-final .agent-radar__node--code{right:9%;bottom:24%}.agent-final .agent-radar__node--auto{left:5%;bottom:24%}.agent-final .agent-radar__node--deploy{left:8%;top:25%}
}
@media (min-width:1920px){
  .agent-final .agent-command__layout{padding-top:155px;padding-bottom:155px}
  .agent-final .agent-radar,.agent-final .agent-command__readout{width:660px}
  .agent-final .agent-radar__node{padding:9px 12px;font-size:8px}
  .agent-final__steps>div{min-height:150px;padding:24px 20px}.agent-final__steps strong{font-size:14px}.agent-final__steps small{font-size:8px}
}
@media (prefers-reduced-motion:reduce){
  .agent-final .agent-radar__sweep,.agent-final .agent-radar__node,.agent-final .agent-radar__node:after{animation:none}
  .agent-final .agent-radar__node{opacity:.9;color:#ddd9dd}
}

/* Desktop legibility floor: no textual label below 10px. */
@media (min-width:992px){
  .case-stamp span,.case-stamp small,.scroll-cue,.noir-frame figcaption,.dossier__facts dt,
  .service-card__tags,.photo-code,.electron__features span,.app-mockup__bar,
  .app-mockup__channels,.app-mockup__channels strong,.process__list small,
  .contact-form label,.site-footer,.rain-switch,.music-switch,.main-nav a,.activity-shot figcaption,
  .strava-card__copy span,.strava-card__copy small,.contact-channel small,.contact-code,
  .tech-strip__eyebrow,.tech-strip__note small,.manifesto__signal,.signal-band small,
  .activity-fieldnote small,.activity-fieldnote span,.hero-partner__copy small,
  .hero-partner__copy em,.artnova-card__brand small,.artnova-card__handoff,
  .artnova-card__services,.artnova-card__cta,.concept-label small,
  .agent-command__photo-code,.agent-command__status span,.agent-radar__core small,
  .agent-radar__core span,.agent-radar__node,.agent-command__readout span,
  .agent-file__photo figcaption,.agent-file__steps span,.agent-file__steps small,
  .agent-final__steps span,.agent-final__steps small,.agent-final__step--partner small b{
    font-size:10px;
  }
  .agent-final .agent-radar__core{width:154px;height:154px}
  .agent-final .agent-radar__core small{max-width:122px;line-height:1.25}
}
@media (min-width:1920px){
  .agent-final .agent-radar__core{width:174px;height:174px}
}

/* 06 / Persistent liaison panel and higher-contrast communication channels. */
.manifesto{overflow:visible;background:radial-gradient(circle at 78% 34%,rgba(168,23,29,.075),transparent 35%),#0b0b0b}
.manifesto__intro{position:relative;top:auto;align-self:stretch}
.manifesto__intro-sticky{position:sticky;top:calc(var(--header) + 30px)}
.manifesto__intro-sticky h2{font-size:clamp(48px,3.75vw,70px)}
.manifesto__intro-sticky h2 em{display:block;max-width:100%;font-size:.72em;letter-spacing:-.075em;white-space:nowrap}
.manifesto__intro-sticky>p:not(.section-index){max-width:520px;color:#c5c1ba}
.manifesto__channels{border-top-color:rgba(240,237,230,.34);background:rgba(4,4,4,.28);box-shadow:0 28px 80px rgba(0,0,0,.22)}
.manifesto__channels:before{background:rgba(208,32,40,.58)}
.signal-band{min-height:132px;padding-right:24px;border-bottom-color:rgba(240,237,230,.28);background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.045) 58%,rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.02)}
.signal-band:nth-child(even){background:linear-gradient(90deg,rgba(168,23,29,.035),rgba(255,255,255,.04) 58%,rgba(255,255,255,.018))}
.signal-band:hover{background:linear-gradient(90deg,rgba(168,23,29,.14),rgba(255,255,255,.065));box-shadow:0 10px 34px rgba(0,0,0,.22)}
.signal-band__number{color:#918e88}
.signal-band small{color:#ff3d45;text-shadow:0 0 15px rgba(208,32,40,.25)}
.signal-band p{color:#fff;font-size:clamp(16px,1.35vw,20px);text-shadow:0 1px 12px rgba(0,0,0,.75)}
.signal-band--private{background:linear-gradient(90deg,rgba(168,23,29,.26),rgba(168,23,29,.075) 62%,rgba(255,255,255,.025))}
.manifesto__channels blockquote{border-color:rgba(208,32,40,.82);background:linear-gradient(110deg,rgba(168,23,29,.16),rgba(16,16,16,.94) 45%);box-shadow:0 0 34px rgba(168,23,29,.09)}
@media (max-width:991.98px){
  .manifesto{overflow:hidden}
  .manifesto__intro{align-self:auto}
  .manifesto__intro-sticky{position:static}
  .manifesto__intro-sticky h2{font-size:clamp(42px,10vw,64px)}
  .manifesto__intro-sticky h2 em{font-size:clamp(30px,8.5vw,46px)}
}
@media (max-width:575.98px){
  .signal-band{min-height:122px;padding-right:12px}
  .signal-band p{font-size:15px}
}

/* Shared legal links in the global footer. */
.site-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 15px;text-align:center}
.site-footer__links a{color:#9a9690;text-decoration:none}
.site-footer__links a:hover,.site-footer__links a[aria-current=page]{color:#fff}
@media (max-width:991.98px){.site-footer__links{margin-top:15px}.site-footer__right{margin-top:15px;text-align:center}}
@media (max-width:575.98px){.site-footer__links{flex-direction:column;gap:8px}}
