:root{--forest:#123d35;--forest-2:#1d5a4d;--leaf:#58a86b;--lime:#cbe27b;--sun:#f3c969;--cream:#f7f4e9;--paper:#fffdf7;--ink:#17332d;--muted:#5d706b;--line:rgba(18,61,53,.14);--shadow:0 22px 60px rgba(18,61,53,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.topbar{background:var(--forest);color:#fff;padding:.55rem 5vw;text-align:center;font-size:.84rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,233,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav{max-width:1120px;margin:auto;min-height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.08}.brand img{width:52px;height:52px;border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 3px 12px rgba(18,61,53,.15)}.brand small{display:block;color:var(--muted);font-weight:600;font-size:.72rem;margin-top:4px}.navlinks{display:flex;gap:24px;align-items:center;font-size:.92rem;font-weight:700}.navlinks a:hover{color:var(--forest-2)}.menu{display:none;border:0;background:none;color:var(--forest);font-size:1.7rem;padding:8px}
.detail-hero{position:relative;min-height:540px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--forest)}.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,35,29,.08),rgba(9,35,29,.92))}.hero-copy{position:relative;z-index:1;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:100px 0 64px}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:800;color:var(--lime)}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}h1,h2,h3{font-family:"Literata",serif;line-height:1.12;margin:0}h1{font-size:clamp(2.8rem,7vw,6rem);letter-spacing:-.05em;margin:17px 0 20px;max-width:900px}.hero-copy p{max-width:720px;margin:0;font-size:1.12rem;color:rgba(255,255,255,.82)}
.project-hero{min-height:460px;background:linear-gradient(135deg,var(--forest),#286f5e)}.project-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(203,226,123,.25),transparent 28%),repeating-radial-gradient(ellipse at 85% 75%,transparent 0 42px,rgba(255,255,255,.08) 43px 44px)}.project-hero:after{background:linear-gradient(90deg,rgba(9,35,29,.36),rgba(9,35,29,.08))}.project-hero.ppp{background:linear-gradient(135deg,#b78324,var(--sun));color:var(--ink)}.project-hero.ppp:after{background:linear-gradient(90deg,rgba(247,244,233,.15),rgba(247,244,233,.04))}.project-hero.ppp .eyebrow{color:var(--forest)}.project-hero.ppp .hero-copy p{color:rgba(23,51,45,.78)}
.content{max-width:1120px;margin:auto;padding:84px 24px}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.intro-grid h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.04em}.intro-grid p{margin:0;color:var(--muted);font-size:1.08rem}.facts{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fact{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:27px}.fact span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--lime);font-size:1.25rem}.fact h3{font-size:1.2rem;margin:20px 0 9px}.fact p{margin:0;color:var(--muted)}
.experience{margin-top:70px;background:var(--forest);color:#fff;border-radius:30px;padding:42px}.experience h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:24px}.experience ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.experience li{padding:15px 17px;border-radius:14px;background:rgba(255,255,255,.09);display:flex;gap:11px}.experience li:before{content:"✓";color:var(--lime);font-weight:900}.page-nav{margin-top:55px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 19px;border-radius:999px;background:var(--forest);color:#fff;font-weight:800}.btn.secondary{background:transparent;color:var(--forest);border:1px solid var(--line)}.btn:hover{transform:translateY(-2px)}
footer{background:var(--forest);color:#fff;padding:45px 24px 26px}.footer-inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:62px;height:62px;border-radius:50%;background:#fff;object-fit:cover}.footer-brand strong{font-family:"Literata",serif;font-size:1.2rem}.footer-inner p{margin:3px 0 0;color:rgba(255,255,255,.65);font-size:.88rem}.footer-links{display:flex;gap:20px;font-weight:700;font-size:.9rem}
@media(max-width:800px){.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.detail-hero{min-height:480px}.intro-grid{grid-template-columns:1fr;gap:25px}.facts{grid-template-columns:1fr}.experience ul{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(max-width:480px){.hero-copy{width:calc(100% - 40px);padding-bottom:48px}h1{font-size:2.75rem}.content{padding:65px 20px}.experience{padding:30px 22px}.brand span{font-size:.9rem}.topbar{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.project-leader{padding:20px 24px;border-left:4px solid var(--leaf);background:var(--paper);border-radius:0 16px 16px 0;margin:0 0 36px}.long-title{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.035em;overflow-wrap:break-word}