.hero{background:var(--light);color:var(--text-on-light);border-bottom:1px solid var(--dark);padding:var(--s3) 0;.content{display:flex;flex-direction:column;align-items:center;>*{text-align:center}}h1{font-size:var(--s3);max-width:20ch}p{margin-left:0}.actions{display:flex;gap:var(--s0);flex-wrap:wrap}&[data-variant=page]{h1{font-size:var(--s2);max-width:50%}}}.intro{box-sizing:border-box;height:80vh;width:100%;margin:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative;color:var(--text-on-light);font-size:var(--s2);blockquote{background-color:transparent;color:var(--text-on-light);border:none;text-align:center}}.welcome{&.grid{--grid-columns: 2}picture{max-height:70vh;overflow:hidden}.welcome-text{display:flex;flex-direction:column;justify-content:center}}.cta-band{background:var(--dark-primary);color:var(--text-on-dark);.btn[data-variant=ghost]{--btn-color: var(--primary);--btn-hover-color: var(--primary-light);--btn-hover-border-color: var(--primary-light)}}.page-header{background-color:var(--dark-primary);border-top:1px solid var(--dark-primary);border-bottom:1px solid var(--accent);nav-drawer{display:block;font-size:var(--s-1);padding:var(--s-1);.btn{transition:none}.btn:active{transform:none}}nav.main-nav{grid-column:2 / 3;display:flex;flex-direction:column;align-items:stretch;justify-content:center;a{--focus-offset: .5rem;position:relative}a:not(.btn){color:var(--primary)}a:not(.btn):hover{color:var(--primary-light);text-decoration:none}a:not(.btn):after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-light);transition:width var(--duration) var(--ease)}a:not(.btn):hover:after{width:100%}ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-evenly;gap:var(--s-1);list-style:none;padding:0}}.actions{grid-column:-2 / -1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--s-2);a{flex:1 0;font-size:var(--s-1)}}}footer{--flow-space: var(--s-1);background-color:var(--dark-primary);color:var(--text-on-dark);font-size:var(--s-1);padding-top:var(--s3);padding-bottom:var(--s3);.grid{--grid-columns: 4}.brand{display:flex;flex-direction:column;justify-content:space-between}.logo{color:currentColor;justify-content:flex-start}.social-bar{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;font-size:var(--s-1)}.footer-col{justify-content:center}a{color:var(--primary);&:hover{color:var(--primary-light)}}ul{list-style:none;padding:0;margin:0}li.list-heading{--wght: 700;font-size:var(--s-2);font-variation-settings:"MONO" var(--mono),"CASL" var(--casl),"wght" var(--wght),"slnt" var(--slnt),"CRSV" var(--CRSV)}}.contact{flex-grow:1}.copyright{background-color:var(--dark);color:var(--text-on-dark);display:flex;justify-content:center;align-items:center;padding:var(--s-1);font-size:var(--s-2);a{color:var(--accent-light)}}.hobbies{display:grid;grid-template-columns:1fr;gap:2rem;>aside{margin-left:auto;margin-right:auto}>picture{max-height:75vh;overflow:hidden;img{width:100%;object-fit:contain;object-position:top}}@container style(--inline-size-s: var(--breakpoint-s)){grid-template-columns:2fr 1fr}}.specialties{color:var(--text-on-dark);background-color:var(--primary);padding:3rem;display:grid;grid-template-columns:repeat(var(--grid-placement, auto-fill),minmax(var(--grid-min-item-size, 16rem),1fr));gap:var(--gutter, var(--space-l));&[data-layout=halves]{--grid-placement: auto-fit;--grid-min-item-size: clamp(20rem, 50%, 24rem)}+footer{margin-top:0}}.services{padding:0;--outline-size: 1px;--outline: var(--outline-size) solid var(--dark);.overline{font-size:var(--s-1)}.service{>*{outline:var(--outline);outline-offset:calc(-1*var(--outline-size))}gap:0}.service ul{width:fit-content;margin-left:auto;margin-right:auto}.service .content{padding:var(--s1)}picture{height:100%;width:100%;max-height:100%;img{min-width:100%;min-height:100%;object-fit:cover}}}:has(.services)+footer{margin-top:0}.blog-cards{&.grid{--grid-min-column-width: 300px;--grid-max-column-width: 500px;--grid-placement: auto-fill}}.side-bar-container{display:grid;grid-template-columns:1fr;gap:var(--gutter, 1em);h2{grid-column:1 / -1}@container style(--inline-size-s: var(--breakpoint-s)){grid-template-columns:3fr 1fr}}.tag-cloud{&.card{--card-bg-color: var(--light-accent);--card-text-color: var(--dark-primary)}ul{--gutter: var(--s-2);list-style-type:none;padding:0}li.outline:before{z-index:0}li{background-color:var(--primary-light);padding:var(--s-4);line-height:1em}a{color:currentColor;font-size:var(--s-2);position:relative;text-decoration:none;z-index:1}}.post{display:grid;grid-template-columns:[full-start] auto [content-start] min(80ch,100%) [content-end] auto [full-end];picture{max-height:none}picture img{max-height:none;border-radius:var(--radius-lg)}>*{grid-column:content}picture.cover{grid-column:full}>p:first-of-type{font-size:var(--s1);color:rgb(from currentColor r g b / .6)}}.post-cta{border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}.post-meta{ul{--gutter: var(--s-2);list-style-type:none;line-height:normal;font-size:var(--s-3)}.btn{--btn-padding: .5em}}.pagination{padding:var(--s0)}.contact-text{display:flex;flex-direction:column;justify-content:center}.timeline{background-color:var(--dark-primary);color:var(--text-on-dark);padding-block-start:1em;padding-block-end:1em}