.about{background:#171719;border-block:1px solid #333239}.about__grid{display:grid;gap:48px}@media(min-width:768px){.about__grid{grid-template-columns:.8fr 1.5fr;gap:80px;align-items:center}}.about__portrait{display:grid;justify-items:center;gap:24px;padding:30px}.about__portrait img{width:220px;height:auto}@media(min-width:768px){.about__portrait img{width:280px}}.about__portrait span{color:#b0aeb9;font-size:.6rem;text-align:center}.about h2{font-size:clamp(2rem,3.7vw,3.1rem)}.about h2 span{color:#b0aeb9}.about p:not(.eyebrow){max-width:660px;color:#b0aeb9;font-size:.94rem;margin-top:24px}.about__interests{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:.66rem;color:#beb0ff}.portrait{display:grid;justify-items:center;gap:18px}.portrait__images{position:relative;width:220px;aspect-ratio:1}@media(min-width:768px){.portrait__images{width:280px}}.portrait__images .portrait__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%;opacity:0;transition:opacity .8s ease}.portrait__images .portrait__image--visible{opacity:1}.portrait__images .portrait__image--photo{object-fit:cover;object-position:center 35%}.portrait__controls{display:flex;gap:10px}.portrait__controls button{min-height:44px;padding:5px 12px;border:1px solid #333239;background:rgba(0,0,0,0);color:#b0aeb9;border-radius:20px;font-size:.75rem}.portrait__controls button:hover{color:#beb0ff;border-color:#beb0ff}.portrait__controls button:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.portrait__images .portrait__image{transition:none}}.experience h2{font-size:clamp(2.3rem,4vw,3.4rem)}.experience__row{display:grid;gap:16px;padding-block:32px;border-top:1px solid #333239;grid-template-columns:25px 1fr}.experience__row>div:last-child{grid-column:2}@media(min-width:768px){.experience__row{grid-template-columns:35px 1fr 1.6fr;gap:30px}.experience__row>div:last-child{grid-column:auto}}.experience__row h3{font-size:1.2rem;letter-spacing:-.02em}.experience__row p{color:#b0aeb9;max-width:560px;font-size:.87rem;margin-top:13px}.experience__number{color:#beb0ff;font-size:.65rem;padding-top:3px}.experience__company{font-size:1.05rem}.experience__intro{color:#b0aeb9;max-width:650px;margin-bottom:36px;font-size:.95rem}.experience__dates{display:block;color:#beb0ff;font-size:.65rem;margin-top:10px;letter-spacing:.02em}.experience__earlier{border-top:1px solid #333239}.experience__earlier summary{cursor:pointer;padding:24px 0;color:#beb0ff;font-size:.9rem}.experience__earlier summary span{margin-left:12px}.contact{padding-block:100px;background:#201c2c;border-block:1px solid #373042;text-align:center}.contact__inner{display:flex;flex-direction:column;align-items:center}.contact h2{font-size:clamp(2.5rem,5.5vw,4.7rem)}.contact h2 span{color:#beb0ff}.contact p:not(.eyebrow){color:#b0aeb9;margin-block:27px 32px;font-size:.95rem}.contact__links{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:34px;font-size:.8rem;color:#b0aeb9}.contact__links a:hover{color:#f3f1ed}.header{position:sticky;top:0;z-index:20;background:rgba(17,17,19,.96);border-bottom:1px solid #333239}.header__inner{min-height:94px;justify-content:space-between;gap:24px}.header__brand,.header__inner{display:flex;align-items:center}.header__brand{gap:14px;font-size:.87rem;font-weight:600;line-height:1.4}.header__mark{font-size:2rem;letter-spacing:-.08em}.header__mark span{color:#beb0ff}.header__role{display:block;font-size:.65rem;font-weight:400;color:#b0aeb9;letter-spacing:.025em}.header__toggle{color:#f3f1ed;background:rgba(0,0,0,0);border:1px solid #333239;padding:10px 14px;border-radius:4px;font-size:.8rem}@media(min-width:1100px){.header__toggle{display:none}}.header__nav{display:none;position:absolute;inset:94px 0 auto;background:#1b1b20;border-bottom:1px solid #333239;padding:24px;gap:8px;max-height:calc(100dvh - 94px);overflow-y:auto}.header__nav--open{display:flex;flex-direction:column}.header__nav a{padding:10px;color:#b0aeb9;font-size:.8rem}.header__nav a:hover{color:#beb0ff}@media(min-width:1100px){.header__nav{display:flex;position:static;flex-direction:row;background:rgba(0,0,0,0);border:0;padding:0;gap:16px;align-items:center}}.header__nav .header__resume{border:1px solid #333239;border-radius:5px;padding:9px 15px;color:#f3f1ed}.header__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero{padding-top:64px;display:grid;gap:48px}.hero h1{font-size:clamp(2.75rem,5.3vw,4.65rem);font-weight:500;letter-spacing:-.065em;line-height:1.1}.hero h1 span{color:#beb0ff}.hero__dot{display:inline-block;width:7px;height:7px;background:#beb0ff;border-radius:50%;margin-right:9px}.hero__description{color:#b0aeb9;margin-top:28px;font-size:1rem}.hero__actions{display:flex;align-items:center;gap:27px;margin-top:32px;flex-wrap:wrap}.hero__contact{font-size:.88rem;display:flex;gap:16px;padding-block:12px;border-bottom:1px solid #333239}.hero__contact:hover{color:#beb0ff}.hero__visual{background:#1b1a22;border:1px solid #35313f;border-radius:10px;padding:22px;position:relative;align-self:center}.hero__visual-bottom,.hero__visual-top{display:flex;justify-content:space-between;align-items:center;color:#b0aeb9;font-size:.58rem;letter-spacing:.09em}.hero__visual-top>span:last-child{color:#beb0ff;font-size:1.5rem;line-height:1}.hero__art{min-height:300px;display:grid;place-items:center;background:radial-gradient(ellipse,rgba(57,48,68,.3333333333),transparent 70%)}.hero__art img{width:100%;max-width:440px;height:auto;image-rendering:auto}.hero__visual-bottom{padding-top:18px;border-top:1px solid #333239}.hero__visual-bottom span:first-child{display:flex;align-items:center;gap:7px}.hero__visual-bottom i{width:5px;height:5px;border-radius:50%;background:#b4d6a0}.hero__footer{border-top:1px solid #333239;padding-block:25px;display:flex;gap:24px;justify-content:space-between;color:#b0aeb9}.hero__footer .mono{font-size:.61rem}.hero__footer a{display:flex;gap:20px}@media(min-width:768px){.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding-top:84px}.hero__footer{grid-column:1/-1;margin-top:28px}.hero__copy{padding-block:15px}}@media(max-width:767px){.hero__footer>span{max-width:140px}.hero__footer a{max-width:130px}}.footer{padding-block:30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;color:#b0aeb9;font-size:.7rem}.footer__brand{font-size:1.7rem;font-weight:700;letter-spacing:-.08em;color:#f3f1ed}.footer__brand span{color:#beb0ff}.footer__links{display:flex;flex-wrap:wrap;gap:24px}.footer__links a{display:inline-flex;align-items:center;min-height:44px}.projects h2 span{color:#beb0ff}.projects__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.projects__filters button{background:rgba(0,0,0,0);border:1px solid #333239;border-radius:30px;color:#b0aeb9;min-height:44px;padding:9px 19px;font-size:.8rem}.projects__filters button[aria-pressed=true]{color:#111113;background:#f3f1ed;border-color:#f3f1ed}.projects__filters button:hover{border-color:#beb0ff}.projects__grid{display:grid;gap:48px 25px}@media(min-width:768px){.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.projects__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.projects__count{color:#b0aeb9;text-align:center;margin-top:38px;font-size:.65rem}.projects__more{margin:18px auto 0;display:flex}.project__visual{height:480px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;padding:58px 28px 34px;background:#292528;isolation:isolate}.project__visual--earth{background:radial-gradient(ellipse at 50% 45%,#514439,#2b251f)}.project__visual--orange{background:radial-gradient(ellipse at 50% 45%,#4c392c,#29221d)}.project__visual--purple{background:radial-gradient(ellipse at 50% 45%,#413651,#26202f)}.project__visual--blue{background:radial-gradient(ellipse at 50% 45%,#354653,#1e2830)}.project__visual:hover .project__preview{transform:translateY(-5px)}@media(min-width:1100px){.project__visual{height:500px}}.project__preview{display:block;height:100%;max-width:100%;transition:transform .3s ease}.project__preview img{display:block;width:100%;height:100%;object-fit:contain}.project__preview--phone{aspect-ratio:414/725;padding:7px;border:1px solid #77716a;border-radius:28px;background:#111;box-shadow:0 22px 32px rgba(0,0,0,.3333333333),0 0 0 2px #191919}.project__preview--phone img{border-radius:20px}.project__preview--mockup{width:100%;filter:drop-shadow(0 18px 15px rgba(0,0,0,.2666666667))}.project__category{position:absolute;left:20px;top:19px;font-size:.6rem;text-transform:uppercase;color:#e3dbe8;background:#242129;padding:3px 7px;border-radius:4px}.project__open{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f3f1ed;color:#111113;font-size:1.2rem}.project__heading{display:flex;justify-content:space-between;align-items:center;padding-block:23px 15px}.project__heading h3{font-size:1.5rem}.project__heading a:hover,.project__heading>span{color:#beb0ff}.project__description{color:#b0aeb9;font-size:.88rem;line-height:1.8}.project__stack{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin-top:20px;gap:7px}.project__stack li{color:#c5c2ce;border:1px solid #333239;border-radius:4px;padding:3px 9px;font-family:Courier New,monospace;font-size:.75rem}.project__archive{color:#beb0ff;font-size:.75rem;margin-top:14px}.project__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skills{background:#171719;border-block:1px solid #333239}.skills h2{font-size:clamp(2.3rem,4vw,3.4rem)}.skills__grid{display:grid;gap:36px}@media(min-width:768px){.skills__grid{grid-template-columns:repeat(3,1fr);gap:44px}}.skills__group{border-top:1px solid #4c4856;padding-top:24px}.skills__group>p{color:#beb0ff;font-size:.65rem}.skills__group h3{margin-top:22px;margin-bottom:24px}.skills__group ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.skills__group li{background:#222126;border:1px solid #333239;padding:7px 12px;border-radius:4px;font-size:.78rem;color:#b0aeb9}.portfolio{min-width:0}