@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}.hawker{color:#f6efe8;background:linear-gradient(160deg,#2a1a12 0%,#3d2418 48%,#1c120e 100%)}.visual-wash{pointer-events:none;z-index:0;position:absolute;inset:0}.hawker-wash{background:linear-gradient(#1c120eaa 0%,#0000 42%,#d7f45418 100%)}.hawker-copy{letter-spacing:-.07em;z-index:2;color:#faf6f1;text-shadow:0 8px 24px #0008;font:600 clamp(32px,4.2vw,44px)/.88 DM Sans;position:absolute;top:28px;left:28px}.hawker-copy i{color:#d7f454;font-family:Playfair Display;font-weight:500}.hawker-qr{z-index:1;background:#f6efe8;grid-template-columns:1fr 1fr;gap:10px;width:118px;height:118px;padding:14px;display:grid;position:absolute;bottom:28px;right:28px;box-shadow:0 18px 40px #0005}.hawker-qr span{background:#1c120e}.hawker-qr span:first-child,.hawker-qr span:nth-child(4){width:38px;height:38px}.hawker-qr span:nth-child(2){place-self:end;width:18px;height:18px}.hawker-qr span:nth-child(3){align-self:start;width:22px;height:22px}.hawker-note{z-index:2;color:#1c1c1a;letter-spacing:-.02em;background:#d7f454;padding:14px 16px;font-size:13px;line-height:1.35;position:absolute;bottom:28px;left:28px}.badminton{color:#f6f6f4;background:linear-gradient(155deg,#0f3d2e 0%,#166348 48%,#0b2a20 100%)}.badminton-wash{background:linear-gradient(90deg,#062018cc 0%,#06201855 40%,#0000 72%)}.badminton-court{z-index:1;background:linear-gradient(#1a7a58 0 48%,#d7f45455 48% 52%,#1a7a58 52%);border:2px solid #d7f45488;position:absolute;inset:18% 8% 12% 38%}.badminton-shuttle{z-index:2;clip-path:polygon(50% 0,92% 38%,78% 100%,22% 100%,8% 38%);background:#f6f6f4;border-radius:50% 50% 46% 46%;width:54px;height:54px;position:absolute;top:22%;right:18%;box-shadow:0 10px 24px #0005}.badminton-copy{z-index:3;letter-spacing:-.08em;color:#fafaf6;font:600 clamp(30px,3.6vw,40px)/.8 DM Sans;position:absolute;top:28px;left:28px}.badminton-copy i{letter-spacing:.14em;opacity:.92;color:#d7f454;margin-top:10px;font:500 13px/1.2 DM Mono,monospace;display:inline-block}.badminton-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}.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}.hawker-copy,.badminton-copy{left:22px}.hawker-note,.badminton-note{bottom: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-badminton{grid-template-columns:.85fr 1.15fr}.project-badminton .project-image{order:2}.project-badminton .project-body{order:1}.project:hover .project-image{transform:translateY(-3px)}.project-image{transition:transform .45s cubic-bezier(.22,1,.36,1)}}