@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--paper:#faf8f1;--ink:#18362c;--soft:#68736b;--orange:#e7794c;--green:#cfe0c8;--line:#d9ddd2;--dark:#285541}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.page{max-width:1120px;margin:auto;padding:27px 42px 38px}nav{display:flex;justify-content:space-between;align-items:center}.wordmark{color:var(--ink);text-decoration:none;font:600 14px 'DM Mono';letter-spacing:.08em}.wordmark span{color:var(--orange);font-size:22px;vertical-align:-3px;margin-right:7px}.nav-right{display:flex;gap:24px;align-items:center;color:var(--soft);font:10px 'DM Mono';letter-spacing:.09em}.nav-right button{background:none;border:0;color:var(--ink);font:inherit;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:87px 0 105px}.kicker{font:10px 'DM Mono';letter-spacing:.15em;color:var(--orange);margin:0;text-transform:uppercase}.hero h1{font-size:clamp(68px,9vw,118px);line-height:.86;letter-spacing:-.075em;margin:17px 0 30px;font-weight:600}.hero h1 i,.section-title h2 i,.about h2 i{font:500 .94em/.95 Fraunces,serif;letter-spacing:-.08em;color:var(--dark)}.intro{font-size:16px;color:var(--soft);line-height:1.55;max-width:390px;margin:0 0 27px}.draw-button{display:flex;justify-content:space-between;width:223px;padding:14px 16px;background:var(--ink);color:#fff;border:0;font:600 12px 'DM Sans';cursor:pointer}.draw-button:hover{background:var(--orange)}.draw-button b{font-size:18px;font-weight:400}.doodle-hero{height:420px;background:#f0eadc;border:1px solid #e5dece;position:relative;display:grid;place-items:center;transform:rotate(1.2deg)}.doodle-hero:before,.doodle-hero:after{content:'';position:absolute;border:1px solid var(--ink);width:24px;height:24px}.doodle-hero:before{top:16px;left:16px;border-right:0;border-bottom:0}.doodle-hero:after{bottom:16px;right:16px;border-left:0;border-top:0}.doodle-hero img{width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply}.scribble{position:absolute;top:27px;right:28px;color:var(--orange);font:23px serif}.stamp{position:absolute;bottom:30px;left:28px;color:var(--dark);font:9px 'DM Mono';line-height:1.35;letter-spacing:.12em;transform:rotate(-8deg)}.doodle-hero p{position:absolute;right:27px;bottom:28px;text-align:right;color:var(--soft);font:10px 'DM Mono';line-height:1.5}.doodle-hero p i{color:var(--orange)}.note-stage{background:var(--dark);color:#fff;max-width:760px;padding:21px 27px 18px;margin:0 auto 126px;box-shadow:13px 13px 0 #f1b18f}..note-top,.note-footer,.note-meta{display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.12em;color:#c4d7bc}..note-body{min-height:220px;padding:25px 29px 13px;position:relative}.quote-mark{font:98px/1 Fraunces;color:#a7c89c;position:absolute;left:-7px;top:0}.note-body p{font:500 clamp(27px,3.9vw,45px)/1.05 Fraunces,serif;letter-spacing:-.04em;max-width:570px;margin:30px 0 35px;position:relative}.note-meta{color:#e5eee0;font-size:9px}.note-footer{border-top:1px solid #638370;padding-top:15px}.note-footer button{border:0;background:transparent;color:#fff;font:10px 'DM Mono';letter-spacing:.08em;cursor:pointer}.note-footer b{font-size:17px}.collection{display:grid;grid-template-columns:1fr 1.05fr 1.05fr;grid-template-rows:auto 260px;gap:20px}.section-title{padding:14px 15px 0 0}.section-title h2{font-size:50px;line-height:.93;letter-spacing:-.065em;margin:16px 0 20px}.section-title>p:last-child{color:var(--soft);font-size:13px;line-height:1.5;max-width:210px}.doodle-card{position:relative;min-height:260px;overflow:hidden;border:1px solid var(--line)}.doodle-card img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;mix-blend-mode:multiply}.doodle-card div{position:absolute;bottom:20px;left:20px;z-index:1}.doodle-card span{font:10px 'DM Mono';letter-spacing:.1em;text-transform:uppercase;color:var(--dark)}.doodle-card h3{font:500 29px/1 Fraunces,serif;letter-spacing:-.04em;margin:8px 0 0}.orange{grid-column:2;grid-row:1 / span 2;height:540px;background:#f9e3d4}.green{grid-column:3;grid-row:2;background:#dce8d7}.about{display:grid;grid-template-columns:95px 1fr;gap:15px;border-top:1px solid var(--line);margin-top:124px;padding:35px 0 70px}.about-mark{font-size:61px;color:var(--orange);line-height:.8}.about h2{font-size:40px;line-height:.97;letter-spacing:-.06em;margin:13px 0 18px}.about>div:last-child>p:not(.kicker){color:var(--soft);font-size:14px;line-height:1.55;max-width:480px}.open-tag{display:inline-block;margin-top:9px;background:#e1ecd9;color:var(--dark);padding:7px 9px;font:9px 'DM Mono';letter-spacing:.08em}.open-tag span{color:#6c9d68;margin-left:6px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:#879086;font:9px 'DM Mono';letter-spacing:.06em}footer span:last-child{color:var(--orange);font-size:17px;margin-top:-7px}@media(max-width:760px){.page{padding:20px}.edition{display:none}.hero{display:block;padding:72px 0 78px}.doodle-hero{margin-top:53px;height:350px}.note-stage{margin-bottom:90px;padding:19px 17px 16px;box-shadow:9px 9px 0 #f1b18f}.note-body{padding-left:16px;min-height:250px}.note-body p{font-size:35px}.collection{display:block}.section-title{padding-bottom:34px}.orange,.green{height:340px;margin-bottom:18px}.about{grid-template-columns:43px 1fr;margin-top:78px}.about-mark{font-size:38px}.about h2{font-size:33px}footer{gap:10px;flex-wrap:wrap}footer span:nth-child(2){order:3;width:100%}}
 .note-top,.note-footer,.note-meta{display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.12em;color:#c4d7bc}.note-body{min-height:220px;padding:25px 29px 13px;position:relative}.note-footer{border-top:1px solid #638370;padding-top:15px;align-items:center}.note-actions{display:flex;gap:18px}.gemma-status{color:#b9d0b2;font:9px 'DM Mono';letter-spacing:.08em;text-align:right;margin-top:12px}
