:root{--mint:#b8f0e0;--mint2:#7de8c8;--mint3:#d4f7ee;--lavender:#d6ccf5;--lav2:#b8a8f0;--lav3:#ede8ff;--peach:#ffd6c0;--peach2:#ffb896;--peach3:#fff0e8;--yellow:#fff3b0;--yel2:#ffe566;--bg:#fdfcf8;--white:#ffffff;--ink:#1a1a2e;--ink2:#3d3d5c;--ink3:#7a7a99;--shadow:0 8px 32px rgba(100,80,160,.10);--shadow-h:0 16px 48px rgba(100,80,160,.18);}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:'Nunito',sans-serif;overflow-x:hidden;cursor:none;}
.cur-dot{width:10px;height:10px;border-radius:50%;background:var(--lav2);position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:background .2s,width .2s,height .2s;}
.cur-ring{width:38px;height:38px;border-radius:50%;border:2px solid var(--lav2);position:fixed;z-index:9998;pointer-events:none;transform:translate(-50%,-50%);transition:border-color .2s,width .2s,height .2s;opacity:.6;}
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:22px 60px;transition:all .4s;}
nav.scrolled{background:rgba(253,252,248,.92);backdrop-filter:blur(16px);box-shadow:0 2px 20px rgba(180,160,240,.12);padding:14px 60px;}
.nav-logo{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:22px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px;}
.nav-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--mint2),var(--lav2));display:inline-block;animation:bob 3s ease-in-out infinite;}
.nav-links{display:flex;gap:36px;list-style:none;}
.nav-links a{font-size:14px;font-weight:700;color:var(--ink2);text-decoration:none;position:relative;padding-bottom:3px;transition:color .2s;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;height:2.5px;width:0;border-radius:2px;background:linear-gradient(90deg,var(--mint2),var(--lav2));transition:width .3s;}
.nav-links a:hover{color:var(--ink);}
.nav-links a:hover::after{width:100%;}
#hero{min-height:100vh;display:flex;align-items:center;padding:120px 60px 80px;position:relative;overflow:hidden;}
.hero-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.hs{position:absolute;border-radius:50%;}
.hs1{width:420px;height:420px;background:var(--mint3);top:-80px;right:-60px;animation:bob 7s ease-in-out infinite;}
.hs2{width:280px;height:280px;background:var(--lav3);bottom:60px;left:-80px;animation:bob 6s ease-in-out infinite;animation-delay:-3s;}
.hs3{width:180px;height:180px;background:var(--peach3);top:40%;right:22%;animation:bob 5s ease-in-out infinite;animation-delay:-1.5s;}
.hs4{width:90px;height:90px;background:var(--yellow);top:20%;left:36%;animation:bob 4s ease-in-out infinite;animation-delay:-4s;}
@keyframes bob{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-18px) scale(1.03);}}
.hero-content{position:relative;z-index:1;max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--lav3);border:2px solid var(--lavender);padding:8px 18px;border-radius:100px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink2);margin-bottom:26px;animation:fadeUp .7s .2s both;}
.wave-em{animation:waveHand 1.5s ease-in-out infinite;display:inline-block;}
@keyframes waveHand{0%,100%{transform:rotate(0)}25%{transform:rotate(18deg)}75%{transform:rotate(-10deg)}}
.hero-name{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:clamp(48px,5.5vw,92px);line-height:1.0;letter-spacing:-2px;margin-bottom:18px;animation:fadeUp .7s .4s both;}
.hero-name em{font-style:normal;background:linear-gradient(135deg,#a78bfa,#67e8c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero-tagline{font-family:'Fraunces',serif;font-style:italic;font-size:clamp(15px,1.8vw,21px);color:var(--ink2);line-height:1.65;margin-bottom:34px;animation:fadeUp .7s .6s both;}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px;animation:fadeUp .7s .8s both;}
.pill{padding:8px 16px;border-radius:100px;font-size:12px;font-weight:800;cursor:none;transition:transform .2s,box-shadow .2s;}
.pill:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow);}
.p-mint{background:var(--mint3);border:2px solid var(--mint2);color:#1a6b55;}
.p-lav{background:var(--lav3);border:2px solid var(--lavender);color:#4c3a8e;}
.p-peach{background:var(--peach3);border:2px solid var(--peach2);color:#8e4a2e;}
.p-yel{background:var(--yellow);border:2px solid var(--yel2);color:#6b5700;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .7s 1s both;}
.btn{padding:14px 30px;border-radius:100px;font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;text-decoration:none;cursor:none;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px;border:none;}
.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-h);}
.btn-main{background:linear-gradient(135deg,var(--lav2),var(--mint2));color:#fff;box-shadow:0 6px 24px rgba(167,139,250,.35);}
.btn-out{background:var(--white);color:var(--ink2);border:2px solid var(--lavender);box-shadow:var(--shadow);}
.hero-right{position:relative;animation:fadeUp .7s .5s both;}
.stat-float{position:absolute;background:var(--white);border-radius:18px;padding:13px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;z-index:2;}
.sf1{top:-18px;right:-6px;animation:bob 5s ease-in-out infinite;}
.sf2{bottom:50px;left:-18px;animation:bob 5s ease-in-out infinite;animation-delay:-2s;}
.sf3{top:46%;right:-28px;animation:bob 5s ease-in-out infinite;animation-delay:-1s;}
.sf-icon{font-size:22px;}
.sf-num{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:15px;color:var(--ink);line-height:1;}
.sf-lbl{font-size:10px;color:var(--ink3);font-weight:700;}
.hero-imgbox{width:100%;aspect-ratio:1;border-radius:32px;background:linear-gradient(145deg,var(--mint3) 0%,var(--lav3) 50%,var(--peach3) 100%);border:3px solid var(--white);box-shadow:var(--shadow-h);display:flex;align-items:center;justify-content:center;max-width:400px;margin:0 auto;overflow:hidden;}
.hero-imgbox img{width:100%;height:100%;object-fit:cover;}
.hero-imgbox-ph{text-align:center;padding:24px;color:var(--ink3);}
.wdiv{line-height:0;overflow:hidden;}
.wdiv svg{display:block;width:100%;}
.swrap{max-width:1200px;margin:0 auto;padding:100px 60px;}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;}
.c-mint{background:var(--mint3);color:#1a6b55;border:1.5px solid var(--mint2);}
.c-lav{background:var(--lav3);color:#4c3a8e;border:1.5px solid var(--lavender);}
.c-peach{background:var(--peach3);color:#8e4a2e;border:1.5px solid var(--peach2);}
.c-yel{background:var(--yellow);color:#6b5700;border:1.5px solid var(--yel2);}
.stitle{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:clamp(34px,4vw,54px);letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px;}
.ssub{font-size:16px;color:var(--ink2);line-height:1.65;max-width:540px;margin-bottom:52px;}
.rl{opacity:0;transform:translateX(-60px);transition:opacity .75s,transform .75s;}
.rr{opacity:0;transform:translateX(60px);transition:opacity .75s,transform .75s;}
.ru{opacity:0;transform:translateY(40px);transition:opacity .7s,transform .7s;}
.rl.vis,.rr.vis,.ru.vis{opacity:1;transform:translate(0);}
#about{background:var(--white);position:relative;overflow:hidden;}
#about::before{content:'';position:absolute;top:-100px;right:-100px;width:450px;height:450px;border-radius:50%;background:var(--mint3);filter:blur(80px);opacity:.5;pointer-events:none;}
.about-grid{grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.about-photo-area{position:relative;}
.about-frame{width:100%;aspect-ratio:4/5;border-radius:28px;background:linear-gradient(160deg,var(--lav3) 0%,var(--mint3) 60%,var(--peach3) 100%);align-items:center;justify-content:center;box-shadow:var(--shadow-h);border:3px solid rgba(255,255,255,.9);overflow:hidden;}
.about-frame img{width:100%;height:100%;object-fit:cover;}
.about-ph{text-align:center;color:var(--ink3);padding:24px;}
.about-ph .ph-em{font-size:56px;margin-bottom:10px;display:block;}
.about-ph p{font-family:'Fraunces',serif;font-style:italic;font-size:13px;}
.deco1{position:absolute;top:-14px;right:-14px;background:var(--yellow);border-radius:14px;padding:9px 15px;font-size:13px;font-weight:800;color:var(--ink);box-shadow:var(--shadow);animation:bob 4s ease-in-out infinite;}
.deco2{position:absolute;bottom:-12px;left:-14px;background:var(--white);border-radius:14px;padding:11px 16px;font-size:13px;font-weight:700;color:var(--ink2);box-shadow:var(--shadow);animation:bob 5s ease-in-out infinite;animation-delay:-2s;display:flex;align-items:center;gap:8px;}
.about-ts p{font-size:15px;color:var(--ink2);line-height:1.75;margin-bottom:16px;}
.about-ts p strong{color:var(--ink);}
.fact-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.fb{background:var(--bg);border-radius:14px;padding:9px 15px;font-size:13px;font-weight:700;color:var(--ink2);display:flex;align-items:center;gap:7px;border:2px solid rgba(180,160,240,.2);transition:transform .2s;}
.fb:hover{transform:translateY(-3px);}
#experience{background:var(--bg);position:relative;overflow:hidden;}
#experience::after{content:'';position:absolute;bottom:-80px;left:-80px;width:360px;height:360px;border-radius:50%;background:var(--peach3);filter:blur(80px);opacity:.6;pointer-events:none;z-index:0;}
.exp-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;}
.exp-card{background:var(--white);border-radius:24px;padding:28px 32px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:12px;min-width:200px;cursor:none;border:2.5px solid transparent;transition:transform .3s,box-shadow .3s,border-color .3s;animation:bob 5s ease-in-out infinite;}
.exp-card:nth-child(2){animation-delay:-2s;}
.exp-card:nth-child(3){animation-delay:-3.5s;}
.exp-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:var(--shadow-h);}
.exp-card.active{border-color:var(--lav2);box-shadow:0 12px 40px rgba(167,139,250,.2);}
.exp-circle{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;}
.exp-circle img{  width:60%;  height:60%;  object-fit:contain;}
.exp-cname{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:18px;color:var(--ink);}
.exp-role{font-size:11px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:1px;text-align:center;}
.exp-period{font-size:12px;color:var(--ink3);font-weight:600;}
.exp-hint{font-size:11px;color:var(--lav2);font-weight:700;}
.modal-ov{position:fixed;inset:0;z-index:500;background:rgba(30,20,60,.35);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;}
.modal-ov.open{opacity:1;pointer-events:all;}
.modal-box{background:var(--white);border-radius:28px;padding:48px;max-width:680px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 32px 80px rgba(100,80,200,.18);transform:translateY(30px) scale(.97);transition:transform .3s;position:relative;}
.modal-ov.open .modal-box{transform:translateY(0) scale(1);}
.mcls{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:var(--lav3);border:none;cursor:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink2);transition:background .2s,transform .2s;}
.mcls:hover{background:var(--lavender);transform:rotate(90deg);}
.modal-head{display:flex;align-items:center;gap:18px;margin-bottom:32px;}
.modal-logo-c{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;}
.modal-co{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:26px;color:var(--ink);}
.modal-ro{font-size:13px;color:var(--ink3);font-weight:600;}
.modal-items{display:flex;flex-direction:column;gap:14px;}
.mi{background:var(--bg);border-radius:16px;padding:16px 20px;display:flex;gap:14px;align-items:flex-start;border-left:4px solid var(--mint2);transition:transform .2s;}
.mi:hover{transform:translateX(4px);}
.mi-m{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:20px;color:var(--ink);min-width:54px;text-align:center;line-height:1.1;flex-shrink:0;}
.mi-m small{display:block;font-size:10px;font-weight:700;color:var(--ink3);text-transform:uppercase;}
.mi-t{font-size:13px;color:var(--ink2);line-height:1.65;}
.mi-t strong{color:var(--ink);font-weight:700;}
#skills{background:var(--white);}
.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sk-tile{border-radius:22px;padding:28px;border:2px solid transparent;transition:transform .3s,box-shadow .3s;cursor:none;}
.sk-tile:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-h);}
.st-m{background:var(--mint3);border-color:var(--mint2);}
.st-l{background:var(--lav3);border-color:var(--lavender);}
.st-p{background:var(--peach3);border-color:var(--peach2);}
.sk-icon{font-size:32px;margin-bottom:12px;display:block;}
.sk-title{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:17px;margin-bottom:14px;color:var(--ink);}
.sk-chips{display:flex;flex-wrap:wrap;gap:7px;}
.sc{background:rgba(255,255,255,.7);border-radius:100px;padding:5px 12px;font-size:11px;font-weight:700;color:var(--ink2);border:1.5px solid rgba(255,255,255,.9);transition:transform .2s;}
.sc:hover{transform:scale(1.07);}
#projects{background:var(--bg);}
.car-outer{overflow:hidden;overflow-x:auto;scroll-behavior:smooth; scrollbar-width:none;}
.car-track{display:flex;gap:24px;padding:15px;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.cs-card{min-width:340px;max-width:350px;background:var(--white);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:2px solid transparent;transition:transform .3s,box-shadow .3s,border-color .3s;cursor:none;flex-shrink:0;}
.cs-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-h);border-color:var(--lavender);}
.cs-img{width:100%;height:180px;display:flex;align-items:center;justify-content:center;font-size:56px;overflow:hidden;}
.cs-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.cs-body{padding:22px;}
.cs-tag2{display:inline-block;margin-bottom:10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:100px;}
.cs-title2{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:18px;color:var(--ink);margin-bottom:8px;}
.cs-desc2{font-size:13px;color:var(--ink2);line-height:1.6;}
.cs-mets{display:flex;gap:16px;margin-top:14px;padding-top:14px;border-top:1.5px solid var(--bg);}
.csmt{text-align:center;}
.csmt-n{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:20px;color:var(--ink);}
.csmt-l{font-size:10px;color:var(--ink3);font-weight:700;text-transform:uppercase;}
.car-btns{display:flex;justify-content:center;gap:14px;margin-top:30px;}
.car-btn{width:46px;height:46px;border-radius:50%;background:var(--white);border:2px solid var(--lavender);font-size:18px;cursor:none;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;color:var(--ink2);}
.car-btn:hover{background:var(--lav3);transform:scale(1.1);}
.csmo{position:fixed;inset:0;z-index:500;background:rgba(30,20,60,.35);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;}
.csmo.open{opacity:1;pointer-events:all;}
.csm-box{background:var(--white);border-radius:28px;padding:48px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 32px 80px rgba(100,80,200,.18);transform:translateY(30px) scale(.97);transition:transform .3s;position:relative;}
.csmo.open .csm-box{transform:translateY(0) scale(1);}
.csm-cls{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:var(--peach3);border:none;cursor:none;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s,transform .2s;}
.csm-cls:hover{background:var(--peach2);transform:rotate(90deg);}
.csm-banner{width:100%;height:150px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:60px;margin-bottom:26px;}
.csm-ttl{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:26px;color:var(--ink);margin-bottom:6px;}
.csm-sub2{font-size:14px;color:var(--ink3);font-weight:600;margin-bottom:22px;}
.csm-sec{margin-bottom:20px;}
.csm-sec h4{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:15px;color:var(--ink);margin-bottom:8px;}
.csm-sec p{font-size:14px;color:var(--ink2);line-height:1.7;}
.csm-res{display:flex;gap:18px;flex-wrap:wrap;background:var(--lav3);border-radius:16px;padding:18px;}
.csr{text-align:center;flex:1;min-width:70px;}
.csr-n{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:24px;color:#4c3a8e;}
.csr-l{font-size:11px;color:var(--ink3);font-weight:700;text-transform:uppercase;margin-top:2px;}
#education{background:var(--white);}
.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.edu-card{background:var(--bg);border-radius:24px;padding:36px;border:2.5px solid transparent;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;}
.edu-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-h);}
.ec1{border-color:var(--lavender);}
.ec2{border-color:var(--mint2);}
.edu-card::after{content:attr(data-em);position:absolute;bottom:-10px;right:10px;font-size:80px;opacity:.1;pointer-events:none;}
.edu-per{font-size:12px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}
.edu-deg{font-family:'Cabinet Grotesk',sans-serif;font-weight:900;font-size:20px;color:var(--ink);margin-bottom:8px;}
.edu-sch{font-family:'Fraunces',serif;font-style:italic;font-size:15px;color:var(--ink2);margin-bottom:18px;}
.edu-gpa{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);border-radius:100px;padding:7px 16px;font-size:13px;font-weight:800;color:#6b5700;}
#contact{background:var(--bg);position:relative;overflow:hidden;}
#contact::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:var(--lav3);filter:blur(80px);opacity:.6;pointer-events:none;}
#contact::after{content:'';position:absolute;bottom:-80px;left:-60px;width:300px;height:300px;border-radius:50%;background:var(--mint3);filter:blur(80px);opacity:.5;pointer-events:none;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.contact-left h2{margin-bottom:16px;}
.contact-left p{font-size:16px;color:var(--ink2);line-height:1.65;margin-bottom:30px;}
.cc-links{display:flex;flex-direction:column;gap:13px;}
.cc-card{background:var(--white);border-radius:18px;padding:18px 22px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);text-decoration:none;border:2px solid transparent;transition:transform .25s,border-color .25s,box-shadow .25s;cursor:none;}
.cc-card:hover{transform:translateX(8px);border-color:var(--lavender);box-shadow:var(--shadow-h);}
.cc-ico{font-size:22px;}
.cc-lbl{font-size:11px;color:var(--ink3);font-weight:700;text-transform:uppercase;letter-spacing:1px;}
.cc-val{font-size:14px;color:var(--ink);font-weight:700;margin-top:2px;}
.cc-arr{margin-left:auto;font-size:18px;color:var(--ink3);transition:transform .2s,color .2s;}
.cc-card:hover .cc-arr{transform:translateX(4px);color:var(--lav2);}
.contact-deco{position:relative;display:flex;align-items:center;justify-content:center;min-height:380px;}
.big-float{font-size:110px;animation:bob 4s ease-in-out infinite;filter:drop-shadow(0 16px 32px rgba(167,139,250,.25));user-select:none;}
.mf{position:absolute;font-size:40px;animation:bob 5s ease-in-out infinite;}
.mf1{top:40px;left:20px;animation-delay:-1s;}
.mf2{bottom:60px;right:30px;animation-delay:-2.5s;}
.mf3{top:30px;right:60px;animation-delay:-.5s;}
footer{background:var(--ink);color:rgba(255,255,255,.5);text-align:center;padding:30px;font-size:13px;font-weight:600;}
footer span{color:var(--mint2);}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
  nav{padding:18px 24px;}nav.scrolled{padding:12px 24px;}.nav-links{display:none;}
  #hero{padding:90px 20px 40px;min-height:auto;}.hero-content{grid-template-columns:1fr;gap:28px;}
  .hero-right{display:flex;justify-content:center;order:0;margin-bottom:0;}
  .hero-imgbox{max-width:180px;aspect-ratio:1;}.stat-float{display:none;}
  .hero-eyebrow{font-size:11px;padding:6px 14px;margin-bottom:16px;}
  .hero-name{font-size:clamp(38px,10vw,56px);margin-bottom:12px;}
  .hero-tagline{font-size:14px;margin-bottom:20px;}
  .hero-pills{gap:7px;margin-bottom:22px;}
  .pill{font-size:11px;padding:6px 12px;}
  .hero-ctas{gap:10px;}
  .btn{padding:11px 22px;font-size:13px;}
  .swrap{padding:48px 20px;}
  .stitle{font-size:clamp(26px,7vw,38px);}
  .ssub{font-size:14px;margin-bottom:32px;}
  .about-grid,.edu-grid,.contact-grid{grid-template-columns:1fr;gap:28px;}
  .about-ts p{font-size:14px;}
  .fact-badges{gap:8px;}
  .fb{font-size:12px;padding:7px 12px;}
  .exp-row{gap:12px;justify-content:center;}
  .exp-card{min-width:130px;max-width:140px;padding:18px 12px;gap:8px;}
  .exp-circle{width:52px;height:52px;font-size:22px;}
  .exp-cname{font-size:15px;}
  .exp-role,.exp-period,.exp-hint{font-size:10px;}
  .modal-box{padding:28px 20px;width:95%;max-height:88vh;}
  .modal-co{font-size:20px;}.modal-ro{font-size:12px;}
  .mi{padding:12px 14px;gap:10px;}
  .mi-m{font-size:16px;min-width:44px;}
  .mi-t{font-size:12px;}
  .car-outer{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .car-track{gap:14px;padding:10px 4px;transform:none !important;}
  .cs-card{min-width:260px;max-width:270px;}
  .cs-img{height:140px;}
  .cs-body{padding:16px;}
  .cs-title2{font-size:15px;}
  .cs-desc2{font-size:12px;}
  .car-btns{display:none;}
  .skills-grid{grid-template-columns:1fr;gap:14px;}
  .sk-tile{padding:20px;}
  .csm-box{padding:24px 18px;width:96%;max-height:90vh;}
  .csm-ttl{font-size:20px;}.csm-sec p{font-size:13px;}
  .contact-deco{display:none;}
  .edu-card{padding:24px;}
  .edu-deg{font-size:17px;}
  footer{padding:20px;font-size:12px;}
}