body,h1,h2,h3,h4,h5,h6,p,a,span{font-display:swap}.expand-animation{transform:scaleY(1);transform-origin:top;transition:transform 0.3s ease;will-change:transform}.expand-animation.collapsed{transform:scaleY(0)}.slide-animation{transform:translateX(0);transition:transform 0.3s ease;will-change:transform}.slide-animation.hidden{transform:translateX(-100%)}.resume-template,.portfolio-item,.blog-post{contain:layout style paint}.sticky-header{position:sticky;top:0;will-change:transform;contain:layout}.animated-element{will-change:transform,opacity}img{max-width:100%;height:auto;display:block}picture{display:block;position:relative;min-height:200px}picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-section,.page-header{min-height:400px;display:flex;align-items:center;justify-content:center}.site-header,.navbar{height:80px;display:flex;align-items:center}.video-embed,iframe[src*="youtube"],iframe[src*="vimeo"]{aspect-ratio:16 / 9;width:100%;height:auto}.twitter-tweet{min-height:200px}.google-map,iframe[src*="google.com/maps"]{aspect-ratio:16 / 9;width:100%}@media (max-width:768px){img[loading="lazy"]{min-height:150px}.template-grid,.resume-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));min-height:300px}.mobile-menu{min-height:50px}}@media print{img{max-width:100%;height:auto;page-break-inside:avoid}}