@font-face{font-family:Distro;src:url('./distro-sans.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#101110;--paper:#f6f7f4;--lime:#c8ff31;--muted:#757871;--line:#dcded7;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Distro,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #6c9500;outline-offset:6px}.hero a:focus-visible,.site-header a:focus-visible,.footer a:focus-visible,.footer button:focus-visible,.cinema a:focus-visible{outline-color:var(--lime)}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;background:var(--lime);color:var(--ink);padding:10px 20px;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(16,17,16,.84);border-bottom:1px solid #ffffff12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-shell{width:min(1440px,calc(100% - 72px));height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1}.brand>span{font-size:36px;font-weight:750;letter-spacing:-2px}.brand-dot{color:var(--lime)}.brand img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:500}.site-header nav>a{transition:color .18s ease}.nav-contact{border:1px solid #ffffff3b;border-radius:99px;padding:10px 19px}.nav-contact span{margin-left:16px;font-size:19px}.hero{position:relative;min-height:820px;min-height:max(760px,100svh);display:flex;align-items:center;overflow:hidden;padding:140px 0 150px}.hero-art{position:absolute;inset:0;transform-origin:65% 50%}.hero-art img,.hero-art video{height:100%;width:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,17,16,.85),rgba(16,17,16,.44) 38%,transparent 66%),linear-gradient(0deg,var(--ink),transparent 22%)}.hero-content{position:relative;z-index:1}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.085em;text-transform:uppercase;margin:0 0 28px;line-height:1.5}.hero .eyebrow{display:flex;gap:10px;align-items:center;color:#d5d8ce}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px #c8ff3150}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(76px,8vw,124px);line-height:.98;letter-spacing:-.075em;font-weight:650;margin-bottom:32px}h1 span{color:var(--lime)}.hero-description{color:#c5c8bf;font-size:17px;line-height:1.75;margin-bottom:32px;max-width:570px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 23px;border-radius:99px;font-size:14px;font-weight:650;min-height:52px;transition:transform .2s var(--ease),background-color .2s ease}.button span{font-size:22px;line-height:1}.button-lime{background:var(--lime);color:var(--ink)}.button-white{background:var(--paper);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600}.text-link span{font-size:23px;transition:transform .2s var(--ease)}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#a4a89c;font-size:12px;gap:24px}.hero-bottom a{display:flex;gap:24px;align-items:center}.hero-bottom a span{font-size:22px;color:var(--lime)}.hero-coordinate{letter-spacing:.11em}.section-light{background:var(--paper);color:var(--ink)}.intro{padding:120px 0 0}.intro-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:40px}.intro-layout>.eyebrow{max-width:250px;margin-top:12px}h2{font-weight:550;font-size:clamp(40px,4.7vw,68px);line-height:1.08;letter-spacing:-.065em;margin-bottom:32px}.muted{color:#787d72}.intro-copy{font-size:18px;max-width:560px;color:#60645d;line-height:1.8;margin:34px 0 70px}.discipline-line{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(15px,1.8vw,24px);font-weight:550;letter-spacing:-.035em}.discipline-line span:nth-child(even){color:#7e8577;font-size:28px}.expertise{padding:112px 0 116px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:46px}.section-heading h2{margin-bottom:0}.section-heading>p{color:#6a6f63;font-size:16px;line-height:1.7;margin-bottom:6px;min-width:230px}.section-heading .eyebrow{margin-bottom:20px;color:#656c5b}.service-card{border-radius:20px;overflow:hidden;display:grid;grid-template-columns: .95fr 1.3fr;min-height:570px;margin-bottom:28px}.web-card{background:#e8eae3}.card-copy{padding:55px 44px 52px 52px;position:relative;z-index:2}.card-copy .eyebrow{font-size:12px;letter-spacing:.08em;color:#697060;margin-bottom:25px}.card-copy h3{font-size:clamp(37px,3.4vw,52px);font-weight:550;letter-spacing:-.055em;line-height:1.08;margin-bottom:25px}.card-copy h3 span{color:#6b7263}.card-copy>p:not(.eyebrow){color:#5e6557;font-size:16px;line-height:1.7;max-width:330px;margin-bottom:27px}.tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px}.tags li{font-size:12px;padding:5px 10px;border:1px solid #adb4a2;border-radius:40px;white-space:nowrap}.card-copy .text-link{margin-top:32px}.web-visual{position:relative;display:flex;align-items:center;padding:30px 0 40px 8px;perspective:1300px;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#d4eaa8,transparent 65%)}.browser-mockup{width:690px;flex-shrink:0;background:#fafbf8;border:1px solid #fff;border-radius:12px;box-shadow:0 32px 90px #303b1929;transform:perspective(1300px) rotateY(-12deg) rotateX(5deg) rotateZ(-3deg);transform-origin:25% 50%;color:var(--ink);font-size:12px}.browser-bar{height:39px;background:#f0f2eb;border-bottom:1px solid #e2e6db;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;color:#79816f}.window-dots{letter-spacing:2px;color:#b3bbab}.mockup-body{display:grid;grid-template-columns:140px 1fr;min-height:345px}.mockup-sidebar{border-right:1px solid #e3e8db;padding:23px 10px;display:flex;flex-direction:column;gap:13px;color:#717966;font-size:10px}.mockup-monogram{font-size:30px;font-weight:800;padding:0 10px;color:#1d2710;line-height:1;margin-bottom:15px}.mockup-sidebar>span:not(.mockup-monogram){padding:6px 9px}.sidebar-selected{background:#e3f0cd;border-radius:5px;color:#293917}.sidebar-bottom{margin-top:auto;font-size:9px}.mockup-main{padding:23px 26px}.mockup-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7c8275;margin-bottom:17px}.mockup-avatar{padding:2px 7px;background:#d9e9bd;border-radius:50%;color:#405326}.mockup-main h4{font-weight:600;font-size:27px;letter-spacing:-1px;line-height:1.15;margin:0 0 5px}.mockup-main>p{font-size:10px;color:#7f8873;margin-bottom:17px}.mockup-tiles{display:grid;grid-template-columns:1.45fr 1fr;gap:12px}.mockup-tiles>div{background:#eef1e7;padding:17px;border-radius:8px}.mockup-tiles span,.mockup-tiles strong,.mockup-tiles small{display:block}.mockup-tiles span{font-size:9px}.mockup-tiles strong{font-size:19px;font-weight:600;letter-spacing:-.5px;line-height:1.2;margin-top:7px}.mockup-tiles small{font-size:8px;color:#6a745c}.progress-track{height:4px;border-radius:5px;background:#d9e0cb;margin:14px 0 6px;overflow:hidden}.progress-track i{display:block;width:75%;height:100%;background:#859f43}.mockup-tiles .mini-tile{background:var(--lime);display:flex;justify-content:space-between;flex-direction:column}.mini-tile span{align-self:flex-end;font-size:21px}.mockup-tasks{margin-top:17px}.mockup-tasks>div{display:flex;align-items:center;gap:9px;border-top:1px solid #e9ece3;padding:7px 0;font-size:9px}.mockup-tasks small{margin-left:auto;background:#edf1e7;border-radius:4px;padding:2px 6px;color:#6c775c}.check{border-radius:50%;width:15px;height:15px;display:grid;place-items:center;background:#dbe6c9;color:#58752d;font-size:9px}.check.outline{background:none;border:1px solid #b7c2a4}.visual-caption{position:absolute;bottom:21px;left:30px;font-size:10px;color:#717b61;letter-spacing:.06em;text-transform:uppercase}.brand-card{background:#eeefe9;grid-template-columns:1.3fr .95fr;margin-bottom:0}.brand-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:580px;background:#e2e5db;overflow:hidden}.poster{width:330px;height:440px;padding:23px 26px;background:var(--lime);color:#18240b;transform:rotate(-8deg);box-shadow:0 25px 45px #46503525;display:flex;flex-direction:column;justify-content:space-between}.poster-top,.poster-bottom{display:flex;align-items:center;justify-content:space-between}.poster-top{font-size:9px;font-weight:650;letter-spacing:.025em}.poster-top>span:last-child{font-size:26px}.poster>p{font-size:58px;font-weight:650;line-height:.97;letter-spacing:-4px;margin:25px 0 0}.poster em{font-family:Georgia,serif;font-weight:400}.poster-bottom{font-size:10px;line-height:1.3}.poster-spark{font-size:88px;line-height:1}.type-sample{position:absolute;right:32px;bottom:77px;background:#21281d;color:var(--paper);width:160px;height:172px;transform:rotate(8deg);box-shadow:0 12px 32px #18220c30;padding:19px}.type-sample>span{font-size:68px;line-height:1.4;letter-spacing:-4px}.type-sample small{display:block;font-size:8px;letter-spacing:.06em}.cinema{position:relative;min-height:830px;padding:94px 0 95px;overflow:hidden;display:flex;align-items:center}.cinema-image{position:absolute;inset:-6% 0}.cinema-image img{width:100%;height:100%;object-fit:cover;object-position:center}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090d0ce8 0%,#090d0c82 45%,#090d0c08 75%),linear-gradient(0deg,#080d0bcc,transparent 40%)}.cinema-content{position:relative}.cinema .eyebrow{color:#d2decb}.cinema h2{font-size:clamp(60px,6.7vw,102px);line-height:1.02;letter-spacing:-.065em;font-weight:550;max-width:750px;margin-bottom:30px}.cinema h2 span{color:var(--lime)}.cinema-content>p:not(.eyebrow){color:#d0d7ce;font-size:17px;line-height:1.75}.cinema-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:43px;gap:30px}.cinema .tags li{border-color:#a2b39b80;color:#e4eadd}.cinema-caption{position:absolute;right:36px;bottom:20px;font-size:10px;letter-spacing:.04em;color:#c3ccb9}.approach{padding:116px 0 85px;background:#151714}.approach .eyebrow{color:#a6ad9b}.approach .section-heading>p{color:#a5ae9a}.muted-dark{color:#828b78}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:70px}.steps article{border-top:1px solid #3b4234;padding-top:26px}.step-number{font-size:12px;color:var(--lime)}.steps h3{font-size:27px;font-weight:550;letter-spacing:-.045em;margin:23px 0 13px}.steps p{font-size:16px;color:#a6ae9c;max-width:320px;line-height:1.75}.signature-line{margin-top:80px;border-top:1px solid #343b2e;padding-top:37px;display:flex;align-items:center;gap:40px}.signature-mark{font-weight:600;font-size:45px;letter-spacing:-3px;line-height:1}.signature-mark>span{color:var(--lime)}.signature-line p{color:#aab29f;font-size:14px;margin:0}.signature-arrow{margin-left:auto;color:var(--lime);font-size:60px;line-height:1}.contact{background:var(--lime);color:var(--ink);padding:73px 0 60px}.contact-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:43px}.contact-note{font-size:14px;line-height:1.6;color:#425020}.contact h2{font-size:clamp(70px,9.3vw,140px);font-weight:550;letter-spacing:-.075em;line-height:1;margin-bottom:60px}.contact h2>a{display:inline-flex;gap:90px;align-items:center}.contact h2>a>span{font-size:.84em;transition:transform .25s var(--ease)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #26360840;padding-top:26px;gap:24px}.contact-bottom p{font-size:15px;margin:0}.email-link{font-size:clamp(16px,1.8vw,25px);letter-spacing:-.025em;border-bottom:1px solid #18210b80;overflow-wrap:anywhere}.footer{padding:29px 0;background:#101110}.footer-inner{display:flex;align-items:center;gap:25px}.footer .brand>span{font-size:30px}.footer p{font-size:12px;color:#a0a697;margin:0 auto 0 10px}.footer-inner>span{font-size:12px;color:#a0a697;white-space:nowrap}.motion-toggle{font-size:12px;color:#a0a697;border:0;border-bottom:1px solid #ffffff35;background:none;cursor:pointer;padding:5px 0;white-space:nowrap}.back-top{width:36px;height:36px;border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;font-size:20px;flex-shrink:0}.button:active,.nav-contact:active,.back-top:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-3px)}.button-lime:hover{background:#d7ff6f}.site-header nav>a:hover{color:var(--lime)}.text-link:hover span{transform:translate(3px,-3px)}.contact h2>a:hover>span{transform:translate(10px,-10px)}.email-link:hover{border-bottom-color:transparent}.motion-toggle:hover{color:var(--paper)}}
@media(prefers-reduced-motion:no-preference){.hero-enter{animation:hero-in .9s var(--ease) both}.hero-enter:nth-child(2){animation-delay:60ms}.hero-enter:nth-child(3){animation-delay:120ms}.hero-enter:nth-child(4){animation-delay:180ms}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.steps .reveal:nth-child(2){transition-delay:65ms}.steps .reveal:nth-child(3){transition-delay:130ms}}
@keyframes hero-in{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
html.motion-off{scroll-behavior:auto}.motion-off .hero-enter{animation:none}.motion-off .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-off .hero-art,.motion-off .cinema-image{transform:none!important}.motion-off .button,.motion-off .text-link span,.motion-off .contact h2>a>span{transition:none!important}
@media(min-width:1700px){.hero{min-height:950px}.hero-art img,.hero-art video{object-position:center 55%}.hero-shade{background:linear-gradient(90deg,#101110 2%,#10111088 35%,transparent 60%),linear-gradient(0deg,var(--ink),transparent 25%)}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{min-height:760px}.hero-art img,.hero-art video{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#101110e0,#10111070 45%,#10111010),linear-gradient(0deg,var(--ink),transparent 25%)}h1{font-size:94px}.hero-description{font-size:16px}.intro-layout{grid-template-columns:.75fr 1.4fr}.service-card{grid-template-columns:1fr 1.1fr}.card-copy{padding:40px 30px}.brand-card{grid-template-columns:1.1fr 1fr}.poster{width:285px;height:400px}.poster>p{font-size:52px}.type-sample{width:135px;height:148px;right:12px;bottom:83px}.type-sample>span{font-size:58px}.footer-inner{flex-wrap:wrap}.footer p{flex:1}.footer-inner>span{margin-left:auto}.hero-coordinate{display:none}.steps{gap:30px}}
@media(max-width:760px){html{scroll-padding-top:78px}.wrap{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 36px);height:72px;gap:15px}.brand>span{font-size:30px}.brand img{width:30px;height:30px}.site-header nav{gap:16px;font-size:12px}.site-header nav>a:nth-child(2){display:none}.nav-contact{padding:8px 12px}.nav-contact span{margin-left:5px;font-size:16px}.hero{min-height:830px;min-height:max(790px,100svh);align-items:flex-start;padding:153px 0 130px}.hero-art{top:185px;right:-24%;bottom:50px;left:-13%;opacity:.88}.hero-art img,.hero-art video{object-position:65% center}.hero-shade{background:linear-gradient(180deg,#101110 0%,#101110aa 34%,#10111005 56%,#101110 97%),linear-gradient(90deg,#10111065,transparent)}h1{font-size:clamp(62px,12.5vw,93px);margin-bottom:26px;letter-spacing:-.067em}.hero .eyebrow{font-size:10px;letter-spacing:.045em;margin-bottom:24px}.hero-description{font-size:15px;max-width:400px;color:#d5d8d0;text-wrap:pretty}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}.button{font-size:13px;padding:13px 19px}.hero .text-link{font-size:13px}.hero-bottom{bottom:24px;gap:15px;font-size:10px}.hero-bottom a{gap:13px}.hero-bottom a span{font-size:18px}.intro{padding-top:72px}.intro-layout{display:block}.intro-layout>.eyebrow{max-width:none;margin-bottom:28px;font-size:11px}h2{font-size:clamp(37px,7.5vw,54px);letter-spacing:-.06em}.intro-copy{font-size:16px;margin:25px 0 48px}.discipline-line{gap:12px;font-size:13px;letter-spacing:-.03em;flex-wrap:wrap;justify-content:center;padding:22px 0}.discipline-line span:nth-child(even){font-size:18px}.expertise{padding:70px 0}.section-heading{display:block;margin-bottom:32px}.section-heading .eyebrow{font-size:11px}.section-heading>p{font-size:15px;margin-top:23px}.section-heading>p br{display:none}.section-heading>p br::after{content:' '}.service-card{grid-template-columns:1fr;border-radius:14px;min-height:0}.card-copy{padding:34px 27px}.card-copy h3{font-size:43px}.card-copy>p:not(.eyebrow){max-width:450px;font-size:15px}.card-copy .eyebrow{font-size:11px}.card-copy h3 br:nth-child(1){display:none}.card-copy .text-link{font-size:13px}.tags li{font-size:11px}.web-visual{height:350px;min-height:0;padding-left:25px}.browser-mockup{width:570px;transform:perspective(1300px) rotateY(-12deg) rotateZ(-4deg) scale(.85);transform-origin:0 50%}.visual-caption{font-size:9px;left:27px;bottom:17px}.brand-card .card-copy{grid-row:1}.brand-visual{min-height:405px}.poster{height:335px;width:250px}.poster>p{font-size:45px;letter-spacing:-3px;margin-top:0}.poster-spark{font-size:62px}.poster-top{font-size:8px}.type-sample{width:115px;height:125px;right:calc(50% - 166px);bottom:50px;padding:13px}.type-sample>span{font-size:50px}.type-sample small{font-size:6px}.cinema{min-height:790px;padding:65px 0 72px;align-items:flex-end}.cinema-image img{object-position:58% center}.cinema-shade{background:linear-gradient(0deg,#090d0cf2,#090d0c80 60%,#090d0c15)}.cinema .eyebrow{font-size:10px;max-width:270px}.cinema h2{font-size:clamp(53px,10.2vw,74px)}.cinema-content>p:not(.eyebrow){font-size:15px}.desktop-br{display:none}.cinema-bottom{align-items:flex-start;flex-direction:column;gap:28px;margin-top:28px}.cinema-caption{font-size:8px;right:20px;bottom:17px}.approach{padding:72px 0 55px}.steps{grid-template-columns:1fr;gap:25px;margin-top:40px}.steps article{padding-top:21px;display:grid;grid-template-columns:36px 1fr;column-gap:12px}.step-number{grid-row:1/3;padding-top:5px}.steps h3{font-size:25px;margin:0 0 12px}.steps p{grid-column:2;max-width:none;font-size:15px}.signature-line{margin-top:38px;gap:20px;padding-top:30px}.signature-mark{font-size:37px}.signature-line p{font-size:12px}.signature-arrow{font-size:43px}.contact{padding:52px 0 40px}.contact-top{margin-bottom:35px}.contact .eyebrow{font-size:11px}.contact-note{font-size:11px}.contact h2{font-size:clamp(62px,12vw,89px);margin-bottom:38px}.contact h2>a{gap:25px}.contact-bottom{display:block;padding-top:20px}.contact-bottom p{font-size:13px;margin-bottom:12px}.email-link{font-size:19px}.footer{padding:26px 0}.footer-inner{gap:22px 20px;justify-content:space-between}.footer .brand>span{font-size:28px}.footer p{order:5;flex:0 0 100%;margin:0;font-size:11px}.footer-inner>span{font-size:10px}.motion-toggle{font-size:10px;order:6}.back-top{width:30px;height:30px}}
@media(max-width:380px){.site-header nav>a:first-child{display:none}.nav-contact{font-size:11px}.hero{padding-top:137px}h1{font-size:60px}.hero-bottom>span{max-width:110px}.hero-description br{display:none}.discipline-line{font-size:12px;gap:8px}.contact h2{font-size:57px}.contact h2>a{gap:12px}.email-link{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art,.cinema-image{transform:none!important}}

.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video[hidden]{display:none}.hero-video-toggle{border:1px solid #ffffff40;background:#101110a6;border-radius:30px;padding:8px 14px;color:#d5d8ce;font-size:12px;cursor:pointer}.hero-video-toggle[hidden]{display:none}.hero-video-toggle:hover{border-color:#c8ff31}@media(max-width:760px){.hero-bottom{flex-wrap:wrap}.hero-video-toggle{font-size:10px;padding:6px 10px}}

@media(min-width:761px){.hero-art img,.hero-art video{object-fit:contain;object-position:center}.hero-art{background:#101110}}