@font-face{font-family:Clash;src:url('./clash-grotesk.woff2') format('woff2');font-weight:200 700;font-display:swap}
:root{--ink:#000;--paper:#fff;--lime:#d6f34a;--gray:#f0f0ed;--muted:#5a5a5a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Clash,Arial,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p+p{margin-top:1.1rem}h1,h2{font-weight:400;line-height:1.02;letter-spacing:-.045em}h2{font-size:clamp(2.8rem,5.4vw,5rem)}h3{font-size:1.7rem;font-weight:450;line-height:1.2}button,a,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #427900;outline-offset:6px}.skip{position:fixed;top:-90px;left:20px;z-index:9;background:var(--lime);padding:12px}.skip:focus{top:20px}header{position:absolute;top:0;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:30px 4vw;color:#fff}.identity{display:flex;align-items:center;gap:15px;font-size:16px}.identity img{width:52px}.menu-button,.close-menu{border:0;border-radius:99px;background:#000;color:#fff;padding:12px 24px;font-size:15px;display:flex;gap:25px;align-items:center}.menu-button{border:1px solid #ffffff4d}dialog{background:#000;color:#fff;border:0;border-radius:8px;width:min(760px,94vw);padding:35px}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.menu-top{display:flex;align-items:center;justify-content:space-between}.close-menu{border:1px solid #555;padding:9px 16px}dialog nav{display:flex;flex-direction:column;gap:12px;padding:50px 0}dialog nav a{font-size:clamp(2rem,6vw,4rem);line-height:1.15;letter-spacing:-.025em}dialog nav a:hover{color:var(--lime)}.menu-mail{font-size:16px;color:#d6f34a}.hero{position:relative;min-height:760px;height:100svh;max-height:1200px;overflow:hidden;color:#fff;background:#000}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{opacity:.58;object-position:center 45%}.hero-shade{background:#0003}.hero-intro{position:absolute;left:4vw;top:21%;max-width:430px;font-size:20px}.hero-intro .pill{margin-top:28px}.pill{display:inline-flex;gap:25px;align-items:center;justify-content:center;border:1px solid #bbb;border-radius:99px;padding:15px 23px;font-size:16px;line-height:1.3;transition:background .15s,color .15s}.pill:hover{background:#000;color:#fff}.lime{background:var(--lime);border-color:var(--lime);color:#000}.lime:hover{background:#fff;color:#000}.hero h1{position:absolute;bottom:110px;left:4vw;font-size:clamp(6rem,13.5vw,13rem);line-height:.86;font-weight:300;letter-spacing:-.06em}.hero h1 span{display:block;margin-left:14vw}.hero-bottom{position:absolute;bottom:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff66;padding-top:18px;font-size:14px}.wrap{width:92%;max-width:1400px;margin:auto;padding:110px 0}.section-label{font-size:16px;margin-bottom:40px;color:var(--muted)}.split{display:grid;grid-template-columns:1.12fr 1fr;gap:8vw;align-items:start}.split p{max-width:620px}.lead{font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.45}.lead+p{margin-top:24px;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.section-top>span{font-size:15px}.work{padding-top:25px}.work h2{font-size:clamp(2.5rem,4vw,4rem)}.project-image{display:block;position:relative;background:var(--gray);overflow:hidden;border-radius:8px}.project-image img{width:100%;aspect-ratio:1.9;object-fit:cover;transition:transform .5s}.project-image:hover img{transform:scale(1.02)}.project-link{position:absolute;bottom:25px;right:25px;background:#fff;border-radius:99px;padding:13px 22px;font-size:16px}.project-description{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:30px}.project-description h3{font-size:2.5rem;font-weight:400}.project-description p{max-width:570px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{border:1px solid #ddd;padding:7px 13px;border-radius:99px;font-size:14px}.experience{display:flex;justify-content:space-between;gap:40px;margin-top:60px;border-top:1px solid #ccc;padding-top:25px;color:var(--muted)}.experience p{max-width:680px}.experience a{max-width:270px;color:#000}.services{padding-top:50px}.service-list{margin-top:65px}.service-list>a{display:grid;grid-template-columns:1fr 1fr 35px;gap:40px;padding:35px 0;border-top:1px solid #ccc;align-items:center}.service-list p{color:var(--muted);font-size:16px;max-width:530px}.service-list>a>span{font-size:30px;transition:transform .2s}.service-list>a:hover>span{transform:translate(4px,-4px)}.service-list>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.automation{background:#000;color:#fff}.automation .section-label{color:#aaa}.automation h2{margin-bottom:30px}.automation .pill{margin-top:30px}.automation .pill:hover{background:var(--lime);color:#000}.flow{background:var(--lime);color:#000;padding:35px;border-radius:8px}.flow>p{font-size:15px}.flow ol{list-style:none;padding:20px 0;margin:0}.flow li{border-top:1px solid #0004;padding:20px 0;display:flex;flex-direction:column}.flow li span{font-size:1.55rem}.flow small{font-size:14px}.flow-note{font-size:14px}.about .section-top{padding-bottom:30px;border-bottom:1px solid #ccc;margin-bottom:50px}.process{padding-top:20px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;list-style:none;padding:0;margin-top:55px}.process li{border-top:1px solid #bbb;padding-top:20px}.process li>span{color:var(--muted);font-size:14px}.process h3{margin:28px 0 18px}.process p{font-size:16px;color:var(--muted)}.faq{padding-top:20px}.faq details{border-top:1px solid #bbb;padding:20px 0}.faq summary{cursor:pointer;font-size:19px;list-style-position:outside;margin-left:18px}.faq details p{color:var(--muted);padding-top:18px}.contact{background:var(--lime);padding:55px 4vw 85px}.contact h2{font-size:clamp(4rem,10vw,9.5rem);font-weight:300;margin:65px 0 40px}.contact .email{display:flex;align-items:center;gap:30px;font-size:clamp(1.4rem,4vw,3.7rem);letter-spacing:-.035em;width:fit-content;max-width:100%;border-bottom:1px solid #000;padding-bottom:8px;overflow-wrap:anywhere}.contact p{max-width:560px;margin-top:30px}footer{padding:32px 4vw;display:flex;align-items:center;gap:30px;font-size:14px}footer>span{margin-right:auto}footer a:hover{text-decoration:underline}.service-hero{padding-top:170px}.service-hero h1{font-size:clamp(3.8rem,8vw,8rem);max-width:1000px;margin:25px 0 35px}.service-hero .lead{max-width:740px}.service-hero .pill{margin-top:30px}.service-hero .section-label{margin:45px 0 0}.back{font-size:15px;text-decoration:underline;text-underline-offset:5px}body:has(.service-hero) header{color:#000}body:has(.service-hero) header .identity img{filter:invert(1)}.service-body{padding-top:55px}.scope{list-style:none;padding:0;margin:35px 0}.scope li{border-top:1px solid #ccc;padding:16px 0;font-size:20px}.case-image{padding-top:0;padding-bottom:40px}.case-image img{width:100%;border-radius:8px}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:0;padding-bottom:40px}.case-pair img{border-radius:8px;width:100%;height:100%;object-fit:cover}
@media(min-width:1600px){.wrap{width:86%}}@media(max-width:760px){body{font-size:16px}header{padding:22px 5vw}.identity span{display:none}.hero{min-height:710px;max-height:1000px}.hero-photo{object-position:62% center}.hero-intro{top:23%;left:5vw;font-size:18px;max-width:85%}.hero h1{left:5vw;bottom:125px;font-size:clamp(5.8rem,19vw,9rem)}.hero h1 span{margin-left:12vw}.hero-bottom{left:5vw;right:5vw;flex-direction:column;gap:8px;font-size:13px}.wrap{width:90%;padding:70px 0}.split{grid-template-columns:1fr;gap:35px}.section-label{margin-bottom:25px}.section-top{align-items:start}.section-top h2{font-size:2.4rem}.section-top>span{font-size:14px}.work{padding-top:10px}.project-image img{aspect-ratio:1.15}.project-link{bottom:15px;right:15px;padding:11px 18px}.project-description{grid-template-columns:1fr;gap:20px}.experience{flex-direction:column;gap:20px;margin-top:40px}.experience a{max-width:none}.service-list{margin-top:40px}.service-list>a{grid-template-columns:1fr 25px;gap:14px;padding:25px 0}.service-list h3{font-size:1.45rem}.service-list p{grid-column:1;grid-row:2}.service-list>a>span{grid-column:2;grid-row:1}.flow{padding:25px}.process ol{grid-template-columns:1fr 1fr;gap:30px 25px}.process h3{margin-top:18px;font-size:1.5rem}.faq{padding-top:10px}.contact{padding:35px 5vw 60px}.contact .section-top{flex-direction:column;gap:5px}.contact h2{margin:40px 0 30px}.contact .email{font-size:clamp(1.25rem,5.5vw,2.5rem);gap:12px}footer{flex-wrap:wrap;padding:25px 5vw;gap:20px}footer>span{margin-right:0}footer>a:nth-last-child(2){width:100%}.service-hero{padding-top:140px}.service-hero h1{font-size:clamp(3.2rem,11vw,5rem)}.service-body{padding-top:20px}.case-pair{grid-template-columns:1fr}.case-image{padding-top:0;padding-bottom:20px}dialog{padding:25px}.menu-mail{font-size:15px}.pill{max-width:100%;gap:15px}}
/* Motion direction: the personal monogram is the stage; services become chapters. */
body{overflow-x:clip}.kinetic-hero{height:100svh;min-height:820px;max-height:1300px;background:#000;--pointer-x:70%;--pointer-y:40%;--drift-x:0px;--drift-y:0px;--hero-scroll:0;isolation:isolate}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:8.33vw 8.33vw;mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}
.hero-mark{position:absolute;right:3vw;top:17%;width:53vw;max-width:850px;height:61%;transform:translate(var(--drift-x),var(--drift-y)) rotate(-7deg) scale(calc(1 - var(--hero-scroll)*.08));will-change:transform}
.hero-mark>img{width:100%;height:100%;object-fit:contain}.hero-mark>img:first-child{opacity:.15}.hero-mark .mark-reveal{position:absolute;inset:0;clip-path:circle(180px at var(--pointer-x) var(--pointer-y));opacity:.95;transition:clip-path .15s linear,opacity .3s}.pointer-active .hero-mark .mark-reveal{clip-path:circle(230px at var(--pointer-x) var(--pointer-y))}
.hero-orbit{position:absolute;left:var(--pointer-x);top:var(--pointer-y);width:90px;height:90px;border:1px solid #d6f34a80;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .3s}.pointer-active .hero-orbit{opacity:1}
.kinetic-hero .hero-intro{top:22%;z-index:2;font-size:22px;max-width:530px}.hero-proof{display:block;font-size:14px;color:#d6f34a;margin-bottom:28px}.kinetic-hero h1{z-index:1;bottom:145px;left:4vw;font-size:clamp(7rem,14vw,15rem);line-height:.86;letter-spacing:-.055em;transform:translateY(calc(var(--hero-scroll)*-60px))}.kinetic-hero h1 .name-first{display:block;margin:0}.kinetic-hero h1 .name-last{margin-left:15vw;display:block}.kinetic-hero h1 .name-period{color:var(--lime);margin:0;display:inline}.kinetic-hero .hero-bottom{bottom:55px}.hero-side{position:absolute;right:3vw;top:52%;writing-mode:vertical-rl;font-size:14px;color:#aaa;letter-spacing:.04em}
.overlap-intro{position:relative;width:100%;max-width:none;padding-left:4%;padding-right:4%;background:#fff;border-radius:32px 32px 0 0;margin-top:-30px;z-index:2}.overlap-intro .section-top{margin-bottom:55px}.overlap-intro h2{font-size:clamp(2.8rem,5vw,4.8rem)}
.services-experience{padding:0;background:#fff}.services-opening{padding-top:40px;padding-bottom:100px}.services-opening h2{font-size:clamp(4rem,9vw,8.5rem)}.services-opening p+p{color:#666;margin-top:25px}.chapter-stack{position:relative;padding-bottom:0}.service-chapter{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;padding:32px 4vw 30px;border-radius:26px 26px 0 0;z-index:calc(3 + var(--chapter-index));transform:scale(calc(1 - var(--cover,0)*.035));transform-origin:50% 0;filter:brightness(calc(1 - var(--cover,0)*.12));will-change:transform;overflow:hidden}.theme-ink{background:#000;color:#fff}.theme-paper{background:#f0f0ed;color:#000}.theme-lime{background:#d6f34a;color:#000}.chapter-top,.chapter-bottom{display:flex;justify-content:space-between;gap:20px;font-size:14px}.chapter-top{padding-bottom:22px;border-bottom:1px solid currentColor}.chapter-top>span:first-child{width:20%}.chapter-top>span:nth-child(2){margin-right:auto}.chapter-top-note{opacity:.6}.chapter-content{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:center;flex:1;padding:55px 0}.chapter-content h3{font-size:clamp(3.2rem,5.8vw,6rem);font-weight:400;letter-spacing:-.045em;line-height:1.06;max-width:750px}.chapter-detail{max-width:620px}.chapter-benefit{font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.35}.chapter-detail>p+p{font-size:16px;opacity:.75;margin-top:22px}.chapter-detail ul{padding:0;margin:28px 0;list-style:none}.chapter-detail li{font-size:15px;padding:10px 0;border-bottom:1px solid #8885}.theme-ink .chapter-detail li{border-color:#ffffff36}.chapter-detail .pill{border-color:currentColor}.theme-ink .pill:hover{background:var(--lime);color:#000}.theme-lime .pill:hover,.theme-paper .pill:hover{background:#000;color:#fff}.chapter-bottom{border-top:1px solid currentColor;padding-top:20px;opacity:.6}.automation{position:relative;z-index:9;border-radius:26px 26px 0 0;margin-top:-1px}.work .project-image{view-timeline-name:--project;view-timeline-axis:block}.project-image img{animation:project-expand linear both;animation-timeline:--project;animation-range:entry 0% entry 100%}@keyframes project-expand{from{transform:scale(1.08)}to{transform:scale(1)}}
html.lenis.lenis-smooth{scroll-behavior:auto}.kinetic-hero .hero-intro,.kinetic-hero h1{animation:hero-entrance .9s cubic-bezier(.2,.6,.3,1) both}.kinetic-hero h1{animation-delay:.12s}@keyframes hero-entrance{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.chapter-content{max-width:1450px;width:100%;margin:auto}.chapter-top,.chapter-bottom{width:100%;max-width:1450px;margin:auto}}
@media(max-width:760px){.kinetic-hero{height:100svh;min-height:780px;max-height:none}.kinetic-hero .hero-intro{top:19%;left:5vw;max-width:90%;font-size:19px}.hero-proof{font-size:13px;margin-bottom:22px}.hero-mark{width:83vw;right:-7vw;top:34%;height:46%;transform:rotate(-10deg)}.hero-mark .mark-reveal{clip-path:circle(75px at 65% 40%)}.hero-mark>img:first-child{opacity:.18}.kinetic-hero h1{font-size:clamp(5.7rem,21vw,9.8rem);bottom:145px;left:5vw}.kinetic-hero h1 .name-last{margin-left:15vw}.kinetic-hero .hero-bottom{bottom:42px;font-size:13px}.hero-side{display:none}.overlap-intro{margin-top:-25px}.overlap-intro .section-top{flex-direction:column;gap:8px;margin-bottom:40px}.services-opening{padding-top:20px;padding-bottom:60px}.services-opening h2{font-size:3.7rem}.service-chapter{padding:25px 5vw;min-height:100svh;border-radius:20px 20px 0 0;transform:none;filter:none}.chapter-top{font-size:13px;gap:15px}.chapter-top>span:first-child{width:auto}.chapter-top-note{display:none}.chapter-content{grid-template-columns:1fr;gap:30px;padding:40px 0;align-items:start}.chapter-content h3{font-size:clamp(2.5rem,9vw,4rem)}.chapter-benefit{font-size:20px}.chapter-detail>p+p{font-size:15px;margin-top:18px}.chapter-detail ul{margin:20px 0}.chapter-detail li{font-size:14px;padding:8px 0}.chapter-detail .pill{font-size:14px;padding:13px 18px}.chapter-bottom{font-size:12px;gap:20px}.chapter-bottom>span:last-child{max-width:180px;text-align:right}.hero-orbit{display:none}}
@media(max-height:700px) and (min-width:761px){.service-chapter{min-height:760px;position:relative}.chapter-content{padding:40px 0}}
@media(max-width:760px) and (max-height:740px){.service-chapter{position:relative;min-height:100svh}.chapter-content{padding:30px 0;gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.hero-mark,.kinetic-hero h1{transform:none}.hero-orbit{display:none}.service-chapter{position:relative;transform:none;filter:none}.project-image img{animation:none}}
/* Work is shown through real screens; biography follows the chapter rhythm. */
.chapter-top>span:first-child{width:auto;margin-right:auto}.chapter-top>span:nth-child(2){margin-right:0}.showcase{background:#000;color:#fff;position:relative;z-index:2;border-radius:28px 28px 0 0}.showcase-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;padding-bottom:45px}.showcase-heading .section-label{color:#aaa;margin-bottom:30px}.showcase-heading h2{font-size:clamp(3rem,6vw,6rem)}.project-switch{display:flex;gap:10px;margin-top:35px;flex-wrap:wrap}.project-switch button{background:transparent;color:#fff;border:1px solid #555;border-radius:99px;padding:12px 24px;font-size:16px}.project-switch button.active{background:var(--lime);color:#000;border-color:var(--lime)}.project-switch button:hover{border-color:var(--lime)}.laptop-stage{padding:0 3vw;overflow:hidden}.laptop-composition{position:relative;width:min(1180px,100%);margin:auto;aspect-ratio:3/2;view-timeline-name:--laptop}.laptop-device{width:100%;height:100%;object-fit:contain}.laptop-screen{position:absolute;left:12.05%;top:10.25%;width:76%;height:66.4%;overflow:hidden;border-radius:2px;background:#000}.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:opacity .2s}.showcase-caption{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;padding-top:0;padding-bottom:65px}.showcase-caption h3{font-size:2rem;margin-bottom:12px}.showcase-caption p{font-size:16px;color:#bbb}.showcase-caption a{display:inline-block;margin-top:18px;border-bottom:1px solid #777;padding-bottom:6px}.showcase-caption a:hover{color:var(--lime)}
.automation-new{position:relative;background:#fff;color:#000;z-index:9;border-radius:28px 28px 0 0;margin-top:-1px}.automation-heading{padding-bottom:50px}.automation-heading .section-label{margin-bottom:35px}.automation-body{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:8vw;padding-top:30px;padding-bottom:45px}.automation-map{display:flex;align-items:center;justify-content:center;background:#f0f0ed;min-height:340px;padding:40px 20px;border-radius:8px;gap:0}.automation-map>span:not(.flow-connector),.flow-destinations>span{border:1px solid #bbb;border-radius:99px;padding:12px 18px;background:#fff;text-align:center;font-size:15px}.automation-map>span.flow-hub{background:#000;color:var(--lime);border:0;padding:25px;font-size:2rem;border-radius:50%}.flow-connector{height:1px;width:35px;background:#999;flex-shrink:0}.flow-destinations{display:flex;flex-direction:column;gap:14px}.flow-destinations span{font-size:14px}.automation-copy h3{font-size:2rem;margin-bottom:24px}.automation-copy p{color:#555}.automation-copy .pill{margin-top:25px}.automation-caption{font-size:14px;color:#666;padding-top:0;padding-bottom:65px}.about-opening{padding-top:40px;padding-bottom:90px}.about-opening h2{font-size:clamp(3rem,6vw,6rem)}.about-experience{position:relative;z-index:10;background:#fff}.about-chapter{isolation:isolate}.about-chapter .chapter-top,.about-chapter .chapter-content,.about-chapter .chapter-bottom{position:relative;z-index:2}.about-art{position:absolute;width:65%;left:-5%;top:15%;bottom:0;opacity:.12;z-index:-1;pointer-events:none;transform:translateY(calc(var(--cover,0)*-60px))}.about-art img{width:100%;height:100%;object-fit:contain}.about-art-engineering{left:38%;width:70%;top:10%;opacity:.07}.about-art-partner{width:70%;left:-5%;opacity:.07}.about-chapter::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8881 1px,transparent 1px),linear-gradient(90deg,#8881 1px,transparent 1px);background-size:8.33vw 8.33vw;z-index:-2}.about-chapter.theme-ink::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--spot-x,25%) var(--spot-y,50%),#d6f34a14,transparent);z-index:-1}.about-chapter .chapter-detail>p+p{margin-top:24px;line-height:1.65}.technology-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.technology-tags span{padding:8px 15px;border-radius:99px;border:1px solid #0004;font-size:14px}.process{position:relative;background:#fff;z-index:12;padding-top:100px}.process ol{counter-reset:none}.process li>span{display:none}
.contact-form-section{position:relative;z-index:13}.contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;margin-top:60px}.contact-form-section h2{font-size:clamp(3rem,6vw,6rem);margin:0 0 35px}.contact-direct{display:inline-block;font-size:clamp(1.2rem,2vw,1.8rem);margin-top:25px;border-bottom:1px solid #000;padding-bottom:6px}.contact-form-section p.contact-employer{font-size:15px;max-width:420px;margin-top:40px}.project-form{padding-top:8px}.project-form label{display:flex;flex-direction:column;gap:9px;font-size:15px;min-width:0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-form input:not([type=checkbox]),.project-form textarea{background:transparent;border:0;border-bottom:1px solid #0008;border-radius:0;width:100%;padding:12px 0;font:inherit;color:#000;outline-offset:4px}.project-form textarea{resize:vertical;min-height:140px;border:1px solid #0006;padding:15px;border-radius:8px}.project-form textarea::placeholder{color:#474f20;font-size:14px}.project-form fieldset{border:0;padding:0;margin:30px 0}.project-form legend{font-size:15px;margin-bottom:15px}.form-options{display:flex;flex-wrap:wrap;gap:9px}.form-options label{position:relative;cursor:pointer}.form-options input{position:absolute;width:1px;height:1px;opacity:0}.form-options span{display:block;border:1px solid #0006;border-radius:99px;padding:9px 15px;font-size:14px;transition:background .15s,color .15s}.form-options input:checked+span{background:#000;color:#fff}.form-options input:focus-visible+span{outline:3px solid #427900;outline-offset:3px}.form-submit{background:#000;color:#fff;border-color:#000;margin-top:25px;padding:16px 25px}.form-submit:hover{background:#fff;color:#000}.contact-form-section .form-note{font-size:13px;line-height:1.6;margin-top:18px;max-width:540px;color:#384111}.form-status{font-size:15px;border:1px solid #0005;padding:15px;border-radius:8px}.form-status a{text-decoration:underline}.project-form input:focus-visible,.project-form textarea:focus-visible{outline:2px solid #000}.project-form button:focus-visible{outline-color:#000}
@media(max-width:760px){.showcase-heading,.showcase-caption,.automation-body,.contact-columns{grid-template-columns:1fr;gap:30px}.showcase-heading{padding-bottom:10px}.showcase-caption{padding-top:5px;padding-bottom:55px}.laptop-stage{padding:0}.laptop-composition{width:112%;max-width:none;margin-left:-6%}.showcase-heading h2,.about-opening h2{font-size:3rem}.showcase-caption h3{font-size:1.75rem}.project-switch{margin-top:25px}.project-switch button{font-size:14px;padding:10px 18px}.automation-heading{padding-bottom:20px}.automation-body{padding-top:15px}.automation-map{min-height:280px;padding:30px 10px}.automation-map>span:not(.flow-connector){padding:10px;font-size:13px}.automation-map>span.flow-hub{font-size:1.5rem;padding:18px}.flow-connector{width:15px}.flow-destinations span{padding:9px 10px;font-size:12px}.automation-copy h3{font-size:1.75rem}.automation-caption{font-size:13px;padding-bottom:55px}.about-opening{padding-bottom:60px}.about-art{width:110%;left:-25%;opacity:.08;top:0}.about-art-engineering{left:10%;width:130%}.about-chapter .chapter-content{gap:28px}.about-chapter .chapter-detail>p+p{font-size:15px;line-height:1.6;margin-top:20px}.technology-tags{margin-top:22px}.technology-tags span{font-size:13px;padding:6px 11px}.contact-columns{margin-top:35px;gap:45px}.contact-form-section h2{font-size:3.2rem}.contact-form-section p.contact-employer{margin-top:25px}.form-pair{grid-template-columns:1fr;gap:25px}.form-options span{padding:8px 13px;font-size:13px}.chapter-top>span:first-child{width:auto}.process{padding-top:65px}}
@media(prefers-reduced-motion:reduce){.about-art{transform:none}.laptop-screen img{transition:none}}
.laptop-screen img[data-variant=matbud]{height:104.88%;transform:translateY(-4.651%);object-fit:fill}
.showcase-heading .showcase-hint{color:#aaa}
@media(min-width:761px){.service-chapter .chapter-content{padding:20px 0}.service-chapter .chapter-detail>p+p{font-size:15px}.service-chapter .chapter-detail ul{margin:20px 0}.service-chapter .chapter-benefit{font-size:clamp(1.25rem,1.8vw,1.75rem)}}
/* EpilLove: the device becomes a window into the finished work. */
header{position:fixed;z-index:50;pointer-events:none;transition:color .2s;padding-top:22px;padding-bottom:22px}header>a,header>button{pointer-events:auto}.identity{transition:background .2s,padding .2s;border-radius:16px}.identity img{height:41px;object-fit:contain;filter:none!important}.nav-start .identity{background:transparent;padding:0}.nav-start .identity img{filter:none!important}.nav-dark .identity{background:#fff;padding:8px 12px}.nav-dark .identity img{filter:invert(1)!important}.nav-light .identity{background:#000;padding:8px 12px}.nav-light .identity img{filter:none!important}header:not(.nav-start) .identity span{display:none}.nav-dark .menu-button{background:#fff;color:#000;border-color:#fff}.nav-light .menu-button{background:#000;color:#fff;border-color:#000}.skip{z-index:70}.showcase-hint{margin-top:25px;color:#aaa;font-size:15px}.showcase-zoom .showcase-heading{padding-bottom:35px}.project-scroll{position:relative}.project-scene{position:relative;height:100svh;min-height:660px;overflow:hidden;background:#000;isolation:isolate}.project-scene .laptop-composition{position:absolute;top:50%;left:50%;width:min(1040px,94vw);max-width:none;margin:0;aspect-ratio:3/2;transform:translate(-50%,-43.45%) scale(var(--zoom,1));transform-origin:50% 43.45%;will-change:transform}.project-scene .laptop-device{width:100%;height:100%;object-fit:cover}.project-caption{position:absolute;bottom:28px;left:4vw;right:4vw;z-index:2;display:flex;justify-content:space-between;gap:35px;align-items:end;padding:22px 26px;color:#fff;background:#000e;border:1px solid #ffffff36;border-radius:8px}.project-caption h3{font-size:clamp(2.5rem,4vw,4rem);font-weight:400;letter-spacing:-.045em}.project-caption-label{font-size:13px;color:#bbb;display:block;margin-bottom:6px}.project-caption p{font-size:16px}.project-caption p+p{margin-top:5px;color:#bbb}.project-caption a{display:inline-block;margin-top:12px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.project-caption a:hover{color:var(--lime)}.motion-ready{height:260svh}.motion-ready .project-scene{position:sticky;top:0;min-height:0}.motion-ready .project-caption{background:rgb(0 0 0 / calc(.65 + var(--project-progress,0)*.3))}
.services-experience .service-chapter{isolation:isolate}.service-chapter{padding-top:105px}.chapter-too-tall{position:relative!important}.services-experience .chapter-top,.services-experience .chapter-content,.services-experience .chapter-bottom{position:relative;z-index:2}.service-emblem{position:absolute;left:-8%;top:13%;width:73%;height:83%;z-index:-1;pointer-events:none;--emblem-x:65%;--emblem-y:45%;transform:translateY(calc(var(--cover,0)*-65px))}.service-emblem>img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.08}.service-emblem .emblem-reveal{opacity:.3;clip-path:circle(115px at var(--emblem-x) var(--emblem-y));transition:opacity .35s}.emblem-active .emblem-reveal{opacity:.5}.emblem-scan{position:absolute;inset:0;mask:url('./mm-white.svg') center/contain no-repeat;background:repeating-linear-gradient(0deg,transparent 0 10px,currentColor 10px 11px,transparent 11px 22px);opacity:.07;transform:translateY(calc(var(--cover,0)*20px))}.theme-paper .service-emblem,.theme-lime .service-emblem{left:27%;width:75%}.theme-lime .emblem-reveal,.theme-paper .emblem-reveal{opacity:.07}.theme-ink .service-emblem{color:var(--lime)}.services-experience .theme-ink::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:8.33vw 8.33vw;z-index:-2}
.process ol{gap:0;border:1px solid #000;border-radius:8px;overflow:hidden}.process li{padding:30px 25px;border:0;position:relative;background:#f0f0ed;transition:background .25s}.process li+li{border-left:1px solid #000}.process li:nth-child(even){background:#fff}.process li:hover{background:var(--lime)}.process h3{font-size:1.9rem;margin:25px 0 18px}.process p{color:#343434;line-height:1.65}.process strong{display:block;font-weight:450;font-size:13px;margin-top:30px;border-top:1px solid #0003;padding-top:16px}.process-symbol{height:85px;width:110px;position:relative;color:#000}.process-symbol i{display:block;position:absolute;border:2px solid currentColor;transition:transform .3s}.symbol-talk i{width:58px;height:42px;border-radius:12px;top:8px;left:5px}.symbol-talk i:after{content:'';position:absolute;width:12px;height:12px;bottom:-8px;left:10px;border-left:2px solid;border-bottom:2px solid;background:inherit;transform:skewY(-35deg)}.symbol-talk i+i{top:30px;left:45px;background:var(--lime)}.symbol-concept i{width:60px;height:60px;left:8px;top:10px;border-radius:50%}.symbol-concept i+i{left:40px;top:10px;border-radius:0;transform:rotate(12deg)}.symbol-build i{width:52px;height:37px;left:5px;top:4px}.symbol-build i:nth-child(2){left:28px;top:21px;background:#f0f0ed}.symbol-build i:nth-child(3){left:51px;top:38px;background:var(--lime)}.symbol-deliver i{width:70px;height:58px;left:14px;top:16px;border-radius:5px}.symbol-deliver i:after{content:'';width:27px;height:15px;position:absolute;left:18px;top:12px;border-left:3px solid;border-bottom:3px solid;transform:rotate(-45deg)}.process li:hover .process-symbol i{transform:translateY(-4px)}
.footer-expanded{display:block;background:#000;color:#fff;padding:75px 4vw 25px;position:relative;z-index:14}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:6vw}.footer-brand h2{font-size:clamp(2.5rem,4vw,4rem);margin:30px 0 18px}.footer-brand p{font-size:16px;color:#aaa;max-width:450px}.footer-email{font-size:clamp(1.1rem,1.8vw,1.6rem);display:inline-block;margin-top:24px}.footer-main nav h3{font-size:16px;color:#aaa;margin:0 0 26px}.footer-main nav a{display:block;font-size:16px;margin:15px 0}.footer-expanded a:hover{color:var(--lime);text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff35;margin-top:65px;padding-top:25px;font-size:13px;color:#bbb}.service-promise{font-size:clamp(1.7rem,3vw,3rem);line-height:1.2;margin-bottom:30px}.service-hero h1{font-size:clamp(3rem,7vw,7rem)}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0}.form-submit:disabled{opacity:.5;cursor:wait}
@media(max-width:1000px){.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(3){border-left:0;border-top:1px solid #000}.process li:nth-child(4){border-top:1px solid #000}.footer-main{grid-template-columns:1.3fr 1fr;gap:45px}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){header{padding:16px 5vw}.identity img{width:42px;height:33px}.nav-dark .identity,.nav-light .identity{padding:7px 10px;border-radius:12px}.menu-button{padding:11px 19px;gap:20px}.service-chapter{padding-top:88px}.service-emblem{width:130%;height:68%;left:-35%;top:8%}.theme-paper .service-emblem,.theme-lime .service-emblem{width:125%;left:-2%}.service-emblem .emblem-reveal{clip-path:circle(80px at 55% 45%);opacity:.2}.project-scene{height:660px;min-height:0}.project-scene .laptop-composition{width:115vw}.motion-ready{height:210svh}.motion-ready .project-scene{height:100svh}.project-caption{left:5vw;right:5vw;bottom:22px;flex-direction:column;align-items:start;gap:16px;padding:18px 20px}.project-caption h3{font-size:2.7rem}.project-caption p{font-size:14px}.project-caption a{font-size:13px;margin-top:8px}.project-caption-label{font-size:12px}.project-caption>div:last-child{border-top:1px solid #ffffff35;width:100%;padding-top:12px}.process ol{grid-template-columns:1fr}.process li+li{border-left:0;border-top:1px solid #000}.process li{padding:30px}.process-symbol{height:80px}.process li strong{margin-top:22px}.footer-expanded{padding:55px 5vw 25px}.footer-main{gap:35px 25px;grid-template-columns:1fr 1fr}.footer-main nav a{font-size:14px}.footer-main nav h3{font-size:14px;margin-bottom:20px}.footer-bottom{flex-wrap:wrap;margin-top:40px;gap:15px}.footer-bottom span:nth-child(2){width:100%;order:4}.footer-brand p{font-size:15px}.footer-email{font-size:1.2rem}.service-hero h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.motion-ready{height:auto}.motion-ready .project-scene{position:relative}.project-scene .laptop-composition{will-change:auto;transform:translate(-50%,-43.45%)}.service-emblem{transform:none}.emblem-reveal{clip-path:none!important;opacity:.08!important}}
/* Shared reading edges; full-width surfaces retain one consistent inner grid. */
:root{--page-gutter:max(4vw,calc((100% - 1400px)/2))}.wrap{width:calc(100% - 2*var(--page-gutter));max-width:1400px}.overlap-intro{width:100%;max-width:none;padding-inline:var(--page-gutter)}header,.service-chapter,.contact{padding-inline:var(--page-gutter)}.project-caption{left:var(--page-gutter);right:var(--page-gutter)}.hero-intro,.kinetic-hero h1{left:var(--page-gutter)}.hero-bottom{left:var(--page-gutter);right:var(--page-gutter)}
@media(min-width:761px){#menu .menu-layout{min-height:480px}}
@media(min-width:761px){.footer-scene .footer-wordmark{font-size:clamp(4rem,17.2vw,30rem)}}
/* The final signature is a second brand stage, not a small closing strip. */
.footer-expanded{padding:0;background:#000}.footer-scene{position:relative;isolation:isolate;min-height:760px;height:100svh;max-height:1200px;overflow:hidden;padding:42px var(--page-gutter) 0;--mark-x:65%;--mark-y:45%;--name-x:65%;--name-y:45%;--footer-drift-x:0px;--footer-drift-y:0px}.footer-scene-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-scene-top p{font-size:clamp(1.2rem,2.2vw,2rem);max-width:450px;line-height:1.2}.footer-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:8.33vw 8.33vw;mask-image:linear-gradient(transparent,#000 35%,#000 80%,transparent)}.footer-mark{position:absolute;width:60vw;height:68%;left:20%;top:5%;z-index:-1;transform:translate(var(--footer-drift-x),var(--footer-drift-y));pointer-events:none}.footer-mark img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.12}.footer-mark img.footer-mark-reveal{opacity:.8;clip-path:circle(155px at var(--mark-x) var(--mark-y));transition:opacity .3s}.footer-wordmark{position:absolute;bottom:108px;left:4vw;right:4vw;white-space:nowrap;font-size:clamp(3rem,12.5vw,23rem);font-weight:300;letter-spacing:-.065em;line-height:1.1;transform-origin:left bottom;margin:0;z-index:2}.footer-wordmark>span{display:block}.footer-wordmark .footer-name-reveal{position:absolute;inset:0;color:var(--lime);clip-path:circle(160px at var(--name-x) var(--name-y));pointer-events:none;opacity:0;transition:opacity .3s}.footer-pointer-active .footer-name-reveal{opacity:1}.footer-pointer-active .footer-mark-reveal{opacity:1}.footer-scene-bottom{position:absolute;bottom:35px;left:var(--page-gutter);right:var(--page-gutter);border-top:1px solid #ffffff40;padding-top:20px;display:flex;justify-content:space-between;gap:25px;font-size:14px;color:#bbb}.footer-scene.motion-enabled .footer-wordmark{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.footer-scene.is-visible .footer-wordmark{opacity:1;transform:translateY(0)}.footer-main{padding:65px var(--page-gutter) 0;border-top:1px solid #ffffff26}.footer-bottom{margin:60px var(--page-gutter) 0;padding-bottom:30px}.footer-brand p{font-size:18px;line-height:1.5}.footer-expanded .footer-scene-top .pill:hover{background:#fff;color:#000}
/* Full-screen branded navigation with direct routes into every service. */
#menu{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px var(--page-gutter);border-radius:0;overflow:auto;overscroll-behavior:contain;background:#000;color:#fff}#menu[open]{display:flex;flex-direction:column;animation:menu-arrive .35s ease-out}#menu::backdrop{background:#000}.menu-top{min-height:48px;flex-shrink:0;font-size:15px;border-bottom:1px solid #ffffff30;padding-bottom:22px}.close-menu{background:#fff;color:#000;border-color:#fff;padding:10px 20px;gap:20px}.menu-layout{display:grid;grid-template-columns:.85fr 2fr;gap:6vw;flex:1;padding:35px 0;min-height:0}.menu-brand{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff30;padding-right:5vw}.menu-brand>a{display:block;width:min(100%,280px);align-self:center}.menu-brand>a img{width:100%;height:auto;transition:transform .4s}.menu-brand>a:hover img{transform:translateY(-8px)}.menu-brand p.menu-signature{font-size:clamp(2.8rem,4.8vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:300;margin:18px 0}.menu-brand p+p{font-size:14px;color:#aaa;margin-top:20px}.menu-content{display:grid;grid-template-columns:1.75fr 1fr;gap:4vw;align-content:center}#menu nav{padding:0;display:block}#menu nav h2{font-size:14px;color:#aaa;line-height:1.4;letter-spacing:0;margin-bottom:25px}#menu .menu-services a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(1.5rem,2.6vw,2.7rem);letter-spacing:-.035em;line-height:1.15;border-top:1px solid #ffffff35;padding:18px 0}#menu .menu-services a:last-child{border-bottom:1px solid #ffffff35}#menu .menu-services a>span:last-child{font-size:24px;transition:transform .2s}#menu .menu-services a:hover>span:last-child{transform:translate(4px,-4px)}#menu .menu-explore a{display:block;font-size:clamp(1.15rem,1.7vw,1.7rem);line-height:1.2;letter-spacing:-.02em;margin:19px 0}#menu .menu-explore a span{display:block;font-size:12px;letter-spacing:0;margin-top:5px;color:#aaa}.menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff30;padding-top:22px;flex-shrink:0}.menu-mail{font-size:16px}.menu-contact{font-size:16px}.menu-contact:hover{color:var(--lime)}html.menu-open{overflow:hidden}@keyframes menu-arrive{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
/* A short, dismissible invitation attached to the form itself. */
.form-tip{position:relative;background:#000;color:#fff;padding:23px 48px 23px 24px;border-radius:18px 18px 18px 3px;margin:0 0 32px;max-width:510px}.form-tip:after{content:'';position:absolute;bottom:-11px;left:28px;border-left:12px solid transparent;border-right:0 solid transparent;border-top:12px solid #000}.contact-form-section .form-tip p{font-size:20px;line-height:1.2;margin:0 0 10px;color:#fff}.form-tip>span{display:block;font-size:14px;color:#ccc;line-height:1.6}.tip-dismiss{position:absolute;top:8px;right:11px;width:30px;height:30px;border:0;background:none;color:#aaa;font-size:24px}.tip-dismiss:hover{color:#fff}.tip-start{background:none;border:0;padding:0;margin-top:15px;color:var(--lime);font-size:14px;text-decoration:underline;text-underline-offset:4px}.form-tip.tip-enhanced{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}.form-tip.tip-visible{opacity:1;transform:none}.form-tip[hidden]{display:none}
@media(max-width:1000px){.menu-layout{grid-template-columns:.7fr 2fr;gap:4vw}.menu-content{grid-template-columns:1.7fr 1fr;gap:3vw}.menu-brand{padding-right:3vw}#menu .menu-services a{font-size:1.7rem}.footer-scene{min-height:660px}.footer-main{padding-top:45px}}
@media(max-width:760px){:root{--page-gutter:5vw}.overlap-intro{padding-inline:var(--page-gutter)}.footer-scene{height:85svh;min-height:610px;max-height:none;padding-top:40px}.footer-scene-top{align-items:start;flex-direction:column;gap:20px}.footer-scene-top p{font-size:1.6rem;max-width:280px}.footer-scene-top .pill{font-size:14px;padding:13px 20px}.footer-mark{width:110vw;height:57%;left:-5%;top:20%;transform:none}.footer-mark img.footer-mark-reveal{clip-path:circle(90px at 65% 45%);opacity:.7}.footer-wordmark{white-space:normal;left:5vw;right:5vw;bottom:100px;font-size:20vw;line-height:.93;letter-spacing:-.06em;max-width:100%}.footer-wordmark .footer-name-reveal{display:none}.footer-scene-bottom{flex-direction:column;gap:7px;font-size:12px;bottom:25px;padding-top:15px}.footer-brand p{font-size:16px}.footer-main{padding-top:40px;gap:35px 25px}.footer-bottom{margin-top:40px;padding-bottom:25px}#menu{padding:16px 5vw}.menu-top{font-size:12px;gap:15px;padding-bottom:15px}.close-menu{font-size:13px;padding:10px 16px;gap:12px}.menu-layout{display:block;padding:20px 0;flex:none}.menu-brand{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #ffffff30;padding:0 0 20px;margin-bottom:25px;gap:25px}.menu-brand>a{width:90px;margin:0;flex-shrink:0;align-self:auto}.menu-brand p.menu-signature{font-size:2rem;margin:0}.menu-brand p+p{font-size:12px;margin-top:10px}.menu-content{grid-template-columns:1fr;gap:30px}#menu nav h2{font-size:13px;margin-bottom:16px}#menu .menu-services a{font-size:1.55rem;padding:14px 0}#menu .menu-explore{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}#menu .menu-explore h2{grid-column:1/-1;margin-bottom:0}#menu .menu-explore a{font-size:1.1rem;margin:0}.menu-bottom{flex-direction:column;align-items:start;gap:14px;padding:20px 0 10px}.menu-mail,.menu-contact{font-size:14px}.form-tip{padding:20px 42px 20px 20px;margin-bottom:30px}.contact-form-section .form-tip p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.footer-mark{transform:none}.footer-scene.motion-enabled .footer-wordmark{opacity:1;transform:none}.footer-mark-reveal{clip-path:none!important;opacity:.12!important}.form-tip.tip-enhanced{opacity:1;transform:none}#menu[open]{animation:none}}
.footer-wordmark .signature-dot{display:inline-block;width:.07em;height:.07em;border-radius:50%;background:currentColor;margin-left:.095em;vertical-align:baseline}
.footer-scene{padding-top:105px}
@media(max-width:760px){.footer-scene{padding-top:88px}}
/* Wide monitors keep proportionate margins instead of a fixed 1400px island. */
@media(min-width:2200px){:root{--page-gutter:9vw}.wrap{max-width:none}.chapter-content,.chapter-top,.chapter-bottom{max-width:none}.split,.chapter-content,.contact-columns,.showcase-heading,.automation-body{gap:5vw}.split p{max-width:850px}.chapter-detail{max-width:850px}.chapter-content h3{max-width:1100px;font-size:clamp(6rem,4.2vw,11rem)}.service-chapter .chapter-benefit{font-size:clamp(1.8rem,1vw,2.5rem)}.service-chapter .chapter-detail>p+p,.about-chapter .chapter-detail>p+p{font-size:clamp(18px,.58vw,23px)}.chapter-detail li{font-size:20px;padding:14px 0}.overlap-intro h2,.about-opening h2,.showcase-heading h2,.automation-heading h2,.process h2,.contact-form-section h2{font-size:clamp(5rem,4vw,10rem)}.lead{font-size:clamp(1.7rem,.95vw,2.5rem)}.overlap-intro .split>div>p:not(.lead),.automation-copy p,.process p,.contact-columns>div>p{font-size:clamp(18px,.58vw,23px)}.chapter-detail .pill,.contact-direct{font-size:22px}.kinetic-hero{max-height:none}.kinetic-hero h1{font-size:clamp(14rem,10vw,28rem)}.footer-scene{max-height:none}.footer-scene .footer-wordmark{font-size:17.2vw}.automation-copy h3{font-size:3rem}.automation-map{min-height:470px}.automation-map>span:not(.flow-connector),.flow-destinations>span{font-size:20px}.automation-map>span.flow-hub{font-size:3rem}.form-pair{gap:30px}.project-form label,.project-form legend{font-size:20px}.form-options span{font-size:17px}.form-tip{max-width:640px}.contact-form-section .form-tip p{font-size:25px}.form-tip>span{font-size:18px}}
.automation-new{isolation:isolate;overflow:hidden;background:#f0f0ed}.automation-background{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.automation-background>img{position:absolute;width:130%;max-width:none;height:100%;left:-15%;top:0;object-fit:cover;opacity:.8;transform:translateY(calc(var(--network-progress,0)*-35px))}.automation-pulse{position:absolute;left:var(--network-x,65%);top:var(--network-y,30%);width:170px;height:170px;border:1px solid #a4be2545;border-radius:50%;transform:translate(-50%,-50%);opacity:.6}.automation-pulse:after{content:'';position:absolute;inset:35px;border:1px solid #a4be2560;border-radius:50%}.automation-heading,.automation-body,.automation-caption{position:relative;z-index:1}.automation-map{background:#fff;border-color:#0002;border:1px solid #0002}.automation-copy{background:#f0f0edee;border-radius:8px;padding:30px}.automation-heading .lead{background:#f0f0edda}.mind-signature{display:flex;flex-direction:column;align-items:start;margin-top:38px;gap:7px}.mind-signature img{width:250px;height:auto;max-width:100%}.mind-signature span{font-size:13px;color:#666;padding-left:10px}.about-opening{padding-bottom:65px}
@media(min-width:2200px){.mind-signature img{width:360px}.mind-signature span{font-size:18px}.automation-copy{padding:45px}}
@media(max-width:760px){.automation-background>img{width:230%;left:-65%;opacity:.6}.automation-pulse{width:120px;height:120px}.automation-copy{padding:22px}.mind-signature{margin-top:25px}.mind-signature img{width:210px}.about-opening{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.automation-background>img{transform:none}}
/* Hero content follows document flow so the CTA cannot collide with the name. */
.kinetic-hero{display:flex;flex-direction:column;align-items:flex-start;height:auto;min-height:max(820px,100svh);max-height:none;padding:clamp(130px,18svh,260px) var(--page-gutter) 45px}
.kinetic-hero .hero-intro{position:relative;top:auto;left:auto;flex-shrink:0}
.kinetic-hero h1{position:relative;left:auto;bottom:auto;flex-shrink:0;margin:clamp(64px,7svh,120px) 0 60px;transform:none}
.kinetic-hero .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:auto;flex-shrink:0}
@media(max-width:760px){.kinetic-hero{min-height:max(780px,100svh);padding:140px 5vw 42px}.kinetic-hero .hero-intro{left:auto;max-width:100%}.kinetic-hero h1{left:auto;bottom:auto;font-size:clamp(3rem,20vw,9.5rem);margin-top:64px;margin-bottom:60px}.kinetic-hero .hero-bottom{bottom:auto}}
/* EpilLove: a crisp, layered project exhibition instead of a raster zoom. */
.project-gallery{isolation:isolate;overflow:clip}.project-gallery .showcase-heading{padding-top:95px;padding-bottom:65px}.project-gallery-scroll{position:relative;--gallery-progress:0}.project-gallery-stage{position:relative;isolation:isolate;padding:80px 0 70px;background:#000}.project-gallery-scroll.gallery-motion{height:calc(min(100svh,1400px) + 420px)}.gallery-motion .project-gallery-stage{position:sticky;top:0;min-height:min(100svh,1400px);display:flex;flex-direction:column;justify-content:center}.project-gallery-mark{position:absolute;inset:3% -15% 0 38%;z-index:-1;pointer-events:none;transform:translateY(calc(var(--gallery-progress)*-70px))}.project-gallery-mark img{width:100%;height:100%;object-fit:contain;opacity:.065}.project-gallery-layout{display:grid;grid-template-columns:1fr 3fr;gap:5%;align-items:center;padding-top:0;padding-bottom:0}.project-gallery-copy>span{font-size:14px;color:#aaa}.project-gallery-copy h3{font-size:clamp(3rem,4.8vw,9rem);font-weight:300;letter-spacing:-.055em;line-height:1.05;margin:30px 0}.project-brand-dot{color:var(--lime)}.project-gallery-copy p{font-size:clamp(18px,1.15vw,30px);line-height:1.5;color:#ccc}.project-gallery-copy .pill{margin-top:30px;border-color:#666;color:#fff;white-space:nowrap}.project-gallery-copy .pill:hover{background:var(--lime);color:#000;border-color:var(--lime)}.project-gallery-visual{position:relative;padding:25px 7% 85px 0}.project-browser{display:block;border:1px solid #777;border-radius:12px;overflow:hidden;background:#202020;transform:translateY(calc(var(--gallery-progress)*-24px));transition:border-color .25s}.project-browser:hover{border-color:var(--lime)}.project-browser-bar{height:34px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1;color:#ccc;background:#202020}.browser-dots{display:flex;gap:5px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#777}.project-browser>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.project-phone{position:absolute;width:21%;max-width:360px;right:0;bottom:20px;border:6px solid #373737;border-radius:26px;overflow:hidden;background:#373737;transform:translateY(calc(var(--gallery-progress)*32px));transition:border-color .25s}.project-phone:hover{border-color:var(--lime)}.project-phone img{display:block;width:100%;height:auto;aspect-ratio:765/1688;object-fit:cover;object-position:top}.project-phone-speaker{position:absolute;top:6px;left:35%;width:30%;height:7px;border-radius:10px;background:#373737;z-index:1}.project-view-label{position:absolute;bottom:13px;left:4%;font-size:13px;line-height:1.5;color:#999}.project-gallery-scope{padding-top:30px;padding-bottom:0;border-top:1px solid #ffffff35;display:grid;grid-template-columns:1fr 3fr;gap:28px 5%;align-items:start}.project-gallery-scope>p{font-size:14px;max-width:160px;color:#aaa;margin:0}.project-gallery-scope dl{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0}.project-gallery-scope dt{color:#999;font-size:13px;margin-bottom:10px}.project-gallery-scope dd{font-size:clamp(16px,1.1vw,28px);margin:0;line-height:1.3}.project-gallery-scope>a{grid-column:2;font-size:14px;justify-self:start;border-bottom:1px solid #777;padding-bottom:5px}.project-gallery-scope>a:hover{color:var(--lime)}
@media(min-width:2200px){.project-gallery .showcase-heading h2{font-size:clamp(6rem,4vw,10rem)}.project-gallery .showcase-heading .lead{font-size:30px;max-width:900px}.project-gallery .showcase-heading .showcase-hint{font-size:20px}.project-browser-bar{height:54px;font-size:18px;padding-inline:28px}.browser-dots{gap:8px}.browser-dots i{width:8px;height:8px}.project-phone{border-width:10px;border-radius:40px}.project-gallery-copy>span,.project-gallery-scope>p,.project-gallery-scope dt,.project-gallery-scope>a,.project-view-label{font-size:20px}.project-gallery-scope>p{max-width:240px}.project-gallery-visual{padding-bottom:110px}.project-gallery-stage{padding-top:120px;padding-bottom:100px}}
@media(max-width:1100px){.project-gallery-layout{grid-template-columns:1fr 2.4fr;gap:4%}.project-gallery-scope{grid-template-columns:1fr 2.4fr;gap:25px 4%}.project-gallery-copy h3{font-size:3.2rem}.project-gallery-copy .pill{font-size:13px;padding:14px 17px}.project-gallery-stage{padding-top:50px}.project-gallery-scope dl{gap:18px}}
@media(max-width:950px){.project-gallery-layout{grid-template-columns:1fr;gap:30px}.project-gallery-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;align-items:center}.project-gallery-copy>span{grid-column:1/-1}.project-gallery-copy h3{margin:0;font-size:4rem}.project-gallery-copy p{margin:0;font-size:18px}.project-gallery-copy .pill{justify-self:start;margin-top:10px}.project-gallery-visual{padding-top:10px}.project-gallery-scope{grid-template-columns:1fr;gap:25px}.project-gallery-scope>p{max-width:none}.project-gallery-scope>a{grid-column:1}.project-gallery-stage{padding-top:25px;padding-bottom:60px}.project-gallery .showcase-heading{padding-top:65px;padding-bottom:30px}.project-gallery-scope dd{font-size:17px}.project-phone{width:23%;border-width:5px;border-radius:20px}.project-gallery-mark{inset:10% -55% 25% 0}}
@media(max-width:540px){.project-gallery-copy{grid-template-columns:1fr}.project-gallery-copy h3{font-size:3.8rem}.project-gallery-copy p{font-size:17px}.project-gallery-copy .pill{margin:5px 0 12px}.project-gallery-visual{padding-right:10%;padding-bottom:75px}.project-phone{width:29%;border-width:3px;border-radius:14px;bottom:28px}.project-phone-speaker{height:4px;top:4px}.project-browser{border-radius:7px}.project-browser-bar{height:23px;padding:0 9px;font-size:8px}.browser-dots{gap:3px}.browser-dots i{width:3px;height:3px}.project-view-label{font-size:11px;left:0;bottom:8px}.project-gallery-scope dl{grid-template-columns:1fr;gap:0}.project-gallery-scope dl>div{display:grid;grid-template-columns:1fr 1.7fr;gap:20px;padding:15px 0;border-bottom:1px solid #ffffff25}.project-gallery-scope dt{margin:0}.project-gallery-scope dd{font-size:16px}.project-gallery-scope{padding-top:20px;gap:15px}}
@media(prefers-reduced-motion:reduce){.project-gallery-scroll.gallery-motion{height:auto}.gallery-motion .project-gallery-stage{position:relative;min-height:0}.project-gallery-mark,.project-browser,.project-phone{transform:none;transition:none}}

.project-gallery-visual{width:100%;max-width:1900px;justify-self:end}.project-gallery-layout>*{min-width:0}