:root{--color-muted: color-mix(in sRGB, var(--color-text) 60%, var(--color-bg));--anim-duration: .6s var(--ease)}.section{animation:fadeIn var(--anim-duration) both;will-change:opacity,transform}.projects-section{container-type:inline-size}@media (prefers-reduced-motion: reduce){.section{animation:none!important;transform:none!important}}:root{display:block;min-height:100vh;height:100%;width:100%;box-sizing:border-box;margin-top:0;padding:0;--color-bg: lch(0% 0 0 / .755);--color-text: lch(100% .01 296.81);--color-accent: lch(65.37% 59.99 26.46);--color-primary: lch(60% 70 260);--color-muted: color-mix(in srgb, var(--color-text) 60%, var(--color-bg));--shadow-default: 0 12px 16px lch(100% .01 296.81 / .424);--shadow-hover: 0px 10px 16px -16px lch(81.29% 27.65 21.69 / .12);--radius: .75rem;--transition: .22s cubic-bezier(.4,0,.2,1);--section-max-width: 1400px;--section-padding: clamp(1.25rem, 4vw, 2.5rem);--gap: clamp(1rem, 3vw, 2rem)}.name{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0;font-size:4rem;color:#e0e0e0;font-family:Bodoni Moda SC,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}main{margin-top:0 auto;padding:var(--gap);font-family:Inter,sans-serif;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);width:100%;max-width:100vw;box-sizing:border-box;min-height:100%;overflow-x:hidden;overflow-y:auto}.image{display:flex;width:100%;max-width:450px;height:auto;border-radius:calc(var(--radius) * .5);box-shadow:var(--shadow-default);transition:box-shadow var(--transition);object-fit:fill}.section{margin-block:var(--gap);padding-inline:var(--section-padding);padding-block:calc(var(--section-padding) * .9);max-width:var(--section-max-width);background:var(--color-bg);border-radius:var(--radius);box-shadow:var(--shadow-default);transition:box-shadow var(--transition);animation:fadeIn .7s both;margin-inline:auto;display:block;box-sizing:border-box}.section-title{font-size:clamp(1.5rem,3vw,2.2rem);color:var(--color-primary);margin-block-end:1.1em;letter-spacing:.01em;font-weight:700;line-height:1.1}.about-text{color:var(--color-text);font-size:clamp(1.05rem,2vw,1.15rem);line-height:1.7;margin-block:0}.experience-item{border-inline-start:4px solid var(--color-muted);margin-block-end:var(--gap);padding-inline-start:1.25rem;background:#f9f9f925;border-radius:.5rem;transition:box-shadow var(--transition),border-color var(--transition);box-shadow:none;display:flex;flex-direction:column;gap:.3em}.experience-item:is(:focus-within,:hover,:has(:focus-visible)){box-shadow:var(--shadow-hover);border-color:var(--color-accent)}.experience-role{font-weight:600;color:var(--color-primary);font-size:1.1em}.experience-company{color:var(--color-muted);font-size:1em}.experience-dates{font-size:.97em;color:var(--color-muted)}.experience-details{margin-block-start:.5em;padding-inline-start:1.2em;color:var(--color-text);font-size:1em;display:flex;flex-direction:column;gap:.2em}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;list-style:none;padding:0;margin:0}.skill-item{background:#e4efff;background:lch(94% 10 260);color:var(--color-primary);border-radius:.5rem;padding-inline:1em;padding-block:.5em;font-weight:500;font-size:1em;box-shadow:0 1px 3px #00000012;transition:background var(--transition),color var(--transition),box-shadow var(--transition);cursor:pointer;outline:none}.skill-item:is(:hover,:focus-visible){background:var(--color-accent);color:#fff;box-shadow:var(--shadow-hover)}.projects-grid{display:grid;gap:var(--gap);grid-template-columns:1fr;margin:0;padding:0}@container (min-width: 720px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.project-item{background:#f9f9f942;border-radius:var(--radius);box-shadow:var(--shadow-default);padding:1.25rem 1rem;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);border:1.5px solid lch(92% 8 260);display:flex;flex-direction:column;min-block-size:140px}.project-item:is(:hover,:focus-within,:has(:focus-visible)){transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--color-accent)}.project-title{font-size:1.15rem;margin-block-end:.5rem;font-weight:600}.project-title a{color:var(--color-primary);text-decoration:none;transition:color var(--transition),outline var(--transition);outline:none}.project-title a:is(:hover,:focus-visible){color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.project-description{color:var(--color-text);font-size:1em;margin-block:0}.education-item{border-inline-start:4px solid var(--color-muted);margin-block-end:var(--gap);padding-inline-start:1.25rem;background:#f9f9f933;border-radius:.5rem;transition:border-color var(--transition);display:flex;flex-direction:column;gap:.3em}.education-item:hover{border-inline-start-color:color-mix(in srgb,var(--color-primary) 80%,var(--color-accent))}.education-item header{display:flex;flex-direction:column}.education-item .image-link{display:flex;margin-inline:0;width:fit-content}.education-degree{font-weight:600;color:var(--color-primary)}.education-institution{color:var(--color-muted);font-size:1em}.education-dates{font-size:.97em;color:var(--color-muted)}.education-details{margin-block-start:.5em;padding-inline-start:1.2em;color:var(--color-text);font-size:1em;display:flex;flex-direction:column;gap:.2em}.contact-details{font-style:normal;color:var(--color-text);font-size:1.05em;display:flex;flex-direction:column;gap:.2em}.contact-details a{color:var(--color-accent);text-decoration:underline dotted;transition:color var(--transition),outline var(--transition);outline:none}.contact-details a:is(:hover,:focus-visible){color:var(--color-primary);outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width: 600px){main{padding:calc(var(--gap) / 2) calc(var(--gap) / 2)}.section{padding-inline:clamp(.5rem,4vw,1.25rem);padding-block:clamp(.75rem,2vw,1.25rem)}.section-title{font-size:clamp(1.1rem,4vw,1.5rem)}.projects-grid{gap:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}:root{--color-muted: color-mix(in lch, var(--color-text) 60%, var(--color-bg));--color-link: lch(70% 55 270);--color-link-hover: lch(75% 60 270);--color-border: lch(30% 5 270 / .25);--focus-ring: lch(85% 50 260 / .6)}.section-title{margin:0 0 .75rem;font-weight:700;letter-spacing:.015em;line-height:1.25;color:var(--color-text);position:relative}.section-title:after{content:"";display:block;width:3.5rem;height:.18rem;margin-top:.5rem;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),lch(72% 40 250))}.name{letter-spacing:.01em;line-height:1.1;text-align:center}main{font-size:clamp(1.0625rem,2.2vw,1.1875rem);line-height:1.7}.about-text,.experience-details,.education-details{max-width:68ch}.section{background:color-mix(in lch,var(--color-bg) 96%,var(--color-text));border:1px solid var(--color-border);box-shadow:var(--shadow-hover)}.projects-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.project-item{padding:1rem;border-radius:var(--radius);background:color-mix(in lch,var(--color-bg) 90%,var(--color-text));border:1px solid var(--color-border);box-shadow:var(--shadow-default);transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.project-item:hover,.project-item:focus-within{transform:translateY(-3px);box-shadow:0 16px 24px #00000040}.project-title a{color:var(--color-text);text-decoration:none;outline:none}.project-title a:hover{color:var(--color-link-hover)}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem .75rem;padding:0;margin:0}.skill-item{list-style:none;padding:.4rem .75rem;border-radius:999px;background:color-mix(in lch,var(--color-primary) 12%,var(--color-bg));color:var(--color-text);border:1px solid color-mix(in lch,var(--color-primary) 30%,var(--color-bg));box-shadow:0 1px #00000026 inset;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.skill-item:hover,.skill-item:focus-visible{background:color-mix(in lch,var(--color-primary) 20%,var(--color-bg));transform:translateY(-1px);outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.experience-item{padding:1rem 1rem 1rem 1.25rem;border-left:3px solid color-mix(in lch,var(--color-primary) 70%,var(--color-bg));margin-block:1rem;border-radius:calc(var(--radius) * .5);background:color-mix(in lch,var(--color-bg) 94%,var(--color-text));transition:box-shadow var(--transition),transform var(--transition)}.experience-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.experience-role{font-weight:600}.experience-company{color:var(--color-muted)}.experience-dates{color:var(--color-muted);font-size:.95em}.image{border-radius:calc(var(--radius) * .75)}.image:hover{box-shadow:0 16px 24px #00000040}a{color:var(--color-link);text-decoration:underline;text-underline-offset:.15em}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px}.projects-section{scroll-margin-top:1rem}