:root{color:#303d35;font-synthesis:none;--purple:#9b4734;--line:#dcded2;background:#faf8f1;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}main{max-width:1240px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,4rem)}a{color:inherit;text-underline-offset:5px}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--purple);outline-offset:6px}.skip-link{z-index:10;background:#fff;padding:.5rem 1rem;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.7rem;display:flex}.wordmark{letter-spacing:-.08em;font-family:Georgia,serif;font-size:2rem;font-weight:700;text-decoration:none}.wordmark span{color:var(--purple);vertical-align:top;margin-left:.3rem;font-size:1.5rem;display:inline-block}nav a{font-size:.85rem;text-decoration:none}nav span{margin-left:.5rem}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:1rem;padding-block:6.5rem 5rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:650}.little-star{color:var(--purple);margin-right:.4rem;font-size:1.1rem}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{letter-spacing:-.055em;margin:1.3rem 0;font-size:clamp(2.8rem,5.3vw,4.6rem);line-height:1.07}h1 em{color:var(--purple);font-weight:400}.intro{color:#59635c;max-width:24rem;font-size:1rem}.button{color:#fff;background:#364b3c;border-radius:100px;align-items:center;gap:2rem;margin-top:1.3rem;padding:.8rem 1.4rem;font-size:.85rem;text-decoration:none;transition:background .2s;display:inline-flex}.button:hover{background:#52644b}.handwritten{font-family:Segoe Print,Bradley Hand,cursive;font-size:1rem}.hero-note{color:#6b675b;margin-top:1.5rem;font-size:.83rem}.collage{isolation:isolate;min-height:390px;position:relative}.orbit{fill:none;stroke:#c8c9bb;stroke-dasharray:4 7;width:100%;height:100%;position:absolute}.paper{border-radius:3px;width:62%;height:76%;position:absolute;top:12%;left:17%}.paper-back{background:#dce6e7;transform:rotate(-12deg)}.paper-front{background:#fffdf7;border:1px solid #eae5da;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotate(7deg);box-shadow:0 8px 25px #34382912}.tape{background:#e9c773a6;width:95px;height:28px;position:absolute;top:-12px;transform:rotate(-5deg)}.flower{color:#a85a43;width:75%}.paper-front .handwritten{font-size:.9rem}.sticker{background:#efc76a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:105px;height:105px;font-size:.65rem;line-height:1.4;display:flex;position:absolute;bottom:19%;right:0;transform:rotate(12deg);box-shadow:0 3px #3438290c}.sticker strong{font:italic 1.5rem Georgia,serif}.spark{color:var(--purple);font-size:3rem;position:absolute}.spark-one{top:1%;right:6%;transform:rotate(10deg)}.spark-two{color:#697c54;bottom:12%;left:5%}.collage-note{color:#65665a;font-size:.85rem;position:absolute;bottom:0;right:5%;transform:rotate(-5deg)}.corners{padding-block:2rem 4.5rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.7rem;display:flex}h2{letter-spacing:-.035em;margin:.5rem 0;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2}.section-heading>span{color:#6b675b;padding-bottom:.3rem;font-size:.8rem}.card-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.corner-card{border:1px solid #303d3512;border-radius:10px;padding:1.5rem}.peach{background:#f6e7dd}.lavender{background:#e3ecee}.green{background:#e8eddf}.card-top{justify-content:space-between;align-items:start;min-height:100px;display:flex}.card-number{letter-spacing:.12em;padding-top:.25rem;font-size:.65rem}.card-top svg{fill:#b97453;width:77px;height:77px;transform:rotate(10deg)}.lavender svg{fill:#976344}.green svg{stroke:#6a7e4e}.loop{fill:none;stroke-width:6px;stroke-linecap:round}h3{letter-spacing:-.035em;margin:.7rem 0;font-size:1.6rem;line-height:1.2}.corner-card>p{color:#505b52;min-height:4.5rem;font-size:.85rem}.empty-page{text-align:center;border:1px dashed #303d3540;border-radius:5px;margin-top:1.7rem;padding:1.8rem .5rem}.empty-page>span{color:#647064;font-size:1.7rem}.empty-page p{margin:.4rem 0;font-family:Georgia,serif;font-size:.95rem;font-style:italic}.empty-page small{color:#59635c;font-size:.6rem}.gift-note{border-top:1px solid var(--line);grid-template-columns:80px 1fr;gap:1.5rem;padding:3.5rem 8%;display:grid}.note-star{color:#976344;font-size:4rem;line-height:1.3}.gift-note>div{max-width:42rem}.gift-note p:not(.eyebrow){color:#59635c;font-size:.9rem}details{margin-top:1.4rem}summary{cursor:pointer;border-bottom:1px solid #9b9e8c;width:fit-content;padding-bottom:.3rem;font-size:.8rem}summary span{margin-left:1rem}details[open] summary span{display:none}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;display:flex}footer .wordmark{font-size:1.5rem}footer .wordmark span{font-size:1.1rem}footer p,footer>a:last-child{color:#59635c;font-size:.65rem}@media (width<=800px){.hero{padding-top:3.5rem}.collage{min-height:310px}.section-heading{flex-direction:column;align-items:start}.card-grid{grid-template-columns:1fr}.card-top{min-height:70px}.corner-card>p{max-width:30rem;min-height:0}.empty-page{margin-top:1.2rem;padding:1rem}}@media (width<=560px){.site-header{padding-block:1rem}nav a{font-size:.7rem}.hero{grid-template-columns:1fr;padding-bottom:2rem}h1{font-size:clamp(2.6rem,10vw,3.5rem)}.collage{width:min(100%,350px);min-height:330px;margin:1.5rem auto 0}.gift-note{grid-template-columns:1fr;gap:.5rem;padding:2.5rem 0}.note-star{font-size:2.5rem}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.paper-front{background:repeating-linear-gradient(#fffdf7 0 29px,#dfe8e5 30px 31px)}.flower{overflow:visible}.notebook-label{letter-spacing:.15em;text-transform:uppercase;margin-bottom:.7rem;font-size:.65rem}.interest-line{color:#59635c;margin-top:1.5rem;font-size:.8rem}.card-top .symbol{color:#95583c;font:italic 4rem/1 Georgia,serif}.lavender .symbol{color:#4c707a}.green .symbol{color:#61764b}.card-top{min-height:85px}.empty-page small,footer p,footer>a:last-child{font-size:.75rem}