*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{--dark-blue:#03045e;--dark-brown:#474306;--light-yellow:#fbf8cc;--yellow:#f5ee84;--space:1.5rem;--space-s:1rem;--transition-timing:.25s;--transition-easing:ease;scroll-behavior:smooth}@media screen and (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}html{font-size:16px;@media (width>=768px){font-size:20px}}body{background-color:var(--light-yellow);color:var(--dark-blue);max-width:45rem;margin:0 auto;font-family:Poppins,sans-serif}img:not(.decorative){width:100%;height:100%}[data-icon]{color:currentColor}a{color:var(--dark-blue);font-weight:700;text-decoration:none;position:relative;overflow:hidden}a:focus{outline:2px solid var(--dark-blue);outline-offset:3px}a:not(.fancy){text-underline-offset:3px;transition:text-decoration-color var(--transition-timing) var(--transition-easing);text-decoration:underline 2px #0000}a:not(.fancy):hover{text-decoration-color:var(--dark-blue)}a.fancy{display:inline-block}a.fancy:after{content:"";background-color:var(--dark-blue);opacity:1;width:100%;height:.1rem;transition:transform .25s ease-in-out;position:absolute;bottom:0;left:0;transform:translate(-100%)}a.fancy:hover:after{transform:translate(0,0)}a.ext svg,a.decorated svg{vertical-align:middle;padding-bottom:3px;display:inline-block}h2{font-size:3rem}h3{font-size:2rem}h2.section{text-transform:lowercase;font-size:3.25rem;font-weight:900}h2.section:after{content:"."}p,li{font-size:1.25rem;line-height:1.6}button,a.button{border:1px solid var(--dark-brown);color:var(--dark-brown);background-color:#0000;border-radius:6px;padding:.75rem 1.5rem;transition:all .25s;display:inline-block;transform:translate(-6px,-6px)}button:hover,a.button:hover{background-color:var(--dark-blue);color:var(--light-yellow);cursor:pointer}.button-wrapper{background-color:var(--yellow);border-radius:6px;width:fit-content}header{background-color:var(--light-yellow);z-index:2;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem 1rem 1rem;transition:box-shadow .3s ease-in;display:flex;position:sticky;top:0;@media (width>=768px){flex-direction:row}}header.sticky{box-shadow:0 2px 4px #0000001a}.identity a{font-size:1.5rem;font-weight:600}nav{gap:2.5rem;display:flex}nav a{font-size:1.1rem;font-weight:400}.socials{gap:1.5rem;display:flex}.socials a{padding-bottom:3px}main{padding:1rem;container-type:inline-size}.banner{--space:.5rem;padding:3rem 0 6rem}.banner--interior{--space:1rem;padding:3rem 0 2rem;overflow:hidden}.banner .ani-step,.banner--interior .ani-step{opacity:0;transform:translateY(100%)}.banner h1,.banner--interior h1{font-size:clamp(24px,7.27px + 5.23vw,70px);font-weight:900;line-height:1.1}.banner .image,.banner--interior .image{min-width:15rem}.banner .image-wrapper{opacity:0;padding:1rem;position:relative}.banner--interior .image-wrapper{opacity:0;padding:3rem 1rem 1rem;position:relative}.banner--interior .image-wrapper:before{content:"";z-index:1;background-image:url(img/crosses.svg);background-repeat:no-repeat;width:50px;height:56px;display:inline-block;position:absolute;top:-10px;right:30px;transform:scale(1)}.banner--interior .image-wrapper:after{content:"";z-index:1;background-image:url(img/slashes.svg);background-repeat:no-repeat;width:104px;height:30px;display:inline-block;position:absolute;bottom:-30px;left:10px}.banner .crosses{position:absolute;right:0}.banner .slashes{position:absolute;bottom:40px;left:-20px}.banner img.headshot{mask-image:url(/img/oval-mask.svg);mask-size:contain;mask-repeat:no-repeat}.banner .decoration{background-image:url(/img/oval.svg);background-repeat:no-repeat;background-size:contain;width:calc(100% - 2rem);height:calc(100% - 2rem);display:inline-block;position:absolute;top:30px;right:30px}.banner button{transform:scale(.9)}footer{padding:1rem 1rem 3rem}.contacts{flex-direction:column;gap:1rem;display:flex;@media (width>=768px){flex-direction:row;gap:2rem}}.contacts a{align-items:center;gap:3px;display:flex}.contacts a svg{margin:2px;transition:transform .25s ease-in-out}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stack{flex-direction:column;justify-content:flex-start;display:flex}.stack>*{margin-block:0}.stack>*+*{margin-block-start:var(--space,1.5rem)}.switcher{flex-wrap:wrap;gap:1rem;display:flex}.switcher>*{flex-grow:1;flex-basis:calc(29970rem - 99900%)}.switcher>:nth-last-child(n+3),.switcher>:nth-last-child(n+3)~*{flex-basis:100%}.frame{--n:16;--d:9;aspect-ratio:var(--n) / var(--d);justify-content:center;align-items:center;display:flex;overflow:hidden}.frame>img,.frame>video{object-fit:cover;block-size:100%;inline-size:100%}.cards{gap:var(--space);flex-direction:column;display:flex;@container (width>=600px){flex-flow:wrap}}.card{flex-direction:column;gap:.5rem;display:flex;@container (width>=600px){flex:0 1 calc((100% - var(--space)) / 2)}& .card__image img{filter:grayscale(15%)brightness(85%);transition:filter var(--transition-timing) var(--transition-easing)}& .card__image:hover img,& .card__image:active img,& .card__image:focus-visible img{filter:none}& .card__text{flex-direction:column;gap:.25rem;padding:0 .25rem;display:flex}& .card__text a{font-size:1.25rem}}
