@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg-articles: #ffffff;--color-bg: #ffffff;--color-bg-main: hsl(320, 50%, 95%);--color-bg-vib: hsl(233, 60%, 90%)}[data-theme=dark]{--color-bg: #1a1a1a}html{height:100%;color:var(--color-dark-font);box-sizing:border-box}button{background-color:#9be8d9;box-shadow:0 4px 8px #000;border:.1px solid var(--color-dark-font);border-radius:10%;margin:4px;padding:4px 6px;font-size:16px;cursor:pointer}body{font-family:Arial,sans-serif;background-color:var(--color-bg-main)}.application-container{display:flex;justify-content:center;align-items:center;height:600px;width:600px;margin:auto;background-color:#00758f}.article-body{background-color:var(--color-bg)}.main-body{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0}.main-container{padding:10px 20px;min-height:400px;max-width:400px;border:4px solid var(--color-pinky-purple);border-radius:4%;box-shadow:0 4px 8px #0003;background-color:var(--color-bg)}.fade-move-enter{opacity:0;transform:translateY(20px)}.fade-move-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.fade-move-exit{opacity:1;transform:translateY(0)}.fade-move-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.symbol-styling{font-size:2rem;font-weight:700;padding:1px;margin:1px;line-height:1}.name-and-reason-styling{font-size:1.5rem;margin:1px}@media(min-width:640px){.main-container{border:4px solid var(--color-pinky-purple);border-radius:4%;box-shadow:0 4px 8px #0003;background-color:var(--color-bg)}}article ul{list-style:none;padding:0}:root{--bg-primary: #111111;--bg-surface: #1a1a1a;--border-default: #2e2e2e;--text-primary: #e5e5e5;--text-secondary: #999999;--text-tertiary: #888888;--accent-rose: #e0607a;--accent-sage: #7aae8e}:root{--font-family: "Inter", sans-serif;--font-size-display: 52px;--font-size-heading: 32px;--font-size-subheading: 20px;--font-size-body: 16px;--font-size-label: 13px;--font-size-caption: 12px}.portfolio{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh}.nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 120px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-default)}.nav__name{font-size:var(--font-size-label);font-weight:500;color:var(--text-primary)}.nav__brand{display:flex;align-items:center;gap:10px}.nav__photo{width:32px;height:32px;border-radius:50%;object-fit:cover;transition:transform .2s ease;cursor:pointer}.nav__photo:hover{transform:scale(3) translate(-8px) translateY(8px)}.nav__links{display:flex;gap:40px;list-style:none;margin:0;padding:0}.nav__links a{font-size:var(--font-size-label);font-weight:500;color:var(--text-secondary);text-decoration:none}.nav__links a:hover{color:var(--text-primary)}.hero{padding:100px 120px 80px}.hero__name{font-size:var(--font-size-display);font-weight:700;color:var(--text-primary);margin:0 0 8px}.hero__tagline{font-size:var(--font-size-subheading);font-weight:400;color:var(--text-secondary);margin:0 0 24px}.hero__bio{font-size:var(--font-size-body);font-weight:400;color:var(--text-secondary);max-width:600px;margin:0 0 32px;line-height:1.6}.hero__links{display:flex;gap:40px}.hero__link{font-size:var(--font-size-label);font-weight:500;color:var(--accent-rose);text-decoration:none}.hero__link:hover{text-decoration:underline}.work{padding:20px 120px 0;display:flex;flex-direction:column;gap:24px}.section-label{font-size:var(--font-size-label);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:24px}.work-card{display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.work-card__content{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center}.work-card__title{font-size:var(--font-size-heading);font-weight:600;color:var(--text-primary);margin:0 0 16px}.work-card__description{font-size:var(--font-size-body);color:var(--text-secondary);max-width:480px;line-height:1.6;margin:0 0 24px}.work-card__tags{display:flex;gap:16px;margin-bottom:32px}.work-card__tag{font-size:var(--font-size-label);color:var(--accent-sage)}.work-card__link{font-size:var(--font-size-label);font-weight:500;color:var(--accent-rose);text-decoration:none}.work-card__link:hover{text-decoration:underline}.work-card__image{width:420px;height:340px;overflow:hidden;flex-shrink:0;border-radius:8px;margin:20px 20px 20px 0}.work-card__image img{width:100%;height:100%;object-fit:cover}.skills{padding:80px 120px 40px}.skills__grid{display:grid;grid-template-columns:300px 300px 300px;gap:40px}.skills__heading{font-size:var(--font-size-label);font-weight:500;color:var(--accent-rose);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}.skills__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.skills__list li{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.6}.footer{padding:40px 120px 60px;border-top:1px solid var(--border-default);margin-top:0}.footer__top{display:flex;align-items:center;gap:48px;margin-bottom:16px}.footer__name{font-size:var(--font-size-label);font-weight:500;color:var(--text-primary)}.footer__link{font-size:var(--font-size-label);font-weight:500;color:var(--accent-rose);text-decoration:none}.footer__link:hover{text-decoration:underline}.footer__copyright{font-size:var(--font-size-caption);color:var(--text-tertiary);margin:0}.photo-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.photo-overlay__img{width:300px;height:300px;border-radius:50%;object-fit:cover}.photo-overlay__container{position:relative}.photo-overlay__close{position:absolute;top:-16px;right:-16px;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.case-study{max-width:720px;padding:80px 120px}.case-study__title{font-size:var(--font-size-display);font-weight:700;color:var(--text-primary);margin:0 0 8px}.case-study__subtitle{font-size:var(--font-size-label);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 48px}.case-study h2{font-size:var(--font-size-heading);font-weight:600;color:var(--text-primary);margin:48px 0 16px}.case-study p{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.7;margin:0 0 16px}.case-study ul{padding-left:20px;margin:0 0 16px}.case-study ul li{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.case-study a{color:var(--accent-rose);text-decoration:none}.case-study a:hover{text-decoration:underline}