: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}: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)}}