@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@600;700;800&family=Literata:opsz,wght@7..72,400;7..72,600&display=swap');
:root{--cream:#f5eedc;--blue:#0755ba;--red:#ed321d;--yellow:#ffc51b;--black:#171717}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--cream);color:var(--black);font:17px/1.55 Literata,serif}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}.nav{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid}.brand{font:800 23px "League Spartan";text-transform:uppercase;text-decoration:none;display:flex;align-items:center;gap:12px}.brandmark{width:36px;height:20px;background:var(--blue);position:relative}.brandmark:after{content:"";position:absolute;right:-14px;border-left:15px solid var(--blue);border-top:10px solid transparent;border-bottom:10px solid transparent}.nav nav a{font:700 12px "League Spartan";text-transform:uppercase;text-decoration:none;margin-left:25px}.hero{padding:55px 0 95px}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:35px}.hero-copy{display:flex;flex-direction:column;justify-content:space-between}.label{font:700 11px "League Spartan";text-transform:uppercase;letter-spacing:.12em}.hero h1,.missions h2,.case h2,.method h2,.scope h2,.contact h2{font-family:"League Spartan";text-transform:uppercase;letter-spacing:-.065em;line-height:.82}.hero h1{font-size:clamp(74px,10vw,145px);margin:30px 0}.hero h1 span{color:var(--red)}.hero p{font-size:19px;max-width:520px}.hero a{font:700 13px "League Spartan";text-transform:uppercase;background:var(--yellow);padding:15px 20px;border:3px solid;box-shadow:7px 7px 0 var(--black);align-self:flex-start;text-decoration:none}.hero-img{border:4px solid;overflow:hidden;clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,8% 100%,0 88%)}.hero-img img{width:100%;height:670px;object-fit:cover}.bar{background:var(--black);color:white}.bar .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.bar div{padding:27px;border-right:1px solid #777}.bar strong{font:700 19px "League Spartan";text-transform:uppercase;color:var(--yellow)}.intro{padding:120px 0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.intro h2{font:800 clamp(60px,8vw,108px)/.84 "League Spartan";text-transform:uppercase;letter-spacing:-.06em;margin:0}.intro p{font-size:21px}.missions{padding:120px 0;background:var(--blue);color:white}.missions h2{font-size:clamp(67px,9vw,128px);margin:0 0 80px}.route{position:relative}.route:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:12px;background:var(--yellow);transform:translateX(-50%)}.mission{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;margin-bottom:100px;position:relative}.mission:nth-child(even) img{order:2}.mission img{width:100%;height:420px;object-fit:contain;background:var(--cream);border:4px solid var(--black)}.mission-copy{background:var(--blue);position:relative;z-index:1}.mission h3{font:800 48px/.9 "League Spartan";text-transform:uppercase;margin:0 0 18px}.mission-copy:before{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:var(--yellow);border:5px solid var(--black);left:-5.8vw;top:12px}.mission:nth-child(even) .mission-copy:before{left:auto;right:-5.8vw}.case{padding:110px 0;background:var(--red);color:var(--cream)}.case-grid{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center}.case img{height:560px;width:100%;object-fit:cover;border:4px solid var(--black)}.case h2{font-size:clamp(62px,8vw,110px);margin:20px 0}.fine{font-size:13px;border-top:2px solid var(--yellow);padding-top:18px}.method{padding:120px 0}.method h2{font-size:clamp(65px,9vw,120px);margin:0 0 75px}.switch{display:grid;grid-template-columns:repeat(4,1fr);border:4px solid}.choice{padding:35px 24px;min-height:320px;border-right:4px solid;position:relative}.choice:last-child{border:0}.choice:before{content:"";display:block;width:68px;height:68px;border-radius:50%;background:var(--yellow);border:4px solid;margin-bottom:50px}.choice:nth-child(even):before{background:var(--red)}.choice h3{font:700 29px/.95 "League Spartan";text-transform:uppercase}.scope{background:var(--yellow);padding:120px 0}.scope h2{font-size:clamp(65px,9vw,120px);margin:0 0 65px}.fork{display:grid;grid-template-columns:1fr 1fr;border:4px solid}.fork article{padding:55px}.fork article:first-child{background:var(--cream)}.fork article:last-child{background:var(--blue);color:white}.fork h3{font:700 34px "League Spartan";text-transform:uppercase}.fork p,.fork li{font-size:14px}.contact{padding:120px 0}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end}.contact h2{font-size:clamp(70px,10vw,140px);margin:0}.contact-data{border-top:5px solid;padding-top:25px}.email{font-weight:600;color:var(--red);overflow-wrap:anywhere}.footer{background:var(--black);color:white;padding:28px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap}.footer a{margin-left:18px}.legal-main{width:min(850px,calc(100% - 38px));margin:auto;padding:80px 0 120px}.legal-main h1{font:800 clamp(60px,9vw,100px)/.85 "League Spartan";text-transform:uppercase}.legal-main h2{font:700 26px "League Spartan";text-transform:uppercase;margin-top:45px}.back{display:inline-block;margin-top:30px}
@media(max-width:760px){.wrap{width:calc(100% - 28px)}.nav nav{display:none}.hero-grid,.intro-grid,.mission,.case-grid,.contact-grid{grid-template-columns:1fr}.hero h1{font-size:77px;overflow-wrap:anywhere}.hero-img{margin-top:40px}.hero-img img{height:430px}.bar .wrap{grid-template-columns:1fr}.bar div{border-right:0;border-bottom:1px solid #777}.intro,.missions,.case,.method,.scope,.contact{padding:85px 0}.intro-grid{gap:35px}.route:before{left:12px}.mission{gap:35px;margin-bottom:80px;padding-left:36px}.mission:nth-child(even) img{order:0}.mission img{height:310px}.mission-copy:before,.mission:nth-child(even) .mission-copy:before{left:-41px;right:auto;width:26px;height:26px}.mission h3{font-size:40px}.case-grid{gap:40px}.case img{height:390px}.switch{grid-template-columns:1fr}.choice{min-height:0;border-right:0;border-bottom:4px solid}.choice:before{margin-bottom:20px}.fork{grid-template-columns:1fr}.fork article{padding:36px 26px}.contact-grid{gap:45px}.footer a{margin:0 14px 0 0}.legal-main h1{font-size:60px;overflow-wrap:anywhere}}