/* M.A.K V4.1: responsive spatial motion system */
:root{--red:#f12541;--ink:#090b10;--muted:#aeb3c0}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}body{background:#090b10}.section{position:relative}.nav{z-index:60}.desktop-nav a[aria-current="page"]{color:#fff}.desktop-nav a[aria-current="page"]:after{content:"";display:block;height:2px;background:#ed2540;margin-top:5px}.menu-links a[aria-current="page"]{color:#f12541}.menu{background:#0a0b11f9}.menu-links a{transition:transform .3s,color .3s}.menu-links a:hover{transform:translateX(10px);color:#f12541}.menu-btn,.cta,.selected-card,.ig-card,.service-tab{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.cta:hover,.menu-btn:hover{transform:translateY(-3px)}.selected-card:hover{transform:translateY(-8px);border-color:#cb3151}.ig-card:hover{border-color:#e52e4d}.selected-card img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.selected-card:hover img{transform:scale(1.035)}.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 67% 52%,#a11e4c20,transparent 45%);pointer-events:none}.scene .core{filter:drop-shadow(0 0 25px #f1254155);animation:core-float 5s ease-in-out infinite}.scene .ring{animation:ring-breathe 8s ease-in-out infinite}.scene .r2{animation-delay:-2s}.float{animation:float-y 5s ease-in-out infinite}.f2{animation-delay:-1.3s}.f3{animation-delay:-2.7s}.f4{animation-delay:-3.6s}@keyframes core-float{50%{translate:0 -11px}}@keyframes ring-breathe{50%{scale:1.07;opacity:.5}}@keyframes float-y{50%{translate:0 -10px}}
/* V4.2 signature sequence: a native canvas scene scrubbed by scroll. */
.cinematic-build{height:390vh;position:relative;background:#08090d;color:#fff;overflow:clip}.cinematic-sticky{position:sticky;top:0;height:100svh;min-height:590px;overflow:hidden;background:#08090d;padding:88px 19px 22px;isolation:isolate}.cinematic-sticky canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.cinematic-vignette{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#08090de8 0%,#08090d70 35%,transparent 54%,#08090d3d 82%,#08090ddb 100%),radial-gradient(circle at 50% 69%,transparent 0%,#08090d1a 45%,#08090d99 100%)}.cinematic-top,.cinematic-bottom{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px}.cinematic-label,.cinematic-count,.cinematic-bottom>span{font-size:8px;line-height:1.35;letter-spacing:.13em;font-weight:850;color:#aeb3c0}.cinematic-label span{display:inline-block;width:16px;height:1px;background:#f12541;margin:0 6px;vertical-align:middle}.cinematic-count{white-space:nowrap}.cinematic-count b{color:#fff}.cinematic-copy{position:absolute;left:19px;right:19px;top:15%;z-index:5;max-width:500px;pointer-events:none}.cinematic-eyebrow{font-size:9px;letter-spacing:.18em;color:#f12541;font-weight:900;margin-bottom:17px}.cinematic-copy h2{font-size:clamp(42px,12vw,67px);line-height:.87;letter-spacing:-.075em;font-weight:950;margin:0}.cinematic-copy h2 em{font-style:normal;color:#f12541}.cinematic-copy p{font-size:14px;line-height:1.5;color:#b6bac3;max-width:315px;margin:18px 0 0}.cinematic-copy h2,.cinematic-copy p,.cinematic-eyebrow{transition:opacity .2s ease,transform .2s ease}.cinematic-copy.changing h2,.cinematic-copy.changing p,.cinematic-copy.changing .cinematic-eyebrow{opacity:.1;transform:translateY(9px)}.cinematic-stage-note{position:absolute;z-index:5;left:19px;bottom:68px;display:flex;align-items:center;gap:8px;font-size:8px;font-weight:900;letter-spacing:.13em;color:#aeb3c0}.cinematic-stage-note i{display:block;width:7px;height:7px;border-radius:50%;background:#f12541;box-shadow:0 0 14px #f12541}.cinematic-bottom{position:absolute;left:19px;right:19px;bottom:22px}.cinematic-progress{width:54%;height:2px;background:#30333d;overflow:hidden}.cinematic-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#f12541,#a918e8);box-shadow:0 0 12px #f12541;will-change:width}
/* Work film-strip */.work-reel{padding-top:0;padding-bottom:60px}.reel-label{font-size:10px;color:#ec304d;letter-spacing:.16em;font-weight:900;margin-bottom:18px}.reel-window{overflow:hidden;border-radius:18px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);border:1px solid #292d38}.reel-track{display:flex;gap:16px;padding:17px;width:max-content;will-change:transform}.reel-track img{width:clamp(250px,45vw,540px);aspect-ratio:1.4;object-fit:cover;border-radius:10px}.work-reel p{font-size:14px;color:#a6abb6}.case{overflow:hidden}.case img{transition:transform .7s ease,filter .7s ease}.case:hover img{transform:scale(1.025);filter:saturate(1.15)}
/* Interactive services */.services-lab{padding-top:15px}.services-lab h2,.security-orbit h2{font-size:clamp(42px,8vw,78px);line-height:.95;letter-spacing:-.06em;margin:17px 0 35px}.services-lab h2 em,.security-orbit h2 em{font-style:normal;color:#ed2c47}.service-explorer{display:grid;grid-template-columns:1fr;gap:17px}.service-controls{display:grid;gap:7px}.service-tab{width:100%;background:#141720;border:1px solid #272b38;border-radius:13px;padding:19px 16px;color:#aeb2bd;text-align:left;font-size:17px;font-weight:950;letter-spacing:-.03em;display:flex;align-items:center;gap:14px;cursor:pointer}.service-tab span{font-size:10px;color:#e33b53;letter-spacing:0}.service-tab b{margin-left:auto;color:#646a77}.service-tab.active{background:#eb3049;color:white;border-color:#eb3049;transform:translateX(5px);box-shadow:0 12px 35px #ef26452b}.service-tab.active span,.service-tab.active b{color:white}.service-stage{min-height:430px;background:radial-gradient(circle at 80% 10%,#4b234650,transparent 50%),#14161e;border:1px solid #313542;border-radius:20px;padding:16px;overflow:hidden}.stage-window{height:100%;min-height:390px;border:1px solid #373b45;border-radius:13px;padding:18px;position:relative;overflow:hidden}.stage-dots{display:flex;gap:5px}.stage-dots i{width:6px;height:6px;border-radius:50%;background:#ef3451}.stage-dots i:nth-child(2){background:#777b8c}.stage-dots i:nth-child(3){background:#777b8c}.stage-graphic{height:110px;position:relative;margin:40px 0 12px;transform:perspective(400px) rotateX(5deg)}.stage-line{height:12px;background:#ef3655;border-radius:4px;width:70%;margin:9px 0}.stage-line.short{width:43%;background:#6c6f86}.stage-blocks{display:flex;gap:8px;margin-top:15px}.stage-blocks i{width:26%;height:32px;border-radius:5px;background:#333846}.stage-blocks i:nth-child(2){background:#c42d49}.stage-blocks i:nth-child(3){background:#646c80}.stage-type{font-size:9px;color:#f04560;letter-spacing:.16em;font-weight:900}.stage-window h3{font-size:clamp(30px,6vw,50px);letter-spacing:-.06em;line-height:.95;margin:12px 0}.stage-window p{font-size:14px;line-height:1.5;color:#b8bdc6;max-width:360px}.stage-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #373b46;padding-top:14px;font-size:8px;letter-spacing:.14em;color:#787e8e;font-weight:900}.stage-foot span{color:#ed304c;font-size:26px}
/* Security floating prompt tiles */.security-orbit{text-align:center}.security-scene{height:340px;position:relative;margin:35px auto;max-width:740px;perspective:850px}.security-center{width:180px;height:225px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);background:linear-gradient(145deg,#331a59,#0f1025);border:1px solid #8142ee;border-radius:13px;box-shadow:12px 18px 0 #1d1530,0 20px 55px #772dcd44;color:white;font-size:24px;font-weight:950;text-align:left;padding:17px;line-height:1}.security-center span{display:block;font-size:24px;margin-top:45px}.security-center b{display:block;text-align:right;color:#9b53fa;font-size:45px}.security-chip{position:absolute;background:#202331;color:#fff;padding:12px;border-radius:8px;border:1px solid #44485a;font-size:9px;font-weight:900;letter-spacing:.1em;box-shadow:0 15px 30px #0005;animation:float-y 4s ease-in-out infinite}.s1{left:2%;top:20%;transform:rotate(-8deg)}.s2{right:3%;top:14%;transform:rotate(8deg);animation-delay:-1s}.s3{left:1%;bottom:25%;transform:rotate(5deg);animation-delay:-2s}.s4{right:0;bottom:22%;transform:rotate(-6deg);animation-delay:-.7s}.s5{left:40%;bottom:0;transform:rotate(3deg);animation-delay:-1.7s}
/* About large kinetic typography */.manifesto{overflow:hidden;padding-top:35px}.manifesto-stack{margin:30px 0}.manifesto-word{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #383b44;padding:11px 0;font-size:clamp(42px,11vw,125px);font-weight:950;letter-spacing:-.075em;line-height:.95;transform-origin:left center;transition:color .25s}.manifesto-word:last-child{border-bottom:1px solid #383b44}.manifesto-word span{font-size:10px;color:#e93553;letter-spacing:0}.manifesto-word:hover{color:#ed304c}.manifesto>p{font-size:17px;color:#aeb2be;max-width:490px;line-height:1.5}
/* reveal is opt-in only after JS activates observer */.motion-ready .reveal-on-view{opacity:0;transform:translateY(38px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal-on-view.visible{opacity:1;transform:translateY(0)}
@media(min-width:800px){.cinematic-sticky{padding:112px 55px 32px}.cinematic-copy{left:7%;right:auto;top:27%;max-width:560px}.cinematic-copy h2{font-size:clamp(58px,7vw,102px)}.cinematic-copy p{font-size:16px;max-width:390px}.cinematic-stage-note{left:55px;bottom:82px}.cinematic-bottom{left:55px;right:55px;bottom:32px}.service-explorer{grid-template-columns:.8fr 1.2fr}.service-stage{min-height:550px}.stage-window{min-height:515px;padding:28px}.stage-graphic{height:160px;margin:55px 0 20px}.security-scene{height:450px}.security-center{width:235px;height:300px;padding:25px;font-size:30px}.security-center span{font-size:32px;margin-top:70px}.security-chip{font-size:11px;padding:17px}.work-reel{padding-bottom:75px}}
@media(max-width:799px){.work-reel{padding-left:0;padding-right:0}.work-reel .reel-label,.work-reel p{margin-left:20px;margin-right:20px}.service-tab{font-size:14px;padding:15px}.security-scene{height:340px}.s1{left:0}.s2{right:0}.s3{left:0}.s4{right:0}.s5{left:36%}}
@media(max-width:380px){.cinematic-sticky{padding-top:82px}.cinematic-copy{top:14%}.cinematic-copy h2{font-size:39px}.cinematic-copy p{font-size:13px}.cinematic-label{max-width:230px}.security-chip{font-size:7px;padding:9px}.security-center{width:155px;height:215px}.security-center span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.scene .core,.scene .ring,.float,.security-chip{animation:none!important}.cinematic-build{height:auto!important}.cinematic-sticky{position:relative;height:760px}.motion-ready .reveal-on-view{opacity:1;transform:none}.reel-track{transform:none!important}}