*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--linen:#FDF8F0;--walnut:#4A3728;--brown:#5D4E3C;--honey:#B89B71;--aged:#8B7355;--straw:#D4B896;--cream:#FFF9ED;--sage:#7A9E7E}
body{background:var(--linen);background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(139,115,85,0.03) 3px,rgba(139,115,85,0.03) 4px);color:var(--brown);font-family:'Lora',serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.pressed-flower{position:fixed;top:20px;left:20px;width:20px;height:20px;opacity:0.3;z-index:10;pointer-events:none}
.hero{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.wreath{width:240px;height:280px;position:absolute}
.hero-text{position:relative;z-index:1;text-align:center}
h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-style:italic;font-size:48px;color:var(--walnut);line-height:1.2}
.handwritten{font-family:'Caveat',cursive;font-size:18px;color:var(--aged);margin-top:8px}
.vignette{text-align:center;padding:20px 0}
.vignette svg{width:40px;height:40px}
.content{max-width:620px;margin:0 auto;padding:0 32px 80px}
h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-style:italic;font-size:32px;color:var(--walnut);margin-bottom:16px}
p{margin-bottom:12px}
.recipe-card{border:2px dashed var(--honey);padding:24px;background:var(--cream);transform:rotate(-1deg);clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),97% 100%,94% calc(100% - 3px),91% 100%,88% calc(100% - 2px),85% 100%,82% calc(100% - 4px),79% 100%,76% calc(100% - 2px),73% 100%,70% calc(100% - 3px),67% 100%,64% calc(100% - 4px),61% 100%,58% calc(100% - 2px),55% 100%,52% calc(100% - 3px),49% 100%,46% calc(100% - 4px),43% 100%,40% calc(100% - 2px),37% 100%,34% calc(100% - 3px),31% 100%,28% calc(100% - 4px),25% 100%,22% calc(100% - 2px),19% 100%,16% calc(100% - 3px),13% 100%,10% calc(100% - 4px),7% 100%,4% calc(100% - 2px),0% 100%)}
.card-reveal{opacity:0;transform:translateY(12px);transition:opacity 0.6s ease,transform 0.6s ease}
.card-reveal.in-view{opacity:1;transform:translateY(0)}
.footer{text-align:center;padding:40px 32px 60px;max-width:620px;margin:0 auto}
.heart{width:12px;height:12px;display:inline-block;vertical-align:middle;margin-bottom:4px}
.footer p{font-family:'Cormorant Garamond',serif;font-weight:500;font-style:italic;font-size:16px;color:var(--aged);display:inline}
@media(max-width:600px){h1{font-size:36px}h2{font-size:28px}.content{padding:0 24px 60px}}