@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Gochi+Hand&family=Newsreader:ital,opsz,wght@1,6..72,600&display=swap');
:root{--cream:#fff7e8;--ink:#25322d;--green:#b9de74;--pink:#f3a7b7;--sky:#a9dfee;--orange:#ff825f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit}header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.logo{font-size:23px;font-weight:700;text-decoration:none;letter-spacing:-.05em}.logo span{font-family:Newsreader;font-style:italic;font-size:27px}.logo i{color:var(--orange);font-style:normal;margin-left:6px}header nav{display:flex;gap:32px}header nav a{font-size:12px;text-decoration:none}.pill{background:var(--ink);color:white;padding:13px 20px;border-radius:99px;text-decoration:none;font-size:12px}.welcome{min-height:690px;position:relative;overflow:hidden;padding:55px 5vw 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.welcome:before{content:'';position:absolute;width:760px;height:660px;background:var(--green);border-radius:49% 51% 45% 55%/52% 38% 62% 48%;right:-50px;top:5px;transform:rotate(-5deg)}.welcome-copy{position:relative;z-index:2;max-width:660px}.welcome-copy>p:first-child,.route>p,.story-head>p,.topics>div>p{font-size:10px;letter-spacing:.15em;font-weight:700}.welcome h1{font-size:clamp(61px,7vw,106px);line-height:.86;letter-spacing:-.075em;margin:50px 0 35px}.welcome h1 em{font-family:Newsreader;font-weight:600;color:var(--orange)}.intro{max-width:480px;font-size:18px;line-height:1.65}.welcome-copy>a{display:inline-flex;gap:35px;align-items:center;margin-top:25px;text-decoration:none;border-bottom:1px solid;padding-bottom:9px;font-size:13px}.welcome-copy>a b{background:var(--pink);width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.house{position:relative;z-index:2;width:min(520px,42vw);height:500px;justify-self:end}.house img{width:100%;height:100%;object-fit:cover;border-radius:48% 48% 8% 8%/34% 34% 8% 8%;border:12px solid var(--cream);transform:rotate(2deg)}.note{position:absolute;background:var(--cream);padding:15px 20px;box-shadow:4px 5px 0 var(--ink);font:18px/1.1 Gochi Hand;transform:rotate(-6deg)}.note b{font-weight:400;color:var(--orange)}.n1{left:-55px;top:50px}.n2{right:-20px;bottom:35px;transform:rotate(5deg)}.coin{position:absolute;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:25px Gochi Hand}.c1{background:var(--pink);right:10px;top:-15px}.c2{background:var(--sky);left:-30px;bottom:70px}.scribble{position:absolute;left:43%;top:35px;font:95px Gochi Hand;color:var(--pink);transform:rotate(12deg)}.curve{position:absolute;left:5vw;bottom:25px;font:15px Gochi Hand;transform:rotate(-2deg)}.route{padding:65px 5vw;background:var(--sky);text-align:center}.path{display:flex;justify-content:center;align-items:center;gap:5vw;margin-top:40px}.path article{max-width:200px}.path b{display:grid;place-items:center;margin:auto;width:48px;height:48px;background:var(--cream);border-radius:50%;font:22px Gochi Hand}.path h2{font:600 italic 38px Newsreader;margin:15px 0 6px}.path span{font-size:13px;line-height:1.5}.path>i{font:35px Gochi Hand;font-style:normal}.stories{padding:110px 5vw}.story-head{text-align:center;margin-bottom:90px;position:relative}.story-head h2{font-size:clamp(51px,5vw,76px);line-height:.95;letter-spacing:-.06em;margin:25px 0}.story-head span{position:absolute;right:10%;bottom:0;background:var(--pink);padding:12px 18px;transform:rotate(5deg);font:16px Gochi Hand}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;max-width:1050px;margin:0 auto 120px}.story.two{grid-template-columns:.8fr 1.2fr}.story.two>div:first-child{text-align:right}.pic{position:relative}.pic img{width:100%;height:470px;object-fit:cover;border-radius:46% 46% 10px 10px}.story.two .pic img{border-radius:30px 50% 30px 50%}.story.three .pic img{border-radius:50%;height:auto;aspect-ratio:1}.pic span{position:absolute;top:-22px;right:-15px;background:var(--orange);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:23px Gochi Hand}.story small{font-size:10px;letter-spacing:.13em}.story h3{font:600 italic clamp(35px,4vw,56px)/1 Newsreader;margin:22px 0}.story p{line-height:1.7;max-width:460px}.story.two p{margin-left:auto}.story a{display:inline-block;margin-top:20px;font-size:13px;text-underline-offset:7px}.topics{padding:90px 5vw;background:var(--pink);display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;align-items:start}.topics h2{font:600 italic 58px/1 Newsreader;margin:25px 0}.topics nav{display:flex;flex-direction:column;border-top:1px solid}.topics nav a{display:flex;justify-content:space-between;text-decoration:none;padding:18px 5px;border-bottom:1px solid;font-size:23px}.topics nav span{font-family:Gochi Hand}footer{padding:75px 5vw;background:var(--ink);color:white;display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:end}footer p{color:#c6ccc9;line-height:1.6}footer nav{display:flex;gap:22px;flex-wrap:wrap}footer nav a{font-size:11px}@media(max-width:800px){header{height:auto;padding:20px;flex-wrap:wrap;gap:16px}header nav{order:3;width:100%;justify-content:space-between;gap:10px}.welcome{grid-template-columns:1fr;padding:55px 22px 90px}.welcome:before{width:110%;height:520px;right:-35%;top:610px}.house{width:90%;height:440px;margin:80px auto 40px;justify-self:center}.n1{left:-18px}.scribble{display:none}.path{gap:15px}.path>i{display:none}.route{padding:55px 22px}.story-head span{position:static;display:inline-block}.stories{padding:75px 22px}.story,.story.two{grid-template-columns:1fr;gap:35px;margin-bottom:85px}.story.two>div:first-child{text-align:left}.story.two .pic{order:-1}.story.two p{margin-left:0}.pic img{height:360px}.topics,footer{grid-template-columns:1fr;padding:65px 22px;gap:35px}}