:root, :before, :after{
  --font-size:16px;
  --body-padding:var(--size-5);
  --header-height:var(--size-7);
}



.mobile-only{display:none !important; visibility:hidden; content-visibility:hidden;}



.header-left > .header-box:first-child{padding-left:var(--size-6);}
.header-right > .header-box:last-child{padding-right:var(--size-6);}

.header-box svg{height:28px;}



.site-container{padding-top:var(--size-7); padding-bottom:var(--size-7);}
.section-container{padding:0 var(--size-6);}
.section-title{font-size:3rem;}



.cover-content{max-width:640px;}



.section-about .about-frame{padding:var(--size-5);}
.about-frame{grid-gap:var(--size-5); grid-template-columns:1fr var(--img-width);}
.about-image, .about-content{grid-row:1/2;} 
.about-content{grid-column:1/2;}
.about-image{grid-column:2/3; align-items:flex-start;}
.about-image-frame{position:sticky; top:144px;}







@media screen and (min-width:1280px){
  .section-about .about-frame{padding:var(--size-6);}
  .about-frame{--img-width:430px;}
}







@media screen and (min-width:1360px){
  
}







@media screen and (min-width:1920px){
  
}