.catalog{background:#fffdf7}.catalog-intro{display:flex;justify-content:space-between;gap:50px;align-items:end}.catalog-intro>p{max-width:410px;line-height:1.6;color:#58696b}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.product-card{overflow:hidden;border:1px solid #eadfce;border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #51442b24}.product-card img{height:255px;width:100%;object-fit:cover}.product-card>div{padding:20px}.pill{color:var(--deep);font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;background:#e4f5ef;padding:6px 9px;border-radius:99px}.product-card h3{font:800 24px 'Baloo 2';margin:14px 0 3px}.product-card p{font-size:14px;line-height:1.5;color:#647073;margin:0 0 14px}.product-card a{font-weight:800;color:var(--teal)}.why{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:#fff0c4}.why-image{position:relative}.why-image:after{content:'♥';position:absolute;right:-19px;bottom:-22px;background:var(--coral);color:#fff;padding:18px 25px;border-radius:50%;font-size:27px}.why-image img{width:100%;border-radius:22px;display:block}.why h2,.testimonials h2,.faq h2{font-family:'Baloo 2';line-height:1;letter-spacing:-1px;font-size:clamp(38px,4.2vw,58px);margin:0}.reasons{margin-top:27px;display:grid;gap:15px}.reasons p{padding:15px 17px;margin:0;background:#fffdf7;border-radius:11px;line-height:1.4}.reasons b{display:block;color:var(--teal);margin-bottom:3px}.testimonials{text-align:center;background:#fffdf7}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.quote-grid blockquote{margin:0;text-align:left;padding:28px;border-radius:15px;background:#dff3ed;font:600 19px/1.45 'Baloo 2'}.quote-grid blockquote:nth-child(2){background:#fff1bf}.quote-grid blockquote:nth-child(3){background:#fde2dc}.quote-grid cite{display:block;font:600 12px 'DM Sans';font-style:normal;margin-top:17px;color:#457075}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:#f5f0e4}.faq-list{display:grid;gap:11px}.faq details{background:#fffdf7;border-radius:10px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:800;list-style:none}.faq summary:after{content:'+';float:right;color:var(--teal);font-size:20px}.faq details[open] summary:after{content:'–'}.faq details p{color:#526469;line-height:1.5;margin:12px 0 0}@media(max-width:800px){.catalog-intro,.why,.faq{grid-template-columns:1fr;display:grid}.product-grid{grid-template-columns:1fr 1fr}.quote-grid{grid-template-columns:1fr}.why-image{max-width:500px}.catalog-intro{align-items:start;gap:15px}}@media(max-width:480px){.product-grid{grid-template-columns:1fr}.catalog-intro>p{margin:0}.product-card img{height:285px}}
.hero{background:linear-gradient(130deg,#fffdf7 0%,#fff3d4 100%)}.hero:after{content:'✦  ✂  ♥  ✎  ✦  ✂  ♥  ✎';position:absolute;left:-35px;right:-35px;bottom:10px;word-spacing:42px;color:#00818a16;font:700 36px 'Baloo 2';transform:rotate(-4deg);pointer-events:none}.hero-visual{isolation:isolate}.stationery-bg{position:absolute;inset:25px 20px;background:radial-gradient(circle at 20% 30%,#ffcb1c 0 12%,transparent 12.5%),radial-gradient(circle at 78% 74%,#ee7a70 0 14%,transparent 14.5%),linear-gradient(145deg,#00a0a8 0 46%,#08727a 46% 100%);border-radius:42% 58% 49% 51% / 43% 45% 55% 57%;box-shadow:20px 20px 0 #f0bd2666;transform:rotate(-7deg);z-index:-1}.stationery-item{position:absolute;display:grid;place-items:center;box-shadow:0 12px 20px #173f414d;font-weight:800}.notebook{width:145px;height:175px;left:18%;top:21%;background:#fff2ca;border:11px solid #fbf7e8;border-radius:11px;color:#008d95;font-size:78px;transform:rotate(-16deg)}.notebook:before{content:'';position:absolute;left:-17px;top:12px;width:14px;height:135px;border-left:5px solid #172b2e;border-radius:50%;background:repeating-linear-gradient(to bottom,transparent 0 15px,#172b2e 15px 19px,transparent 19px 31px)}.pencil{height:215px;width:39px;left:46%;top:12%;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#f6b913 0 30%,#ffe073 30% 70%,#eaa300 70%);font-size:0;transform:rotate(11deg)}.pencil:after{content:'';position:absolute;bottom:-29px;border-left:19px solid transparent;border-right:19px solid transparent;border-top:32px solid #f4d6a5}.scissors{right:18%;top:15%;font-size:114px;color:#fbc219;text-shadow:3px 3px 0 #df8b17;transform:rotate(13deg)}.ruler{right:14%;bottom:16%;width:59px;height:185px;background:#6bd3df;border-radius:7px;color:#08727a;font-size:45px;transform:rotate(25deg)}.tag-paper{left:20%;bottom:13%;width:104px;height:104px;border-radius:8px;background:#ef756b;color:#fff7e8;font-size:58px;transform:rotate(17deg)}.tag-paper:before{content:'';position:absolute;top:9px;right:9px;width:13px;height:13px;border-radius:50%;background:#fff7e8}.marquee{width:100%;max-width:100%;min-height:59px;display:flex;align-items:center;overflow:hidden}.marquee div{width:max-content;min-width:100%;padding:0 22px;animation:none;white-space:nowrap;text-align:center}@media(max-width:800px){.stationery-bg{inset:22px}.notebook{left:15%;transform:scale(.75) rotate(-16deg)}.pencil{transform:scale(.75) rotate(11deg)}.scissors{font-size:82px}.ruler{transform:scale(.7) rotate(25deg)}.tag-paper{transform:scale(.75) rotate(17deg)}}