.motio{--paper:#f6f4ee;--paper-2:#efebe2;--navy:#0d1b3e;--navy-soft:#16264f;--ink:#12172b;--gold:#c9a84c;--gold-deep:#a8893a;--line:#0d1b3e24;--serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace;--ease:cubic-bezier(.16,1,.3,1);background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh;font-weight:400;line-height:1.5;position:relative;overflow-x:hidden}.motio *{box-sizing:border-box;margin:0;padding:0}.motio:after{content:"";z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.motio ::selection{background:var(--navy);color:var(--paper)}body.motio-loading{height:100svh;overflow:hidden}.motio .intro{z-index:10000;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.motio .intro .iwm{justify-content:center;padding-left:.3em;display:flex}.motio .intro .iwm span{font-family:var(--sans);letter-spacing:.3em;color:var(--paper);opacity:0;animation:motioIUp 1s var(--ease) forwards;will-change:transform,opacity;font-size:clamp(36px,9vw,72px);font-weight:600;display:inline-block;transform:translateY(115%)}.motio .intro .iwm-agency{font-family:var(--mono);letter-spacing:.55em;text-transform:uppercase;color:#c9a84cd9;opacity:0;animation:motioIFade .8s var(--ease) .85s forwards;font-size:clamp(10px,2.4vw,15px)}.motio .intro .iline{background:var(--gold);width:0;height:1px;animation:motioILine 1.1s var(--ease) 1.1s forwards}.motio .intro .itag{font-family:var(--serif);color:var(--gold);opacity:0;animation:motioIFade .9s var(--ease) 1.35s forwards;font-size:clamp(15px,4.2vw,21px);font-style:italic}.motio .intro .isub{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:#f6f4ee99;opacity:0;animation:motioIFade .9s var(--ease) 1.6s forwards;font-size:11px}.motio .intro .iamdg{font-family:var(--serif);color:var(--gold);opacity:0;animation:motioIFade 1s var(--ease) 1.9s forwards;font-size:14px;font-style:italic}@keyframes motioIUp{to{opacity:1;transform:none}}@keyframes motioIFade{to{opacity:1}}@keyframes motioILine{to{width:min(240px,48vw)}}.motio .wrap{max-width:1320px;margin:0 auto;padding:0 clamp(22px,5vw,64px)}.motio .mono{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-size:11px}.motio .progress{background:var(--gold);z-index:1000;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.motio nav{z-index:900;transition:background .5s var(--ease),padding .5s var(--ease),border-color .5s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:22px clamp(22px,5vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.motio nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f6f4eed1;padding-top:14px;padding-bottom:14px}.motio .brand{color:var(--navy);flex-direction:column;gap:3px;line-height:1;text-decoration:none;display:flex}.motio .brand .row{align-items:baseline;gap:10px;display:flex}.motio .brand b{font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;font-size:18px;font-weight:600}.motio .brand .tag{font-family:var(--serif);color:var(--gold-deep);opacity:.92;font-size:11px;font-style:italic}.motio .nav-right{align-items:center;gap:22px;display:flex}.motio .nav-links{align-items:center;gap:34px;display:flex}.motio .nav-links a{color:var(--navy);letter-spacing:.02em;font-size:13px;font-weight:500;text-decoration:none;position:relative}.motio .nav-links a:after{content:"";background:var(--gold);width:0;height:1px;transition:width .4s var(--ease);position:absolute;bottom:-5px;left:0}.motio .nav-links a:hover:after{width:100%}.motio .nav-links a.cta{border:1px solid var(--navy);transition:.4s var(--ease);border-radius:40px;padding:9px 18px}.motio .nav-links a.cta:after{display:none}.motio .nav-links a.cta:hover{background:var(--navy);color:var(--paper)}.motio .lang-toggle{font-family:var(--mono);letter-spacing:.12em;border:1px solid var(--line);color:var(--navy);cursor:pointer;transition:.35s var(--ease);background:0 0;border-radius:30px;padding:7px 12px;font-size:11px}.motio .lang-toggle:hover{border-color:var(--navy);background:var(--navy);color:var(--paper)}.motio .menu-btn{display:none}.motio .reveal{opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease);transform:translateY(26px)}.motio .reveal.in{opacity:1;transform:none}.motio .line-mask{display:block;overflow:hidden}.motio .line-mask>span{transition:transform 1.1s var(--ease);display:block;transform:translateY(110%)}.motio .in .line-mask>span,.motio .line-mask.in>span{transform:none}.motio header.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:120px 0 60px;display:flex;position:relative}.motio .hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:clamp(28px,5vw,52px);display:flex}.motio .hero-scripture{max-width:300px;font-family:var(--serif);color:var(--navy);opacity:.78;font-size:15px;font-style:italic;line-height:1.6}.motio .hero-scripture small{font-family:var(--mono);letter-spacing:.16em;color:var(--gold-deep);margin-top:8px;font-size:10px;font-style:normal;display:block}.motio h1.hero-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--navy);font-size:clamp(52px,11vw,164px);font-weight:340;line-height:.92}.motio h1.hero-title em{color:var(--gold-deep);font-style:italic;font-weight:340}.motio .hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(34px,5vw,60px);display:flex}.motio .hero-foot p{max-width:440px;color:var(--ink);font-size:17px;line-height:1.55}.motio .scroll-cue{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);align-items:center;gap:12px;font-size:10px;text-decoration:none;display:flex}.motio .scroll-cue .bar{background:var(--gold-deep);width:46px;height:1px;position:relative;overflow:hidden}.motio .scroll-cue .bar:after{content:"";background:var(--paper);animation:motioSlide 2.2s var(--ease) infinite;position:absolute;inset:0}@keyframes motioSlide{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.motio section{padding:clamp(90px,12vw,170px) 0;position:relative}.motio .sec-label{align-items:center;gap:14px;margin-bottom:48px;display:flex}.motio .sec-label .dot{background:var(--gold);border-radius:50%;width:7px;height:7px}.motio .manifesto{font-family:var(--serif);letter-spacing:-.01em;color:var(--navy);max-width:18ch;font-size:clamp(26px,4.2vw,52px);font-weight:330;line-height:1.18}.motio .manifesto em{color:var(--gold-deep);font-style:italic}.motio .stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:30px;margin-top:clamp(60px,9vw,110px);padding-top:46px;display:grid}.motio .stat .num{font-family:var(--serif);color:var(--navy);font-size:clamp(38px,5vw,64px);font-weight:330;line-height:1}.motio .stat .lab{color:var(--ink);opacity:.7;max-width:18ch;margin-top:12px;font-size:13px;line-height:1.4}.motio .service-row{border-top:1px solid var(--line);transition:padding-left .5s var(--ease);grid-template-columns:64px 1.1fr 1.4fr;align-items:start;gap:24px;padding:34px 0;display:grid;position:relative}.motio .service-row:last-child{border-bottom:1px solid var(--line)}.motio .service-row .idx{font-family:var(--mono);color:var(--gold-deep);padding-top:10px;font-size:12px}.motio .service-row h3{font-family:var(--serif);color:var(--navy);transition:color .4s var(--ease);font-size:clamp(24px,3vw,40px);font-weight:360;line-height:1.05}.motio .service-row p{color:var(--ink);opacity:.72;max-width:46ch;padding-top:6px;font-size:15px;line-height:1.6}.motio .service-row:before{content:"";width:0;height:100%;transition:width .55s var(--ease);z-index:-1;background:linear-gradient(90deg,#c9a84c1a,#0000);position:absolute;top:0;left:0}.motio .service-row:hover{padding-left:22px}.motio .service-row:hover:before{width:100%}.motio .service-row:hover h3{color:var(--gold-deep)}.motio .clients-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:54px;display:flex}.motio .clients-intro h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--navy);max-width:14ch;font-size:clamp(30px,4.6vw,60px);font-weight:330;line-height:1.04}.motio .clients-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.motio .client{border-right:1px solid var(--line);border-bottom:1px solid var(--line);aspect-ratio:16/8;text-align:center;transition:background .5s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:relative;overflow:hidden}.motio .client:before{content:"";background:var(--navy);transition:transform .55s var(--ease);z-index:0;position:absolute;inset:0;transform:translateY(101%)}.motio .client:hover:before{transform:translateY(0)}.motio .client .name,.motio .client .tag{z-index:1;transition:color .45s var(--ease);position:relative}.motio .client .name{font-family:var(--serif);color:var(--navy);letter-spacing:-.01em;font-size:clamp(20px,2.4vw,30px);font-weight:360}.motio .client .tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-size:10px}.motio .client:hover .name{color:var(--paper)}.motio .client:hover .tag{color:var(--gold)}.motio .client .logo{z-index:1;object-fit:contain;width:auto;max-width:62%;height:auto;max-height:60px;transition:filter .45s var(--ease),opacity .45s var(--ease);opacity:.92;position:relative}.motio .client:hover .logo{filter:invert()brightness(1.6);opacity:1}.motio .client .logo.logo-invert{filter:invert();mix-blend-mode:multiply}.motio .client:hover .logo.logo-invert{filter:none;mix-blend-mode:screen}.motio .mission{background:var(--navy);color:var(--paper);position:relative;overflow:hidden}.motio .mission:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c29,#0000 62%);width:60%;height:160%;position:absolute;top:-30%;right:-10%}.motio .mission .wrap{z-index:1;position:relative}.motio .mission .sec-label .mono{color:var(--gold)}.motio .cross{opacity:.85;width:30px;height:30px;color:var(--gold);margin-bottom:34px;display:block}.motio .mission blockquote{font-family:var(--serif);letter-spacing:-.01em;max-width:20ch;font-size:clamp(28px,4.4vw,58px);font-style:italic;font-weight:320;line-height:1.16}.motio .mission blockquote b{color:var(--gold);font-style:normal;font-weight:330}.motio .mission .amdg{flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(42px,6vw,72px);display:flex}.motio .mission .amdg .l{background:#c9a84c66;flex:1;min-width:60px;height:1px}.motio .mission .amdg span{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-size:11px}.motio .contact{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(40px,7vw,100px);display:grid}.motio .contact h2{font-family:var(--serif);letter-spacing:-.02em;color:var(--navy);margin-top:20px;font-size:clamp(40px,6.5vw,92px);font-weight:320;line-height:.98}.motio .contact h2 em{color:var(--gold-deep);font-style:italic}.motio .contact .lead{color:var(--ink);opacity:.78;max-width:40ch;margin-top:26px;font-size:17px;line-height:1.6}.motio .channels{flex-direction:column;gap:2px;margin-top:8px;display:flex}.motio .channel{border-top:1px solid var(--line);color:var(--navy);transition:padding .4s var(--ease);justify-content:space-between;align-items:center;gap:18px;padding:24px 4px;text-decoration:none;display:flex}.motio .channel:last-child{border-bottom:1px solid var(--line)}.motio .channel:hover{padding-left:16px}.motio .channel .k{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);font-size:11px}.motio .channel .v{font-family:var(--serif);margin-top:4px;font-size:clamp(19px,2.4vw,26px);font-weight:360}.motio .channel .arrow{font-family:var(--mono);transition:transform .4s var(--ease);margin-left:auto}.motio .channel:hover .arrow{transform:translate(6px)}.motio footer{border-top:1px solid var(--line);padding:60px 0 46px}.motio .foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.motio .foot-brand b{font-family:var(--sans);letter-spacing:.32em;color:var(--navy);text-transform:uppercase;font-size:16px;font-weight:600}.motio .foot-tag{font-family:var(--serif);color:var(--gold-deep);margin-top:7px;font-size:13px;font-style:italic}.motio .foot-grid .mono{font-size:10px}.motio .foot-amdg{font-family:var(--serif);color:var(--gold-deep);font-size:15px;font-style:italic}@media(max-width:860px){.motio .nav-links{background:var(--paper);transition:transform .5s var(--ease);z-index:850;flex-direction:column;justify-content:center;gap:30px;position:fixed;inset:0;transform:translate(100%)}.motio .nav-links.open{transform:none}.motio .nav-links a{font-size:22px;font-family:var(--serif)}.motio .menu-btn{cursor:pointer;z-index:901;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:flex}.motio .menu-btn span{background:var(--navy);width:26px;height:1.6px;transition:.4s var(--ease)}.motio .menu-btn.open span:first-child{transform:translateY(6.6px)rotate(45deg)}.motio .menu-btn.open span:nth-child(2){opacity:0}.motio .menu-btn.open span:nth-child(3){transform:translateY(-6.6px)rotate(-45deg)}.motio .stats{grid-template-columns:repeat(2,1fr);gap:38px 24px}.motio .service-row{grid-template-columns:40px 1fr;gap:14px}.motio .service-row p{grid-column:1/-1;padding-top:4px}.motio .clients-grid{grid-template-columns:repeat(2,1fr)}.motio .contact{grid-template-columns:1fr}}@media(max-width:480px){.motio .clients-grid{grid-template-columns:1fr}.motio .hero-scripture{display:none}}