:root{--size-8: 3rem;--size-fluid-5: clamp(4rem, 5vw, 5rem);--size-fluid-2: clamp(1rem, 2vw, 1.5rem);--font-size-8: 3.5rem;--font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);--font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);--font-size-00: .5rem;--size-fluid-1: clamp(.5rem, 1vw, 1rem);--size-fluid-3: clamp(1.5rem, 3vw, 2rem);--size-2: .5rem;--radius-1: 2px;--size-3: 1rem;--size-fluid-4: clamp(2rem, 4vw, 3rem);--size-1: .25rem;--size-4: 1.25rem;--font-size-0: .75rem;--radius-2: 5px;--font-size-fluid-0: clamp(.75rem, 2vw, 1rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,picture,svg{max-width:100%}html{scroll-behavior:smooth}:root{--bkg: 38 23% 84%;--main1: 151 25% 23%;--main2: 154 10% 33%;--main3: 152 6% 59%;--accent1: 22 85% 43%;--white1: 38 50% 97%;--dark1: 213 8% 21%}@media (min-width: 768px){html{font-size:130%}}body{font-family:Montserrat,sans-serif;font-weight:400;font-size:clamp(.85rem,2vw,1rem);line-height:1.55;margin:auto;width:100%;color:hsl(var(--main1));background-color:hsl(var(--bkg))}h1{font-family:Playfair Display,serif}.wrapper{overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;max-width:1500px;margin-inline:auto;margin-bottom:var(--size-8)}main{display:grid;justify-items:stretch;max-width:1600px;gap:var(--size-fluid-5);padding:var(--size-fluid-2)}.container{width:100%;max-width:1500px;margin:auto}.container-sm{width:100%;max-width:1200px;margin:auto}.container-xs{width:100%;max-width:900px;margin:auto}.text-bkg{color:hsl(var(--bkg))}.text-main1{color:hsl(var(--main1))}.text-main2{color:hsl(var(--main2))}.text-main3{color:hsl(var(--main3))}.text-accent1{color:hsl(var(--accent1))}.text-white1{color:hsl(var(--white1))}.h1{font-size:var(--font-size-8);font-weight:400;line-height:1.1;color:hsl(var(--main2))}.h2{font-size:calc(var(--font-size-fluid-2)*.8);font-weight:500;line-height:1.1}.h3{font-size:var(--font-size-fluid-1);font-weight:400;line-height:1.1}small{font-size:var(--font-size-00)}.grid-page{display:grid;place-items:start;align-content:start;gap:var(--size-fluid-1)}.grid-section{display:grid;justify-self:center;place-items:start;align-content:start;gap:var(--size-fluid-3);max-width:750px}.grid-text{display:grid;place-items:start;align-content:start;gap:var(--size-fluid-1)}.btn{text-decoration:none;padding:var(--size-2) var(--size-fluid-3);border-radius:var(--radius-1);cursor:pointer}.btn--menu{background-color:transparent;border:none;display:grid;place-items:center;padding-inline:var(--size-2)}.btn--menu[aria-expanded=true]+.nav-links{transform:translateY(0);transition:transform ease-out .3s}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--size-fluid-2)}.nav-links,.nav-wrapper{display:flex;align-items:center;gap:var(--size-3)}.nav-links{display:flex;flex-direction:column;gap:var(--size-fluid-2);transform:translateY(-200%);transition:transform ease-out .3s;position:absolute;background-color:hsl(var(--main3));top:var(--size-fluid-5);left:0;right:0;text-align:center;padding:var(--size-3)}li[role=none],.nav-link{width:100%;color:hsl(var(--white1));list-style:none}.logo{width:var(--size-8);height:auto;stroke:hsl(var(--main2));stroke-miterlimit:10}.menu-icon{width:var(--size-fluid-4);height:auto;stroke:hsl(var(--main2));stroke-width:var(--size-1);stroke-linecap:round}@media (min-width: 900px){.nav-wrapper{gap:var(--size-4)}.nav-container{justify-content:flex-end}.btn--menu{display:none}.nav-links{flex-direction:row;position:static;transform:translateY(0);border:none;padding:0;inset:initial;background-color:transparent}li[role=none],.nav-link{width:initial;color:hsl(var(--main1));font-weight:500}}footer{display:grid;place-items:center;padding:var(--size-3);background-color:hsl(var(--main3));gap:var(--size-2)}.ftr--txt{font-size:var(--font-size-0);color:hsl(var(--main1));font-weight:600}.ftr--top{font-style:italic}.contacts-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--size-fluid-2)}.contact-link{display:flex;margin:auto;align-items:center;width:2rem;height:auto}.footer-icon{width:100%;height:auto;color:hsl(var(--main1))}.block-title{justify-self:end;text-align:right}.block-welcome{align-items:center;display:grid;gap:var(--size-fluid-3)}.welcome-photo{display:block;width:max(200px,40%);margin-inline:auto}@media (min-width: 768px){.block-welcome{grid-template-columns:1fr 1fr;-moz-column-gap:var(--size-fluid-3);column-gap:var(--size-fluid-3)}.welcome-photo{display:block;width:100%}}.welcome-text{align-content:start}.page-title{display:grid;gap:var(--size-2)}.roles-sentence{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1em .5em}.roles-list{display:contents}.roles-list li{display:inline-flex;white-space:nowrap}.roles-list li:not(:last-child):after{content:","}.roles-list li:last-child:before{content:"and";padding-right:.5em}.roles-list li:last-child:after{content:"!";padding-left:.5em}.role-pill{display:flex;align-items:center;gap:.2em;text-decoration:none;color:hsl(var(--main1));transition:background-color .25s ease,transform .2s ease}.role-pill.is-active{background:hsl(var(--main3))}.underscore-link{font-weight:500;text-decoration:none;color:hsl(var(--accent1));position:relative}.underscore-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.1rem;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in}.underscore-link:hover:after{transform:scaleX(1);transform-origin:left}.highlights-all{display:grid;gap:var(--size-fluid-4)}.project-card{display:grid;grid-template-rows:auto auto 1fr;gap:var(--size-fluid-1);text-decoration:none;color:inherit;background-color:hsl(var(--white1));padding:var(--size-fluid-1);border-radius:var(--radius-2, 12px);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px hsl(var(--accent1)/.2)}.card-title{font-size:calc(var(--font-size-fluid-0)*1.3);line-height:1;color:hsl(var(--main2))}.title-main{font-weight:600}.title-secondary{font-weight:400;color:hsl(var(--main3))}.title-sep{margin-inline:.25em;font-weight:400;color:hsl(var(--main3))}.card-tags{display:flex;flex-wrap:wrap;gap:.5em;list-style:none;font-size:calc(var(--font-size-fluid-0)*.6)}.tag-pill{display:inline-flex;align-items:center;padding:.2em .8em;border-radius:999px;border:3px solid hsl(var(--main1));background:hsl(var(--main1));text-decoration:none;color:hsl(var(--white1))}.tag-pill:hover{background:hsl(var(--main2))}.tag-year{background:hsl(var(--white1));color:hsl(var(--main1));font-weight:700}.tag-year:hover{color:hsl(var(--white1))}.card-media{aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius-2, 12px)}.card-media img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.indicator-container{display:none}@media (min-width: 768px){.block-highlights{display:grid;grid-template-columns:auto 1fr;align-items:start}.indicator-container{display:grid;gap:var(--size-fluid-2);align-items:start;margin:var(--size-fluid-5) var(--size-fluid-3)}.indicator{width:1.5em;height:1.5em;border-radius:999px;border:none;background:hsl(var(--main3));cursor:pointer}.indicator.is-active{background:hsl(var(--accent1))}.highlights-all{position:relative}#highlights .project-card{display:none}#highlights .project-card.is-active{display:grid}}.portfolio-grid{display:grid;gap:var(--size-fluid-2);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.portfolio-grid .card-title{font-size:calc(var(--font-size-fluid-0))}.radio-cat-filter{display:flex;flex-wrap:wrap;gap:var(--size-2);align-items:center}.filter-btn{background:transparent;align-items:center;padding:.6em 1em;border-radius:999px;border:3px transparent;font-family:inherit;text-decoration:none;color:hsl(var(--main1));cursor:pointer}.filter-btn:hover{background:hsl(var(--main3))}.filter-btn.is-active{background:hsl(var(--accent1));color:hsl(var(--white1));border-color:transparent}