@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Manrope:wght@600;800&display=swap');:root{--navy:#172b39;--paper:#f7f4ec;--white:#fff;--coral:#ff765f;--yellow:#f4cf57;--blue:#7bc9dd;--green:#a9ce8a;--line:#c9c5bb;--ink:#1b2828}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit}body>header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:800 31px Manrope;text-decoration:none;letter-spacing:-.07em}.logo span{color:var(--coral)}body>header nav{display:flex;gap:34px}body>header nav a,.all{font-size:12px;text-decoration:none}.all{display:flex;gap:25px;align-items:center}.all b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:white}.hero{padding:100px 5vw 80px;display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end}.hero>div>p,.latest header p,.browse>div>p{font-size:10px;font-weight:700;letter-spacing:.15em;color:#63716e}.hero h1{font:800 clamp(62px,7vw,108px)/.9 Manrope;letter-spacing:-.065em;margin:40px 0 0}.hero h1 em{font-style:normal;color:var(--coral)}.hero aside{border-top:4px solid var(--navy);padding-top:25px}.hero aside span{font-size:10px;font-weight:700}.hero aside p{font-size:18px;line-height:1.65;margin:25px 0}.hero aside a{font-size:12px;text-underline-offset:7px}.topics{display:grid;grid-template-columns:repeat(5,1fr);padding:0 5vw 80px;gap:12px}.topics>a{background:white;padding:20px;display:flex;align-items:center;gap:15px;text-decoration:none;border:1px solid var(--line)}.topics i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:800 20px Manrope;font-style:normal}.coral{background:var(--coral)}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.green{background:var(--green)}.topics span{font-size:11px;color:#6b7471}.topics b{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}.latest{background:var(--navy);color:white;padding:90px 5vw}.latest>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.latest header p{color:var(--blue)}.latest h2{font:800 55px Manrope;letter-spacing:-.05em;margin:15px 0 0}.latest>header>span{font-size:10px}.lead{display:grid;grid-template-columns:2fr 1fr;gap:14px}.lead>article{background:var(--white);color:var(--ink);padding:35px;display:grid;grid-template-columns:120px 1fr;gap:30px}.symbol{height:110px;display:grid;place-items:center;font:800 50px Manrope;color:var(--navy)}.latest small{font-size:9px;letter-spacing:.1em}.lead h3{font:800 40px/1.08 Manrope;letter-spacing:-.04em;margin:20px 0}.latest article p{line-height:1.65;color:#65706d}.latest article a{display:inline-block;margin-top:15px;font-size:11px}.lead>aside{background:var(--coral);color:var(--ink);padding:35px;display:flex;flex-direction:column;justify-content:space-between}.lead>aside strong{font:800 29px/1.15 Manrope}.lead>aside span{font-size:9px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.grid article{background:#203b4b;padding:28px}.grid .symbol{width:70px;height:70px;font-size:30px;margin-bottom:25px}.grid h3{font:700 24px/1.15 Manrope;margin:17px 0}.grid p{font-size:13px}.browse{padding:100px 5vw;background:var(--blue);display:grid;grid-template-columns:1.4fr 1fr auto;gap:7vw;align-items:end}.browse h2{font:800 59px/.95 Manrope;letter-spacing:-.05em;margin:22px 0 0}.browse>p{font-size:17px;line-height:1.7}.browse>a{background:var(--navy);color:white;text-decoration:none;padding:17px 23px;border-radius:99px;font-size:11px}footer{padding:65px 5vw;background:var(--paper);display:grid;grid-template-columns:2fr 1fr 1fr;align-items:end}footer p{font-size:12px;color:#65706d}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer nav a{font-size:11px}@media(max-width:800px){body>header{height:auto;padding:20px;flex-wrap:wrap;gap:15px}body>header nav{order:3;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;padding:70px 22px}.hero h1{font-size:58px}.topics{grid-template-columns:1fr 1fr;padding:0 22px 60px}.topics>a{padding:14px}.topics i{width:40px;height:40px}.latest{padding:65px 22px}.latest h2{font-size:40px}.lead,.grid,.browse,footer{grid-template-columns:1fr}.lead>article{grid-template-columns:1fr}.lead>aside{min-height:280px}.browse{padding:65px 22px;gap:30px}footer{padding:55px 22px;gap:25px}}