@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Manrope:wght@500;700;800&display=swap');
:root{--ink:#17332b;--muted:#657970;--green:#2f7d61;--lime:#d9ef8b;--sun:#ffd86a;--cream:#fbfaf3;--white:#fff;--line:#dfe8df;--blue:#dfeefa;--coral:#ffdcd2;--shadow:0 20px 70px rgba(38,83,64,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans SC',sans-serif;line-height:1.75;overflow-x:hidden}.container{width:min(1120px,calc(100% - 48px));margin:auto}.sun-glow{position:absolute;right:-12vw;top:-20vw;width:50vw;height:50vw;background:radial-gradient(circle,#ffe797 0,rgba(255,231,151,.35) 40%,transparent 70%);pointer-events:none}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(251,250,243,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(47,125,97,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;color:var(--ink);text-decoration:none}.brand span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;font:700 12px Manrope;margin-right:9px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.nav-cta{border:1px solid var(--ink);padding:8px 18px;border-radius:99px}.menu-btn{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding-top:70px;padding-bottom:80px}.eyebrow{font:700 12px Manrope;letter-spacing:1.6px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow>span{width:9px;height:9px;background:#62ad70;border-radius:50%;box-shadow:0 0 0 6px rgba(98,173,112,.14)}h1{font-size:clamp(42px,5.2vw,72px);line-height:1.2;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:var(--green)}.lead{font-size:18px;color:var(--muted);max-width:660px}.hero-actions{display:flex;gap:14px;margin:34px 0 42px}.button{padding:13px 24px;border-radius:99px;text-decoration:none;font-weight:700;color:var(--ink)}.primary{background:var(--ink);color:#fff}.primary span{margin-left:16px}.ghost{border:1px solid #b9c9bf}.quick-facts{display:flex;gap:0}.quick-facts div{padding:0 25px;border-left:1px solid var(--line)}.quick-facts div:first-child{padding-left:0;border:0}.quick-facts strong,.quick-facts span{display:block}.quick-facts strong{font:800 20px Manrope}.quick-facts span{font-size:12px;color:var(--muted)}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.orbit{position:absolute;border:1px dashed rgba(47,125,97,.35);border-radius:50%}.orbit-one{width:460px;height:460px}.orbit-two{width:330px;height:330px}.portrait-card{width:270px;height:345px;border-radius:150px 150px 34px 34px;background:linear-gradient(160deg,#c8e4bd,#f6e79a);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;border:8px solid rgba(255,255,255,.75)}.avatar{width:130px;height:130px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:62px;font-weight:800;display:grid;place-items:center;margin-bottom:24px}.portrait-card b{display:block;font-size:22px;text-align:center}.portrait-card small{color:var(--muted)}.float-card{position:absolute;z-index:3;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid #fff;border-radius:18px;padding:16px 20px;box-shadow:0 12px 40px rgba(44,90,70,.13)}.float-card span,.float-card b,.float-card small{display:block}.float-card span{font:700 11px Manrope;color:var(--green)}.float-card small{color:var(--muted);font-size:12px}.code-card{left:0;top:90px}.quality-card{right:-8px;bottom:90px}.growth-card{left:40px;bottom:5px;background:var(--sun)}.growth-card b{display:inline;margin-left:30px}.marquee{background:var(--ink);color:#fff;white-space:nowrap;overflow:hidden;padding:14px 0;font:700 13px Manrope;letter-spacing:1px}.marquee div{width:max-content;animation:marquee 22s linear infinite}.marquee i{color:var(--lime);margin:0 25px}@keyframes marquee{to{transform:translateX(-35%)}}
.section{padding-top:120px;padding-bottom:120px}.section-heading{display:grid;grid-template-columns:55px auto;align-items:end;margin-bottom:55px}.section-no{font:700 12px Manrope;color:var(--green)}.section-heading h2{font-size:46px;line-height:1;margin:0;letter-spacing:-2px}.section-heading p{grid-column:2;margin:14px 0 0;color:var(--muted)}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.about-grid .section-heading{display:block}.about-grid .section-heading h2{margin:18px 0}.about-grid .section-heading p{margin-top:14px}.big-copy{font-size:27px;line-height:1.55;margin-top:0}.big-copy strong{color:var(--green)}.about-copy>p:not(.big-copy){color:var(--muted)}.skill-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.skill-cloud span{border:1px solid #cad8ce;border-radius:99px;padding:8px 15px;font-size:13px;background:#fff}.soft-section{background:#eef5ed}.timeline{max-width:940px;margin-left:auto}.timeline-item{display:grid;grid-template-columns:170px 30px 1fr;gap:20px;position:relative;padding-bottom:38px}.timeline-item:after{content:"";position:absolute;left:184px;top:22px;bottom:-5px;border-left:1px solid #b8cdbd}.timeline-item:last-child:after{display:none}.time{font:700 12px Manrope;color:var(--muted);padding-top:18px}.dot{width:12px;height:12px;border:3px solid #eef5ed;background:var(--green);box-shadow:0 0 0 1px var(--green);border-radius:50%;z-index:2;margin-top:19px}.timeline-card{background:#fff;border-radius:18px;padding:25px 30px;border:1px solid rgba(47,125,97,.1)}.timeline-card h3{margin:9px 0 5px;font-size:19px}.timeline-card p{margin:0;color:var(--muted);font-size:14px}.tag{display:inline-block;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700}.green{background:#dcefd7}.yellow{background:#fff0ae}.blue{background:var(--blue)}.coral{background:var(--coral)}
.filters{display:flex;gap:10px;margin-bottom:25px}.filters button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:8px 18px;color:var(--muted);cursor:pointer}.filters button.active{background:var(--ink);color:#fff}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:22px;padding:32px;min-height:310px;transition:.3s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-card.featured{grid-column:span 2;display:grid;grid-template-columns:90px 1fr;min-height:auto;background:linear-gradient(120deg,#fff,#f0f7e8)}.project-index{font:800 13px Manrope;color:#9aae9f}.project-card h3{font-size:23px;margin:16px 0 10px}.project-card p{color:var(--muted);font-size:14px}.tech{margin-top:25px;font:700 11px Manrope;color:var(--green);letter-spacing:.3px}.metrics{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.metrics span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12px}.metrics b{color:var(--green);font-size:16px;margin-right:4px}.project-card.hidden{display:none}.sun-section{background:var(--sun)}.honors-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.honors-grid .section-heading{display:block}.honors-grid .section-heading h2{margin:18px 0}.honor-list>div{display:grid;grid-template-columns:50px 1fr;border-top:1px solid rgba(23,51,43,.2);padding:20px 0}.honor-list>div:last-child{border-bottom:1px solid rgba(23,51,43,.2)}.honor-list>div>span{font:700 11px Manrope}.honor-list p,.honor-list b,.honor-list small{margin:0;display:block}.honor-list small{color:#5f6f5e;margin-top:4px}.contact{display:grid;grid-template-columns:1fr .7fr;gap:90px;align-items:end}.contact h2{font-size:50px;line-height:1.25;margin:22px 0 0}.contact-side p{color:var(--muted)}.mail-link{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding:15px 0;color:var(--ink);font-weight:800;text-decoration:none}.phone{display:block;margin-top:16px;color:var(--muted);text-decoration:none;font-size:13px}footer{background:var(--ink);color:#d7e1db;padding:25px 0;font-size:12px}footer .container{display:flex;justify-content:space-between}footer a{color:#fff;text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:22px 24px;background:var(--cream);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{min-height:470px}.about-grid,.honors-grid,.contact{grid-template-columns:1fr;gap:35px}.section{padding-top:85px;padding-bottom:85px}.project-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto;grid-template-columns:1fr}.project-card.featured .project-index{margin-bottom:12px}.contact h2{font-size:38px}}
@media(max-width:560px){.container{width:min(100% - 30px,1120px)}.hero{min-height:auto}.hero h1{font-size:42px;letter-spacing:-2px}.quick-facts{justify-content:space-between}.quick-facts div{padding:0 10px}.hero-visual{transform:scale(.84);margin:-30px -35px}.section-heading h2{font-size:38px}.timeline-item{grid-template-columns:18px 1fr;gap:12px}.timeline-item .time{grid-column:2;padding:0}.timeline-item .dot{grid-column:1;grid-row:1/3}.timeline-item .timeline-card{grid-column:2}.timeline-item:after{left:5px;top:20px}.big-copy{font-size:23px}.contact h2{font-size:34px}.metrics{display:grid;grid-template-columns:1fr 1fr}footer .container{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.marquee{max-width:100vw}.marquee div{position:relative}.sun-glow{max-width:100vw}
@media(max-width:560px){.hero-visual{transform:scale(.76);margin:-50px -20px;min-height:440px}.quality-card{right:8px}.code-card{left:8px}}
.portrait-card{width:290px;height:385px;display:block;overflow:hidden}.profile-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:52% 48%}.photo-caption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 16px;border-radius:15px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);text-align:left}.photo-caption b{font-size:18px;text-align:left}.photo-caption small{display:block;font-size:11px}
.honors-grid{gap:32px 100px}.honors-grid .section-heading{grid-row:1/3}.achievement-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.achievement-stats>div{background:rgba(255,255,255,.55);border-radius:14px;padding:18px 12px}.achievement-stats b,.achievement-stats span{display:block}.achievement-stats b{font:800 27px Manrope}.achievement-stats span{font-size:11px;color:#60705f}
@media(max-width:850px){.honors-grid .section-heading{grid-row:auto}.achievement-stats{grid-template-columns:repeat(2,1fr)}}
.growth-section{padding-top:110px;padding-bottom:110px}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:18px}.story-card{position:relative;min-height:260px;border-radius:24px;overflow:hidden;background:var(--ink);box-shadow:0 12px 45px rgba(38,83,64,.12)}.story-main{grid-row:span 2;min-height:540px}.story-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.story-card:hover img{transform:scale(1.035)}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,31,24,.84) 100%)}.story-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;color:#fff}.story-copy span{font-size:11px;font-weight:700;color:var(--lime);letter-spacing:1px}.story-copy h3{font-size:22px;line-height:1.35;margin:7px 0}.story-copy p{font-size:13px;line-height:1.65;margin:0;color:#dce8e2;max-width:620px}.story-main .story-copy h3{font-size:29px}
@media(max-width:850px){.story-grid{grid-template-columns:1fr;grid-template-rows:auto}.story-main{grid-row:auto;min-height:430px}.story-card{min-height:320px}}
@media(max-width:560px){.story-main,.story-card{min-height:350px}.story-copy{left:20px;right:20px;bottom:20px}.story-main .story-copy h3{font-size:24px}}