@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.avatar img{object-fit:cover;object-position:center 35%;z-index:1;width:100%;height:100%;position:relative}.hero{gap:4vw;min-height:540px}@media (width<=900px){.hero{grid-template-columns:1fr .48fr;min-height:500px}.avatar{width:150px}.hero-copy p{font-size:30px}.hero-copy h1{font-size:18px}}@media (width<=700px){.hero{grid-template-columns:1fr;min-height:580px}.avatar{width:112px}.hero-copy p{font-size:27px}.hero-copy h1{font-size:16px}}.tech-icon{object-fit:contain;width:28px;height:28px;display:block}.skill{justify-content:space-between}.skill>span{font-size:13px}.project-preview{border-bottom:1px solid var(--line);background:#f4f4f4;height:250px;display:block;position:relative;overflow:hidden}.project-preview>iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:144%;height:144%;transform:scale(.695)}.project-preview>img{object-fit:cover;object-position:top;width:100%;height:100%}.project-number{z-index:2;color:#111;background:#ffffffd9;border-radius:4px;padding:4px 6px;font:500 11px monospace;position:absolute;top:14px;left:14px}.project-tools span{align-items:center;gap:5px;display:inline-flex}.project-tools .tech-icon{width:13px;height:13px}.pts-preview{color:#183b35;background:#edf5f1;flex-direction:column;align-items:flex-start;gap:8px;height:100%;padding:26px;display:flex}.pts-preview span{letter-spacing:-.08em;font-size:38px;font-weight:700}.pts-preview small{font-size:13px}.pts-preview div{background:#c8e2d8;border-radius:5px;width:82%;height:19px;margin-top:4px}.pts-preview div:nth-last-child(2){width:65%}.pts-preview div:last-child{width:42%}:root{--ink:#111;--muted:#777;--line:#e8e8e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}main{max-width:1120px;margin:auto;padding:0 48px}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:8vw;min-height:650px;display:grid;position:relative;overflow:hidden}.dots{opacity:.62;background-image:radial-gradient(#bbb 1.1px,#0000 1.1px);background-size:7px 7px;width:370px;height:290px;position:absolute;top:-62px;left:-85px}.hero-copy{z-index:1;position:relative}.hero-copy p{letter-spacing:-.065em;margin:0 0 6px;font-size:clamp(29px,4vw,53px)}.hero-copy h1{color:#777;letter-spacing:-.045em;max-width:650px;margin:0;font-size:clamp(21px,2.3vw,32px);font-weight:400;line-height:1.37}.avatar{aspect-ratio:1;text-align:center;background:#eeece7;border-radius:50%;place-content:center;justify-self:center;width:min(27vw,300px);display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0002}.avatar:before{content:"";background:linear-gradient(130deg,#0000 48%,#dedad1 48% 54%,#0000 54%);position:absolute;inset:0}.avatar span{letter-spacing:-.11em;z-index:1;font-size:clamp(48px,8vw,86px);font-weight:700}.avatar small{color:#777;text-transform:uppercase;z-index:1;margin-top:4px;font-size:10px}.content-section h2{letter-spacing:-.055em;margin:0 0 33px;font-size:25px}.about>p{letter-spacing:-.03em;color:#777;max-width:680px;margin:0;font-size:20px;line-height:1.65}.timeline{border-top:1px solid var(--line)}.experience-item{border-bottom:1px solid var(--line)}.experience-trigger{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:48px 1fr auto 24px;align-items:center;gap:15px;width:100%;padding:21px 4px;display:grid}.company-mark,.school-mark{color:#fff;background:#171717;border-radius:10px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.company{gap:4px;display:grid}.company b,.education-card b{font-size:15px}.company small,.education-card small,time{color:#777;font-size:13px}.experience-trigger i{width:18px;height:18px;transition:transform .22s}.experience-trigger svg,.open-project svg,.education-card>svg,.bottom-nav svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.is-open .experience-trigger i{transform:rotate(45deg)}.experience-detail{max-height:0;transition:max-height .3s;overflow:hidden}.experience-detail p{color:#777;max-width:650px;margin:0;padding:0 70px 21px;font-size:14px;line-height:1.6}.is-open .experience-detail{max-height:160px}.education{padding-top:25px}.education-card{border:1px solid var(--line);color:var(--ink);border-radius:10px;grid-template-columns:48px 1fr 18px;align-items:center;gap:16px;padding:22px;text-decoration:none;display:grid}.education-card span:nth-child(2){gap:5px;display:grid}.skill-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.skill{border:1px solid var(--line);border-radius:9px;flex-direction:column;justify-content:space-between;min-height:108px;padding:14px;font-size:13px;font-weight:500;display:flex}.skill-symbol{color:#fff;background:#149eca;border-radius:6px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.s1{background:#1d1d1d}.s2{color:#111;background:#f1c127}.s3{background:#6d52b8}.projects-title{max-width:600px;margin-bottom:56px}.projects-title>span,.contact>span{color:#777;font-size:13px}.projects h2,.contact h2{letter-spacing:-.07em;margin:12px 0 18px;font-size:clamp(37px,5vw,58px);line-height:1}.projects-title p{color:#777;margin:0;font-size:16px;line-height:1.6}.project-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.project-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.project-visual{height:250px;padding:17px;position:relative;overflow:hidden}.project-number{z-index:2;font:500 12px monospace;position:relative}.orb,.bar,.panel{position:absolute}.lilac .project-visual{background:#d7cdf2}.lilac .orb{background:#7754c8;border-radius:50%;width:180px;height:180px;bottom:-53px;right:-12px}.lilac .bar{background:#f5e870;width:70%;height:45px;top:45px;left:-20px;transform:rotate(-23deg)}.lilac .panel{background:#eee9ff;border-radius:6px;width:110px;height:134px;top:40px;right:59px}.yellow .project-visual{background:#f0cd3f}.yellow .orb{background:#e76842;border-radius:50%;width:250px;height:250px;bottom:-145px;left:38px}.yellow .bar{background:#263b2f;width:112%;height:48px;top:60px;left:-25px;transform:rotate(25deg)}.yellow .panel{background:#f8f0dd;width:75px;height:75px;bottom:35px;right:40px}.blue .project-visual{background:#b8dae0}.blue .orb{background:#274c5f;border-radius:50%;width:175px;height:175px;top:42px;left:calc(50% - 88px)}.blue .bar{background:#e4f3e8;width:120%;height:23px;top:122px;left:-20px;transform:rotate(-27deg)}.blue .panel{background:#eced65;width:63px;height:63px;bottom:29px;right:28px}.red .project-visual{background:#e69c8b}.red .orb{border:19px solid #1e3029;border-radius:50%;width:185px;height:185px;bottom:-45px;right:36px}.red .bar{background:#f3d1b0;width:76px;height:265px;top:-42px;left:48px;transform:rotate(32deg)}.red .panel{background:#f4e271;border-radius:50%;width:43px;height:43px;top:52px;left:45%}.project-content{padding:25px}.project-content h3{letter-spacing:-.055em;font-size:25px;display:inline}.project-date{color:#777;margin-left:9px;font-size:12px}.open-project{float:right;color:#111;align-items:center;gap:5px;font-size:13px;text-decoration:none;display:inline-flex}.open-project span{width:17px;height:17px}.project-content>p{clear:both;color:#777;margin:0 0 20px;padding-top:23px;font-size:14px;line-height:1.55}.project-tools{flex-wrap:wrap;gap:5px;display:flex}.project-tools span{color:#666;border:1px solid #d9d9d9;border-radius:5px;padding:5px 7px;font-size:11px}.contact{border-top:1px solid var(--line);padding:85px 0 130px}.contact p{color:#777;margin:0;font-size:20px}.contact a{color:#111;text-underline-offset:4px;text-decoration:underline}.bottom-nav{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #e4e4e4;border-radius:28px;align-items:center;height:56px;padding:6px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000012}.bottom-nav a,.bottom-nav button{color:#777;background:0 0;border:0;border-right:1px solid #e8e8e8;place-items:center;width:45px;height:42px;padding:12px;display:grid}.bottom-nav a:first-child{color:#111}.bottom-nav button{color:#111;border:0;font-size:11px;font-weight:700}@media (width<=700px){main{padding:0 24px}.hero{grid-template-columns:1fr;align-content:center;gap:25px;min-height:675px;padding:70px 0 110px}.dots{width:250px;height:190px;top:-20px;left:-125px}.avatar{order:-1;justify-self:start;width:138px;margin-left:4px}.hero-copy p{font-size:31px}.hero-copy h1{max-width:330px;font-size:18px}.content-section{padding:68px 0}.content-section h2{margin-bottom:24px;font-size:21px}.about{padding-top:25px}.about>p{font-size:17px;line-height:1.55}.experience-trigger{grid-template-columns:42px 1fr 21px;gap:10px}.experience-trigger time{grid-column:2;font-size:11px}.experience-trigger i{grid-area:1/3/3}.experience-detail p{padding:0 30px 20px 52px;font-size:13px}.skill-grid{grid-template-columns:repeat(2,1fr)}.skill{min-height:95px}.projects{padding:72px 0}.project-grid{grid-template-columns:1fr}.project-visual{height:220px}.contact{padding:70px 0 120px}.contact p{font-size:17px}.bottom-nav{bottom:17px}.bottom-nav a,.bottom-nav button{width:42px}}main{max-width:640px;padding:0}.hero{grid-template-columns:1fr 132px;gap:36px;min-height:280px;padding:28px 0;overflow:visible}.hero-copy p{font-size:clamp(34px,3.7vw,48px)}.hero-copy h1{max-width:450px;font-size:20px}.avatar{width:132px}.content-section{padding:36px 0}.about{padding-top:18px}.projects{padding:42px 0}.contact{padding:40px 0 110px}.school-logo{object-fit:contain;width:42px;height:42px}.education-card{text-decoration:none}.project-preview>img{object-fit:contain;object-position:center;background:#fff}.project-preview{aspect-ratio:12/7;height:auto}.hero-copy,.avatar{transform:translateY(16px)}.hero-copy{padding-left:16px}.project-card:nth-child(n+3) .project-preview{aspect-ratio:2}.bottom-nav{border-radius:32px;gap:0;height:60px;padding:5px}.bottom-nav a,.bottom-nav button{border:0;border-right:1px solid #e7e7e7;width:49px;height:49px;padding:12px;font-size:19px}.bottom-nav a:last-of-type{border-right:1px solid #e7e7e7}.bottom-nav .locale{background:0 0;padding:0;font-size:20px}.bottom-nav .locale.is-active{border:2px solid #171717;border-radius:50%;width:45px;height:45px;margin:0 4px}.open-project b{font-weight:inherit}@media (width<=900px){main{max-width:620px;padding:0 18px}.hero{grid-template-columns:1fr 118px;min-height:240px;padding:24px 0}.avatar{width:118px}.hero-copy p{font-size:37px}.hero-copy h1{font-size:18px}}@media (width<=700px){main{padding:0 22px}.hero{grid-template-columns:1fr;gap:18px;min-height:350px;padding:34px 0 28px}.avatar{width:112px}.hero-copy p{font-size:32px}.hero-copy h1{font-size:17px}.hero-copy,.avatar{transform:none}.hero-copy{padding-left:0}.content-section{padding:34px 0}.projects{padding:40px 0}.contact{padding:36px 0 110px}}