:root{color-scheme:light;--ink:#14241f;--deep:#132b25;--green:#207b61;--muted:#60736b;--line:#dfe8e1;--background:#f7faf7;--pale:#e7f1e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2b9e76;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:10}.skip-link:focus{top:15px}.wrap{max-width:1312px;margin:0 auto;padding-left:clamp(22px,5vw,76px);padding-right:clamp(22px,5vw,76px)}
.site-header{position:sticky;top:0;background:#f8fbf8ec;backdrop-filter:blur(14px);z-index:9;border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:inline-flex;align-items:center;font-size:27px;font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.wordmark span,.wordmark b,.site-footer strong span{color:var(--green)}.logo-slashes{display:flex;align-items:flex-end;gap:3px;margin-right:12px;transform:skewY(-12deg)}.logo-slashes i{display:block;background:#18765b;width:6px;height:13px}.logo-slashes i:nth-child(2){height:19px}.logo-slashes i:nth-child(3){height:25px}.top-nav{display:flex;align-items:center;gap:32px}.top-nav a{font-size:13px;font-weight:800;color:#62766a;white-space:nowrap}.top-nav a[aria-current=page],.top-nav a:hover{color:var(--green)}
.home-hero{position:relative;background:linear-gradient(105deg,#fff 21%,#edf5ed 100%);border:1px solid var(--line);border-radius:22px;overflow:hidden;min-height:485px;margin-top:45px;padding:clamp(38px,6vw,80px);display:flex;align-items:center;box-shadow:0 20px 75px #365d4e0b}.hero-copy{max-width:720px;position:relative;z-index:2}.eyebrow,.kicker{color:var(--green);font-size:11px;letter-spacing:1.5px;font-weight:880}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;background:#1f9667;border-radius:50%;box-shadow:0 0 0 4px #d7efe0}.home-hero h1{font-size:clamp(43px,5.2vw,74px);line-height:1.17;font-weight:870;letter-spacing:-.07em;margin:27px 0}.home-hero h1 em,.projects-intro h1 em{font-style:normal;color:var(--green)}.lead{font-size:17px;line-height:1.9;max-width:540px;color:var(--muted);margin:0 0 33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:11px;font-size:14px;font-weight:800;min-height:50px;padding:12px 20px}.button.primary{background:#176348;color:white}.button.primary:hover{background:#104532}.hero-decoration{pointer-events:none;position:absolute;inset:0 0 0 48%;overflow:hidden}.big-seven{position:absolute;font-size:clamp(350px,40vw,575px);font-weight:900;line-height:.9;right:-5%;top:8%;transform:rotate(-13deg);color:#5a9d80;opacity:.12}.crosshair{position:absolute;color:#6f9a7c;opacity:.5;font-size:35px}.crosshair.top{right:9%;top:12%}.crosshair.bottom{right:20%;bottom:14%}.hero-footer{position:absolute;bottom:20px;left:clamp(38px,6vw,80px);right:clamp(38px,6vw,80px);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.1px;color:#7d9483;font-weight:750}
.home-projects{padding-top:88px;padding-bottom:85px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-header h2{font-size:clamp(40px,4vw,53px);line-height:1.15;letter-spacing:-.05em;margin:9px 0 0}.period{color:var(--green)}.text-link{color:#186748;font-weight:830;font-size:13px;padding-bottom:10px}.text-link:hover{text-decoration:underline}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{min-height:380px;display:flex;flex-direction:column;border-radius:19px;border:1px solid var(--line);padding:clamp(25px,3vw,38px);background:white;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px #173a2c18}.card-head,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-head{font-weight:880;letter-spacing:1.2px;font-size:10px;color:#729486}.pill{font-size:9px;letter-spacing:.6px;padding:7px 10px;border-radius:30px;background:#d6f3e4;color:#176448;font-weight:850;white-space:nowrap}.pill i{display:inline-block;width:6px;height:6px;background:#2fa56c;border-radius:50%;margin-right:3px}.muted-pill{background:#e9f0f6;color:#53788e}.motive-card{background:radial-gradient(circle at 88% 15%,#386a56,transparent 50%),linear-gradient(125deg,#142f27,#0c211b);border-color:#23483a;color:#fff}.motive-card .card-head{color:#adc9b4}.m24-logo{font-size:clamp(69px,9vw,115px);line-height:1;font-weight:950;letter-spacing:-.14em;margin:15px 0 16px;color:#ddf7dd;transform:rotate(-2deg);align-self:flex-start}.m24-logo span{color:#70bf9a}.card-body{margin-top:auto}.tag{font-size:10px;font-weight:850;letter-spacing:1.3px;color:#65a88a}.motive-card .tag{color:#7ce0af}.card-body h3,.card-body h2{font-size:clamp(29px,3vw,41px);font-weight:850;letter-spacing:-1.5px;line-height:1.1;margin:8px 0 12px}.card-body p{max-width:470px;color:#718178;font-size:14px;margin:0 0 20px;line-height:1.75}.motive-card .card-body p{color:#cee0d1}.card-bottom{font-size:13px;font-weight:800;border-top:1px solid #e1ebe2;padding-top:19px;margin-top:6px}.motive-card .card-bottom{border-color:#3b6551}.card-bottom b{font-size:25px;line-height:1}.play-card{background:radial-gradient(circle at 93% 8%,#dfedfb,transparent 51%),#fff}.play-graphic{margin:25px 0 20px;display:flex;align-items:center;gap:18px;color:#357596}.play-controller{display:grid;place-items:center;width:95px;height:95px;border-radius:27px;background:#dcebf5;box-shadow:16px 12px 0 #e8f3fc;font-size:56px;font-weight:300}.play-pixels{font-size:28px;letter-spacing:5px;color:#8ea9c1}.play-card .tag{color:#36799b}
.home-idea{border-top:1px solid var(--line);padding:60px 0 100px;display:grid;grid-template-columns:.55fr 1.3fr 1fr;gap:30px;align-items:start}.home-idea h2{font-size:clamp(26px,2.5vw,39px);letter-spacing:-.055em;line-height:1.35;margin:0}.home-idea p{margin:0;color:var(--muted);line-height:1.9;font-size:14px}
.projects-page{padding-top:55px;padding-bottom:110px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:11px;color:#85958a;font-weight:800;letter-spacing:.9px}.breadcrumbs a:hover{color:#176448}.breadcrumbs strong{color:#286b50}.projects-intro{padding:58px 0 69px}.projects-intro h1{font-size:clamp(50px,6.2vw,88px);letter-spacing:-.072em;line-height:1.16;margin:20px 0 24px}.projects-intro p:last-child{font-size:16px;color:#65766b;line-height:1.9;max-width:570px}.projects-count{display:flex;justify-content:space-between;align-items:center;color:#647b6d;border-top:2px solid #143e2f;padding:17px 0 22px;font-size:11px;letter-spacing:1.5px}.projects-grid .project-card{min-height:460px}.projects-grid .m24-logo{margin-top:40px;margin-bottom:55px}.projects-grid .play-graphic{margin-top:44px;margin-bottom:56px}.projects-footnote{font-size:12px;color:#81958b;margin:20px 0}
.site-footer{border-top:1px solid var(--line);color:#87978a}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:30px;padding-bottom:40px;font-size:11px;letter-spacing:1px}.site-footer strong{font-size:20px;letter-spacing:-1px;color:#163e2c}
@media(max-width:900px){.home-idea{grid-template-columns:1fr 1fr}.home-idea>.kicker{grid-column:1/-1}.projects-grid .project-card{min-height:400px}}
@media(max-width:720px){.header-inner{height:68px}.top-nav{gap:18px}.home-hero{margin-top:18px;min-height:450px;padding:33px 27px 70px}.home-hero h1{font-size:clamp(38px,8.5vw,57px)}.lead{font-size:15px}.hero-decoration{left:20%;opacity:.28}.hero-footer{left:27px;right:27px;bottom:20px;font-size:9px}.hero-footer span:last-child{display:none}.home-projects{padding-top:66px;padding-bottom:65px}.section-header{align-items:end}.project-grid{grid-template-columns:1fr}.project-card{min-height:350px}.projects-page{padding-top:30px;padding-bottom:65px}.projects-intro{padding:50px 0}.projects-intro h1{font-size:clamp(47px,10vw,70px)}.projects-grid .project-card{min-height:375px}.projects-grid .m24-logo{margin:25px 0}.projects-grid .play-graphic{margin:20px 0}.home-idea{grid-template-columns:1fr;padding:45px 0 65px}.home-idea>.kicker{grid-column:auto}.home-idea p{max-width:530px}.footer-inner span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card{transition:none}.project-card:hover{transform:none}}