@import "https://fonts.googleapis.com/css2?family=Akshar:wght@300;400;500;600&display=swap";@font-face{font-family:Brodien;src:url(/assets/Brodien-Medium-D-DpBL3l.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--page-bg:#fff;--ink:#10100f;--muted:#444;--display:"Brodien", "Akshar", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--body:"Akshar", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--body);color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-bg);min-width:320px;margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}#root{min-height:100svh}.portfolio-page{background:var(--page-bg);min-height:100svh;color:var(--ink);width:100%;position:relative;overflow-x:clip}.site-header{justify-content:space-between;align-items:center;height:90px;padding:24px 72px 24px 56px;display:flex}.brand{color:var(--ink);font-family:var(--display);font-size:42px;line-height:1;text-decoration:none}.nav-links{align-items:center;gap:104px;font-size:21px;display:flex}.nav-links a{color:var(--ink);text-decoration:none}.hero-section{width:943px;height:480px;margin:52px 0 0 calc(50vw - 343px);position:relative}.hero-copy{display:block}.hero-copy h1{width:720px;font-family:var(--display);transform-origin:0 0;margin:0;font-size:96px;font-weight:500;line-height:.94;position:absolute;top:12px;left:72px;transform:scaleX(.839)}.hero-copy p{width:387.5px;margin:0;font-size:28px;font-weight:300;line-height:1.2;position:absolute;top:310px;left:411.5px}.hero-actions{gap:22px;display:flex;position:absolute;top:123px;left:679px}.social-icon{border-radius:11px;place-items:center;width:48px;height:48px;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),border-radius .22s cubic-bezier(.16,1,.3,1);display:grid}.social-icon:hover{border-radius:16px 8px;transform:translateY(-2px)}.social-icon img{object-fit:contain;width:48px;height:48px;display:block}.email-pill{color:var(--ink);font:inherit;cursor:pointer;background:#e4e4e4;border:0;border-radius:64px;align-items:center;gap:10px;padding:6px 8px 6px 16px;font-size:16px;font-weight:500;display:inline-flex;position:absolute;top:375px;left:72px}.email-pill>.copy-mark{background:#fff;border-radius:48px;place-items:center;width:36px;height:28px;display:grid}.copy-icon-state{place-items:center;width:18px;height:18px;display:grid}.copy-mark svg{fill:none;stroke:#10100f;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.latest-link{width:fit-content;color:var(--ink);justify-items:center;gap:8px;margin:108px 0 0 calc(50vw + 59px);font-size:21px;text-decoration:none;display:grid}.portfolio-grid{grid-template-columns:710px 233px;align-items:start;column-gap:0;width:943px;margin:61px 0 0 calc(50vw - 343px);display:grid}.experience-panel{z-index:2;background:#fff;flex-direction:column;align-items:flex-end;gap:12px;width:257px;min-height:539px;padding:0 32px;display:flex;position:fixed;top:142px;left:max(0px,50vw - 600px)}.experience-panel h2{width:193px;min-height:60px;font-family:var(--display);align-items:center;margin:0;padding:12px 0;font-size:36px;font-weight:500;line-height:1;display:flex}.experience-groups{gap:12px;width:193px;display:grid}.experience-group p{color:#5e667f;margin:0;padding:0;font-size:18px;line-height:25px}.experience-group ul{margin:8px 0 0;padding:0;list-style:none;display:grid}.experience-group li{color:#000;align-items:center;gap:12px;min-height:41px;padding:4px 12px;font-size:24px;line-height:32px;display:flex}.experience-logo{flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;overflow:visible}.experience-logo img{width:inherit;height:inherit;object-fit:contain;display:block}.experience-logo .logo-fill{object-fit:cover}.experience-logo>svg,.experience-logo>.studybuddy-motion-icon{width:100%;height:100%}.studybuddy-motion-icon{width:32px;height:32px;display:block;position:relative;overflow:hidden}.studybuddy-motion-icon img,.studybuddy-motion-overlay{width:100%;height:100%;display:block}.studybuddy-motion-icon img{object-fit:contain}.studybuddy-motion-overlay{pointer-events:none;position:absolute;inset:0}.work-area{grid-column:1;min-width:0}.section-intro{align-items:center;height:116px;padding-left:72px;display:flex}.section-intro h2,.contact-cta h2,.skills-panel h2{font-family:var(--display);color:var(--ink);margin:0;font-weight:500}.section-intro h2{font-size:76px;line-height:1}.work-list{gap:64px;width:638px;margin:24px 0 0 72px;display:grid}.work-card{width:638px;height:316px;color:inherit;background:#fff;align-items:center;gap:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.work-card.visual-first{flex-direction:row-reverse}.work-hover-pill{z-index:5;color:#fff;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111111db;border:1px solid #ffffff94;border-radius:999px;justify-content:center;align-items:center;min-width:138px;min-height:42px;padding:0 18px;font-size:14px;font-weight:650;line-height:1;display:inline-flex;position:absolute;top:0;left:0;translate:18px -72%;box-shadow:0 16px 34px #0003}.work-copy{flex:1 1 0;gap:20px;min-width:0;padding:0;display:grid}.work-copy p{color:#444;margin:0;font-size:18px;line-height:1.35}.work-copy h3{font-family:var(--display);margin:0;font-size:40px;font-weight:500;line-height:1.08}.work-visual{background:#e6eaf9;flex:0 0 297px;width:297px;height:316px;position:relative;overflow:hidden}.text-first .work-visual{border-bottom-left-radius:16px}.visual-first .work-visual{border-bottom-right-radius:16px}.work-visual:before{content:"";background:radial-gradient(circle at 78% 28%,#ffffffeb,#0000 16%),linear-gradient(135deg,#3e52a124,#897cd021);position:absolute;inset:-28%;transform:rotate(-7deg)}.work-cover{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.flashcards .work-cover{object-fit:contain}.flashcards{background:0 0}.flashcards:before{content:none}.phone,.tilted-phone,.study-device{z-index:1;background:#f8f9fb;border:3px solid #fff;position:absolute;box-shadow:0 18px 48px #22285433}.fitness-orbit{z-index:1;border:1px solid #152b8f14;border-radius:48%;width:277px;height:297px;position:absolute;top:35px;left:10px;transform:rotate(-18deg)}.phone{border-radius:16px;width:132px;height:286px;top:96px;left:82px;overflow:hidden}.phone-status{color:#10100f;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:7px;font-weight:600;display:flex}.phone-status i{opacity:.86;background:#10100f;border-radius:20px;width:18px;height:6px}.phone-header{color:#fff;background:#0028be;place-items:center;height:34px;font-size:8px;font-weight:600;display:grid}.chart-card{box-sizing:border-box;background:#fff;border-radius:8px;width:112px;height:122px;margin:8px auto;padding:8px 6px;position:relative;overflow:hidden}.chart-card span{z-index:2;color:#4e4e4e;background:#f6f7f8;border-radius:4px;width:fit-content;margin:0 auto 10px;padding:3px 5px;font-size:5px;display:block;position:relative}.chart-grid{background-image:linear-gradient(#3c3c4329 1px,#0000 1px),linear-gradient(90deg,#3c3c431c 1px,#0000 1px);background-size:13px 13px;position:absolute;inset:32px 6px 8px}.bars{z-index:2;align-items:end;gap:5px;height:86px;display:flex;position:relative}.bars i{background:#edeef1;border-radius:4px 4px 0 0;width:16px}.fitness-log,.fitness-card-mini{z-index:2;background:#ffffffdb;border:1px solid #0028be1a;position:absolute;box-shadow:0 12px 28px #1e2b5c14}.fitness-log{border-radius:10px;justify-content:space-between;align-items:baseline;padding:7px 9px;display:flex;bottom:15px;left:11px;right:11px}.fitness-log b,.fitness-card-mini b{color:#0028be;font-size:14px;line-height:1}.fitness-log span,.fitness-card-mini span{color:#5f6678;font-size:7px}.fitness-card-mini{border-radius:12px 12px 12px 3px;gap:3px;padding:9px 11px;display:grid;top:30px;right:24px}.tilted-phone{border-radius:18px;width:138px;height:298px;top:75px;left:84px;overflow:hidden;transform:rotate(-14deg)}.flash-phrase{z-index:2;color:#2d2451;text-align:center;font-size:14px;font-weight:700;line-height:1.2;position:absolute;top:37px;left:52px}.flash-phrase span,.flash-phrase strong{display:block}.flash-nav{color:#2d2451;background:#fff;justify-content:center;align-items:end;gap:3px;height:33px;padding-bottom:6px;font-weight:700;display:flex}.flash-nav small{color:#6852af;font-size:8px;font-weight:400}.flash-stack{background:#eeeef9;border-radius:8px;width:94px;height:124px;position:absolute;left:22px}.flash-stack.one{top:79px;transform:rotate(-5deg)}.flash-stack.two{background:#f6f6fc;width:105px;top:84px;left:16px;transform:rotate(4deg)}.flash-card{box-sizing:border-box;color:#2d2451;background:linear-gradient(145deg,#eeeef9,#f6f6fc 60%,#eeeef9);border-radius:7px;flex-direction:column;justify-content:space-between;width:114px;height:192px;padding:15px 10px 8px;display:flex;position:absolute;top:90px;left:12px;box-shadow:0 12px 28px #57489a1f}.flash-card p{margin:0;font-size:10px;line-height:1.35}.flash-card small{color:#897cd0;text-align:center;font-size:7px}.flash-note{z-index:2;color:#fff;background:#2d2451;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:600;position:absolute;bottom:28px;right:21px;transform:rotate(8deg)}.study-board{background:#0c0c0e;position:absolute;inset:-14px -40px;transform:rotate(1deg)}.study-grid{background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.study-device{color:#fff;background:linear-gradient(#202126,#0f1014);border-radius:20px;align-content:center;justify-items:center;gap:6px;width:122px;height:238px;display:grid;top:47px;right:83px}.study-device span{font-size:13px}.study-device strong{font-size:44px;line-height:1}.study-device small{color:#aeb4c5}.study-ribbon,.study-stat{z-index:2;color:#fff;position:absolute}.study-ribbon{letter-spacing:.03em;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:5px 9px;font-size:10px;top:42px;left:61px}.study-stat{color:#15140f;background:#f7d65f;border-radius:14px;width:88px;padding:10px;bottom:52px;left:47px;transform:rotate(-7deg)}.study-stat b{font-size:24px;line-height:1;display:block}.study-stat span{margin-top:3px;font-size:8px;line-height:1.1;display:block}.skills-panel{grid-column:2;width:201px;margin-left:16px;padding-top:0;position:sticky;top:142px}.skills-panel h2{padding:20px 20px 10px;font-size:36px;line-height:1}.skill-groups{gap:11px;margin-top:2px;display:grid}.skill-group{grid-template-columns:64px 1fr;align-items:center;min-height:64px;display:grid}.skill-icon{border-radius:10px 6px;place-items:center;width:48px;height:48px;margin:8px;display:grid}.skill-icon img{object-fit:contain;width:48px;height:48px;display:block}.skill-tags{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:4px;width:137px;padding:4px 8px;display:flex}.skill-tags span{color:#000;white-space:nowrap;padding:0 4px;font-size:14px;line-height:19px}.contact-cta{flex-direction:column;align-items:center;width:460px;min-height:220px;margin:114px 0 96px 161px;padding-top:0;display:flex}.contact-cta h2{text-align:center;transform-origin:top;width:760px;font-size:76px;line-height:1;transform:scaleX(.605)}.contact-email{margin-top:28px;position:static}@media (width>=1201px){.portfolio-page{max-width:1200px;margin:0 auto}.hero-section,.portfolio-grid,.latest-link,.experience-panel{margin-left:unset}.experience-panel{left:calc(50vw - 600px)}.hero-section,.portfolio-grid{margin-left:257px}.latest-link{margin-left:659px}}@media (width<=1199px){.site-header{padding:24px 32px}.nav-links{gap:36px}.hero-copy{grid-template-columns:1fr;gap:24px}.hero-section{width:min(900px,100% - 48px);height:auto;min-height:520px;margin:56px auto 0}.hero-copy h1{width:auto;margin-left:0;font-size:78px;position:static;transform:none}.hero-copy p{width:auto;margin:0;padding-right:240px;position:static}.portfolio-grid{grid-template-columns:1fr;gap:48px;width:min(900px,100% - 48px);margin:48px auto 0}.experience-panel,.skills-panel{width:100%;padding-top:0}.experience-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;width:100%;min-height:auto;margin:0;padding:0;display:grid;position:static}.experience-panel h2,.experience-groups{width:auto}.experience-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.work-area{order:2;grid-column:1}.skills-panel{order:1;grid-column:1;margin-left:0;position:static}.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.work-list,.section-intro{margin-left:0;padding-left:0}.work-list,.work-card{width:100%}.work-hover-pill{display:none}.contact-cta{width:min(620px,100%);margin:80px auto 0}.contact-cta h2{width:100%;transform:none}}@media (width<=760px){.site-header{align-items:flex-start;gap:16px;height:auto;min-height:76px;padding:20px}.brand{font-size:36px}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:16px}.hero-section{width:100%;height:293px;min-height:293px;margin-top:12px}.hero-copy h1{width:214px;font-size:42px;line-height:.94;position:absolute;top:0;left:24px}.hero-copy p{width:calc(100% - 48px);padding-right:0;font-size:18px;line-height:1.2;position:absolute;top:133px;left:24px}.hero-actions{gap:11px;inset:46.5px 24px auto auto}.social-icon,.social-icon img{width:24px;height:24px}.email-pill{top:253px;bottom:auto;left:24px}.latest-link{display:none}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,171px));justify-content:center;align-items:start;gap:40px 16px;width:100%;margin-top:40px;padding:0 16px;display:grid}.section-intro{height:67px;margin-bottom:24px;padding-left:8px}.section-intro h2,.contact-cta h2{font-size:42px;line-height:1}.experience-panel{order:1;grid-column:1;align-items:stretch;gap:12px;display:flex}.experience-panel h2,.skills-panel h2{letter-spacing:.56px;min-height:52px;padding:12px 0;font-size:28px}.experience-groups{grid-template-columns:1fr;gap:8px;display:grid}.experience-group p{font-size:18px;line-height:25px}.experience-group ul{margin-top:8px}.experience-group li{gap:6.5px;min-height:33.5px;padding:3px 9.5px;font-size:19.4px;line-height:1.25}.experience-logo{flex-basis:32px;width:32px;height:32px}.skills-panel{order:2;grid-column:2;width:100%}.skill-groups{grid-template-columns:1fr;gap:11px;margin-top:2px}.skill-group{grid-template-columns:48px 1fr;min-height:50px}.skill-group:nth-child(-n+2),.skill-group:nth-child(4){min-height:73px}.skill-icon{width:48px;height:48px;margin:1px 0}.skill-icon img{width:48px;height:48px}.skill-tags{width:123px;padding:4px 8px}.skill-tags span{font-size:14px;line-height:19px}.work-list{gap:64px;width:calc(100% - 16px);margin:0 0 0 8px}.work-area{order:3;grid-column:1/-1;width:100%;min-width:0}.work-card,.work-card.visual-first{flex-direction:column;align-items:stretch;gap:36px;width:100%;height:auto}.work-visual{flex-basis:auto;width:100%;height:229px}.flashcards .work-cover{object-fit:cover}.work-copy{gap:16px;padding:0 8px}.work-copy h3{order:-1;font-size:36px;line-height:1.06}.work-copy p{font-size:18px;line-height:1.22}.experience-panel,.skill-groups{grid-template-columns:1fr}.contact-cta{width:calc(100% - 16px);min-height:184px;margin:114px 0 0 8px;padding-top:0}.contact-cta h2{width:100%;max-width:342px}.contact-email{margin-top:28px;top:auto;left:auto}}