@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{--black: #0a0a0a;--ink: #11110f;--paper: #f1f0e9;--paper-deep: #e6e4da;--white: #f7f7f2;--lime: #b8ff38;--lavender: #c9ccff;--blue: #a8d4ff;--muted-dark: #a1a19b;--line-dark: rgba(247, 247, 242, .18);--line-light: rgba(17, 17, 15, .2);--ease-out: cubic-bezier(.22, 1, .36, 1);--dropdown-open-dur: .25s;--dropdown-close-dur: .15s;--dropdown-pre-scale: .97;--dropdown-closing-scale: .99;--dropdown-ease: cubic-bezier(.22, 1, .36, 1);font-family:Manrope,Arial,sans-serif;color:var(--white);background:var(--black);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--black)}body,button,a{font-family:inherit}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}::selection{color:var(--black);background:var(--lime)}.section-shell{width:min(100% - 56px,1480px);margin-inline:auto}.eyebrow{margin:0;font-family:DM Mono,monospace;font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.hero{min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.045),transparent 26%),var(--black)}.site-header{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:30}.wordmark{width:48px;height:54px;position:relative;display:block;overflow:hidden}.wordmark img{width:82px;max-width:none;position:absolute;top:-4px;left:-18px;filter:invert(1)}.desktop-nav{display:flex;gap:36px}.desktop-nav a,.nav-cta{position:relative;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--lime);transition:right .22s var(--ease-out)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}.nav-cta{justify-self:end;display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(255,255,255,.42);border-radius:999px;transition:color .22s ease,background-color .22s ease,border-color .22s ease}.nav-cta:hover,.nav-cta:focus-visible{color:var(--black);background:var(--lime);border-color:var(--lime)}.menu-button,.mobile-menu{display:none}.hero-inner{min-height:calc(100svh - 92px);display:grid;grid-template-rows:auto 1fr auto;padding:16px 0 32px}.hero-meta,.hero-bottom,.hero-index{display:flex;align-items:center}.hero-meta{justify-content:space-between}.hero-meta p{margin:0;display:flex;align-items:center;gap:10px;color:var(--muted-dark);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.hero-meta p:last-child span{color:var(--lime)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #b8ff381f}.hero-stage{min-height:560px;display:grid;place-items:center;position:relative}.hero h1{width:100%;margin:0;position:relative;z-index:5;color:var(--white);font-size:clamp(58px,8.15vw,132px);font-weight:500;letter-spacing:-.075em;line-height:.86;text-align:center}.hero h1 em,.section-intro h2 em,.services-heading h2 em,.studio-content h2 em,.contact-inner h2 em{font-weight:400;font-style:italic}.hero-collage{width:min(57vw,810px);aspect-ratio:1.35;position:absolute;z-index:3}.orbit-line{position:absolute;inset:5% 15%;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-10deg)}.orbit-line:after{content:"";position:absolute;width:5px;height:5px;left:7%;top:71%;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}.orbit-card{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.26);box-shadow:0 18px 40px #00000080;animation:float 5.6s var(--ease-out) infinite alternate}.orbit-card img{width:100%;height:100%;display:block;object-fit:cover}.orbit-card-a{width:31%;height:29%;top:0;left:12%;transform:rotate(-5deg)}.orbit-card-a img{object-position:8% center}.orbit-card-b{width:28%;height:34%;top:7%;right:7%;animation-delay:-1.4s;transform:rotate(4deg)}.orbit-card-b img{object-position:84% center}.orbit-card-c{width:30%;height:31%;bottom:3%;left:5%;animation-delay:-2.1s;transform:rotate(4deg)}.orbit-card-c img{object-position:75% center}.orbit-card-d{width:34%;height:28%;bottom:0;right:2%;animation-delay:-3.4s;transform:rotate(-4deg)}.orbit-card-d img{object-position:14% center}.orbit-card-e{width:17%;aspect-ratio:1;left:2%;top:37%;padding:12px;display:flex;flex-direction:column;justify-content:space-between;color:var(--black);background:var(--lime);border:0;box-shadow:none;transform:rotate(-8deg);font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase}.orbit-card-e strong{align-self:flex-end;font-size:26px;font-weight:400;letter-spacing:-.08em}.hero-mark{width:76px;aspect-ratio:1;position:absolute;left:50%;top:50%;display:grid;place-items:center;color:var(--black);background:var(--white);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 14px #ffffff0f}.hero-mark img{width:90px;max-width:none;display:block}@keyframes float{0%{translate:0 0}to{translate:0 -10px}}.hero-bottom{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:34px}.scroll-link{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;transition:color .22s ease,background-color .22s ease,transform .22s var(--ease-out)}.scroll-link:hover{color:var(--black);background:var(--lime);transform:translateY(4px)}.hero-bottom>p{max-width:520px;margin:0;color:#c4c4be;font-size:clamp(14px,1.25vw,18px);line-height:1.55;letter-spacing:-.02em}.hero-index{justify-self:end;gap:28px;color:var(--muted-dark);font-family:DM Mono,monospace;font-size:9px;text-transform:uppercase}.hero-reveal{animation:hero-reveal .9s var(--ease-out) both}.hero-reveal-1{animation-delay:80ms}.hero-reveal-2{animation-delay:.15s}.hero-reveal-3{animation-delay:.28s}.hero-reveal-4{animation-delay:.42s}@keyframes hero-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero{color:var(--ink);background:var(--paper)}.hero .site-header{border-bottom:1px solid var(--line-light)}.hero .wordmark img{filter:none}.hero .desktop-nav a:after{background:var(--ink)}.hero .nav-cta{color:var(--paper);background:var(--ink);border-color:var(--ink)}.hero .nav-cta:hover,.hero .nav-cta:focus-visible{color:var(--ink);background:var(--lime);border-color:var(--lime)}.hero-inner{min-height:calc(100svh - 92px);padding:38px 0 44px;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker{display:flex;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.hero h1{width:100%;margin:auto 0;padding:6vh 0;color:var(--ink);font-size:clamp(54px,8.6vw,145px);font-weight:500;letter-spacing:-.075em;line-height:.86;text-align:left}.hero h1 span{display:block}.hero h1 span:first-child{margin-left:7vw}.hero h1 .hero-accent{margin:10px 0 0 16vw;color:#77786f;font-weight:400}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-bottom>p{width:min(500px,52vw);max-width:none;margin:0;color:var(--ink);font-size:clamp(16px,1.6vw,22px);line-height:1.5;letter-spacing:-.025em}.hero .scroll-link{width:54px;height:54px;flex:0 0 54px;border-color:var(--ink)}.work-section{padding:150px 0 170px;color:var(--ink);background:var(--paper)}.section-intro{margin-bottom:100px;display:grid;grid-template-columns:1fr 2.3fr;align-items:start}.section-intro h2,.services-heading h2,.studio-content h2{margin:0;font-size:clamp(52px,6.6vw,102px);font-weight:500;letter-spacing:-.07em;line-height:.92}.project{margin-top:124px}.project:first-of-type{margin-top:0}.project-visual{min-height:0;aspect-ratio:16 / 9;position:relative;overflow:hidden;display:grid;place-items:center}.project-bragbox .project-visual{background:var(--lavender)}.project-mailer .project-visual{background:var(--blue)}.project-visual img{width:84%;display:block;border:1px solid rgba(17,17,15,.32);border-radius:12px;box-shadow:0 34px 80px #11110f38;transition:transform .7s var(--ease-out),box-shadow .7s var(--ease-out)}.project:hover .project-visual img{transform:scale(1.025) translateY(-7px);box-shadow:0 44px 90px #11110f42}.project-corner,.project-stamp{position:absolute;z-index:2;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.project-corner{top:24px;left:26px}.project-stamp{right:24px;bottom:24px;padding:10px 13px;color:var(--white);background:var(--ink);border-radius:999px}.project-info{padding-top:30px;display:grid;grid-template-columns:1.42fr .72fr;gap:70px;margin-bottom:30px}.project-label{margin:0 0 24px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.project-info h3{max-width:820px;margin:0;font-size:clamp(40px,4.5vw,69px);font-weight:500;letter-spacing:-.06em;line-height:.96}.project-details>p{margin:0 0 25px;color:#5f605a;font-size:14px;line-height:1.65}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip-row span{padding:6px 9px;border:1px solid rgba(17,17,15,.28);border-radius:999px;font-family:DM Mono,monospace;font-size:8px;text-transform:uppercase}.project-details a{width:max-content;margin-top:34px;padding-bottom:5px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:600}.project-details a svg{transition:transform .22s var(--ease-out)}.project-details a:hover svg{transform:translate(3px,-3px)}.services-section{padding:150px 0 170px;color:var(--white);background:var(--black)}.services-heading{display:grid;grid-template-columns:1fr 2.3fr;align-items:start;row-gap:38px;margin-bottom:105px}.services-heading h2 em{color:var(--lime)}.services-lede{grid-column:2;width:min(470px,80%);margin:0;color:var(--muted-dark);font-size:15px;line-height:1.65}.service-list{border-top:1px solid var(--line-dark)}.service-row{min-height:228px;display:grid;grid-template-columns:70px 1.15fr 1fr .7fr 34px;align-items:center;gap:32px;position:relative;border-bottom:1px solid var(--line-dark);transition:color .26s ease}.service-row:before{content:"";position:absolute;inset:0;z-index:0;background:var(--lime);transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--ease-out)}.service-row:hover:before{transform:scaleY(1)}.service-row>*{position:relative;z-index:1}.service-row:hover{color:var(--ink)}.service-number,.service-row li{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.service-row h3{margin:0;font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.055em}.service-row>p{max-width:420px;margin:0;color:var(--muted-dark);font-size:13px;line-height:1.62;transition:color .26s ease}.service-row:hover>p{color:#45463f}.service-row ul{margin:0;padding:0;list-style:none}.service-row li{margin:7px 0}.service-arrow{justify-self:end}.studio-section{min-height:920px;padding:160px 0;display:grid;place-items:center;position:relative;overflow:hidden;color:var(--ink);background:var(--paper)}.studio-orb{width:min(58vw,760px);aspect-ratio:1;position:absolute;left:-15vw;bottom:-22%;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;transform:rotate(-11deg)}.studio-orb>span{font-size:clamp(90px,14vw,200px);font-weight:600;letter-spacing:-.1em}.studio-orb svg{position:absolute;inset:4%;width:92%;height:92%;animation:spin 24s linear infinite}.studio-orb text{font-family:DM Mono,monospace;font-size:5px;letter-spacing:.15em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.studio-content{display:grid;grid-template-columns:1fr 2.3fr;align-items:start;position:relative;z-index:2}.studio-content h2{max-width:1050px}.studio-copy{grid-column:2;margin-top:66px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.studio-copy>p{max-width:560px;margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.6;letter-spacing:-.025em}.principles-grid{border-top:1px solid var(--line-light)}.principles-grid div{padding:15px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line-light);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.contact-section{padding:130px 0 80px;overflow:hidden;color:var(--white);background:var(--black)}.contact-top{display:flex;justify-content:space-between;align-items:start}.contact-top>p:last-child{margin:0;color:var(--muted-dark);font-family:DM Mono,monospace;font-size:9px;line-height:1.6;text-transform:uppercase}.contact-inner h2{margin:100px 0 85px;font-size:clamp(90px,15.6vw,238px);font-weight:500;letter-spacing:-.09em;line-height:.69}.contact-inner h2 em{color:var(--lime)}.contact-link{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);font-size:clamp(19px,2vw,29px);letter-spacing:-.035em}.contact-arrow{width:58px;height:58px;display:grid;place-items:center;color:var(--black);background:var(--lime);border-radius:50%;transition:transform .26s var(--ease-out)}.contact-link:hover .contact-arrow{transform:translate(7px) rotate(-8deg)}.site-footer{padding:34px 0 26px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;color:var(--white);border-top:1px solid var(--line-dark)}.footer-links{display:flex;gap:24px}.footer-links a,.site-footer small{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.05em;text-transform:uppercase}.site-footer small{grid-column:1 / -1;margin-top:28px;color:#76766f}.t-dropdown{transform-origin:top left;transform:scale(var(--dropdown-pre-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-open-dur) var(--dropdown-ease),opacity var(--dropdown-open-dur) var(--dropdown-ease);will-change:transform,opacity}.t-dropdown[data-origin=top-right]{transform-origin:top right}.t-dropdown[data-origin=top-center]{transform-origin:top center}.t-dropdown[data-origin=bottom-left]{transform-origin:bottom left}.t-dropdown[data-origin=bottom-center]{transform-origin:bottom center}.t-dropdown[data-origin=bottom-right]{transform-origin:bottom right}.t-dropdown.is-open{transform:scale(1);opacity:1;pointer-events:auto}.t-dropdown.is-closing{transform:scale(var(--dropdown-closing-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-close-dur) var(--dropdown-ease),opacity var(--dropdown-close-dur) var(--dropdown-ease)}@media(max-width:980px){.desktop-nav,.nav-cta{display:none}.site-header{grid-template-columns:1fr auto}.menu-button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent}.menu-icon{height:21px;display:block}.mobile-menu{display:block;position:absolute;top:74px;right:0;left:0;padding:12px 18px 18px;color:var(--black);background:var(--lime);border-radius:12px;box-shadow:0 24px 70px #0000006b}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu a{padding:17px 2px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(17,17,15,.25);font-size:21px;letter-spacing:-.04em}.mobile-menu a span{font-family:DM Mono,monospace;font-size:9px}.hero-collage{width:min(76vw,700px)}.hero h1{font-size:clamp(58px,10vw,102px)}.project-info{grid-template-columns:1fr .8fr;gap:45px}.service-row{grid-template-columns:50px 1.1fr 1fr 30px}.service-row ul{display:none}.studio-orb{opacity:.65}}@media(max-width:680px){.section-shell{width:min(100% - 28px,1480px)}.site-header{height:76px}.wordmark{width:43px;height:48px}.wordmark img{width:75px;left:-17px}.hero-inner{min-height:calc(100svh - 76px);padding:10px 0 22px}.hero-meta p:last-child{display:none}.hero-stage{min-height:430px}.hero-collage{width:112vw;opacity:.64}.orbit-card-a,.orbit-card-d{opacity:.82}.orbit-card-e{left:13%}.hero-mark{width:58px}.hero h1{font-size:clamp(48px,15.5vw,76px);line-height:.9;text-shadow:0 3px 20px rgba(0,0,0,.78)}.hero-bottom{grid-template-columns:auto 1fr;gap:18px}.hero-bottom>p{font-size:13px}.hero-index{display:none}.scroll-link{width:42px;height:42px}.work-section,.services-section{padding:92px 0 110px}.section-intro,.services-heading,.studio-content{grid-template-columns:1fr;gap:30px}.section-intro{margin-bottom:62px}.section-intro h2,.services-heading h2,.studio-content h2{font-size:clamp(46px,14vw,70px)}.project{margin-top:80px}.project-visual{aspect-ratio:4 / 3}.project-visual img{width:91%;border-radius:7px}.project-corner{top:13px;left:14px}.project-stamp{right:12px;bottom:12px;padding:8px 10px}.project-info{grid-template-columns:1fr;gap:28px;padding-top:24px}.project-info h3{font-size:42px}.project-details>p{font-size:13px}.project-mailer{display:flex;flex-direction:column}.project-mailer .project-info{order:2}.project-mailer .project-visual{order:1}.services-heading{row-gap:28px;margin-bottom:62px}.services-lede{grid-column:1;width:100%}.service-row{min-height:0;padding:29px 0;grid-template-columns:34px 1fr 24px;gap:15px;align-items:start}.service-row h3{font-size:28px}.service-row>p{grid-column:2 / -1;font-size:12px}.service-arrow{grid-column:3;grid-row:1}.studio-section{min-height:780px;padding:100px 0 210px;align-items:start}.studio-content{gap:28px}.studio-copy{grid-column:1;grid-template-columns:1fr;gap:42px;margin-top:18px}.studio-copy>p{font-size:16px}.studio-orb{width:95vw;left:-29vw;bottom:-18%;opacity:1}.contact-section{padding:90px 0 60px}.contact-top>p:last-child{display:none}.contact-inner h2{margin:70px 0;font-size:27vw;line-height:.72}.contact-link{font-size:18px}.contact-arrow{width:49px;height:49px}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:space-between}.site-footer small{grid-column:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.t-dropdown{transition:none!important}}@media(max-width:980px){.hero .menu-button{border-color:var(--ink)}}@media(max-width:680px){.hero-inner{min-height:calc(100svh - 76px);padding:26px 0 28px}.hero h1{padding:8vh 0;font-size:clamp(48px,15.5vw,76px);line-height:.9;text-shadow:none}.hero h1 span:first-child,.hero h1 .hero-accent{margin-left:0}.hero-bottom{display:flex;grid-template-columns:none;gap:20px}.hero-bottom>p{width:calc(100% - 68px);font-size:14px}.hero .scroll-link{width:46px;height:46px;flex-basis:46px}}
