.on-site{--lime:#c5f400;--ink:#121329;--surface:#17121e;--white:#f5f3f7;--muted:#aaa4b5;background:var(--ink);color:var(--white);overflow:clip;font-family:var(--font-poppins),sans-serif;-webkit-font-smoothing:antialiased}.on-site ::selection{background:var(--lime);color:var(--ink)}.on-site :is(a,button):focus-visible{outline:2px solid var(--lime);outline-offset:5px}.on-contact,.on-site section{scroll-margin-top:120px}.on-site h1,.on-site h2,.on-site h3{font-weight:500}.on-site h1,.on-site h2{text-wrap:balance}.on-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.on-skip{position:fixed;top:-100px;left:25px;padding:15px;background:var(--lime);color:var(--ink);z-index:100}.on-skip:focus{top:20px}.on-progress{height:2px;background:var(--lime);width:100%;position:fixed;top:0;left:0;transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:60}.on-header{position:fixed;inset:22px 22px auto;z-index:50;height:82px;border:1px solid #ffffff09;border-radius:20px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#12132980;backdrop-filter:blur(20px)}.on-logo{width:140px;height:auto}.on-header nav{display:flex;align-items:center;gap:38px;font-size:13px}.on-header nav a{transition:color .25s}.on-header nav [aria-current],.on-header nav a:hover{color:var(--lime)}.on-nav-contact{margin-left:7vw;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.on-nav-contact span{margin-left:18px;font-size:19px}.on-menu-button{display:none}.on-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;line-height:1.8;color:var(--muted)}.on-eyebrow i{display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #c5f40070}.on-hero{position:relative;min-height:850px;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;padding:150px 24px 100px}.on-glow{position:absolute;z-index:-1;width:80vw;height:90%;max-width:1400px;left:30%;top:0;border-radius:50%;background:radial-gradient(ellipse,#91ae0036,#6177001a 35%,transparent 68%);filter:blur(40px);pointer-events:none;transform:translate(var(--mx,0),var(--my,0));transition:opacity 1s}.on-hero .on-glow{animation:on-breathe 14s ease-in-out infinite alternate}.on-hero.is-off .on-glow{opacity:.05}.on-texture{position:absolute;z-index:-1;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23g)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.on-hero-content{position:relative;z-index:1}.on-hero h1{font-size:clamp(78px,7.7vw,126px);line-height:1.06;letter-spacing:-.065em;margin:28px 0}.on-line{display:block;overflow:hidden;padding:0 .04em .1em;margin-bottom:-.1em}.on-line>span{display:block;animation:on-line-in 1.2s cubic-bezier(.16,1,.3,1) both}.on-line:nth-child(2)>span{animation-delay:.12s}.on-line em{font-style:normal;color:var(--lime);transition:color .6s}.is-off .on-line em{color:#99929f}.on-hero-description{font-size:16px;line-height:1.7;color:#c3bdca;margin-top:32px}.on-switch{display:inline-flex;gap:12px;align-items:center;font-size:10px;min-height:44px;margin-top:28px;color:var(--muted)}.on-switch-track{display:inline-block;width:44px;height:25px;border-radius:20px;padding:4px;background:var(--lime)}.on-switch-track>span{width:17px;height:17px;display:block;border-radius:50%;background:var(--ink);transform:translateX(19px);transition:transform .4s}.is-off .on-switch-track{background:#817a8e}.is-off .on-switch-track>span{transform:translateX(0)}.on-scroll-prompt{position:absolute;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:9px;letter-spacing:.04em;color:var(--muted)}.on-scroll-prompt>span:last-child{font-size:21px;color:var(--lime)}.on-pill{display:inline-flex;justify-content:center;align-items:center;gap:48px;padding:17px 26px;border:1px solid #ffffff45;border-radius:50px;font-size:12px;min-height:48px;transition:background .25s,color .25s,border-color .25s}.on-pill:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}.on-pill>span{font-size:20px}.on-collage-scene{position:relative;background:#120d1b}.on-collage-stage{position:relative;min-height:700px;padding:80px 4vw;overflow:hidden}.on-collage-title{text-align:center;color:var(--lime);font-size:22vw;font-weight:600;line-height:.9;letter-spacing:-.09em}.on-collage-title>h2{display:block;font-size:12px;letter-spacing:.03em;font-weight:400;color:var(--white);margin:20px 0}.on-collage-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.on-collage-card{display:block;width:30%;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 18px 70px #0008}.on-collage-card img{width:100%;aspect-ratio:1.38;object-fit:cover}.on-collage-card>span{position:absolute;bottom:0;inset-inline:0;padding:35px 16px 14px;display:flex;justify-content:space-between;gap:12px;background:linear-gradient(transparent,#09050dd9);font-size:12px}.on-scene-skip{display:block;text-align:center;margin-top:45px;font-size:10px;color:var(--muted)}.on-site[data-motion=ready] .on-collage-scene{height:155svh}.on-site[data-motion=ready] .on-collage-stage{position:sticky;top:0;height:100svh;min-height:0;padding:0}.on-site[data-motion=ready] .on-collage-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(.7 + var(--p,0) * .3));opacity:calc(.12 + var(--p,0) * .88)}.on-site[data-motion=ready] .on-collage-card{position:absolute;width:36vw;max-width:680px;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--x) * var(--p,0)),calc(var(--y) * var(--p,0))) rotate(calc(var(--r) * var(--p,0)))}.card-0{--x:-38vw;--y:-22vh;--r:-12deg;z-index:3}.card-1{--x:34vw;--y:-28vh;--r:10deg;z-index:2}.card-2{--x:-34vw;--y:30vh;--r:7deg;z-index:5}.card-3{--x:37vw;--y:23vh;--r:-8deg;z-index:4}.card-4{--x:2vw;--y:60vh;--r:-4deg;z-index:1}.on-site[data-motion=ready] .on-collage-card.card-2{transform:translate(-50%,-50%) translate(calc(var(--x) * var(--p,0)),calc(var(--y) * var(--p,0))) rotate(calc(var(--r) * var(--p,0))) scale(calc(1.9 - var(--p,0) * .9))}.on-site[data-motion=ready] .on-scene-skip{position:absolute;z-index:6;bottom:22px;left:50%;transform:translateX(-50%);background:#100a19d9;border-radius:20px;padding:10px 18px;margin:0}.on-statement-scene{background:linear-gradient(#17131b,var(--ink))}.on-statement-stage{text-align:center;padding:150px 8vw}.on-statement-stage h2{max-width:1000px;margin:30px auto;font-size:clamp(34px,4.4vw,72px);line-height:1.3;letter-spacing:-.045em}.on-statement-stage h2 span{display:inline-block;white-space:pre}.on-statement-stage h2 .is-lime{color:var(--lime)}.on-statement-note{color:var(--muted);font-size:15px;line-height:1.8}.on-site[data-motion=ready] .on-statement-scene{height:140svh}.on-site[data-motion=ready] .on-statement-stage{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 8vw 60px}.on-site[data-motion=ready] [data-word]{opacity:calc(.28 + var(--word-p,1) * .72);transform:translate(calc((1 - var(--word-p,1)) * var(--word-direction) * 50px),calc((1 - var(--word-p,1)) * 32px))}.on-activation{padding:0 4vw;background:var(--ink)}.on-activation-stage{padding:90px 0}.on-centered-heading{text-align:center;padding:0 20px}.on-centered-heading h2{font-size:clamp(38px,4.5vw,72px);line-height:1.15;letter-spacing:-.05em;margin-top:20px}.on-centered-heading h2>span{color:var(--lime)}.on-service-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1380px;margin:45px auto 0;perspective:1400px}.on-service-card{position:relative;padding:26px 28px;min-height:470px;background:linear-gradient(155deg,#202439,#181b2e);border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 20px 60px #090b1d70}.on-service-card.service-0{background:radial-gradient(circle at 85% 12%,#c5f4001c,transparent 52%),linear-gradient(155deg,#222a3b,#181d30);border-color:#c5f40070;z-index:2}.on-service-meta{display:flex;gap:15px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#c0bac9}.on-service-meta i{margin-left:auto;width:6px;height:6px;background:var(--lime);border-radius:50%}.on-card-art{width:90px;height:80px;position:relative;margin:24px auto;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.on-service-card:hover .on-card-art{transform:rotate(35deg)}.on-card-art i{display:block;position:absolute;border:1px solid var(--lime)}.art-orbit i{border-radius:50%;width:72px;height:72px;top:0;left:9px}.art-orbit i:nth-child(2){transform:rotateY(55deg)}.art-orbit i:nth-child(3){transform:rotateX(55deg)}.art-orbit i:nth-child(4){transform:rotate(45deg) rotateX(55deg)}.art-petals i{border-radius:50%;width:47px;height:47px;top:0;left:23px;background:#c5f40012}.art-petals i:nth-child(2){transform:translate(21px,22px)}.art-petals i:nth-child(3){transform:translateY(43px)}.art-petals i:nth-child(4){transform:translate(-21px,22px)}.art-signal i{width:8px;height:65px;bottom:0;left:12px;border-radius:8px;background:var(--lime)}.art-signal i:nth-child(2){left:31px;height:40px}.art-signal i:nth-child(3){left:50px;height:80px}.art-signal i:nth-child(4){left:69px;height:53px}.on-service-card h3{font-size:31px;line-height:1.15;letter-spacing:-.045em}.on-service-card h3 span{display:block}.on-service-card>p{font-size:12px;color:#b7afc3;line-height:1.75;margin:18px 0 24px;min-height:84px}.on-service-card button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;border-top:1px solid #ffffff25;padding-top:15px;min-height:44px}.on-service-card button>span{font-size:24px;color:var(--lime)}.on-service-details{position:absolute;z-index:3;top:74px;left:18px;right:18px;bottom:77px;border-radius:12px;padding:28px;background:#20263bf5;backdrop-filter:blur(20px);animation:on-rise .35s ease both}.on-service-details ul{list-style:none}.on-service-details li{padding:15px 0;border-bottom:1px solid #ffffff25;font-size:14px}.on-service-details a{font-size:12px;color:var(--lime);display:inline-block;margin-top:30px}.on-site[data-motion=ready] .on-activation{height:155svh}.on-site[data-motion=ready] .on-activation-stage{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:112px 0 25px}.on-site[data-motion=ready] .service-0{transform:translateX(calc((1 - var(--p,1)) * 65%)) rotate(calc((1 - var(--p,1)) * -12deg)) translateY(calc((1 - var(--p,1)) * 22px))}.on-site[data-motion=ready] .service-2{transform:translateX(calc((1 - var(--p,1)) * -65%)) rotate(calc((1 - var(--p,1)) * 12deg)) translateY(calc((1 - var(--p,1)) * 22px))}.on-site[data-motion=ready] .on-service-deck:has(:focus-visible) .on-service-card{transform:none}.on-work{padding-top:100px;padding-bottom:100px}.on-work>.on-centered-heading{margin-bottom:45px}.on-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:32px 20px 45px}.on-filters button{display:inline-flex;align-items:center;gap:18px;padding:11px 18px;min-height:44px;border:1px solid #ffffff30;border-radius:30px;font-size:11px;transition:background .25s,color .25s}.on-filters button>span{font-size:9px}.on-filters button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.on-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.on-tile{grid-column:span 2;height:39vw;max-height:760px;min-height:320px;position:relative;overflow:hidden;background:#21182f}.on-tile-2,.on-tile-5{grid-column:span 4;height:49vw;max-height:840px}.on-tile a{display:block;position:relative;width:100%;height:100%;overflow:hidden}.on-tile-media{width:100%;height:100%;transform:scale(1.07) translateY(var(--drift,0))}.on-tile-media img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.on-tile a:focus-visible img,.on-tile a:hover img{transform:scale(1.055)}.on-tile-label{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:space-between;padding:100px 30px 28px;background:linear-gradient(transparent,#08050ddd);gap:25px}.on-tile-label small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px;color:#ddd7e5}.on-tile-label h3{font-size:clamp(23px,2.5vw,40px);line-height:1.15;letter-spacing:-.04em}.on-tile-label>span{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff70;border-radius:50%;font-size:25px;transition:background .3s,color .3s}.on-tile a:hover .on-tile-label>span{background:var(--lime);color:var(--ink);border-color:var(--lime)}.on-more{display:flex;margin:45px auto 0}.on-showcase{position:relative;background:#09070d}.on-showcase-stage{position:relative;padding:100px 0 60px;isolation:isolate;overflow:hidden}.on-showcase-backdrops{position:absolute;inset:0;z-index:-2}.on-showcase-backdrops img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(10px) brightness(.3);transform:scale(1.08);opacity:0;transition:opacity .7s}.on-showcase[data-active="0"] .backdrop-0,.on-showcase[data-active="1"] .backdrop-1,.on-showcase[data-active="2"] .backdrop-2{opacity:1}.on-showcase-heading{padding:0 5vw}.on-showcase-heading h2{font-size:clamp(32px,3.6vw,60px);letter-spacing:-.05em;margin-top:12px}.on-showcase-window{overflow:auto;padding:40px 0;scroll-snap-type:x mandatory;scrollbar-width:thin}.on-showcase-track{display:flex;gap:4vw;width:max-content;padding:0 17.5vw}.on-showcase-card{display:block;width:65vw;flex:0 0 65vw;position:relative;height:49vw;max-height:570px;border-radius:8px;overflow:hidden;scroll-snap-align:center;box-shadow:0 20px 65px #0007}.on-showcase-card>img{width:100%;height:100%;object-fit:cover}.on-showcase-card>span{position:absolute;inset:auto 0 0;padding:80px 30px 30px;background:linear-gradient(transparent,#09050ee8)}.on-showcase-card small{display:block;font-size:10px;margin-bottom:10px}.on-showcase-card strong{font-size:35px;font-weight:500;letter-spacing:-.04em}.on-showcase-card b{float:right;font-size:12px;font-weight:400;margin-top:17px}.on-showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5vw 0;font-size:10px;color:#d8d3df}.on-showcase-bottom>div{display:flex;gap:8px}.on-showcase-bottom i{display:block;width:35px;height:2px;background:#ffffff40}.on-showcase[data-active="0"] .on-showcase-bottom i:first-child,.on-showcase[data-active="1"] .on-showcase-bottom i:nth-child(2),.on-showcase[data-active="2"] .on-showcase-bottom i:nth-child(3){background:var(--lime)}.on-site[data-motion=ready] .on-showcase{height:230svh}.on-site[data-motion=ready] .on-showcase-stage{position:sticky;top:0;height:100svh;padding:140px 0 40px;display:flex;flex-direction:column;justify-content:space-between}.on-site[data-motion=ready] .on-showcase-window{overflow:visible;padding:25px 0}.on-site[data-motion=ready] .on-showcase-track{transform:translateX(calc(var(--p,0) * var(--showcase-travel,-138vw)))}.on-site[data-motion=ready] .on-showcase-card{height:48svh}.on-site[data-motion=ready] .on-showcase-window:has(:focus-visible){overflow:auto;scroll-snap-type:x mandatory}.on-site[data-motion=ready] .on-showcase-window:has(:focus-visible) .on-showcase-track{transform:none}.on-about-link{padding:150px 24px}.on-about-link h2{font-size:clamp(40px,5.5vw,86px);line-height:1.15;letter-spacing:-.05em;margin:25px 0 35px}.on-about-link h2 span{color:var(--lime)}.on-contact{position:relative;isolation:isolate;text-align:center;padding:110px 5vw 0;border-top:1px solid #ffffff12;overflow:hidden}.on-contact h2{font-size:clamp(52px,7vw,110px);line-height:1.13;letter-spacing:-.065em;margin:32px 0}.on-contact h2 span{color:var(--lime)}.on-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding:30px 0;margin-top:120px;font-size:11px;color:var(--muted)}.on-footer-bottom>a:first-child{color:var(--white);font-size:23px;font-weight:500;letter-spacing:-.05em}.on-brand-finale{--brand-p:1;position:relative;margin:clamp(35px,7vw,110px) -5vw 0;padding-bottom:clamp(24px,3vw,48px)}.on-brand-reveal{overflow:clip}.on-brand-mark{position:relative;aspect-ratio:5996/1151;mask:url(/brand/logo-white.png) center/100% 100% no-repeat}.on-brand-mark>span{position:absolute;inset:0}.on-brand-base{background:var(--white)}.on-brand-on{background:var(--lime);clip-path:inset(0 0 0 75.2%);opacity:clamp(0,calc((var(--brand-p) - .65) / .35),1)}.on-brand-light{background:radial-gradient(circle clamp(90px,15vw,250px) at var(--light-x,50%) var(--light-y,50%),var(--lime) 0,var(--lime) 15%,transparent 75%);opacity:0;transition:opacity .3s}.on-site[data-motion=ready] .on-brand-mark{transform:translateY(calc((1 - var(--brand-p)) * 105%))}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.on-brand-finale[data-lit=true] .on-brand-light{opacity:1}}@media (prefers-reduced-motion:reduce){.on-brand-mark{transform:none!important}.on-brand-on{opacity:1}}.on-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:70;display:none}.on-cursor-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;position:relative;isolation:isolate;background:radial-gradient(circle,#e5ff91 0 4%,#c5f400b8 15%,#c5f40055 42%,transparent 74%);color:var(--ink);transform:translate(-50%,-50%) scale(.5);opacity:0;transition:width .22s cubic-bezier(.2,.8,.2,1),height .22s cubic-bezier(.2,.8,.2,1),transform .18s,opacity .12s,background .22s}.on-cursor-orb:before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:inherit;background:#c5f4002b;filter:blur(9px)}.on-cursor[data-visible=true] .on-cursor-orb{opacity:1;transform:translate(-50%,-50%) scale(1)}.on-cursor[data-state=action] .on-cursor-orb{width:64px;height:64px;background:radial-gradient(circle,#dfff7dd9 0 20%,#c5f400a8 42%,#c5f4004d 65%,transparent 86%)}.on-cursor[data-state=project] .on-cursor-orb{width:78px;height:78px;background:radial-gradient(circle,#dfff7dd9 0 22%,#c5f400a8 46%,#c5f4004d 68%,transparent 88%)}.on-cursor[data-pressed=true] .on-cursor-orb{transform:translate(-50%,-50%) scale(.88)}.on-cursor-label{text-align:center;font-size:10px;line-height:1.55;font-weight:500;white-space:pre-line;opacity:0;transition:opacity .14s}.on-cursor[data-state=action] .on-cursor-label,.on-cursor[data-state=project] .on-cursor-label{opacity:1}.on-interior-hero{text-align:center;padding:200px 6vw 95px;position:relative}.on-interior-hero h1{font-size:clamp(50px,6.5vw,100px);line-height:1.13;letter-spacing:-.06em;margin:28px 0;animation:on-rise 1s cubic-bezier(.16,1,.3,1) both}.on-interior-hero h1 span{color:var(--lime)}.on-interior-hero>p:last-child{color:var(--muted);font-size:14px;line-height:1.8}.on-projects-page{padding-bottom:90px}.on-projects-page .on-mosaic{margin:0 4vw;gap:30px}.on-projects-page .on-tile{height:40vw}.on-projects-page .on-tile-2,.on-projects-page .on-tile-5{height:52vw}.on-case-cover{position:relative;height:88svh;min-height:480px;overflow:hidden}.on-case-cover>img{width:100%;height:100%;object-fit:cover}.on-case-cover>a{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);border-radius:30px;padding:14px 24px;background:#100a1be6;font-size:11px}.on-case-intro{padding:90px 9vw}.on-case-intro h1{font-size:clamp(42px,6vw,90px);line-height:1.12;letter-spacing:-.06em;margin-top:25px}.on-case-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;margin-top:75px}.on-case-story h2{font-size:23px;letter-spacing:-.03em}.on-case-story>p{font-size:18px;line-height:1.7;color:#c0b8ce;max-width:650px}.on-case-tags{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.on-case-tags>span{font-size:10px;border:1px solid #ffffff35;border-radius:30px;padding:9px 14px}.on-case-artwork{padding:0 4vw 60px}.on-case-artwork>img{width:100%;height:auto}.on-case-artwork figcaption{color:var(--muted);font-size:11px;margin-top:18px}.on-case-next{padding:80px 9vw 100px}.on-case-next>a:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:30px}.on-case-next h2{font-size:clamp(30px,4vw,65px);line-height:1.13;letter-spacing:-.05em}.on-case-next h2 span{color:var(--lime)}.on-case-next img{width:100%;border-radius:6px}.on-back{display:inline-block;margin-top:35px;font-size:12px}.on-about-hero{min-height:80svh}.on-type-banner{overflow:hidden;padding:22px 0;border-block:1px solid #ffffff20;color:#84768f;font-size:6.5vw;letter-spacing:-.04em;white-space:nowrap}.on-type-banner>span{display:block}.on-about-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:110px 8vw}.on-about-story h2{font-size:clamp(32px,4vw,64px);line-height:1.2;letter-spacing:-.05em}.on-about-story p{color:#beb6c9;font-size:16px;line-height:1.9;margin-bottom:25px}.on-principles{padding:0 8vw 100px}.on-principles article{display:grid;grid-template-columns:55px 1fr 1fr;gap:30px;border-top:1px solid #ffffff30;padding:35px 0}.on-principles article>span{color:var(--lime);font-size:12px}.on-principles h2{font-size:25px;letter-spacing:-.035em}.on-principles p{font-size:14px;color:var(--muted);line-height:1.8}@keyframes on-line-in{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes on-rise{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes on-breathe{0%{scale:1;opacity:.65}to{scale:1.13;opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.on-cursor{display:block}.on-site[data-cursor=active],.on-site[data-cursor=active] *{cursor:none!important}}@media (max-height:600px) and (min-width:701px){.on-site[data-motion=ready] .on-activation{height:auto}.on-site[data-motion=ready] .on-activation-stage{position:relative;padding:90px 0}.on-site[data-motion=ready] .on-service-card{transform:none}.on-site[data-motion=ready] .on-showcase-stage{padding-top:125px}.on-showcase-heading h2{font-size:34px}}@media (max-width:1000px){.on-header nav{gap:25px}.on-nav-contact{margin-left:0}.on-service-card{padding:23px 20px}.on-service-card h3{font-size:27px}.on-service-card>p{min-height:100px}}@media (max-width:700px){.on-header{inset:12px 12px auto;height:66px;border-radius:14px;padding:0 18px}.on-logo{width:118px}.on-menu-button{display:block;min-height:44px;font-size:12px}.on-header nav{display:none;position:absolute;top:77px;left:0;right:0;padding:28px;border-radius:14px;background:#121329fa;border:1px solid #ffffff25}.on-header nav.is-open{display:flex;flex-direction:column;align-items:start;gap:28px}.on-nav-contact{margin-top:4px}.on-hero{min-height:100svh;padding:130px 20px 110px}.on-hero h1{font-size:20vw;margin:27px 0}.on-hero .on-eyebrow{font-size:8px;letter-spacing:.05em}.on-hero-description{font-size:13px;margin-top:25px}.on-glow{width:160vw;left:-10%;top:10%;opacity:.8}.on-scroll-prompt{bottom:22px;font-size:8px}.on-collage-stage{min-height:500px;padding:60px 4vw}.on-collage-title{font-size:48vw}.on-collage-title>h2{font-size:10px}.on-collage-card{width:46%}.on-collage-card>span{font-size:9px;padding:25px 10px 10px}.on-site[data-motion=ready] .on-collage-scene{height:135svh}.on-site[data-motion=ready] .on-collage-card{width:66vw}.card-0{--x:-45vw;--y:-25vh}.card-1{--x:39vw;--y:-27vh}.card-2{--x:-40vw;--y:25vh}.card-3{--x:43vw;--y:27vh}.card-4{--x:0vw;--y:58vh}.on-statement-stage{padding:90px 7vw}.on-statement-stage h2{font-size:9.2vw;line-height:1.35}.on-statement-note{font-size:12px}.on-statement-note br{display:none}.on-site[data-motion=ready] .on-statement-scene{height:125svh}.on-site[data-motion=ready] .on-statement-stage{padding:90px 7vw 40px}.on-site[data-motion=ready] [data-word]{transform:translate(calc((1 - var(--word-p,1)) * var(--word-direction) * 16px),calc((1 - var(--word-p,1)) * 20px))}.on-activation{padding:0 5vw}.on-site[data-motion=ready] .on-activation{height:auto}.on-site[data-motion=ready] .on-activation-stage{position:relative;min-height:0;padding:75px 0}.on-centered-heading{padding:0 5px}.on-centered-heading h2{font-size:10vw}.on-service-deck{grid-template-columns:1fr;gap:18px;margin-top:35px}.on-site[data-motion=ready] .on-service-card{transform:none}.on-service-card{min-height:0;padding:25px}.on-service-card h3{font-size:32px}.on-service-card>p{min-height:0;font-size:13px}.on-card-art{margin:25px auto}.on-service-details{bottom:80px}.on-work{padding:35px 0 70px}.on-work>.on-centered-heading{padding:0 20px}.on-filters{gap:6px;margin:30px 12px}.on-filters button{font-size:10px;padding:10px 12px;gap:10px}.on-mosaic{grid-template-columns:1fr;gap:5px}.on-tile,.on-tile-2,.on-tile-5{grid-column:1;height:112vw;min-height:0}.on-tile-label{padding:70px 20px 24px}.on-tile-label h3{font-size:26px}.on-tile-label small{font-size:8px}.on-tile-label>span{width:35px;height:35px;font-size:20px}.on-site[data-motion=ready] .on-showcase{height:auto}.on-site[data-motion=ready] .on-showcase-stage{position:relative;height:auto;padding:80px 0 45px}.on-showcase-heading{padding:0 6vw}.on-showcase-heading h2{font-size:35px}.on-showcase-window,.on-site[data-motion=ready] .on-showcase-window{overflow-x:auto;padding:35px 0}.on-showcase-track,.on-site[data-motion=ready] .on-showcase-track{transform:none;padding:0 7vw;gap:5vw}.on-showcase-card,.on-site[data-motion=ready] .on-showcase-card{width:86vw;flex-basis:86vw;height:100vw}.on-showcase-card>span{padding:55px 20px 25px}.on-showcase-card strong{font-size:27px;display:block;line-height:1.15}.on-showcase-card small{font-size:9px}.on-showcase-card b{float:none;display:block;font-size:11px}.on-showcase-bottom{padding:0 6vw}.on-showcase-bottom>span{display:none}.on-about-link{padding:80px 6vw}.on-about-link h2{font-size:10vw}.on-contact{padding:80px 6vw 0}.on-brand-finale{margin-inline:-6vw}.on-contact h2{font-size:12vw}.on-footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:75px;text-align:left;font-size:9px}.on-footer-bottom>:nth-child(2n){text-align:right}.on-footer-bottom>a:first-child{font-size:22px}.on-interior-hero{padding:145px 6vw 50px}.on-interior-hero h1{font-size:12vw}.on-interior-hero>p:last-child{font-size:12px}.on-projects-page .on-mosaic{margin:0 4vw;gap:18px}.on-projects-page .on-tile{height:108vw}.on-case-cover{height:70svh;min-height:380px}.on-case-intro{padding:60px 6vw}.on-case-intro h1{font-size:11vw}.on-case-story{grid-template-columns:1fr;gap:20px;margin-top:40px}.on-case-story>p{font-size:16px}.on-case-tags{grid-column:1}.on-case-artwork{padding:0 0 30px}.on-case-artwork figcaption{padding:0 6vw;font-size:9px}.on-case-next{padding:50px 6vw 70px}.on-case-next>a:first-of-type{grid-template-columns:1fr;gap:25px}.on-case-next h2{font-size:36px}.on-about-hero{min-height:70svh}.on-type-banner{font-size:11vw}.on-about-story{grid-template-columns:1fr;padding:65px 6vw;gap:30px}.on-about-story h2{font-size:10vw}.on-about-story p{font-size:14px}.on-principles{padding:0 6vw 60px}.on-principles article{grid-template-columns:30px 1fr;gap:20px}.on-principles h2{font-size:24px}.on-principles p{grid-column:2;font-size:13px}}@media (prefers-reduced-motion:reduce){.on-site *,.on-site :after,.on-site :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.on-card-art,.on-tile-media,.on-tile-media img{transform:none!important}.on-cursor{display:none!important}}@media (min-height:601px) and (max-height:800px) and (min-width:701px){.on-site[data-motion=ready] .on-activation-stage{padding-top:105px;padding-bottom:20px}.on-activation .on-centered-heading h2{font-size:42px;margin-top:10px}.on-service-deck{margin-top:25px}.on-service-card{min-height:385px;padding-block:20px}.on-service-card h3{font-size:27px}.on-card-art{width:90px;height:56px;margin:10px auto 17px;scale:.68;transform-origin:center top}.on-service-card>p{font-size:11px;min-height:72px;margin:15px 0}}.on-hero-description{max-width:560px;margin-inline:auto}.on-hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;margin-top:24px}.on-text-link{font-size:12px;padding:14px 0}.on-contact-description{max-width:520px;margin:0 auto 30px;color:var(--muted);font-size:16px;line-height:1.8}.art-lens i{border-radius:50%;inset:0 5px}.art-lens i:nth-child(2){inset:10px 15px}.art-lens i:nth-child(3){inset:20px 25px}.art-lens i:nth-child(4){inset:30px 35px;background:var(--lime)}@media (min-width:1001px){.on-service-card{padding-inline:20px}.on-service-card h3{font-size:clamp(23px,2.1vw,31px)}.on-service-card>p{min-height:105px}.on-service-details{padding:18px}.on-service-details li{font-size:12px}.on-site[data-motion=ready] .service-0{transform:translateX(calc((1 - var(--p,1)) * 100%)) rotate(calc((1 - var(--p,1)) * -12deg))}.on-site[data-motion=ready] .service-1{transform:translateX(calc((1 - var(--p,1)) * 30%)) rotate(calc((1 - var(--p,1)) * -4deg))}.on-site[data-motion=ready] .service-2{transform:translateX(calc((1 - var(--p,1)) * -30%)) rotate(calc((1 - var(--p,1)) * 4deg))}.on-site[data-motion=ready] .service-3{transform:translateX(calc((1 - var(--p,1)) * -100%)) rotate(calc((1 - var(--p,1)) * 12deg))}.on-site[data-motion=ready] .on-service-deck:has(:focus-visible) .on-service-card{transform:none}}@media (min-width:701px) and (max-width:1000px){.on-service-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.on-site[data-motion=ready] .on-activation{height:auto}.on-site[data-motion=ready] .on-activation-stage{position:relative}.on-site[data-motion=ready] .on-service-card{transform:none}}@media (max-height:600px) and (min-width:1001px){.on-site[data-motion=ready] .on-service-card{transform:none}}.on-activation,.on-clients,.on-collage-scene,.on-showcase,.on-statement-scene{background:var(--ink)}.on-showcase-backdrops{display:none}.on-contact{border-top:0}.on-about-link{padding:100px 6vw 80px;text-align:center}.on-about-link h2{font-size:clamp(38px,4.5vw,68px);margin:20px 0 25px}.on-team-copy{max-width:760px;margin:auto}.on-team-intro{max-width:520px;margin:0 auto 30px;color:var(--muted);font-size:14px;line-height:1.85}.on-clients{padding:85px 6vw 70px;color:var(--white)}.on-clients-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8vw;max-width:1200px;margin:0 auto 55px}.on-clients-heading h2{font-size:clamp(36px,4.5vw,68px);letter-spacing:-.05em;line-height:1.15;margin-top:18px}.on-clients-heading h2 span{color:var(--lime)}.on-clients-heading>p{max-width:410px;color:var(--muted);font-size:15px;line-height:1.85;padding-bottom:6px}.on-client-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.on-client-track{width:max-content;display:flex;animation:on-client-loop 36s linear infinite}.on-client-list{list-style:none;display:flex;align-items:center;flex-shrink:0}.on-client-list li{background:var(--ink);width:240px;height:125px;padding:15px 25px;display:grid;place-items:center}.on-client-list img{width:100%;height:100%;max-height:80px;object-fit:contain;mix-blend-mode:normal;opacity:1;transition:opacity .25s}.on-client-list li:hover img{opacity:1}.on-client-marquee.is-paused .on-client-track,.on-client-marquee:hover .on-client-track{animation-play-state:paused}.on-client-pause{display:flex;align-items:center;gap:15px;min-height:44px;margin:22px auto 0;font-size:10px;color:var(--muted)}.on-client-pause span{color:var(--lime);font-size:16px}@keyframes on-client-loop{to{transform:translateX(-50%)}}@media (max-width:700px){.on-about-link{padding:70px 6vw 45px}.on-about-link h2{font-size:10vw}.on-clients{padding:60px 6vw 40px}.on-clients-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.on-clients-heading h2{font-size:10vw}.on-clients-heading>p{font-size:13px}.on-client-list li{width:190px;height:110px;padding:15px 22px}}@media (prefers-reduced-motion:reduce){.on-client-marquee{mask-image:none}.on-client-track{width:100%;transform:none}.on-client-list{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.on-client-list li{width:auto}.on-client-list[aria-hidden=true],.on-client-pause{display:none}}@media (prefers-reduced-motion:reduce) and (max-width:700px){.on-client-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.site:has(.on-site){--site-bg-dark:#121329;--site-bg-neutral:#121329;background:#121329;overflow:clip}.on-site :is(p,h1,h2,h3,ul,figure){padding-inline-start:0}.on-site button{cursor:pointer}.on-site img{display:block}.on-contact-form{max-width:720px;margin:40px auto 0;text-align:left}.on-contact-form button{min-height:48px}.on-empty{text-align:center;color:var(--muted);padding:60px 24px}.on-cover-fallback{display:grid;place-items:center;height:100%;padding:30px;background:#21182f;color:var(--white);font-size:clamp(24px,3vw,44px)}.on-client-name{font-size:20px;color:var(--muted);text-align:center}.on-client-primary img{max-width:190px;background:#f5f4f2;border-radius:8px;padding:12px}.on-discipline-compact{display:none}@media (max-width:700px){.on-discipline-full{display:none}.on-discipline-compact{display:inline}}.on-site[data-motion=ready] .on-showcase-single{height:auto}.on-site[data-motion=ready] .on-showcase-single .on-showcase-stage{position:relative;height:auto}.on-site[data-motion=ready] .on-showcase-single .on-showcase-track{transform:none}.site:has(.on-site):before{display:none}.on-filter-select{display:flex;align-items:center;border:1px solid #ffffff30;border-radius:30px;padding:0 14px}.on-filter-select select{background:var(--ink);color:var(--white);max-width:185px;font:inherit;font-size:11px;min-height:44px;border:0}.on-filter-select select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.on-hero-content>.on-eyebrow{animation:on-rise .7s .05s both}.on-hero .on-line:first-child>span{animation-delay:.15s}.on-hero .on-line:nth-child(2)>span{animation-delay:.3s}.on-hero-description{animation:on-rise .8s .48s both}.on-hero-actions{animation:on-rise .8s .64s both}.on-hero .on-switch{animation:on-rise .8s .76s both}.on-scroll-prompt{animation:on-rise .8s .9s both}.on-hero-content:focus-within :is(.on-hero-actions,.on-switch){animation:none}.on-site[data-motion=ready] .on-collage-cards{position:absolute;inset:0;clip-path:inset(calc((1 - var(--arrival, 1)) * 48%) calc((1 - var(--arrival, 1)) * 18%) round 18px)}.on-site[data-motion=ready] .on-collage-card img{scale:calc(1.16 - var(--arrival, 1) * .16);transition:filter .3s}.on-site[data-motion=ready] .on-collage-card>span{opacity:var(--caption,1);translate:0 calc((1 - var(--caption, 1)) * 24px);transition:opacity .2s,translate .2s}.on-site[data-motion=ready] .on-collage-card:is(:hover,:focus-visible)>span{opacity:1;translate:0 0}.on-site[data-motion=ready] .on-collage-cards:focus-within{clip-path:none}.on-site[data-motion=ready] .on-collage-card:focus-visible{z-index:10;transform:translate(-50%,-50%)}}.on-collage-title>.on-collage-on{display:block;font:inherit;color:inherit;margin:0;letter-spacing:inherit}@media (hover:hover) and (pointer:fine){.on-collage-card:hover img{filter:brightness(1.1)}.on-collage-card>span b{transition:transform .3s}.on-collage-card:hover>span b{transform:translate(3px,-3px)}}@media (max-width:700px){.on-hero h1{font-size:17vw}.on-hero .on-line{white-space:nowrap}}.on-header.on-header-compact{z-index:65;height:60px;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none}.on-header-compact>a{padding:16px;border-radius:12px;background:#121329b3;backdrop-filter:blur(16px)}.on-header-actions{display:flex;align-items:center;gap:10px}.on-header-contact,.on-menu-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:56px;padding:0 22px;border-radius:12px;font-size:12px}.on-header-contact{background:#121329d9;backdrop-filter:blur(16px);border:1px solid #ffffff24}.on-menu-toggle{min-width:124px;background:var(--lime);color:var(--ink)}.on-menu-plus{font-size:27px;font-weight:400;transition:transform .4s}.is-menu-open .on-menu-plus{transform:rotate(45deg)}.on-navigation-panel{position:fixed;inset:0;z-index:64;background:var(--ink);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;clip-path:inset(22px 22px calc(100% - 82px) calc(100% - 146px) round 12px);transition:clip-path .6s cubic-bezier(.76,0,.24,1),visibility 0s .6s}.on-navigation-panel.is-open{visibility:visible;clip-path:inset(0 round 0);transition-delay:0s}.on-navigation-inner{width:min(1160px,88%);min-height:100%;margin:auto;padding:135px 0 35px;display:flex;flex-direction:column;justify-content:center}.on-navigation-links{margin:24px 0 32px}.on-navigation-links>a{position:relative;isolation:isolate;display:flex;align-items:center;gap:30px;padding:12px 22px;border-bottom:1px solid #ffffff24;overflow:hidden;font-size:clamp(38px,6.5vw,92px);line-height:1.2;letter-spacing:-.055em}.on-navigation-links>a:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lime);transform:translateY(102%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.on-navigation-links>a:is(:hover,:focus-visible){color:var(--ink)}.on-navigation-links>a:is(:hover,:focus-visible):before{transform:translateY(0)}.on-navigation-links small{font-size:11px;letter-spacing:0}.on-navigation-links b{margin-left:auto;font-size:.55em;font-weight:400;transition:transform .3s}.on-navigation-links a:is(:hover,:focus-visible) b{transform:rotate(45deg)}.on-navigation-links [aria-current=page] small{text-decoration:underline;text-underline-offset:5px}.on-navigation-links>a>span{transform:translateY(130%);transition:transform .45s cubic-bezier(.16,1,.3,1)}.is-open .on-navigation-links>a>span{transform:none;transition-delay:calc(.15s + var(--nav-index) * 55ms)}.on-navigation-links>a:focus-visible>span{transform:none;transition-delay:0s}.on-navigation-bottom{display:flex;flex-wrap:wrap;gap:20px 40px;font-size:12px;color:var(--muted)}.on-navigation-bottom>:last-child{margin-left:auto}@media (max-width:700px){.on-header.on-header-compact{height:52px}.on-header-compact>a{padding:12px 6px}.on-header-compact .on-logo{width:100px}.on-header-actions{gap:6px}.on-header-contact,.on-menu-toggle{min-height:48px;padding:0 12px;gap:10px;font-size:11px}.on-menu-toggle{min-width:86px}.on-navigation-panel{clip-path:inset(12px 12px calc(100% - 64px) calc(100% - 98px) round 12px)}.on-navigation-panel.is-open{clip-path:inset(0)}.on-navigation-inner{width:90%;padding:110px 0 28px}.on-navigation-links>a{padding:20px 10px;gap:16px;font-size:clamp(32px,9vw,60px)}.on-navigation-bottom{flex-direction:column;gap:18px}.on-navigation-bottom>:last-child{margin-left:0}}@media (prefers-reduced-motion:reduce){.on-navigation-links>a>span,.on-navigation-panel{transition:none}}.on-navigation-social{display:flex;flex-wrap:wrap;gap:18px}.on-navigation-bottom a:hover{color:var(--lime)}.on-header.on-header-compact{inset:24px 4vw auto}.on-header-compact>a{padding:10px 0;border-radius:0;background:none;backdrop-filter:none}.on-header-compact .on-logo{width:148px}.on-header-actions{gap:42px}.on-header nav.on-desktop-nav{display:flex;position:static;gap:32px;padding:0;border:0;background:none;font-size:13px}.on-desktop-nav a{padding:14px 0;overflow:hidden}.on-desktop-nav a span{display:block;transition:transform .25s}.on-desktop-nav a:is(:hover,:focus-visible) span{transform:translateY(-3px)}.on-header-contact{background:none;backdrop-filter:none;border-radius:30px;border-color:#ffffff40}.on-header-contact span{transition:transform .25s}.on-header-contact:is(:hover,:focus-visible){border-color:var(--lime);color:var(--lime)}.on-header-contact:is(:hover,:focus-visible) span{transform:translate(3px,-3px)}.on-menu-toggle{display:none}.on-menu-backdrop{position:fixed;inset:0;z-index:63;background:#0005}@media (max-width:900px){.on-header.on-header-compact{inset:16px 5vw auto;height:52px}.on-header-compact .on-logo{width:120px}.on-header nav.on-desktop-nav{display:none}.on-header-actions{gap:14px}.on-header-contact{min-height:44px;padding:0 12px;font-size:11px;gap:8px}.on-menu-toggle{display:inline-flex;min-width:72px;min-height:44px;padding:0;gap:10px;background:none;color:var(--white)}.on-navigation-panel{inset:82px 5vw auto;max-height:calc(100dvh - 100px);border:1px solid #ffffff24;border-radius:16px;clip-path:inset(0 0 100% 0 round 16px);transition-duration:.4s;box-shadow:0 25px 70px #0005}.on-navigation-panel.is-open{clip-path:inset(0 round 16px)}.on-navigation-inner{width:100%;min-height:0;padding:24px}.on-navigation-inner>.on-eyebrow{display:none}.on-navigation-links{margin:0 0 24px}.on-navigation-links>a{padding:13px 0;font-size:clamp(28px,6vw,40px);gap:12px}.on-navigation-links small{display:none}.on-navigation-bottom{flex-direction:column;gap:15px;font-size:11px}.on-navigation-bottom>:last-child{margin-left:0}}@media (max-width:360px){.on-header-compact .on-logo{width:104px}.on-header-actions{gap:8px}.on-header-contact{padding:0 8px}}.on-header-compact:before{content:"";position:fixed;inset:0 0 auto;height:120px;background:linear-gradient(var(--ink),#121329b3 55%,transparent);pointer-events:none;z-index:-1}