:root{color:oklch(22% .012 260);font-synthesis:none;--paper:oklch(97% .006 100);--ink:oklch(22% .012 260);--blue:oklch(50% .265 264);--line:oklch(85% .008 260);--muted:oklch(49% .015 260);background:oklch(97% .006 100);font-family:Golos Text,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.contact a:focus-visible{outline-color:var(--paper)}::selection{background:var(--blue);color:var(--paper)}.wrap{width:min(1440px,100% - 112px);margin-inline:auto}.header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;gap:32px;height:110px;display:flex;position:relative}.wordmark{letter-spacing:-2.4px;white-space:nowrap;align-items:center;font-size:34px;font-weight:800;display:inline-flex}.logo-star{color:var(--blue);margin:0 2px;font-size:37px;line-height:1}.logo-dot{letter-spacing:0;align-self:flex-start;margin:8px 0 0 5px;font-size:12px}.header nav{gap:34px;font-size:14px;font-weight:500;display:flex}.header nav a:hover,.footer a:hover{color:var(--blue)}.header-contact{border-bottom:1px solid var(--ink);align-items:center;gap:25px;padding:10px 0;font-size:14px;display:flex}.header-contact span{font-size:23px}.menu-toggle{display:none}.skip-link{background:var(--ink);color:var(--paper);z-index:100;padding:14px;position:fixed;top:10px;left:10px;transform:translateY(-180%)}.skip-link:focus{transform:none}.hero{padding-top:30px}.hero-top{justify-content:space-between;font-size:12px;display:flex}.hero-top>span:first-child{align-items:center;gap:9px;display:flex}.status-dot{background:var(--blue);border-radius:50%;width:7px;height:7px}.hero-coordinate{color:var(--muted)}.hero-layout{grid-template-columns:1.35fr 1fr;align-items:center;min-height:585px;display:grid;position:relative}.hero-copy{z-index:2;padding:48px 0 65px;position:relative}.hero h1{letter-spacing:-.075em;white-space:nowrap;font-size:clamp(62px,7.15vw,112px);font-weight:550;line-height:1.035}.hero h1 span{color:var(--blue)}.hero-copy p{letter-spacing:-.3px;color:var(--muted);margin-top:30px;font-size:18px;line-height:1.6}.button{border-radius:4px;justify-content:space-between;align-items:center;gap:48px;padding:19px 25px;font-size:14px;transition:background .2s,transform .2s;display:inline-flex}.button-dark{background:var(--ink);color:var(--paper);margin-top:30px}.button-dark:hover{background:var(--blue);transform:translateY(-3px)}.button span{font-size:24px;line-height:1}.hero-art{aspect-ratio:1;perspective:800px;isolation:isolate;width:100%;position:relative}.art-grid{z-index:-1;background-image:radial-gradient(oklch(73% .016 260) .8px,#0000 .8px);background-size:24px 24px;position:absolute;inset:7%;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.sculpture{filter:drop-shadow(12px 28px 16px oklch(35% .12 264/.16));width:110%;max-width:none;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(-8deg);transition:transform .6s cubic-bezier(.22,1,.36,1);animation:1.3s cubic-bezier(.22,1,.36,1) both arrive;position:absolute;top:-4%;left:-8%}.art-caption{align-items:center;gap:40px;font-size:11px;line-height:1.5;display:flex;position:absolute;bottom:-7%;right:1%}.art-cross{font-size:32px}.hero-bottom{border-top:1px solid var(--line);justify-content:space-between;padding:23px 0;font-size:12px;display:flex}.hero-bottom b{color:var(--blue);margin:0 18px;font-weight:400}.hero-bottom a{gap:40px;display:flex}.hero-bottom a:hover{color:var(--blue)}.section{padding-block:110px}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px;display:flex}.eyebrow{margin-bottom:18px;font-size:12px;display:block}.section-heading h2,.approach h2{letter-spacing:-.055em;font-size:clamp(36px,4.25vw,66px);font-weight:500;line-height:1.08}.section-heading>p{color:var(--muted);padding-bottom:5px;font-size:14px;line-height:1.6}.blue{color:var(--blue)}.project{min-width:0;display:block}.project-image{border-radius:6px;position:relative;overflow:hidden}.novo{background:oklch(88% .045 167);height:600px;padding:32px 38px}.project-note{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.pill{border:1px solid;border-radius:50px;padding:8px 13px;font-size:11px}.project-open{background:var(--paper);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;font-size:24px;transition:transform .25s;display:grid}.project:hover .project-open{transform:rotate(45deg)}.project-brand{letter-spacing:-1.8px;color:oklch(30% .07 170);z-index:1;margin-top:70px;font-size:40px;font-weight:750;position:relative}.project-brand>span:not(.small-brand){font-weight:400}.small-brand{letter-spacing:1px;text-transform:uppercase;margin-top:12px;font-size:12px;font-weight:500;display:block}.browser-frame{background:var(--paper);border:6px solid oklch(99% .004 160);border-radius:9px;width:69%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:115px;right:-2%;transform:rotate(-7deg);box-shadow:0 28px 55px oklch(25% .03 165/.18)}.project:hover .browser-frame{transform:rotate(-5deg)translateY(-12px)}.browser-bar{height:26px;color:var(--muted);background:oklch(98% .004 160);justify-content:space-between;align-items:center;padding:0 9px;font-size:8px;display:flex}.browser-bar span:first-child{letter-spacing:2px;color:oklch(75% .008 160)}.project-index{letter-spacing:.4px;font-size:10px;position:absolute;bottom:32px;left:38px}.project-description{padding:22px 0 36px;position:relative}.project-description h3{letter-spacing:-.7px;margin-bottom:8px;font-size:23px;font-weight:500}.project-description h3 span{display:none}.project-description p{color:var(--muted);font-size:13px}.project-domain{color:var(--muted);font-size:11px;position:absolute;top:28px;right:0}.project-pair{grid-template-columns:1fr 1fr;gap:28px;margin-top:15px;display:grid}.project-pair .project-image{height:470px;padding:26px}.glass{background:oklch(87% .022 255)}.tires{background:oklch(82% .13 62)}.mini-brand{letter-spacing:-1.8px;z-index:1;margin-top:26px;font-size:37px;font-weight:550;line-height:1.03;position:relative}.mini-brand span{opacity:.6}.angled-preview{border:5px solid var(--paper);border-radius:5px;width:92%;max-width:none;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:220px;left:13%;transform:rotate(-8deg);box-shadow:0 18px 35px oklch(20% .01 260/.18)}.project:hover .angled-preview{transform:rotate(-5deg)translateY(-12px)}.tires .angled-preview{left:8%;transform:rotate(7deg)}.tires:hover .angled-preview{transform:rotate(4deg)translateY(-12px)}.more-projects{grid-template-columns:1fr 1fr;gap:28px;margin-top:15px;display:grid}.more-projects>a{border-block:1px solid var(--line);align-items:center;gap:20px;min-width:0;padding:25px 0;display:flex}.more-projects img{object-fit:cover;object-position:top;filter:saturate(.65);border-radius:3px;width:110px;height:85px;transition:filter .3s}.more-projects a:hover img{filter:saturate()}.more-projects .eyebrow{color:var(--muted);margin-bottom:6px;font-size:10px}.more-projects h3{letter-spacing:-.6px;margin-bottom:5px;font-size:19px;font-weight:500}.more-projects div>span:last-child{color:var(--muted);font-size:11px}.more-projects b{margin-left:auto;font-size:25px;font-weight:400}.services{color:var(--paper);background:oklch(23% .014 260)}.services .section-heading{margin-bottom:60px}.services .section-heading>p{color:oklch(74% .01 260)}.muted{color:oklch(64% .02 260)}.service-list details{border-top:1px solid oklch(42% .012 260)}.service-list details:last-child{border-bottom:1px solid oklch(42% .012 260)}.service-list summary{cursor:pointer;align-items:center;gap:25px;padding:30px 0;list-style:none;display:flex}.service-list summary::-webkit-details-marker{display:none}.service-number{color:oklch(69% .02 260);width:50px;font-size:12px}.service-list h3{letter-spacing:-.9px;font-size:clamp(21px,2.05vw,30px);font-weight:450}.service-tag{color:oklch(74% .01 260);margin-left:auto;font-size:11px}.expand{text-align:right;width:34px;font-size:30px;font-weight:400;transition:transform .25s}.service-list details[open] .expand{transform:rotate(45deg)}.service-content{color:oklch(77% .009 260);grid-template-columns:1.4fr 1fr;gap:70px;padding:0 65px 34px 75px;font-size:14px;line-height:1.7;display:grid}.service-content p{max-width:55ch}.service-content ul{margin:0;padding-left:18px}.service-list summary:hover h3{color:oklch(78% .11 266)}.services summary:focus-visible{outline-color:oklch(78% .11 266)}.approach-intro>p{color:var(--muted);max-width:580px;margin:30px 0 0 auto;font-size:16px;line-height:1.65}.steps{grid-template-columns:repeat(3,1fr);gap:45px;margin:70px 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--line);padding-top:23px}.steps li>span{color:var(--muted);font-size:11px}.steps h3{letter-spacing:-.8px;margin:28px 0 12px;font-size:24px;font-weight:500}.steps p{color:var(--muted);max-width:34ch;font-size:14px;line-height:1.65}.contact{background:var(--blue);color:var(--paper);padding-top:45px;padding-bottom:48px}.contact-top{justify-content:space-between;font-size:12px;display:flex}.contact-top>span:last-child{letter-spacing:.7px;font-size:10px}.contact-main{justify-content:space-between;align-items:center;gap:50px;margin:60px 0 55px;display:flex}.contact h2{letter-spacing:-.075em;font-size:clamp(60px,8.5vw,132px);font-weight:450;line-height:.98}.contact h2>span{color:oklch(83% .085 269)}.contact-orbit{background:var(--paper);width:180px;height:180px;color:var(--blue);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:18px;transition:transform .35s;display:flex}.contact-orbit:hover{transform:rotate(-10deg)}.contact-orbit>span:first-child{font-size:45px;line-height:1}.contact-orbit>span:last-child{text-align:center;font-size:13px;line-height:1.3}.contact-bottom{border-top:1px solid oklch(75% .1 269/.55);justify-content:space-between;gap:35px;padding-top:28px;display:flex}.contact-bottom p{color:oklch(90% .04 269);font-size:14px;line-height:1.6}.contact-bottom>div{letter-spacing:-.4px;flex-direction:column;gap:10px;font-size:19px;display:flex}.contact-bottom a:hover{text-underline-offset:5px;text-decoration:underline}.footer{justify-content:space-between;align-items:center;gap:25px;padding-block:35px;font-size:11px;display:flex}.footer>.wordmark{font-size:25px}.footer .logo-star{font-size:29px}.footer>span{color:var(--muted)}@keyframes arrive{0%{opacity:0;transform:translateY(28px)rotate(-22deg)scale(.9)}to{opacity:1;transform:rotate(-8deg)}}@media (width>=1700px){.hero-layout{min-height:660px}.hero-art{width:95%}}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.hero-layout{min-height:500px}.hero h1{font-size:7.5vw}.hero-copy p{font-size:16px}.hero-coordinate{display:none}.section{padding-block:80px}.novo{height:490px}.project-brand{font-size:30px}.browser-frame{width:72%;top:145px}.project-pair .project-image{height:390px}.mini-brand{font-size:31px}.angled-preview{top:210px}.project-domain{margin-top:10px;display:block;position:static}.service-tag{display:none}.service-list h3{font-size:25px}.expand{margin-left:auto}.contact h2{font-size:9vw}.contact-orbit{width:150px;height:150px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.header{gap:15px;height:82px}.wordmark{font-size:29px}.logo-star{font-size:32px}.header-contact{gap:10px;margin-left:auto;font-size:11px}.header-contact span{font-size:19px}.menu-toggle{background:0 0;border:0;align-items:center;gap:7px;padding:12px 0 12px 9px;font-size:11px;display:flex}.menu-toggle span{font-size:20px}.header nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:25px 20px;display:none;position:absolute;top:81px;left:-20px;right:-20px;box-shadow:0 15px 25px oklch(20% .01 260/.08)}.header nav.is-open{display:flex}.header nav a{padding:15px 0}.hero{padding-top:24px}.hero-top{font-size:11px}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-copy{padding:38px 0 0}.hero h1{letter-spacing:-.07em;white-space:normal;font-size:clamp(48px,10.9vw,82px)}.hero-copy p{max-width:35ch;margin-top:22px;font-size:15px}.desktop-break{display:none}.button{padding:16px 21px}.button-dark{margin-top:22px}.hero-art{justify-self:end;width:76%;max-width:390px;margin-top:-5px;margin-bottom:30px}.art-caption{gap:15px;width:130px;font-size:9px;bottom:0;right:72%}.art-cross{font-size:22px}.sculpture{width:100%;top:0;left:0}.hero-bottom{align-items:center;gap:20px;padding:18px 0;font-size:10px}.hero-bottom>span{max-width:185px;line-height:1.7}.hero-bottom b{margin:0 6px}.hero-bottom a{white-space:nowrap;gap:12px}.section{padding-block:65px}.section-heading{margin-bottom:30px;display:block}.section-heading h2,.approach h2{letter-spacing:-.06em;font-size:38px}.section-heading>p{margin-top:20px;font-size:13px}.eyebrow{margin-bottom:15px;font-size:11px}.novo{height:435px;padding:20px}.project-open{width:34px;height:34px;font-size:21px}.pill{padding:7px 11px;font-size:10px}.project-brand{margin-top:30px;font-size:29px}.small-brand{margin-top:7px;font-size:9px}.browser-frame{border-width:4px;width:94%;top:197px;right:-5%}.browser-bar{height:22px}.project-index{font-size:8px;bottom:15px;left:20px}.project-description{padding-top:18px;padding-bottom:26px}.project-description h3{font-size:21px}.project-description p{font-size:12px;line-height:1.5}.project-description h3 span{float:right;display:inline}.project-domain{font-size:10px}.project-pair{grid-template-columns:1fr;gap:12px;margin-top:10px}.project-pair .project-image{height:430px;padding:20px}.mini-brand{font-size:35px}.angled-preview{top:208px}.more-projects{grid-template-columns:1fr;gap:0;margin-top:0}.more-projects>a{border-bottom:0;gap:18px;padding:22px 0}.more-projects>a:last-child{border-bottom:1px solid var(--line)}.more-projects img{width:92px;height:75px}.more-projects h3{font-size:18px}.service-list summary{align-items:flex-start;gap:12px;padding:25px 0}.service-number{flex-shrink:0;width:20px;padding-top:5px;font-size:10px}.service-list h3{letter-spacing:-.6px;max-width:22ch;font-size:21px;line-height:1.2}.expand{flex-shrink:0;width:23px;font-size:24px;line-height:1}.service-content{grid-template-columns:1fr;gap:16px;padding:0 0 28px 32px;font-size:13px}.services .section-heading{margin-bottom:35px}.approach-intro>p{margin:24px 0 0;font-size:14px}.steps{grid-template-columns:1fr;gap:28px;margin-top:38px}.steps h3{margin:16px 0 10px;font-size:23px}.steps p{max-width:45ch;font-size:13px}.contact{padding-top:30px;padding-bottom:35px}.contact-top>span:last-child{display:none}.contact-top{font-size:11px}.contact-main{flex-direction:column;align-items:flex-start;gap:30px;margin:40px 0 30px}.contact h2{font-size:clamp(48px,11.5vw,85px)}.contact-orbit{align-self:flex-end;gap:10px;width:120px;height:120px;margin-top:-5px}.contact-orbit>span:first-child{font-size:33px}.contact-orbit>span:last-child{font-size:11px}.contact-bottom{flex-direction:column;gap:25px}.contact-bottom p{font-size:12px}.contact-bottom>div{font-size:19px}.footer{flex-wrap:wrap;gap:20px;padding-block:25px}.footer>span:nth-child(2){display:none}.footer>span{margin-left:auto}.footer>a:last-child{text-align:right;width:100%;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.sculpture{transform:rotate(-8deg)!important}}@media (width>=761px){.sculpture{width:99%;top:-3%;left:-3%}.art-caption{bottom:-1%}}