@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";.brand img{width:144px;height:auto;display:block}footer .brand img{filter:invert()}:root{color:#1c1c1a;font-synthesis:none;background:#f6f6f4;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.nav-wrap{z-index:5;width:100%;padding:22px 4.6%;position:absolute;top:0}.nav{justify-content:space-between;align-items:center;max-width:1440px;margin:auto;display:flex}.brand{letter-spacing:-.05em;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.brand-mark{color:#fff;background:#1d1d1b;border-radius:50%;place-items:center;width:23px;height:23px;font:italic 500 14px Georgia,serif;display:grid}.nav-links{gap:32px;margin-left:auto;margin-right:35px;font-size:14px;display:flex}.nav-links a{opacity:.7}.nav-links a:hover{opacity:1}.button{color:#fff;cursor:pointer;background:#1d1d1b;border:1px solid #1c1c1a;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:14px 19px;font-size:14px;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#383832;transform:translateY(-2px)}.button-dark{padding:11px 14px;font-size:13px}.button-light{color:#1d1d1b;background:#f7f7f3;border-color:#f7f7f3}.button-light:hover{background:#e6e6e1}.menu-button{background:0 0;border:0;display:none}.hero{background:#e8e5db;min-height:800px;padding:148px 7.5% 0;position:relative;overflow:hidden}.eyebrow,.section-label{letter-spacing:.02em;text-transform:uppercase;font:500 11px DM Mono,monospace}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow span{background:#d4fd54;border-radius:50%;width:8px;height:8px;display:block}.hero h1{letter-spacing:-.075em;z-index:1;margin:74px 0 38px;font-size:clamp(54px,7.2vw,108px);font-weight:500;line-height:.94;position:relative}.hero h1 em,.contact h2 em{letter-spacing:-.065em;font-family:Playfair Display,serif;font-weight:500}.hero-bottom{z-index:2;justify-content:space-between;align-items:end;gap:28px;max-width:625px;display:flex;position:relative}.hero-bottom p{max-width:292px;margin:0;font-size:16px;line-height:1.45}.hero-art{background:linear-gradient(140deg,#e0e5d0 0%,#d4d9c5 56%,#bbc8ba 100%);width:55%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.sun{aspect-ratio:1;background:#fd8052;border-radius:50%;width:47%;position:absolute;top:18%;right:13%;box-shadow:0 0 60px #fd805255}.arch{border-radius:700px 700px 0 0;position:absolute}.arch-back{background:#1f3534;width:79%;height:87%;bottom:-29%;right:-24%}.arch-front{background:#c6da68;width:52%;height:59%;bottom:-22%;right:10%}.orbit{aspect-ratio:1;transform-origin:50%;border:1px solid #1f35343d;border-radius:50%;width:65%;position:absolute;top:8%;right:5%}.orbit-two{width:91%;top:-5%;right:-20%}.section-pad{padding:130px 7.5%}.intro{background:#f6f6f4}.intro h2,.section-heading h2,.service-sticky h2,.process h2,.contact h2{letter-spacing:-.065em;margin:32px 0 0;font-size:clamp(41px,5vw,72px);font-weight:500;line-height:.98}.intro-grid{grid-template-columns:1fr 1fr;gap:20px;margin:62px 0 0 50%;display:grid}.intro-grid p{max-width:390px;margin:0;font-size:17px;line-height:1.45}.text-link{border-bottom:1px solid #aaa;align-self:end;align-items:center;gap:12px;width:max-content;padding-bottom:6px;font-size:14px;transition:gap .2s;display:inline-flex}.text-link:hover{gap:18px}.work{color:#f3f3ed;background:#1f3635}.section-heading{justify-content:space-between;align-items:end;display:flex}.projects{gap:72px;margin-top:72px;display:grid}.project{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid}.project-image{isolation:isolate;height:min(520px,62vw);min-height:360px;position:relative;overflow:hidden}.project-body{color:#f6f6f1;align-content:start;gap:14px;display:grid}.project-kicker{letter-spacing:.04em;text-transform:uppercase;color:#c9e28a;flex-wrap:wrap;gap:10px 18px;font:500 12px/1.2 DM Mono,monospace;display:flex}.project-kicker span+span{position:relative}.project-kicker span+span:before{content:"";opacity:.85;background:#c9e28a;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.project-body h3{letter-spacing:-.055em;color:#fafaf6;margin:4px 0 0;font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1.02}.project-client{color:#e8efe6;margin:0;font-size:15px;font-weight:500}.project-summary{color:#d8e0dc;max-width:34ch;margin:0;font-size:16px;line-height:1.55}.project-scope{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.project-scope li{letter-spacing:.03em;text-transform:uppercase;color:#1f3635;background:#d4fb53;padding:8px 11px;font:500 12px/1.2 DM Mono,monospace}.project-outcome{color:#b7cfc9;max-width:36ch;margin:2px 0 6px;font-size:14px;line-height:1.45}.work .section-label{color:#d4fb53}.work-link{color:#f3f3ed;border-bottom-color:#9bb8b2}.work-link:hover{border-bottom-color:#d4fb53;gap:16px}.vela{color:#1c1c1a;background:linear-gradient(160deg,#efeae0 0%,#e3ddd0 55%,#d9d2c4 100%)}.visual-wash{pointer-events:none;z-index:0;position:absolute;inset:0}.vela-wash{background:linear-gradient(#efeae0ee 0%,#0000 42%,#1c1c1a10 100%)}.vela-copy{letter-spacing:-.07em;z-index:2;color:#1a1a18;text-shadow:0 1px #fff8;font:600 clamp(32px,4.2vw,44px)/.88 DM Sans;position:absolute;top:28px;left:28px}.vela-copy i{font-family:Playfair Display;font-weight:500}.vela-orb{z-index:1;background:#d7f454;border-radius:50%;width:235px;height:235px;position:absolute;bottom:55px;right:-38px;box-shadow:0 0 0 1px #1c1c1a14}.vela-note{z-index:2;color:#f6f6f4;letter-spacing:-.02em;background:#1c1c1a;padding:14px 16px;font-size:13px;line-height:1.35;position:absolute;bottom:28px;left:28px}.form{color:#1c1c1a;background:linear-gradient(150deg,#ddd3c8 0%,#d0c6bb 50%,#c4b8ab 100%)}.form-wash{background:linear-gradient(#ebe3d9f0 0%,#0000 40%)}.form-logo{z-index:2;letter-spacing:-.06em;color:#1a1a18;font:500 clamp(26px,3vw,34px) Playfair Display;position:absolute;top:26px;left:28px}.form-tagline{z-index:2;letter-spacing:.08em;text-transform:uppercase;color:#3a3530;margin:0;font:500 12px/1.2 DM Mono,monospace;position:absolute;top:72px;left:28px}.form-logo span{font-family:DM Sans;font-size:21px}.form-object{z-index:1;border:12px solid #1f3534;border-radius:50% 50% 17% 17%;width:150px;height:250px;position:absolute;bottom:-57px}.form-a{background:#bf3e2e;left:56px;transform:rotate(22deg)}.form-b{background:#ead4a2;right:30px;transform:rotate(-35deg)}.sonder{color:#f6f6f4;background:linear-gradient(155deg,#c5c8bb 0%,#b9bdab 45%,#a8ad9c 100%)}.sonder-wash{background:linear-gradient(90deg,#1f3635cc 0%,#1f363566 38%,#0000 68%)}.sonder-building{z-index:1;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%,0 26%);background:repeating-linear-gradient(90deg,#405956 0 12%,#0000 12% 17%),repeating-linear-gradient(#f0af74 0 7%,#263c3b 7% 13%);width:70%;height:75%;position:absolute;bottom:0;right:0}.sonder-copy{z-index:3;letter-spacing:-.08em;color:#fafaf6;text-shadow:0 2px 18px #0f201ecc,0 1px #0f201e;font:600 clamp(30px,3.6vw,40px)/.8 DM Sans;position:absolute;bottom:28px;left:28px}.sonder-copy i{letter-spacing:.14em;opacity:.92;margin-top:10px;font:500 13px/1.2 DM Mono,monospace;display:inline-block}.sonder-sun{z-index:2;background:#ff7754;border-radius:50%;width:70px;height:70px;position:absolute;top:105px;left:52px;box-shadow:0 0 0 1px #1c1c1a18}.services{background:#dad9d1;grid-template-columns:1fr 1.1fr;gap:8vw;padding:130px 7.5%;display:grid}.service-sticky{align-self:start;position:sticky;top:40px}.service-sticky h2{margin-bottom:27px}.service-sticky p{max-width:270px;font-size:16px;line-height:1.5}.service-list{border-top:1px solid #9ea09a}.service-row{border-bottom:1px solid #9ea09a;grid-template-columns:55px 1fr auto;align-items:center;gap:16px;min-height:183px;display:grid}.service-row>span{font:11px DM Mono}.service-row h3{letter-spacing:-.055em;margin:0 0 10px;font-size:31px;font-weight:500}.service-row p{max-width:320px;margin:0;font-size:15px;line-height:1.45}.process{background:#f6f6f4}.process-head{justify-content:space-between;align-items:end;gap:50px;display:flex}.process-head p{max-width:320px;margin:0;line-height:1.5}.steps{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:79px;display:grid}.steps>div{border-top:1px solid #bdbdb8;padding-top:17px}.steps b{font:400 11px DM Mono}.steps h3{letter-spacing:-.045em;margin:40px 0 11px;font-size:25px;font-weight:500}.steps p{max-width:270px;margin:0;line-height:1.45}.quote{text-align:center;background:#d4fb53;flex-direction:column;justify-content:center;align-items:center;min-height:435px;padding:50px 13%;display:flex}.quote blockquote{letter-spacing:-.06em;max-width:820px;margin:28px 0;font:500 clamp(31px,4vw,56px)/1.04 Playfair Display}.quote p{text-transform:uppercase;font:11px DM Mono}.contact{color:#f4f4ed;background:#1f3635;justify-content:space-between;gap:60px;padding:113px 7.5%;display:flex}.contact h2{margin-top:27px}.contact-action{align-self:end;max-width:285px}.contact-action p{margin:0 0 23px;line-height:1.5}.notice{color:#d4fb53;margin-top:16px;font-size:13px;display:block}footer{color:#f4f4ed;background:#1f3635;border-top:1px solid #5f716f;justify-content:space-between;padding:25px 7.5%;font-size:12px;display:flex}footer p{opacity:.55;margin:0}footer div{gap:20px;display:flex}@media (width<=760px){.nav-wrap{padding:18px 6%}.nav-links,.nav-cta{display:none}.nav-links.open{background:#f6f6f4;flex-direction:column;gap:18px;padding:24px;display:flex;position:absolute;top:59px;left:0;right:0;box-shadow:0 9px 20px #0001}.menu-button{display:block}.hero{min-height:730px;padding:120px 6% 0}.hero h1{margin-top:52px;font-size:55px}.hero-art{opacity:.9;width:100%;height:43%;top:auto;bottom:0}.hero-bottom{flex-direction:column;align-items:start}.section-pad{padding:85px 6%}.intro-grid{grid-template-columns:1fr;gap:28px;margin:39px 0 0}.section-heading,.process-head,.contact{flex-direction:column;align-items:start}.section-heading .text-link{margin-top:25px}.projects{grid-template-columns:1fr;gap:56px;margin-top:48px}.project{grid-template-columns:1fr;gap:22px}.project-image{height:360px;min-height:320px}.project-summary{max-width:none}.project-body h3{font-size:30px}.vela-copy,.form-logo,.sonder-copy{left:22px}.vela-note,.sonder-copy{bottom:22px}.form-tagline{top:66px;left:22px}.services{padding:80px 6%;display:block}.service-sticky{margin-bottom:45px;position:static}.service-row{min-height:145px}.service-row h3{font-size:27px}.process-head h2{margin-bottom:27px}.steps{grid-template-columns:1fr;gap:35px;margin-top:52px}.steps h3{margin-top:23px}.quote{min-height:390px;padding:50px 7%}.contact{gap:42px;padding:82px 6%}.contact h2{font-size:47px}footer{flex-wrap:wrap;gap:17px;padding:23px 6%}footer p{order:3;width:100%}}.brand-hero{letter-spacing:-.06em;z-index:1;margin:0 0 18px;font-size:clamp(18px,1.6vw,22px);font-weight:600;position:relative}.hero-copy{z-index:2;max-width:720px;position:relative}.hero h1{margin-top:0}.reveal{animation:.9s cubic-bezier(.22,1,.36,1) both rise}.sun{animation:14s ease-in-out infinite alternate drift}.orbit-one{animation:48s linear infinite spin}.orbit-two{animation:72s linear infinite reverse spin}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(18px)}}@keyframes spin{to{transform:rotate(360deg)}}.contact{align-items:end}.contact-aside{opacity:.72;margin:28px 0 0;font-size:14px;line-height:1.7}.contact-aside a{border-bottom:1px solid #7f9492;padding-bottom:2px}.contact-form{gap:16px;width:min(100%,360px);display:grid}.contact-form label{gap:8px;display:grid}.contact-form span{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font:11px DM Mono,monospace}.contact-form input,.contact-form textarea{color:#f4f4ed;width:100%;font:inherit;resize:vertical;background:#18302f;border:1px solid #5f716f;border-radius:9px;padding:13px 14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9bb0ad}.contact-form input:focus,.contact-form textarea:focus{outline-offset:2px;outline:2px solid #d4fb53}.notice-error{color:#ffb4a2}.toast{color:#f6f6f4;z-index:20;background:#1d1d1b;border-radius:999px;padding:14px 18px;font-size:13px;animation:.35s both rise;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0004}@media (width<=760px){.brand-hero{margin-bottom:14px}.contact{align-items:start}.contact-form{width:100%}.toast{text-align:center;border-radius:12px;left:6%;right:6%;transform:none}}@media (width>=761px){.project-form{grid-template-columns:.85fr 1.15fr}.project-form .project-image{order:2}.project-form .project-body{order:1}.project:hover .project-image{transform:translateY(-3px)}.project-image{transition:transform .45s cubic-bezier(.22,1,.36,1)}}