@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#1d2524;background:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;scroll-behavior:smooth;--ink:#1d2524;--muted:#777e79;--green:#b5d66a;--line:#dedfda}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
a{color:inherit;text-decoration:none}
.site-header,footer{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 8.2%;border-bottom:1px solid var(--line)}
.wordmark{font:800 20px 'Manrope',sans-serif;letter-spacing:-1px}.wordmark span{color:#91b948}
nav{display:flex;gap:36px;color:#515955;font-size:13px}nav a:hover,footer>a:last-child:hover{color:#719334}
.hero{min-height:680px;height:calc(100svh - 88px);max-height:850px;position:relative;padding:120px 12.5% 90px;display:flex;align-items:center;overflow:hidden}
.hero-copy{position:relative;z-index:2;max-width:550px}
.eyebrow{margin:0;color:#758078;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.6px}
.status-dot{display:inline-block;width:7px;height:7px;background:#9abd54;border-radius:50%;margin-right:8px;vertical-align:1px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-.065em}
h1{font-size:clamp(58px,7.2vw,98px);line-height:1.02;margin:28px 0 24px;font-weight:600}
h1 span,h2 span{color:#8cac52}
.intro{max-width:390px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:30px}
.button{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:white;padding:15px 19px;border-radius:3px;font-size:12px}.button span{font-size:18px;color:var(--green)}
.hero-art{position:absolute;width:48%;height:78%;right:5%;top:11%;background:#eaeee4;overflow:hidden;border-radius:48% 48% 4px 4px}
.art-orbit{position:absolute;border:1px solid rgba(88,111,63,.2);border-radius:50%;width:70%;height:70%;left:15%;top:16%}.orbit-two{width:92%;height:92%;left:4%;top:5%}
.art-sun{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,#c3df85,#92b556);left:34%;top:24%;box-shadow:0 20px 80px #b7d78066}
.art-card{position:absolute;left:24%;top:47%;width:52%;height:22%;background:#f9faf6;box-shadow:0 24px 50px #31402b20;display:flex;align-items:center;justify-content:space-around;font:700 12px 'Manrope';letter-spacing:2px;transform:rotate(-6deg)}.art-card b{color:#8cac52;font-size:28px;font-weight:400}
.art-caption{position:absolute;right:9%;bottom:8%;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#727e6a}
.scroll-cue{position:absolute;left:12.5%;bottom:36px;font-size:10px;letter-spacing:.7px;color:#818780;display:flex;align-items:center;gap:12px}.scroll-cue span{width:24px;height:1px;background:#91b948}
.section{padding:110px 12.5%;border-top:1px solid var(--line)}
.section-content{margin:45px 0 0 24%;display:grid;grid-template-columns:1.25fr .75fr;gap:10%;align-items:end}
h2{font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.12;margin:0}
.section-content>p,.section-heading>p,.contact-row>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0;max-width:340px}
.profile-details{display:grid;gap:18px}.profile-details>p,.experience p{color:var(--muted);font-size:14px;line-height:1.8;margin:0;max-width:340px}.experience{border-top:1px solid var(--line);padding-top:14px;color:var(--ink);font-size:13px}.experience summary{cursor:pointer;font-weight:600;list-style:none}.experience summary::-webkit-details-marker{display:none}.experience summary::after{content:'+';float:right;color:#8cac52;font-size:18px;line-height:14px}.experience[open] summary::after{content:'−'}.experience p{padding-top:12px}
.work{background:#f0f1ec}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px}.section-heading h2{margin-top:20px}
.project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;max-width:620px}
.project{min-width:0}.project-visual{height:310px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-a{background:#d7e4c3}.visual-b{background:#dbe0e9}
.shape{position:absolute;display:block}.shape-a{width:200px;height:200px;border-radius:50%;background:#a5c96c;box-shadow:35px 28px 0 #e8f0dd;left:28%;top:18%}.shape-b{width:120px;height:160px;background:#879e67;transform:rotate(32deg);right:20%;bottom:-14%;border-radius:60px 60px 0 0;opacity:.8}
.shape-c{width:225px;height:225px;border-radius:50%;background:#9faec7;left:26%;top:12%;box-shadow:30px 15px 0 #c3ccda}.shape-d{height:180px;width:90px;right:16%;bottom:-15%;border-radius:50% 50% 0 0;background:#7485a0;transform:rotate(-28deg)}
.app-icon{position:relative;display:block;width:136px;height:136px;border-radius:31px;background:linear-gradient(145deg,#f9ffe8,#b5d66a);box-shadow:0 22px 46px #495b342e;overflow:hidden}
.kite-string{position:absolute;width:1px;height:74px;left:68px;top:0;background:#718c48;transform:rotate(-9deg);transform-origin:top}
.kite-shape{position:absolute;width:53px;height:53px;left:43px;top:37px;background:linear-gradient(135deg,#f9fbef 0 49%,#84a84d 50%);transform:rotate(45deg);border-radius:5px 9px 5px 9px;box-shadow:5px 7px 15px #42582e33}
.kite-tail{position:absolute;width:12px;height:12px;border-radius:2px;background:#799a48;transform:rotate(45deg)}.tail-one{left:70px;top:101px}.tail-two{left:84px;top:116px;background:#91b356}
.visual-label{position:absolute;top:18px;left:20px;color:#344036;font-size:10px;letter-spacing:1px}
.project-info{position:relative;padding:20px 36px 0 0}.project-info h3{font:600 17px 'Manrope';letter-spacing:-.4px;margin-bottom:6px}.project-info p{font-size:12px;color:var(--muted);margin:0}.project-arrow{position:absolute;right:4px;top:21px;color:#8cac52;font-size:20px}
.contact{background:#e8eddf}.contact-row{margin:38px 0 0 24%;display:flex;align-items:end;justify-content:space-between;gap:30px}.contact-row>p{max-width:300px;padding-bottom:8px}
footer{height:92px;border-top:1px solid var(--line);border-bottom:0;padding:0 8.2%;font-size:11px;color:var(--muted)}footer p{margin:0}footer>a:last-child{font-size:11px}
@media(max-width:800px){.site-header,footer{padding:0 6%;height:74px}.hero{height:auto;min-height:780px;padding:90px 8% 350px;align-items:flex-start}.hero-art{width:78%;height:45%;right:8%;top:auto;bottom:60px}.scroll-cue{left:8%;bottom:27px}.section{padding:78px 8%}.section-content,.contact-row{margin-left:0}.section-content{grid-template-columns:1fr;gap:22px}.section-heading{align-items:flex-start;gap:24px;flex-direction:column}.project-visual{height:240px}}
@media(max-width:520px){nav{gap:17px;font-size:12px}.wordmark{font-size:18px}.hero{min-height:740px;padding-top:75px}.hero-art{width:84%;height:40%;right:8%;bottom:65px}h1{font-size:58px}.section-content{margin-top:32px}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:260px}.contact-row{display:block}.contact-row>p{margin-top:23px}.section{padding-top:66px;padding-bottom:66px}footer{padding:0 6%}footer p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}