body,h2{font-family:Poppins,sans-serif}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1.5rem;align-items:center;justify-items:center}.experience-item{display:flex;flex-direction:column;align-items:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.experience-icon>img,.experience-icon>svg{font-size:4rem;color:#fff;animation:pulse 4s ease-in-out infinite;animation-delay:var(--icon-delay,0ms)}.experience-icon img{width:5rem;height:4rem;filter:brightness(0) invert(1)}@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}:root{--global--size:clamp(2rem,4vw,5rem);--anim--hover-time:400ms;--anim--hover-ease:cubic-bezier(0.25,1,0.5,1);--button-radius:20px}.button-wrap{position:relative;z-index:2;border-radius:var(--button-radius);background:transparent;pointer-events:none;transition:all var(--anim--hover-time) var(--anim--hover-ease)}.button-shadow{--shadow-cuttoff-fix:2em;position:absolute;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));pointer-events:none}.button-shadow:after{content:"";position:absolute;z-index:0;inset:0;border-radius:var(--button-radius);background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.1));width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);padding:.125em;box-sizing:border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:all var(--anim--hover-time) var(--anim--hover-ease);opacity:1}button.glass-btn{all:unset;cursor:pointer;position:relative;pointer-events:auto;z-index:3;--border-width:clamp(1px,0.0625em,4px);background:linear-gradient(-75deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.2),hsla(0,0%,100%,.05));border-radius:var(--button-radius);box-shadow:inset 0 .125em .125em rgba(0,0,0,.05),inset 0 -.125em .125em hsla(0,0%,100%,.5),0 .25em .125em -.125em rgba(0,0,0,.2),inset 0 0 .1em .25em hsla(0,0%,100%,.2),0 0 0 0 #fff;backdrop-filter:blur(clamp(1px,.125em,4px));transition:all var(--anim--hover-time) var(--anim--hover-ease)}button.glass-btn:hover{transform:scale(.975);box-shadow:inset 0 .125em .125em rgba(0,0,0,.05),inset 0 -.125em .125em hsla(0,0%,100%,.5),0 .15em .05em -.1em rgba(0,0,0,.25),inset 0 0 .05em .1em hsla(0,0%,100%,.5),0 0 0 0 #fff}button.glass-btn span{position:relative;display:block;user-select:none;font-family:Inter,sans-serif;letter-spacing:-.05em;font-weight:var(--btn-font-weight,400);font-size:1em;color:var(--btn-text-color,#000);text-shadow:0 .25em .05em rgba(0,0,0,.1);transition:all var(--anim--hover-time) var(--anim--hover-ease);padding-inline:1.5em;padding-block:.875em}button.glass-btn:hover span{text-shadow:.025em .025em .025em rgba(0,0,0,.12)}button.glass-btn span:after{content:"";position:absolute;width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width) / 2);left:calc(0% + var(--border-width) / 2);border-radius:var(--button-radius);background:linear-gradient(var(--angle-2),hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 40% 50%,hsla(0,0%,100%,0) 55%);background-size:200% 200%;background-position:0 50%;background-repeat:no-repeat;mix-blend-mode:screen;pointer-events:none;transition:background-position calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease),--angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease)}button.glass-btn:hover span:after{background-position:25% 50%}button.glass-btn:active span:after{background-position:50% 15%;--angle-2:-15deg}button.glass-btn:after{content:"";position:absolute;z-index:1;inset:0;border-radius:var(--button-radius);width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,rgba(0,0,0,.5),transparent 5% 40%,rgba(0,0,0,.5) 50%,transparent 60% 95%,rgba(0,0,0,.5)),linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:all var(--anim--hover-time) var(--anim--hover-ease),--angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) hsla(0,0%,100%,.5)}button.glass-btn:hover:after{--angle-1:-125deg}button.glass-btn:active:after{--angle-1:-75deg}.button-wrap:has(button.glass-btn:hover) .button-shadow{filter:blur(clamp(2px,.0625em,6px));transition:filter var(--anim--hover-time) var(--anim--hover-ease)}.button-wrap:has(button.glass-btn:hover) .button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}.button-wrap:has(button.glass-btn:active){transform:rotateX(25deg)}.button-wrap:has(button.glass-btn:active) button.glass-btn{box-shadow:inset 0 .125em .125em rgba(0,0,0,.05),inset 0 -.125em .125em hsla(0,0%,100%,.5),0 .125em .125em -.125em rgba(0,0,0,.2),inset 0 0 .1em .25em hsla(0,0%,100%,.2),0 .225em .05em 0 rgba(0,0,0,.05),0 .25em 0 0 hsla(0,0%,100%,.75),inset 0 .25em .05em 0 rgba(0,0,0,.15)}.button-wrap:has(button.glass-btn:active) .button-shadow{filter:blur(clamp(2px,.125em,12px))}.button-wrap:has(button.glass-btn:active) .button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}.button-wrap:has(button.glass-btn:active) span{text-shadow:.025em .25em .05em rgba(0,0,0,.12)}@media (hover:none) and (pointer:coarse){button.glass-btn span:after,button.glass-btn:active span:after{--angle-2:-45deg}button.glass-btn:active:after,button.glass-btn:after,button.glass-btn:hover:after{--angle-1:-75deg}}@import url("https://fonts.googleapis.com/css?family=Cardo:400i|Rubik:400,700&display=swap");:root{--d:700ms;--e:cubic-bezier(0.19,1,0.22,1);--font-sans:"Poppins",sans-serif;--font-serif:"Poppins",serif;--fallback-bg:#202020;--border-radius:20px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);background:#f8f8f8}.page-content{display:grid;grid-gap:1rem;grid-template-columns:1fr;max-width:1024px;margin:0 auto;padding:1rem}@media (min-width:600px){.page-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.page-content{max-width:1280px}}.card{position:relative;display:flex;align-items:flex-end;overflow:hidden;width:100%;aspect-ratio:16/9;padding:1rem;text-align:center;color:#fff;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.1)}.card:before{height:110%;background:var(--bg-image,var(--fallback-bg)) center center /cover no-repeat;transition:transform calc(var(--d) * 1.5) var(--e)}.card:after,.card:before{content:"";position:absolute;top:0;left:0;width:100%;pointer-events:none}.card:after{display:block;height:200%;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.009) 11.7%,rgba(0,0,0,.034) 22.1%,rgba(0,0,0,.072) 31.2%,rgba(0,0,0,.123) 39.4%,rgba(0,0,0,.182) 46.6%,rgba(0,0,0,.249) 53.1%,rgba(0,0,0,.32) 58.9%,rgba(0,0,0,.394) 64.3%,rgba(0,0,0,.468) 69.3%,rgba(0,0,0,.54) 74.1%,rgba(0,0,0,.607) 78.8%,rgba(0,0,0,.668) 83.6%,rgba(0,0,0,.721) 88.7%,rgba(0,0,0,.762) 94.1%,rgba(0,0,0,.79));transform:translateY(-50%);transition:transform calc(var(--d) * 2) var(--e)}.content{position:relative;width:100%;padding:1rem;z-index:1;display:flex;flex-direction:column;align-items:center;transition:transform var(--d) var(--e)}.content>*+*{margin-top:1rem}.title{font-size:1.3rem;font-weight:700;margin:0;line-height:1.2}.copy{font-family:var(--font-serif);font-size:1.125rem;font-style:bold;margin:0;line-height:1.35}.btn{cursor:pointer;padding:.75rem 1.5rem;font-size:.65rem;font-weight:700;letter-spacing:.025rem;text-transform:uppercase;color:#fff;background-color:#262626;border:none;outline:none;transition:background-color .2s linear;border-radius:var(--border-radius)}.btn:hover{background-color:#333}.btn:focus{outline:1px dashed #ff0;outline-offset:3px}@media (min-width:600px){.card:after{transform:translateY(0)}.content{transform:translateY(calc(100% - 4.5rem))}.content>:not(.title){opacity:0;transform:translateY(1rem);transition:transform var(--d) var(--e),opacity var(--d) var(--e)}.card:focus-within,.card:hover{align-items:center}.card:focus-within:before,.card:hover:before{transform:translateY(-4%)}.card:focus-within:after,.card:hover:after{transform:translateY(-50%)}.card:focus-within .content,.card:hover .content{transform:translateY(0)}.card:focus-within .content>:not(.title),.card:hover .content>:not(.title){opacity:1;transform:translateY(0);transition-delay:calc(var(--d) / 8)}.card:focus-within &,.card:focus-within &:after,.card:focus-within &:before,.card:focus-within .content>:not(.title){transition-duration:0s}}@media (max-width:599px){.card{aspect-ratio:auto;height:auto}.content{transform:none}}.skill-icon,.svg-icon{width:2rem;height:2rem;filter:brightness(0) invert(1)}.skill-icon{font-size:2rem}