@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&display=swap');

:root{
  --bg:#f7f7f7;
  --fg:#111;
  --border:#111;
  --pad:30px;
  --nav-size:29px;
  --body-size:29px;
  --line:1.52;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Manrope',Arial,sans-serif;font-weight:300;font-size:var(--body-size);line-height:var(--line)}
a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{opacity:.58}
.site{min-height:100vh}
.header{border-top:3px solid #d4d4d4;border-bottom:1px solid var(--border);background:var(--bg)}
.nav{display:grid;grid-template-columns:repeat(4,1fr);width:100%}
.nav a{display:flex;align-items:center;justify-content:space-between;padding:17px var(--pad) 21px;text-decoration:none;font-size:var(--nav-size);line-height:1.1;font-weight:300}
.nav a:nth-child(2),.nav a:nth-child(3){justify-content:center}
.nav a:nth-child(4){justify-content:flex-end}
main{min-height:calc(100vh - 90px)}
.home-grid{display:grid;grid-template-columns:33.33% 66.67%;padding:127px var(--pad) 90px}
.home-left{padding-right:40px}
.home-left p{margin:0 0 28px}
.home-left p:first-child{margin-bottom:31px}
.home-left strong{font-weight:400}
.home-left .social{margin-top:34px}
.social{list-style:none;padding:0;display:flex;gap:28px;margin-bottom:0}
.social li{margin:0}
.social a{display:flex;width:46px;height:46px;align-items:center;justify-content:center;text-decoration:none}
.social .instagram,.social .linkedin{background:transparent}
.social svg{width:25px;height:25px;display:block;fill:#111}
.home-right{padding-right:3.3vw;max-width:1500px}
p{margin:0 0 36px}
.page-grid{display:grid;grid-template-columns:33.33% 66.67%;padding:127px var(--pad) 100px}
.page-main{padding-right:3.3vw;max-width:1500px}
.page-main h1{font-size:var(--body-size);font-weight:400;line-height:1.2;margin:0 0 46px}
.section-title{font-weight:500;margin:0 0 5px}
.link-list{margin:0 0 40px;padding-left:1.15em}
.link-list li{margin:0 0 3px}
.youtube-list{display:flex;flex-direction:column;gap:50px}
.video{width:100%;aspect-ratio:16/9;border:0;display:block}
.caption{margin-top:9px}
.footer{border-top:1px solid var(--border);padding:35px var(--pad) 45px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.footer p{margin:0}
@media(max-width:1000px){
  :root{--nav-size:23px;--body-size:23px}
  .home-grid,.page-grid{padding-top:90px}
}
@media(max-width:700px){
  :root{--nav-size:18px;--body-size:19px;--pad:18px}
  .nav{grid-template-columns:repeat(2,1fr)}
  .nav a,.nav a:nth-child(2),.nav a:nth-child(3),.nav a:nth-child(4){justify-content:flex-start;padding:13px var(--pad)}
  .nav a:nth-child(even){justify-content:flex-end}
  .home-grid,.page-grid{display:block;padding:70px var(--pad) 70px}
  .home-left{padding:0 0 55px}
  .home-right,.page-main{padding-right:0;max-width:none}
  .home-left p{margin-bottom:20px}
  .social{gap:18px}
  .social a{width:42px;height:42px}
  .footer{grid-template-columns:1fr;padding:28px var(--pad);gap:10px}
}