@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap");:root{--background:#151515;--foreground:#212121;--text:#fafafa;--text-2:#cecece;--text-3:#a1a1a1;--text-4:#757575;--detail:#444;--accent:#ffc400;--color-success:#1de9b6;--text-base:1.125rem;--border-radius:0.5rem;--font-text:"Red Hat Text",sans-serif;--font-display:"Red Hat Display",sans-serif;--badge-1:255,196,0;--badge-2:0,176,255;--badge-3:118,255,3;--badge-4:255,23,68;--badge-5:224,64,251;--badge-6:29,233,182;--mobile-breakpoint:72rem}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{font-family:var(--font-text);font-optical-sizing:auto;max-width:100vw;overflow-x:hidden;color:var(--text);letter-spacing:.01em;line-height:1.5}body{background:var(--background)}p{font-size:1.125rem;line-height:1.75rem;letter-spacing:0;font-weight:300}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:0}main{max-width:77rem;margin:0 auto;padding:9.5rem 1rem 0}section.leo{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto 1fr;grid-column-gap:3rem;column-gap:3rem}section.leo .hero{grid-column:1/-1;color:var(--foreground);background-size:cover;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto 1fr;grid-column-gap:3rem;column-gap:3rem;border-radius:var(--border-radius)}section.leo .hero .image{background-color:#5ea2b7;grid-column:1/-1;grid-row:1/-1;z-index:-1;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:12/5}section.leo .hero .image img{width:100%;display:flex}section.leo .hero span{font-size:1.125rem;line-height:1.75rem;width:100%;max-width:736px;grid-column:5/13;grid-row:1;font-weight:400;margin-top:3rem;margin-bottom:.375rem}section.leo .hero h1{font-weight:700;font-size:3.5rem;line-height:4rem;text-indent:-.045em;margin:3rem 0 0;font-family:var(--font-display);grid-column:5/13;grid-row:2;padding-right:2rem}section.leo .hero p{width:100%;margin-top:.5rem;grid-column:5/13;text-align:left;grid-row:3;font-weight:400}section.leo .hero nav{display:flex;flex-direction:column;gap:1.5rem;align-self:flex-end;bottom:0;text-align:right;grid-column:5/13;grid-row:4;padding:2.25rem}section.leo .hero nav a{display:flex;width:auto;font-size:var(--text-base);line-height:1.25rem;color:var(--text);font-weight:500;gap:.25rem;cursor:pointer;position:relative;align-self:flex-end}section.leo .hero nav a:hover:after{content:" ";width:100%;background:var(--text);height:2px;left:0;top:100%;position:absolute}section.leo .about{grid-column:2/-2;color:var(--text-3);display:flex;gap:3rem;flex-direction:row;margin:4rem 0 0}section.leo .about p{width:100%}section.leo .about p a{color:var(--text)}section.leo .about p a:hover{text-decoration:underline}@media only screen and (max-width:72rem){section.leo{gap:0}section.leo .hero{grid-template-rows:auto auto auto 1fr;border-radius:0;gap:0;color:#fff;width:calc(100% + 2rem);margin-left:-1rem;text-align:left}section.leo .hero .image{grid-column:1/-1;grid-row:1/-1;display:none}section.leo .hero h1{grid-column:1/-1;font-size:1.75rem;line-height:2.25rem;margin-top:1rem;padding:0 1rem}section.leo .hero p{padding:0 1rem;margin:2rem 0;grid-column:1/-1}section.leo .hero nav{width:100%;grid-column:1/-1;gap:1rem;padding:0 1rem}section.leo .hero nav a{align-self:flex-start}section.leo .about,section.leo .services{grid-column:1/-1}section.leo .about{gap:1.5rem;margin-bottom:1.5rem}section.leo .about,section.leo .services ul{flex-direction:column}}section.work ul{list-style:none;display:flex;flex-direction:column;gap:7.5rem;padding:9rem 0 0}section.work ul li{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem}section.work ul li a.cover img{display:flex;width:100%;border-radius:.5rem;opacity:.75;transition:opacity .3s}section.work ul li a.cover img:hover{opacity:1}section.work ul li>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}section.work ul li div h3{font-size:2.5rem;line-height:3rem;margin-bottom:.5rem}section.work ul li div a.read-more{margin-top:2rem;font-size:var(--text-base);line-height:1.25rem;font-weight:500;display:inline-flex;gap:.5rem;position:relative}section.work ul li div a.read-more:hover:after{content:" ";width:100%;background:var(--text);height:2px;left:0;top:100%;position:absolute}@media only screen and (max-width:72rem){section.work ul li{grid-template-columns:1fr;gap:.75rem}section.work ul li div h3{font-size:1.5rem;line-height:2rem}section.work ul li div a.read-more{display:none}}section.playground ul{list-style-type:none;padding:12rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:3rem;column-gap:3rem;grid-row-gap:6rem;row-gap:6rem}section.playground li img{display:flex;width:100%;border-radius:.5rem;opacity:.75;transition:opacity .3s}section.playground li img:hover{opacity:1}section.playground li h3{font-size:1.25rem;line-height:1.5rem;margin-top:.75rem;margin-bottom:.5rem}@media only screen and (max-width:72rem){section.playground ul{grid-template-columns:1fr}}