@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";html{scroll-behavior:smooth}body{color:#111;background:#f6f1e8;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}h1,h2,h3,.logo,.section-heading p{font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit}:root{--cream:#f6f1e8;--green:#c9ddca;--soft-green:#e7f1e8;--beige:#d8c2ae;--blue:#3f73b8;--orange:#f28c38;--ink:#111;--text:#243b5a;--white:#fff;--shadow:0 20px 60px #1111111a}*{box-sizing:border-box}.website{background:var(--cream);width:100%;min-height:100vh;color:var(--ink)}.home-section{background:radial-gradient(circle at 80% 20%, #fc852b2e, transparent 28%), radial-gradient(circle at 10% 90%, #146c9424, transparent 30%), var(--cream);min-height:100vh;padding:0 8%}.navbar{justify-content:space-between;align-items:center;height:86px;display:flex}.logo{color:var(--ink);letter-spacing:-1px;font-size:30px;font-weight:900;text-decoration:none}.logo span{color:var(--orange)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text);text-transform:uppercase;letter-spacing:.8px;font-size:15px;font-weight:800;text-decoration:none}.nav-links a:hover{color:var(--blue)}.menu-button{background:var(--beige);color:var(--ink);border:none;border-radius:999px;padding:10px 18px;font-weight:800;display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:calc(100vh - 86px);display:grid}.hero-text{max-width:720px}.hello{color:var(--ink);margin-bottom:14px;font-size:28px;font-weight:600}.hero h1{letter-spacing:-4px;margin:0 0 24px;font-size:clamp(54px,7vw,92px);line-height:.96}.type-line{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-size:30px;display:flex}.type-line span{color:var(--text)}.type-line strong{color:var(--orange);position:relative}.type-line strong:after{content:"";background:var(--orange);vertical-align:middle;width:3px;height:30px;margin-left:5px;animation:.8s infinite blink;display:inline-block}.employee-card{text-align:center;background:linear-gradient(#fffffff5,#ffffffdb);border:8px solid #ffffff8c;border-radius:34px;width:min(440px,100%);min-height:620px;padding:28px;position:relative;overflow:hidden;box-shadow:0 28px 70px #11111126}.badge-header,.employee-photo-wrap,.employee-main,.badge-info-grid,.badge-footer{z-index:1;position:relative}.badge-header{text-align:left;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.badge-header p{color:#6da0e8;letter-spacing:3px;margin:0;font-size:18px;font-weight:900}.badge-header span{color:var(--text);opacity:.72;margin-top:6px;font-size:14px;font-weight:700;display:block}.badge-id{color:var(--blue);background:#146c9414;border:1px solid #146c9429;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900}.employee-photo-wrap{background:linear-gradient(135deg, #7aa8e8, var(--orange));border-radius:50%;width:188px;height:188px;margin:0 auto 26px;padding:8px;box-shadow:0 20px 42px #146c943d}.employee-photo{object-fit:cover;object-position:58% center;background:#fff;border-radius:50%;width:100%;height:100%;display:block}.employee-main h2{letter-spacing:-2px;margin:0 0 12px;font-size:46px;line-height:1}.employee-main h3{color:#6da0e8;margin:0 0 14px;font-size:25px;font-weight:900;line-height:1.15}.employee-main p{color:var(--text);margin:0 0 26px;font-size:19px;line-height:1.5}.badge-info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.badge-info-grid div{text-align:left;background:#146c940f;border:1px solid #146c941f;border-radius:18px;padding:14px}.badge-info-grid span{color:var(--text);opacity:.65;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.badge-info-grid strong{color:var(--ink);font-size:14px;line-height:1.35;display:block}.badge-footer{border-top:1px solid #11111114;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.badge-footer p{color:var(--blue);margin:0;font-size:14px;font-weight:900}.barcode{align-items:stretch;gap:4px;height:34px;display:flex}.barcode span{background:var(--ink);border-radius:999px;width:4px;display:block}.barcode span:nth-child(2),.barcode span:nth-child(5),.barcode span:nth-child(7){width:8px}.barcode span:nth-child(3),.barcode span:nth-child(6){align-self:flex-end;height:70%}@keyframes blink{50%{opacity:0}}.hero-description{color:var(--text);max-width:650px;margin-bottom:34px;font-size:20px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.btn{border-radius:999px;padding:14px 26px;font-size:18px;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-block}.btn:hover{transform:translateY(-3px)}.primary-btn{background:var(--text);color:#fff;border:1px solid var(--text);box-shadow:0 10px 24px #1111111f}.primary-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.secondary-btn{color:var(--ink);border:1px solid var(--text);background:0 0}.secondary-btn:hover{color:var(--blue);border-color:var(--blue)}.hero-visual{place-items:center;min-height:620px;display:grid;position:relative;overflow:visible}.floating-card{color:var(--text);box-shadow:var(--shadow);z-index:4;background:#fff;border-radius:16px;padding:14px 20px;font-weight:900;animation:4s ease-in-out infinite float;position:absolute}.card-one{top:35px;left:60px}.card-three{top:210px;left:10px}.card-five{bottom:160px;left:80px}.card-seven{bottom:40px;left:230px}.card-two{top:90px;right:80px}.card-four{top:250px;right:10px}.card-six{bottom:150px;right:70px}.card-eight{bottom:35px;right:240px}.card-eleven{top:380px;left:24%}.card-twelve{top:380px;right:24%}.card-two,.card-four,.card-six,.card-eight,.card-twelve{animation-delay:.4s}.card-three,.card-five,.card-seven,.card-eleven{animation-delay:.8s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.section{width:100%;padding:80px 8%}.section-heading{margin-bottom:42px}.section-heading p,.contact-label{color:var(--text);text-transform:uppercase;letter-spacing:2px;margin:0 0 16px;font-size:clamp(22px,3vw,35px);font-weight:900}.section-heading h2,.contact-box h2{letter-spacing:-2px;max-width:960px;margin:0;font-size:clamp(30px,4vw,54px);line-height:1.1}.about-section{background:var(--green)}.about-content{grid-template-columns:1.25fr .75fr;align-items:start;gap:80px;display:grid}.about-left{max-width:1100px}.about-right{justify-content:flex-end;align-items:flex-start;display:flex}.about-text p{color:var(--text);margin:0 0 24px;font-size:21px;line-height:1.75}.snapshot-card{background:#ffffff6b;border:1px solid #11111114;border-radius:34px;width:100%;max-width:680px;margin-left:0;padding:30px;box-shadow:0 18px 45px #11111114}.snapshot-label{color:var(--blue);text-transform:uppercase;letter-spacing:1.6px;margin:0 0 22px;font-size:15px;font-weight:900}.snapshot-list{gap:14px;display:grid}.snapshot-item{cursor:pointer;text-align:left;background:#ffffff8c;border:1px solid #11111114;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:18px 20px;font-family:inherit;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.snapshot-item:hover,.snapshot-item.active{background:var(--cream);transform:translateY(-2px);box-shadow:0 10px 24px #11111114}.snapshot-item span{color:var(--text);opacity:.75;font-size:16px}.snapshot-item strong{color:var(--ink);text-align:right;font-size:16px}.snapshot-detail{background:var(--blue);color:#fff;border-radius:22px;margin-top:22px;padding:22px}.snapshot-detail p{color:#ffffffe0;margin:0;font-size:17px;line-height:1.65}.education-section{background:var(--cream)}.education-grid{gap:24px;display:grid}.education-card{background:var(--white);border-radius:30px;grid-template-columns:200px 1fr;align-items:start;gap:30px;padding:34px;display:grid;box-shadow:0 12px 34px #11111114}.school-badge{background:#fff;border-radius:24px;justify-content:center;align-items:center;width:200px;height:200px;padding:10px;display:flex;overflow:hidden}.school-badge img{object-fit:contain;width:100%;height:100%}.school-badge.mcgill{background:#fff}.education-top{justify-content:space-between;gap:30px;margin-bottom:18px;display:flex}.education-content h3{margin:0 0 8px;font-size:32px}.education-content h4{color:var(--blue);margin:0;font-size:22px}.education-meta{text-align:right;min-width:230px;color:var(--text);font-size:18px;font-weight:700}.education-meta span{margin-bottom:8px;display:block}.education-content ul{color:var(--text);margin:0;padding-left:22px;font-size:19px;line-height:1.7}.education-content li+li{margin-top:8px}.skills-section{background:var(--green)}.skills-grid{flex-wrap:wrap;gap:16px;display:flex}.skill-pill{background:var(--cream);color:var(--text);border-radius:999px;padding:18px 24px;font-size:20px;font-weight:900;box-shadow:0 10px 28px #11111114}.cta-section{background:var(--soft-green);text-align:center;padding:80px 8%}.cta-section p{color:var(--text);margin-bottom:10px;font-size:20px}.cta-section h2{letter-spacing:-2px;max-width:900px;margin:0 auto 28px;font-size:clamp(30px,5vw,54px);line-height:1.1}.experience-section{background:var(--green)}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;display:grid}.experience-card{background:var(--cream);border-radius:28px;min-height:280px;padding:30px;transition:transform .25s;box-shadow:0 12px 34px #11111114}.experience-card:hover{transform:translateY(-6px)}.experience-card span{color:var(--blue);font-size:18px;font-weight:900}.experience-card h3{margin:10px 0;font-size:30px}.experience-card p{color:var(--text);font-size:20px;line-height:1.65}.experience-card-top{align-items:center;gap:18px;margin-bottom:24px;display:flex}.experience-logo,.experience-icon{border-radius:18px;flex-shrink:0;width:120px;height:120px}.experience-logo{object-fit:contain;background:#fff;padding:10px}.experience-icon{background:var(--cream);place-items:center;font-size:34px;display:grid}.experience-card-top h3{margin:0 0 8px}.projects-section{background:var(--cream)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;display:grid}.project-card{background:var(--green);border-radius:28px;min-height:320px;padding:30px;transition:transform .25s;position:relative;box-shadow:0 12px 34px #11111114}.project-card:hover{transform:translateY(-6px)}.project-tag{background:var(--cream);color:var(--text);border-radius:999px;margin-bottom:28px;padding:9px 14px;font-weight:900;display:inline-block}.project-card h3{margin:0 0 14px;font-size:30px}.project-card p{color:var(--text);margin-bottom:50px;font-size:18px;line-height:1.65}.project-card a{color:var(--text);font-weight:900;text-decoration:none;position:absolute;bottom:30px}.contact-section{background:var(--soft-green)}.contact-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:56px;display:grid}.contact-info{flex-direction:column;gap:28px;display:flex}.contact-item{align-items:flex-start;gap:18px;display:flex}.contact-icon{background:#11111114;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;display:flex}.contact-item h3{letter-spacing:-1px;margin:0 0 6px;font-size:28px}.contact-item p{color:var(--text);margin:0;font-size:20px;line-height:1.5}.contact-socials{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.contact-socials a{color:var(--text);border:1px solid var(--blue);border-radius:999px;padding:12px 18px;font-weight:900;text-decoration:none}.contact-socials a:hover{background:var(--blue);color:#fff}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form input,.contact-form textarea{background:var(--green);width:100%;color:var(--text);border:none;border-radius:28px;outline:none;padding:20px 22px;font-family:inherit;font-size:20px;box-shadow:0 10px 24px #11111114}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text);opacity:.85;font-style:italic}.contact-form textarea{resize:vertical;min-height:150px}.contact-submit{color:#fff;cursor:pointer;background:#5b531d;border:none;border-radius:999px;align-self:center;padding:16px 32px;font-size:22px;font-weight:800;transition:transform .2s,opacity .2s;box-shadow:0 10px 24px #1111111f}.contact-submit:hover{transform:translateY(-2px)}.contact-intro{max-width:1100px;color:var(--text);margin:24px 0 0;font-size:clamp(22px,3vw,36px);font-weight:800;line-height:1.25}.footer{background:var(--green);text-align:center;color:var(--text);padding:28px 8%;font-weight:700}@media (width<=950px){.hero,.about-content,.experience-grid,.project-grid,.contact-layout{grid-template-columns:1fr}.hero{padding-top:40px}.hero-visual{min-height:480px}}@media (width<=760px){.home-section,.section,.cta-section,.footer{padding-left:24px;padding-right:24px}.navbar{position:relative}.menu-button{display:block}.nav-links{background:var(--green);box-shadow:var(--shadow);z-index:10;border-radius:22px;flex-direction:column;align-items:flex-start;padding:24px;display:none;position:absolute;top:76px;left:0;right:0}.nav-links.open{display:flex}.hero h1{letter-spacing:-2px}.type-line{font-size:24px}.hero-visual{min-height:420px}.floating-card{padding:10px 14px;font-size:14px}.card-five{display:none}.education-card{grid-template-columns:1fr}.education-top{flex-direction:column}.education-meta{text-align:left;min-width:auto}}