:root{--blue:#0761b9;--yellow:#ffe343;--ink:#121212;--paper:#f7f7f2;--line:#d8d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button{border:0}header{height:82px;padding:0 3.3%;display:flex;align-items:center;gap:30px;background:var(--paper);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600}.brand img{object-fit:contain}nav{margin-left:auto;display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600}nav a{position:relative}nav a span{font-size:10px;vertical-align:super;margin-left:4px}.contact-link{background:var(--yellow);padding:12px 19px;border-radius:24px}.motion-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;font-size:12px}.skip{position:fixed;top:-80px;left:20px;background:var(--yellow);padding:15px;z-index:99}.skip:focus{top:10px}.hero{padding:0 2%}.hero-title-wrap{overflow:hidden}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(80px,26vw,340px);font-weight:700;letter-spacing:-.092em;line-height:1.03;margin:0 0 12px -.014em;position:relative;animation:title-in 1.1s cubic-bezier(.16,1,.3,1) both}.title-dot{font-family:Arial,sans-serif;font-size:.15em;letter-spacing:0;vertical-align:top;display:inline-block;padding-top:.8em;margin-left:.18em}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding:14px 1.4% 38px;gap:30px}.hero-bottom p{margin:0}.hero-bottom>p:first-child{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.7px}.hero-description{font-size:13px;line-height:1.6}.explore{font-size:12px;display:flex;align-items:center;gap:34px}.explore span{font-size:25px}.playground{background:var(--blue);height:580px;min-height:420px;position:relative;overflow:hidden;color:white;border-radius:3px}.art-label,.art-footer{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;font-size:12px;z-index:2}.art-label{top:25px}.art-footer{bottom:25px;align-items:flex-end;line-height:1.5}.art-star{font-size:48px;line-height:1}.geometry{position:absolute;width:660px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-9deg);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;animation:breathe 11s ease-in-out infinite alternate}.geo{background:var(--yellow);position:relative}.geo-a{border-radius:100% 0 0 0;animation:turn-a 12s ease-in-out infinite}.geo-b{border-radius:50%;background:var(--paper);transform:scale(.9)}.geo-b:after{content:'';position:absolute;inset:30%;background:var(--blue);border-radius:50%}.geo-c{border-radius:0 0 100% 0}.geo-d{border-radius:0 0 0 100%;background:var(--paper)}.geo-e{border-radius:50% 50% 0 0;transform:rotate(180deg)}.geo-f{background:var(--ink);border-radius:0 100% 0 0;animation:turn-a 12s ease-in-out infinite reverse}.work{padding:115px 3.3% 100px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:38px}.section-heading h2{font-size:24px;letter-spacing:-1px;margin:0;font-weight:500}.section-heading>span{font-size:11px;color:#656560}.work-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px}.work-index{display:flex;flex-direction:column}.index-intro{font-size:25px;letter-spacing:-1px;line-height:1.25;margin:8px 0 42px}.project-tabs{display:flex;flex-direction:column;gap:5px}.project-tabs button{padding:23px 16px;display:flex;align-items:center;gap:15px;text-align:left;border-radius:4px;background:transparent;transition:background .25s,color .25s}.project-tabs button[aria-selected=true]{background:var(--blue);color:white}.project-tabs button:not([aria-selected=true]):hover{background:#e9e9e2}.project-number{align-self:flex-start;font-size:10px;margin-top:7px;opacity:.65}.project-tabs strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.8px}.project-tabs small{display:block;font-size:11px;margin-top:5px;line-height:1.5}.tab-arrow{margin-left:auto;font-size:24px}.concept-note{font-size:11px;color:#77776f;line-height:1.6;margin-top:auto;padding-top:40px}.project-art{width:100%;height:570px;text-align:left;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:background .5s,color .5s}.forma{background:#e2e6d9;color:#263a28}.poster-meta,.poster-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;position:relative;z-index:1}.poster-center{text-align:center;position:absolute;inset:65px 0 70px;display:flex;flex-direction:column;align-items:center}.poster-word{font-family:'Space Grotesk',sans-serif;font-size:clamp(80px,10vw,160px);font-weight:500;letter-spacing:-.08em;line-height:1}.sculpture{height:205px;width:230px;position:relative;margin-top:5px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.sculpture i{position:absolute;background:#40563b;box-shadow:inset -16px -12px 22px #0002;transition:all .65s cubic-bezier(.2,.8,.2,1)}.sculpture i:first-child{width:180px;height:85px;border-radius:90px 90px 4px 4px;top:15px;left:25px;transform:rotate(-13deg);z-index:2}.sculpture i:nth-child(2){width:60px;height:140px;left:40px;top:60px;transform:rotate(8deg)}.sculpture i:nth-child(3){width:60px;height:140px;right:40px;top:60px;transform:rotate(-8deg)}.poster-sub{font-size:12px;margin-top:18px}.view-circle{width:43px;height:43px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:transform .3s}.project-art:hover .sculpture{transform:rotate(7deg) translateY(-5px)}.project-art:hover .view-circle{transform:rotate(45deg)}.offbeat{background:var(--yellow);color:#23212c}.offbeat .poster-word{font-weight:700;letter-spacing:-.085em;transform:rotate(-5deg)}.offbeat .sculpture i{background:#5e37c2;border-radius:50%;height:150px;width:85px;top:20px;transform:rotate(-30deg)}.offbeat .sculpture i:first-child{left:0}.offbeat .sculpture i:nth-child(2){left:73px}.offbeat .sculpture i:nth-child(3){left:146px}.kinfolk{background:#eebba9;color:#783b2d}.kinfolk .poster-word{font-family:Georgia,serif;letter-spacing:-.065em}.kinfolk .sculpture i:first-child{background:#9a4930;width:145px;height:150px;border-radius:8px 8px 65px 65px;left:30px;top:25px;transform:rotate(-8deg)}.kinfolk .sculpture i:nth-child(2){width:75px;height:85px;background:transparent;border:18px solid #9a4930;top:42px;left:143px;border-radius:50%;transform:rotate(-8deg)}.kinfolk .sculpture i:nth-child(3){width:160px;height:14px;background:#783b2d33;left:30px;top:190px;border-radius:50%;transform:none}.project-caption{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:15px}.project-caption h3{font-size:18px;margin:0 0 6px;font-weight:600}.project-caption span{font-size:10px;color:#686861}.text-button{background:none;font-size:11px;padding:8px 0}.about{margin:0 2%;padding:58px 5% 65px;background:var(--yellow);border-radius:3px}.about-kicker{display:flex;align-items:center;gap:14px;font-size:12px}.small-mark{font-size:32px}.about h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(44px,7.7vw,120px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:43px 0 50px}.about h2 span{color:var(--blue)}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-bottom p{font-size:15px;line-height:1.8;max-width:430px;margin:0}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:13px;align-content:center}.contact{padding:100px 3.3% 0}.contact-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.contact-top p{font-size:18px}.big-contact{display:flex;justify-content:space-between;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:clamp(70px,15vw,235px);letter-spacing:-.075em;width:100%;background:transparent;padding:18px 0 45px;text-align:left;line-height:1.1}.big-contact span{font-family:Arial;font-size:.9em;color:var(--blue);transition:transform .4s}.big-contact:hover span{transform:translate(10px,-10px)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;border-top:1px solid var(--line);padding:25px 0}footer>a:first-child{font-size:18px;font-weight:800;letter-spacing:-1px}dialog{border:0;padding:60px;max-width:760px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);border-radius:6px}dialog::backdrop{background:#071c34b3;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .35s ease both}dialog h2{font-family:'Space Grotesk',sans-serif;font-size:60px;letter-spacing:-3px;line-height:1.05;margin:25px 0}dialog p{font-size:15px;line-height:1.7}.close{position:absolute;right:18px;top:18px;background:transparent;font-size:20px}.dialog-label,.dialog-note{font-size:11px!important;color:#6b6b65}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.case-grid h3{font-size:16px}.case-grid p{font-size:13px}.dialog-note{border-top:1px solid var(--line);padding-top:20px;margin-top:35px}.primary-button{padding:14px 20px;background:var(--blue);color:white;margin-top:20px}.paused *{animation-play-state:paused!important}@keyframes title-in{from{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes breathe{from{transform:translate(-50%,-50%) rotate(-9deg) scale(.94)}to{transform:translate(-50%,-50%) rotate(9deg) scale(1.04)}}@keyframes turn-a{0%,20%{rotate:0deg}60%,100%{rotate:90deg}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(min-width:1500px){body{max-width:1920px;margin:auto}.playground{height:650px}}@media(max-width:800px){header{height:68px;padding:0 5%;gap:16px}.brand span{display:none}nav{gap:20px;font-size:12px}.motion-button{flex-shrink:0}h1{font-size:26vw}.hero-bottom{padding:20px 3% 28px}.hero-bottom>p:first-child{font-size:17px}.hero-description{display:none}.explore{font-size:11px;gap:14px}.playground{height:440px;min-height:0}.geometry{width:440px;height:290px}.art-label,.art-footer{left:20px;right:20px;font-size:10px}.work{padding:70px 5%}.section-heading{align-items:flex-start;gap:20px}.section-heading h2{font-size:21px}.section-heading>span{max-width:100px;text-align:right;font-size:10px}.work-layout{grid-template-columns:1fr;gap:25px}.index-intro,.concept-note{display:none}.project-tabs{flex-direction:row;gap:8px}.project-tabs button{padding:14px;flex:1;justify-content:center}.project-tabs strong{font-size:17px}.project-tabs small,.project-number,.tab-arrow{display:none}.project-art{height:520px}.poster-word{font-size:100px}.poster-center{inset:70px 0}.about{padding:35px 6% 45px}.about-bottom{grid-template-columns:1fr;gap:30px}.about h2{margin:30px 0}.about-bottom p{font-size:14px}.contact{padding:60px 5% 0}.contact-top>span{max-width:145px;font-size:10px;text-align:right}.contact-top p{font-size:14px}footer{flex-wrap:wrap}dialog{padding:45px 25px}dialog h2{font-size:43px}.case-grid{grid-template-columns:1fr;gap:5px}}@media(max-width:420px){nav{gap:14px}.contact-link{padding:10px 12px}.geometry{width:345px;height:230px}.playground{height:370px}.art-label span:last-child{display:none}.project-art{height:460px;padding:20px}.poster-word{font-size:85px}.poster-center{inset:65px 0}.sculpture{transform:scale(.85);margin-top:0}.poster-sub{margin-top:0}.project-caption{align-items:flex-start}.project-caption span{max-width:180px;display:block;line-height:1.6}.capabilities{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}