:root{--color-highlight:#535bf2;--bg-accent:#3730a3;--color-accent:#a5b4fc}:root.light-theme{--bg-accent:#a5b4fc;--color-accent:#3730a3}html{scroll-behavior:smooth}body:has(#toggle-menu[aria-expanded=true]){touch-action:none;overflow-y:hidden}h1:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--color-highlight);outline-offset:1.5px}h2,h3{margin:0}dl{margin-block:0}dd{margin-left:0}.title--md{font-size:1.15rem;font-weight:600}.text--md{opacity:.735;font-size:.9rem;font-weight:500}.text--sm{letter-spacing:.5px;opacity:.735;font-size:.8rem;font-weight:500;line-height:1.25}.text--xs{font-size:.75rem;font-weight:500}.btn--nav{transition:opacity .18s}.btn--link{padding-block:3.5px;position:relative}.btn--nav:after,.btn--link:after{content:"";background-color:var(--color-highlight);width:100%;height:3px;transition:scale .28s;display:block;position:absolute;bottom:-7px;scale:0}.btn--nav:hover,.btn--nav:focus-visible{opacity:1}.btn--nav:hover:after,.btn--link:hover:after{scale:1}.btn--link:focus-visible:after{scale:0}.btn--action span{transition:opacity .28s}.btn--action:hover span,.btn--action:focus-visible span{opacity:1}.layout__header,.layout__section{margin-bottom:96px}.layout__section{scroll-margin-top:48px}.layout__section-title{margin-bottom:32px}.layout__projects{max-width:43rem;margin-inline:auto}.logo{transition:scale .28s}.logo:hover{scale:1.075}.toggle-menu{transition:opacity .28s}.toggle-menu:hover,.toggle-menu:focus-visible{opacity:1}.toggle-menu__icon,.toggle-menu__icon:before,.toggle-menu__icon:after{transition:opacity .28s,transform .28s}.toggle-menu[aria-expanded=true] .toggle-menu__icon{transform:rotate(45deg)}.toggle-menu[aria-expanded=true] .toggle-menu__icon:before{opacity:0;transform:rotate(-45deg)translate(-5.71429px,6px)}.toggle-menu[aria-expanded=true] .toggle-menu__icon:after{transform:translateY(-10px)rotate(-90deg)}.toggle-menu[aria-expanded=true]+.menu{border:1.5px solid var(--bg-primary);background-color:var(--bg-secondary);border-radius:8px;padding:16px}.toggle-theme__icon{transition:translate .28s,opacity .28s}.toggle-theme:hover .toggle-theme__icon,.toggle-theme:focus-visible .toggle-theme__icon{opacity:1}.media__link svg{transition:opacity .28s;transform:translateZ(0)}.media__link:hover svg,.media__link:focus-visible svg{opacity:1}#scroll-up{right:var(--clamp-padding);bottom:var(--clamp-padding);background-color:#a5b4fc;border:2px solid #3730a3;border-radius:50%;padding:12px;transition:scale .28s,opacity .18s,transform .18s;display:inline-flex;position:fixed;transform:translateY(50px)}#scroll-up.fade-in{opacity:1;transform:translateY(0)}#scroll-up:hover{scale:1.075}#scroll-up svg{opacity:.65;transition:scale .28s,opacity .28s}#scroll-down svg{transition:fill .18s;animation:1.6s cubic-bezier(.445,.05,.55,.95) infinite bounce}#scroll-up:hover svg{opacity:1;scale:1.35}#scroll-down svg:hover{fill:var(--color-secondary)}@keyframes bounce{0%{translate:0}50%{translate:0 -15px}}.projects{justify-content:center;gap:24px;display:grid}.project{grid-auto-flow:column;column-gap:16px;display:grid}.project__photo-link{align-self:center}.project__photo-link:hover+.project__content .btn--link:after{scale:1}.project__photo{border-radius:12px;max-width:100%;height:auto}.project .project__photo{opacity:0;transition:transform .5s,opacity .5s;transform:translateY(100px)}.project.fade-in .project__photo{opacity:1;transform:translateY(0)}.project__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.project__technologies{height:fit-content;color:var(--color-accent);flex-wrap:wrap;gap:4px;margin-top:24px;display:flex}.project__technologies li{background-color:var(--bg-accent);border-radius:12px;padding:5px}.skills{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.skills__left{grid-auto-flow:row;row-gap:16px;display:grid}.skills__right{place-self:center}.skills__title{margin-bottom:16px}.projects__frame,.skills__frame{border:1.5px solid var(--bg-primary);background-color:var(--bg-secondary);border-radius:4px}.projects__frame{padding:24px}.skills__frame{padding:12px}#brick-top,#brick-bottom{transition:transform .28s}#brick-top.move-up{transform:translateY(-85px)}#brick-bottom.move-down{transform:translateY(85px)}.footer{text-align:center;padding:32px}@media screen and (max-width:46.5rem){.menu__toggle-theme{margin-top:24px}.toggle-menu[aria-expanded=true]+.menu{display:initial}.projects{grid-template-columns:repeat(auto-fit,14rem)}.project{grid-row:span 4;grid-auto-flow:row;grid-template-rows:subgrid;align-content:start;gap:0}.project__photo-link{margin-bottom:16px}.project .project__photo{transition:transform .4s,opacity .4s}.project__content{display:contents}.skills{grid-template-columns:1fr}.skills__left{max-width:528px;margin:0 auto}.skills__right{display:none}.projects__frame{padding:12px}}