:root { --ink:#19372f; --muted:#63736b; --paper:#f6f3eb; --cream:#eeeadc; --moss:#1e4a3e; --coral:#e8896a; --yellow:#f0bd4f; --line:rgba(25,55,47,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.grain { position:fixed; pointer-events:none; z-index:10; inset:0; opacity:.22; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); }
.site-header, main, footer { max-width:1220px; margin:auto; }
.site-header { height:92px; padding:0 30px; display:flex; align-items:center; justify-content:space-between; }
.wordmark { color:var(--ink); text-decoration:none; font-weight:700; letter-spacing:-.06em; font-size:1.25rem; }.wordmark span, h1 span { color:var(--coral); }
.header-link, .explore-link { color:var(--ink); text-decoration:none; font-size:.82rem; font-weight:600; letter-spacing:.02em; }.header-link span { color:var(--coral); margin-left:5px; }
.hero { min-height:610px; padding:96px 8.2% 92px; position:relative; display:flex; align-items:center; overflow:hidden; }
.hero-copy { position:relative; z-index:2; max-width:670px; }.eyebrow { margin:0 0 18px; text-transform:uppercase; letter-spacing:.13em; color:#566b60; font:500 .66rem "DM Mono", monospace; }
.pulse { width:8px; height:8px; display:inline-block; background:var(--coral); border-radius:50%; margin:0 8px 1px 0; animation:pulse 2.5s infinite; }
h1 { font-size:clamp(4rem, 9.2vw, 8.6rem); line-height:.8; margin:0; letter-spacing:-.095em; font-weight:700; }
.hero-line { margin:30px 0 0; font-family:Fraunces, Georgia, serif; font-size:clamp(1.55rem,2.5vw,2.35rem); letter-spacing:-.045em; line-height:1.1; }
.intro { color:var(--muted); font-size:1.02rem; line-height:1.68; max-width:470px; margin:20px 0 29px; }.explore-link { border-bottom:1px solid var(--ink); padding-bottom:5px; }.explore-link span { margin-left:8px; color:var(--coral); }
.hero-orbit { position:absolute; width:440px; height:440px; right:4%; top:70px; color:var(--moss); }.orbit { position:absolute; border:1px solid rgba(30,74,62,.18); border-radius:50%; }.orbit-one { width:400px;height:400px; top:10px;left:0; }.orbit-two { width:280px;height:280px; top:70px;left:60px; border-style:dashed; }.orb { position:absolute;border-radius:50%;}.orb-large{width:25px;height:25px;background:var(--coral);top:70px;right:64px;box-shadow:0 0 0 9px rgba(232,137,106,.12)}.orb-small{width:12px;height:12px;background:var(--yellow);bottom:83px;left:21px}.seed{position:absolute;border:1px solid rgba(30,74,62,.3);border-radius:50%;font:500 9px "DM Mono";display:grid;place-items:center}.seed-one{width:43px;height:43px;right:10px;bottom:100px}.seed-two{width:34px;height:34px;left:95px;top:23px}.leaf { position:absolute; width:180px; height:220px; left:130px;top:110px; animation:float 5s ease-in-out infinite; }
.projects { padding:88px 30px 94px; border-top:1px solid var(--line); }.section-heading { display:flex; justify-content:space-between; align-items:end; margin:0 0 35px; }.section-heading .eyebrow{margin-bottom:12px}h2 { margin:0; font:600 clamp(2.8rem,5vw,4.6rem)/.9 Fraunces,Georgia,serif; letter-spacing:-.065em; }.project-count { color:var(--muted); font:500 .65rem "DM Mono"; letter-spacing:.08em; margin:0 0 5px; }
.project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.project-card { min-height:525px; background:#fffdf8; color:var(--ink); text-decoration:none; overflow:hidden; border:1px solid rgba(25,55,47,.1); border-radius:3px; display:flex; flex-direction:column; transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s; }.project-card:hover { transform:translateY(-8px) rotate(-.35deg); box-shadow:0 22px 35px rgba(27,55,45,.13); }.project-card:nth-child(2):hover { transform:translateY(-8px) rotate(.35deg); }.card-art { height:255px; position:relative; overflow:hidden; }.card-content { padding:20px 26px 25px; display:flex; flex-direction:column; flex:1; }.card-topline { display:flex; align-items:center; justify-content:space-between; color:#6e7b73; font:500 .65rem "DM Mono"; }.tag { background:rgba(255,255,255,.52); padding:6px 9px; border-radius:30px; text-transform:uppercase; letter-spacing:.06em; }.card-content h3 { margin:22px 0 10px; font:600 clamp(1.85rem,3.5vw,2.6rem)/1 Fraunces,Georgia,serif; letter-spacing:-.055em; }.arrow { color:var(--coral); font-family:"DM Sans"; font-size:.7em; opacity:0; display:inline-block; transition:transform .25s,opacity .25s; }.project-card:hover .arrow { opacity:1; transform:translate(3px,-3px); }.card-content p { max-width:360px; color:#5f7067; margin:0; font-size:.93rem; line-height:1.55; }.visit { margin-top:auto; padding-top:17px; font:500 .71rem "DM Mono"; letter-spacing:.02em; }.visit span{margin-left:7px;color:var(--coral);transition:margin .2s}.project-card:hover .visit span{margin-left:12px}
.fauna-art { background:#b9d4c4; }.sun{position:absolute;width:105px;height:105px;right:65px;top:30px;background:#f4c258;border-radius:50%}.hill{position:absolute;border-radius:50% 50% 0 0;bottom:-68px}.hill-back{height:170px;width:120%;left:-15%;background:#79a98d}.hill-front{height:138px;width:110%;right:-20%;background:#386d58}.bird{position:absolute;width:48px;height:25px;border-top:4px solid #183e34;border-radius:50% 50% 0 0}.bird:after{content:"";position:absolute;width:34px;height:18px;border-top:4px solid #183e34;border-radius:50% 50% 0 0;right:-28px;top:-4px;transform:rotate(15deg)}.bird-one{top:86px;left:84px;transform:rotate(-11deg) scale(.7)}.bird-two{top:58px;left:158px;transform:rotate(10deg) scale(.45)}.scan{position:absolute;width:112px;height:112px;bottom:37px;right:18%;border:2px solid rgba(246,243,235,.8);border-radius:3px}.scan i{position:absolute;width:21px;height:21px;border-color:#fff;border-style:solid}.scan i:nth-child(1){top:-2px;left:-2px;border-width:3px 0 0 3px}.scan i:nth-child(2){top:-2px;right:-2px;border-width:3px 3px 0 0}.scan i:nth-child(3){bottom:-2px;left:-2px;border-width:0 0 3px 3px}.scan i:nth-child(4){bottom:-2px;right:-2px;border-width:0 3px 3px 0}.art-label{position:absolute;left:27px;bottom:30px;color:#eff1e9;font:500 9px/1.35 "DM Mono";letter-spacing:.13em}
.cat-art{background:#d8c4df}.grid-lines{inset:0;position:absolute;background-image:linear-gradient(rgba(89,51,87,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(89,51,87,.12) 1px,transparent 1px);background-size:25px 25px}.blob{position:absolute;border-radius:50%}.blob-one{width:280px;height:280px;top:-130px;left:-60px;background:#f3b36c}.blob-two{width:190px;height:190px;right:-50px;bottom:-90px;background:#8b6396}.cat-face{position:absolute;width:170px;height:142px;border-radius:49% 49% 44% 44%;background:#f4e4ca;top:53px;left:50%;transform:translateX(-50%);box-shadow:9px 8px 0 rgba(87,54,83,.13)}.ear{position:absolute;width:66px;height:75px;background:#f4e4ca;top:-24px;z-index:-1;clip-path:polygon(48% 0,100% 100%,0 100%)}.ear:after{content:"";position:absolute;inset:17px 16px 8px;background:#dc9d94;clip-path:polygon(48% 0,100% 100%,0 100%)}.ear.left{left:3px;transform:rotate(-20deg)}.ear.right{right:3px;transform:rotate(20deg)}.eye{position:absolute;width:16px;height:21px;background:#294d42;border-radius:50%;top:58px}.left-eye{left:46px}.right-eye{right:46px}.nose{position:absolute;width:13px;height:9px;background:#d67875;border-radius:60% 60% 70% 70%;top:87px;left:79px}.mouth{position:absolute;width:28px;height:12px;border-bottom:2px solid #8b5b60;border-radius:50%;top:91px;left:71px}.confidence{position:absolute;right:27px;bottom:21px;color:#fffaf0;background:#563a59;padding:9px 12px 8px;display:flex;flex-direction:column;line-height:1}.confidence b{font:500 15px "DM Mono"}.confidence span{font:500 8px "DM Mono";letter-spacing:.18em;margin-top:5px;color:#f4c276}
.coming-soon { margin:35px auto 0; text-align:center; color:#64746b; font:500 .77rem "DM Mono"; letter-spacing:.02em; }.sprout { color:var(--coral); font-size:1.1rem; margin-right:7px; }.dots { color:var(--coral); letter-spacing:.2em; margin-left:5px; }
footer { min-height:96px; border-top:1px solid var(--line); padding:0 30px; display:flex; align-items:center; justify-content:center; gap:10px; color:#66746d; font:500 .7rem "DM Mono";letter-spacing:.04em; }footer i{width:4px;height:4px;border-radius:50%;background:var(--coral)}
@keyframes float { 50%{transform:translateY(-13px) rotate(3deg)} } @keyframes pulse { 50%{box-shadow:0 0 0 5px rgba(232,137,106,.17)} }
@media(max-width:760px){.site-header{height:74px;padding:0 20px}.hero{min-height:620px;padding:67px 25px 35px;align-items:flex-start}.hero-orbit{width:295px;height:295px;right:-18px;top:300px;opacity:.95}.orbit-one{width:280px;height:280px}.orbit-two{width:190px;height:190px;top:45px;left:45px}.leaf{width:126px;height:155px;left:90px;top:73px}.orb-large{top:45px;right:35px}.seed-one{right:1px;bottom:58px}.seed-two{left:70px;top:10px}.orb-small{bottom:58px}.projects{padding:63px 20px 70px}.project-count{display:none}.project-grid{grid-template-columns:1fr;gap:18px}.project-card{min-height:475px}.card-art{height:220px}.card-content{padding:18px 20px 22px}.card-content h3{margin-top:18px}.coming-soon{line-height:1.7;padding:0 10px}.header-link{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse,.leaf{animation:none}.project-card,.arrow,.visit span{transition:none}.project-card:hover,.project-card:nth-child(2):hover{transform:none}}