*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4ee;color:#20211d;font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7a5014;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;border-bottom:1px solid #20211d33;gap:20px}.brand{font-size:30px;font-weight:900;letter-spacing:-2px}.brand span{color:#6a7e1c}nav{display:flex;align-items:center;gap:26px;font-size:14px}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-radius:50px;padding:14px 23px;cursor:pointer;background:transparent}.primary{background:#b2d234;color:#20211d;border-color:#b2d234}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px}main{padding:0 4vw}h1{font-size:clamp(64px,9vw,160px);line-height:.91;letter-spacing:-.075em;font-weight:500;margin:35px 0}h2{font-size:clamp(36px,5vw,76px);line-height:1;letter-spacing:-.05em;font-weight:500}p{line-height:1.6}.intro{max-width:440px}.hero{padding:64px 0 54px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:55px 0 24px;border-top:1px solid #7776;padding-top:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #7776;border-radius:30px;background:transparent;padding:9px 18px;cursor:pointer}.filters button[aria-pressed=true]{background:#b2d234;color:#20211d;border-color:#b2d234}.projects{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}.project[hidden]{display:none}.photo{overflow:hidden;background:#e7e5dc;position:relative}.photo img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.035)}.caption{display:flex;justify-content:space-between;gap:16px;padding-top:15px}.caption small{opacity:.65}.studio{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px 0}.studio h2{margin:0}.services{list-style:none;padding:0}.services li{padding:16px 0;border-bottom:1px solid #7776}.contact{background:#b2d234;padding:55px;margin:20px 0 70px}.contact h2{margin:0 0 30px}.contact form{display:flex;gap:12px;flex-wrap:wrap}.contact input,.contact select{border:0;border-bottom:1px solid #333;background:transparent;padding:15px;min-width:180px;flex:1}.contact button{background:#20211d;color:white}.form-status{min-height:24px}footer{padding:26px 4vw;border-top:1px solid #7776;display:flex;gap:20px;justify-content:space-between;font-size:12px}.draftbar{background:#20211d;color:#fff;padding:10px 4vw;font-size:11px;display:flex;justify-content:space-between;gap:15px}.draftbar a{text-decoration:underline}.logo-original{width:110px;height:auto}.orbit{width:135px;height:135px;border:1px solid;border-radius:50%;display:grid;place-items:center;transform:rotate(-15deg);background:#b2d234;font-size:60px;cursor:pointer;transition:transform .3s}.orbit:hover{transform:rotate(25deg)}.orbit.flipped{transform:rotate(165deg)}.two{background:#f4f0e7}.two .hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.two h1{font-family:Georgia,serif;font-size:clamp(70px,8vw,130px);letter-spacing:-.065em}.two h1 em{font-weight:400}.two .hero-art{position:relative;background:#b2d234;border-radius:50% 50% 10px 10px;min-height:540px;display:flex;align-items:center;justify-content:center}.two .hero-art img{width:78%;transform:rotate(-8deg);border-radius:4px;box-shadow:20px 30px 50px #232a2340}.two .hero-art button{position:absolute;right:5%;bottom:5%;background:#f5f4ee}.two .projects{grid-template-columns:repeat(3,1fr)}.two .project:nth-child(2){padding-top:70px}.two .photo{border-radius:160px 160px 8px 8px}.two .caption{display:block}.two .caption small{display:block;margin-top:7px}.two .contact{border-radius:8px}.three{background:#191b18;color:#f5f4ee}.three .brand span{color:#b2d234}.three header{border-color:#ffffff30}.three .hero{position:relative;padding:45px 0}.three h1{font-size:clamp(80px,14vw,220px);text-transform:uppercase;font-weight:900;letter-spacing:-.085em}.three h1 span{color:#b2d234}.three .hero-bottom{border-top:1px solid #ffffff40;padding-top:25px}.three .projects{display:block}.three .project{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;border-top:1px solid #ffffff40;padding:30px 0}.three .project[hidden]{display:none}.three .photo{grid-column:2;grid-row:1}.three .caption{grid-column:1;grid-row:1;display:block;font-size:clamp(24px,4vw,55px);letter-spacing:-.04em}.three .caption small{display:block;font-size:12px;letter-spacing:0;margin-top:15px;color:#b2d234}.three .contact{color:#20211d}.three .filters button{color:inherit}.three .studio{border-top:1px solid #ffffff40}.three .photo img{aspect-ratio:1.7}.three .orbit{color:#20211d}@media(max-width:700px){header{padding:20px 5vw}nav{gap:14px}nav a:first-child{display:none}nav .pill{padding:10px 14px}main{padding:0 5vw}.hero{padding:40px 0}h1{font-size:70px}.hero-bottom{align-items:start}.orbit{width:85px;height:85px;font-size:40px;flex-shrink:0}.projects,.two .projects,.studio,.two .hero{grid-template-columns:1fr}.studio{padding:60px 0;gap:20px}.two .hero-art{min-height:350px}.two .project:nth-child(2){padding-top:0}.contact{padding:28px}.section-head{align-items:start;gap:16px;flex-direction:column}.three .project{grid-template-columns:1fr;gap:20px}.three .caption,.three .photo{grid-column:1;grid-row:auto}.three h1{font-size:20vw}.draftbar{font-size:10px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}