:root{--ink:#26352d;--paper:#f7f3ea;--red:#d9523f;--pink:#f1b3aa;--line:#d8d4c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}.announcement{text-align:center;background:var(--ink);color:#f5f0e5;font-size:11px;letter-spacing:.08em;padding:10px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line)}.brand{font:600 31px 'Playfair Display',serif;color:var(--ink);text-decoration:none;letter-spacing:-.06em}.brand span{font:10px 'DM Sans';vertical-align:top;margin-left:2px}nav{display:flex;gap:35px}nav a,footer a{color:var(--ink);text-decoration:none}.bag{border:0;background:transparent;color:var(--ink);font:500 14px 'DM Sans';cursor:pointer}.bag span{background:var(--red);color:white;border-radius:50%;display:inline-grid;place-items:center;width:19px;height:19px;font-size:11px;margin-left:5px}.hero{min-height:630px;padding:70px 8% 55px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:600;font-size:10px;color:#6a756c}.hero h1,.promise h2,.shop h2,.occasion h2,.newsletter h2{font:500 clamp(48px,5vw,78px)/.99 'Playfair Display',serif;letter-spacing:-.055em;margin:20px 0}.hero h1 em,h2 em{font-weight:500;color:var(--red)}.intro{font-size:17px;line-height:1.55;max-width:360px;margin:0 0 32px}.button{display:inline-flex;gap:30px;align-items:center;background:var(--red);color:white;text-decoration:none;padding:16px 20px;font-weight:600}.button span{font-size:20px}.hero-art{height:500px;position:relative;margin-left:40px}.hero-art img{width:75%;height:100%;object-fit:cover;position:absolute;right:0;z-index:2;filter:saturate(.9)}.arch{position:absolute;width:67%;height:77%;background:#e7cf88;left:0;bottom:0;border-radius:160px 160px 0 0;z-index:1}.sun{position:absolute;width:85px;height:85px;border-radius:50%;background:var(--red);left:8%;top:2%;z-index:3}.art-note{position:absolute;z-index:4;bottom:25px;left:-25px;background:var(--paper);font:italic 18px/1.1 'Playfair Display';padding:15px 22px;transform:rotate(-5deg)}.art-note span{font-size:11px;font-family:'DM Sans';font-style:normal;text-transform:uppercase;letter-spacing:.1em}.scroll{position:absolute;bottom:30px;left:8%;font-size:9px;letter-spacing:.18em;display:flex;gap:12px;align-items:center}.scroll span{height:1px;width:60px;background:var(--ink)}.promise{padding:115px 8%;background:#dce4d4;text-align:center}.promise>p{font:italic 17px 'Playfair Display'}.promise h2{font-size:55px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;text-align:left;margin-top:65px}.promise-grid b{font:italic 25px 'Playfair Display';color:var(--red)}.promise-grid h3{font:600 17px 'Playfair Display';margin:12px 0 5px}.promise-grid p{margin:0;line-height:1.5;color:#566058;font-size:13px}.shop{padding:120px 5.5%}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:45px}.section-heading h2{font-size:52px;margin:0}.section-heading a{justify-self:end;color:var(--ink);text-underline-offset:5px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-image{height:390px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.05)}.peach{background:#eebfaf}.lilac{background:#c6c0d8}.butter{background:#e6d889}.product-info{display:flex;justify-content:space-between;gap:8px;margin:17px 0 12px}.product-info h3{font:500 20px 'Playfair Display';margin:0}.product-info p{margin:4px 0 0;color:#798077;font-size:12px}.product-info strong{font-size:13px;white-space:nowrap}.add{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:0 0 5px;font:600 11px 'DM Sans';text-transform:uppercase;letter-spacing:.07em;cursor:pointer;color:var(--ink)}.occasion{display:grid;grid-template-columns:1.05fr .95fr;background:#f3c8bd}.occasion-image{min-height:580px;position:relative}.occasion-image img{width:100%;height:100%;object-fit:cover}.sticker{position:absolute;right:-45px;top:62px;background:var(--ink);color:#f3eee3;width:145px;height:145px;border-radius:50%;display:grid;place-items:center;text-align:center;font:20px/1 'Playfair Display';transform:rotate(14deg)}.sticker i{color:#f4bf72}.occasion-copy{padding:95px 11%}.occasion h2{font-size:50px}.occasion-copy>p:not(.eyebrow){line-height:1.5}.links{margin-top:35px}.links a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #9d7d75;text-decoration:none;color:var(--ink);font:500 18px 'Playfair Display'}.newsletter{text-align:center;padding:125px 20px 95px;background:#f4ebd8;position:relative;overflow:hidden}.newsletter h2{font-size:58px;margin:12px}.newsletter>p:not(.eyebrow){font-size:14px}.newsletter form{display:flex;max-width:440px;margin:30px auto 0;border-bottom:1px solid var(--ink)}.newsletter input{background:transparent;border:0;padding:14px 8px;width:100%;font:14px 'DM Sans';outline:0}.newsletter button{border:0;background:transparent;font:600 11px 'DM Sans';white-space:nowrap;cursor:pointer}.petals{position:absolute;bottom:12px;left:3%;font-size:48px;color:var(--red);letter-spacing:5px;opacity:.8}footer{padding:55px 5.5% 25px;background:var(--ink);color:#eef0df;display:grid;grid-template-columns:2fr 2fr 1fr;gap:30px;align-items:start}footer .brand,footer a{color:#eef0df}footer p{font:italic 17px 'Playfair Display';margin:10px 0}footer div{display:flex;gap:15px;flex-wrap:wrap;font-size:13px}footer small{grid-column:1/-1;opacity:.6;border-top:1px solid #526157;padding-top:17px;font-size:10px}.toast{position:fixed;bottom:22px;right:22px;background:var(--ink);color:white;padding:14px 18px;transform:translateY(100px);transition:.3s;z-index:8}.toast.show{transform:translateY(0)}@media(max-width:720px){.site-header{height:70px;padding:0 5%}nav{display:none}.hero{display:block;padding:55px 7% 80px}.hero-art{height:390px;margin:55px 0 0}.hero h1{font-size:55px}.promise,.shop{padding:75px 7%}.promise-grid,.products{grid-template-columns:1fr;gap:34px}.section-heading{display:block}.section-heading a{display:inline-block;margin-top:18px}.product-image{height:430px}.occasion{grid-template-columns:1fr}.occasion-image{min-height:400px}.occasion-copy{padding:70px 8%}.occasion h2{font-size:44px}.sticker{right:20px;top:30px}.newsletter{padding:80px 20px}.newsletter h2{font-size:48px}footer{grid-template-columns:1fr}.hero-art img{width:82%}}
