@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111312;--text:#f4f4ee;--muted:#a3a69e;--lime:#c6f25c;--line:#343733}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--muted)}.brand i{font-size:13px;vertical-align:top;margin-left:5px;font-style:normal}nav{display:flex;gap:36px;font-size:14px}nav a:hover{color:var(--lime)}#language{border:1px solid #555950;color:var(--text);background:transparent;padding:10px 14px;border-radius:24px;font-size:14px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--lime);z-index:20;width:0}.hero{padding:65px 5% 22px;display:grid;grid-template-columns:1.25fr 1fr;gap:4%;max-width:1600px;margin:auto}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.spark{color:var(--lime);font-size:26px;line-height:1}h1{font-family:'Manrope',Arial,sans-serif;font-weight:500;font-size:clamp(62px,7.4vw,118px);letter-spacing:-6px;line-height:1.06;margin:34px 0 26px}h1 em{font-style:normal;color:var(--lime)}.intro{color:#c4c6bf;max-width:430px;line-height:1.7;font-size:18px}.hero-actions{display:flex;gap:12px;margin:32px 0 44px}.button{border-radius:35px;padding:16px 25px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--lime);color:#111;border-color:var(--lime)}.secondary{background:transparent;color:var(--text)}.location{display:flex;gap:22px;font-size:12px;color:var(--muted);line-height:1.6}.portrait{margin:0;position:relative;align-self:start;overflow:hidden;border-radius:3px}.portrait img{display:block;width:100%;height:550px;object-fit:cover;object-position:52% 42%;filter:saturate(.7)}.portrait figcaption{background:var(--lime);color:#17200f;padding:19px 22px;display:flex;justify-content:space-between;font-size:12px}.portrait-tag{position:absolute;top:24px;left:24px;background:rgba(17,19,18,.7);backdrop-filter:blur(12px);padding:12px 16px;font-size:12px;line-height:1.5;letter-spacing:1px;border:1px solid #ffffff35}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:30px;letter-spacing:1px}.ticker{overflow:hidden;border-block:1px solid var(--line);margin-top:24px;padding:23px 0;color:var(--muted);font-size:18px;white-space:nowrap}.ticker div{width:max-content;animation:ticker 45s linear infinite}.ticker span{padding:0 45px;color:var(--lime)}@keyframes ticker{to{transform:translateX(-50%)}}.section{margin:0 auto;padding:95px 5%;max-width:1600px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px;gap:35px}h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(38px,4.2vw,65px);letter-spacing:-2.5px;font-weight:500;line-height:1.12;margin:24px 0 0;white-space:pre-line}.section-head p{max-width:340px;color:var(--muted);line-height:1.6;margin-bottom:4px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{color:#172014;padding:26px;transition:transform .3s;border-radius:4px}.project:hover{transform:translateY(-7px)}.lime{background:#c6f25c}.purple{background:#b9adef}.silver{background:#d4d6d0}.project-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:.7px}.pill{border:1px solid #17201445;border-radius:30px;padding:7px 12px}.project-art{min-height:215px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #17201430;margin:15px 0 25px}.big-mark{font-size:112px;font-weight:500;letter-spacing:-8px}.big-mark>span{font-size:42px;letter-spacing:-3px}.silver .big-mark{font-size:100px}.silver .big-mark>span{font-size:25px;letter-spacing:-1px}.art-note{font-size:12px;line-height:1.6;align-self:end;padding-bottom:22px}.project h3{font-size:24px;letter-spacing:-.8px;margin:0 0 14px}.project p{line-height:1.6;min-height:80px;color:#172014cc;font-size:15px}.project-foot{border-top:1px solid #17201435;padding-top:22px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.details{border:0;background:transparent;color:inherit;padding:0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.about-text{color:var(--muted);line-height:1.8;max-width:460px;margin:30px 0}.skills{display:flex;gap:9px;flex-wrap:wrap;max-width:470px}.skills span{border:1px solid #444740;padding:10px 14px;border-radius:30px;font-size:13px}.languages{display:flex;gap:30px;margin-top:38px}.languages span{font-weight:600}.languages small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:6px}.timeline article{border-bottom:1px solid var(--line);padding:23px 0}.timeline article:first-child{padding-top:0}.timeline-label{font-size:11px;color:var(--lime);letter-spacing:1.3px}.timeline h3{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:13px 0}.timeline p{line-height:1.6;color:var(--muted);margin:0;max-width:440px}.recognition{border-top:1px solid var(--line);padding-top:55px;padding-bottom:60px}.milestones{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;gap:30px}.milestones strong{font-family:'Manrope',sans-serif;font-size:58px;font-weight:500;letter-spacing:-3px}.milestones p{color:var(--muted);line-height:1.5;font-size:14px;max-width:210px}.connect{background:var(--lime);color:#172014;max-width:none}.connect h2{font-size:clamp(40px,5.7vw,86px);max-width:1050px;letter-spacing:-3px}.email{font-size:clamp(20px,3vw,38px);display:inline-block;margin:36px 0 50px;border-bottom:1px solid #172014;padding-bottom:8px;letter-spacing:-1px}.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.socials :is(button,a){display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-top:1px solid #17201470;background:none;color:inherit;padding:23px 0;font-size:22px}.socials span{font-size:12px;opacity:.65}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5%;font-size:12px;color:var(--muted)}dialog{background:#20241f;color:var(--text);border:1px solid #545a4d;border-radius:8px;padding:50px;max-width:620px;width:90%}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:38px;letter-spacing:-1px}dialog p{line-height:1.8;color:#c7cdc1;margin:25px 0 32px}.close{position:absolute;right:17px;top:10px;border:0;background:none;font-size:30px;color:var(--text)}.reveal{animation:enter .7s both}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(min-width:1500px){.portrait img{height:620px}}@media(max-width:1000px){h1{letter-spacing:-3px}.hero{gap:4%;padding-top:45px}.portrait img{height:480px}.location{flex-direction:column;gap:3px}.projects{gap:12px}.project{padding:20px}.project-art{min-height:175px}.big-mark{font-size:85px}.art-note{display:none}.project-foot{flex-direction:column;gap:12px;align-items:start}.about{gap:7%}.socials :is(button,a){font-size:19px;flex-direction:column;align-items:start;gap:10px}}@media(max-width:700px){header{height:80px}.brand{font-size:21px}nav{gap:18px}nav a{font-size:12px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:38px;gap:28px}h1{font-size:clamp(52px,12vw,83px);letter-spacing:-3px;line-height:1.08;margin:24px 0}.intro{font-size:16px;max-width:95%}.hero-actions{margin:25px 0}.location{flex-direction:row;flex-wrap:wrap;gap:6px 18px}.portrait img{height:auto;max-height:510px}.portrait figcaption{font-size:11px}.hero-bottom{margin-top:0}.section{padding:65px 5%}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:22px;max-width:90%}h2{letter-spacing:-1.8px}.projects{grid-template-columns:1fr;gap:20px}.project{padding:25px}.project-art{min-height:180px}.big-mark{font-size:112px}.art-note{display:block}.project p{min-height:0}.project-foot{flex-direction:row;align-items:center}.about{grid-template-columns:1fr;gap:45px}.milestones{grid-template-columns:1fr 1fr;gap:25px}.milestones strong{font-size:45px}.connect h2{letter-spacing:-2px}.socials{grid-template-columns:1fr;gap:0}.socials :is(button,a){flex-direction:row;align-items:center;font-size:22px}.email{letter-spacing:-.7px}footer{flex-wrap:wrap;line-height:1.5}footer>span:nth-child(2){display:none}dialog{padding:40px 25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{body{background:white;color:#111}header,nav,.hero-actions,.ticker,.hero-bottom,.portrait-tag,.progress,.connect,.details,footer,.project-art,dialog{display:none!important}.hero{padding-top:20px}.hero h1{font-size:52px;color:#111}.hero h1 em{color:#111}.portrait img{height:200px;object-fit:cover}.portrait figcaption{background:#eee}.intro,.location,.about-text,.timeline p,.milestones p{color:#333}.section{padding:25px 5%}.section h2{font-size:30px}.project{background:#eee;break-inside:avoid}.projects{gap:15px}.about{gap:35px}.timeline-label,.eyebrow{color:#333}.skills span{border-color:#aaa}.recognition{padding-top:20px}.milestones strong{font-size:35px}.hero::after{content:'Contact: kkarishalya@gmail.com';font-size:14px;grid-column:1/-1}.section-head p{color:#333}.project-foot{border:0}h3{break-after:avoid}a{color:#111}}

.international{border-top:1px solid var(--line)}.international>p{color:var(--muted);max-width:550px;line-height:1.7;margin:25px 0 35px}.countries{display:flex;flex-wrap:wrap;gap:12px}.countries span{border:1px solid var(--line);padding:15px 22px;border-radius:35px;font-size:16px}.countries span:hover{border-color:var(--lime);color:var(--lime)}.socials :is(button,a)>span{font-size:12px}.socials{row-gap:8px}@media print{.international{display:none}}