.note-container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.note-hero{background:#e8eee4;position:relative;overflow:hidden;padding:38px 0 65px}.note-back{display:inline-block;color:#0b3c26;font-size:13px;margin-bottom:45px;text-underline-offset:5px}.note-hero h1{font:600 clamp(34px,4.4vw,62px)/1.15 Poppins,sans-serif;letter-spacing:-.04em;max-width:900px;margin:20px 0 24px;position:relative;z-index:1}.note-lede{max-width:760px;font-size:18px;line-height:1.8;color:#35483b}.note-time{display:block;font-size:12px;color:#536a57;margin-top:20px}.note-hero__star{position:absolute;right:4%;top:40px;font-size:160px;color:#c5d4b6;line-height:1}.note-reading{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px;padding-top:65px;padding-bottom:40px;align-items:start}.note-index{position:sticky;top:25px;border-top:1px solid #b9c8b3;padding-top:20px}.note-index a{display:flex;gap:12px;color:#35483b;font-size:13px;line-height:1.7;margin:17px 0;text-decoration:none}.note-index a>span{color:#6b8c73}.note-index a:hover{text-decoration:underline;text-underline-offset:4px}.note-body{max-width:760px}.note-body section{scroll-margin-top:30px;margin-bottom:45px}.note-body h2,.note-related h2{font:600 clamp(24px,2.3vw,32px)/1.35 Poppins,sans-serif;letter-spacing:-.025em;margin:15px 0 22px;color:#0b3c26}.note-body section>p:not(.blog-eyebrow){font-size:17px;line-height:1.95;color:#35483b;margin:20px 0}.note-example{margin:32px 0}.note-example img{width:100%;height:auto;display:block;border-radius:28px}.note-example figcaption{font-size:12px;line-height:1.8;color:#536a57;margin:15px 0}.note-project{font-size:13px;color:#0b3c26;text-underline-offset:4px}.note-invitation{background:#e8eee4;border-radius:40px;padding:35px;margin-top:50px}.note-invitation>span{font-size:35px;color:#6b8c73}.note-invitation p{font-size:15px;line-height:1.9;color:#35483b}.note-invitation .web-button{display:inline-flex;color:white;background:#6b8c73;border-radius:40px;padding:16px 24px;margin-top:16px;text-decoration:none}.note-related{padding:35px 0 70px;border-top:1px solid #b9c8b3}.note-related>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.note-related>div>a{display:block;padding:28px;border:1px solid #b9c8b3;border-radius:30px;text-decoration:none;color:#0b3c26}.note-related h3{font-size:21px;line-height:1.5;margin:15px 0}.note-related a>span:last-child{font-size:13px}@media(max-width:850px){.note-reading{grid-template-columns:1fr;gap:35px}.note-index{position:static;background:#f0ede4;padding:25px;border-radius:25px}.note-body{max-width:none}}@media(max-width:600px){.note-container{width:calc(100% - 40px)}.note-hero{padding-bottom:40px}.note-back{margin-bottom:28px}.note-hero h1{font-size:35px}.note-lede{font-size:16px}.note-hero__star{font-size:75px;opacity:.4;top:55px}.note-reading{padding-top:35px}.note-body section>p:not(.blog-eyebrow){font-size:16px;line-height:1.9}.note-invitation{padding:25px;border-radius:28px}.note-related>div{grid-template-columns:1fr}.note-related>div>a{padding:24px}}