:root{--ink:#292421;--cream:#fff8ed;--paper:#fffdf9;--coral:#f45d48;--yellow:#f6c84c;--green:#244b43;--line:#ded6ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf9ee;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:.7rem;font:700 1.3rem/1 Fredoka}.brand small{display:block;font:500 .55rem "DM Sans";letter-spacing:.12em;text-transform:uppercase;margin-top:.3rem}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:white;font-size:1.6rem;transform:rotate(-5deg)}nav{display:flex;align-items:center;gap:1.8rem;font-size:.86rem;font-weight:600}nav a:hover{color:var(--coral)}.nav-cta{border:1px solid;padding:.7rem 1.1rem;border-radius:99px}.menu-button{display:none;background:none;border:0}.menu-button i{position:absolute;clip:rect(0,0,0,0)}.hero{min-height:680px;display:grid;grid-template-columns:45% 55%;background:var(--cream);overflow:hidden}.hero-copy{padding:clamp(4rem,8vw,8rem) 3rem clamp(4rem,7vw,7rem) clamp(1.5rem,7vw,7rem);align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:700;color:#d84533;margin:0 0 1rem}.hero h1,.section h2,.cta h2{font:600 clamp(3.1rem,5.6vw,5.8rem)/.96 Fredoka;letter-spacing:-.045em;margin:.5rem 0 1.5rem}.hero h1 em,.cta h2 em{font-style:normal;color:var(--coral)}.hero-lead{font-size:1.08rem;line-height:1.65;max-width:34rem;color:#5e5650}.hero-actions{display:flex;align-items:center;gap:1.8rem;margin:2rem 0}.button{display:inline-flex;align-items:center;gap:1.5rem;border-radius:99px;padding:1rem 1.4rem;font-weight:700}.primary{background:var(--coral);color:white;box-shadow:0 7px 0 #c84131}.primary:hover{transform:translateY(3px);box-shadow:0 4px 0 #c84131}.text-link{font-weight:700;border-bottom:1px solid}.trust-list{display:flex;gap:1.3rem;list-style:none;padding:0;margin:3rem 0 0;font-size:.72rem}.trust-list li:before{content:"✓";color:var(--coral);font-weight:bold;margin-right:.3rem}.hero-visual{position:relative;min-width:0}.hero-visual img{width:100%;height:100%;object-fit:cover}.sticker{position:absolute;left:3%;bottom:9%;width:112px;height:112px;border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 1.35rem Fredoka;transform:rotate(-8deg);box-shadow:0 5px 0 #0002}.sticker strong{font-size:.85rem}.marquee{overflow:hidden;background:var(--ink);color:white;padding:1rem 0;font:600 1rem Fredoka;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#fff}.section{padding:clamp(5rem,9vw,9rem) clamp(1.3rem,6vw,6rem)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem}.section-head h2,.steps h2,.faq h2{font-size:clamp(2.4rem,4.2vw,4.5rem);max-width:760px}.section-head>p{max-width:330px;color:#6c625a;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.cards article{border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;background:white}.card-art{height:320px;display:grid;place-items:center;position:relative;overflow:hidden}.coral{background:#f8a99e}.yellow{background:#f8da7c}.blue{background:#afd7df}.mini-mug{width:150px;height:165px;background:white;border-radius:10px 10px 28px 28px;display:grid;place-content:center;text-align:center;font:700 1.2rem/1.05 Fredoka;box-shadow:0 13px 25px #0002;transform:rotate(-5deg);position:relative;z-index:1}.mini-mug:after{content:"";position:absolute;width:50px;height:72px;border:17px solid white;border-left:0;border-radius:0 50% 50% 0;right:-44px;top:30px}.card-art i{position:absolute;font-style:normal;font-size:8rem;opacity:.2;right:1rem;top:.2rem}.card-copy{padding:1.7rem}.card-copy>b,.why-grid b{font-size:.72rem;color:#d84533}.card-copy h3,.why-grid h3{font:600 1.4rem Fredoka;margin:.5rem 0}.card-copy p,.why-grid p{color:#6c625a;line-height:1.6;margin:0}.steps{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);background:var(--green);color:white}.steps-intro{position:sticky;top:130px;align-self:start}.steps .eyebrow{color:#ffb4a9}.steps-intro>p:last-child,.steps li p{color:#cbd9d5;line-height:1.7}.steps ol{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:70px 1fr;gap:1.3rem;padding:2rem 0;border-top:1px solid #ffffff36}.steps li:last-child{border-bottom:1px solid #ffffff36}.steps li>span{width:52px;height:52px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;font:600 1.3rem Fredoka}.steps h3{font:600 1.55rem Fredoka;margin:0 0 .5rem}.steps li p{margin:0}.why{background:#f7cbd0}.quote{text-align:center;max-width:920px;margin:0 auto 6rem}.quote>span{font:700 8rem/0 Fredoka;color:var(--coral)}.quote h2{font-size:clamp(2.6rem,5vw,5rem)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #9f7c80}.why-grid article{padding:2rem;border-right:1px solid #9f7c80}.why-grid article:last-child{border:0}.why-grid p{font-size:.9rem}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1.5rem 0}summary{display:flex;justify-content:space-between;cursor:pointer;font:600 1.15rem Fredoka;list-style:none}summary span{font-size:1.8rem;color:var(--coral)}details[open] summary span{transform:rotate(45deg)}details p{color:#6c625a;line-height:1.7}.cta{background:var(--coral);color:white;padding:clamp(5rem,9vw,9rem);display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden}.cta .eyebrow{color:#581f18}.cta h2{font-size:clamp(3rem,6vw,6rem)}.cta h2 em{color:var(--yellow)}.light{background:white;color:var(--ink);margin:1.5rem 0}.cta small{display:block}.doodle{font-size:13rem;display:grid;place-items:center;position:relative;transform:rotate(8deg)}.doodle span{position:absolute;font-size:4rem;color:var(--yellow);right:3%;top:5%}footer{padding:4rem clamp(1.3rem,6vw,6rem);background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:2rem}footer>p{color:#bdb4ad;text-align:center}footer>div{display:flex;justify-content:end;gap:1.2rem;font-size:.8rem}footer>small{grid-column:1/-1;color:#817973;border-top:1px solid #ffffff22;padding-top:1.5rem}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){nav{position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:1.5rem;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu-button{display:grid;gap:5px}.menu-button span{display:block;width:25px;height:2px;background:var(--ink)}.hero{grid-template-columns:1fr}.hero-visual{height:480px}.section-head,.faq{display:block}.cards{grid-template-columns:1fr}.cards article{display:grid;grid-template-columns:1fr 1fr}.card-art{height:270px}.steps{grid-template-columns:1fr}.steps-intro{position:static}.why-grid{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}.doodle{display:none}footer{grid-template-columns:1fr;text-align:center}footer>div{justify-content:center}footer>small{grid-column:auto}}@media(max-width:580px){.site-header{height:72px}.brand{font-size:1.05rem}.brand-mark{width:36px;height:36px}nav{top:72px}.hero h1{font-size:3.15rem}.hero-actions,.trust-list{align-items:flex-start;flex-direction:column}.trust-list{gap:.6rem}.hero-visual{height:350px}.hero-visual img{object-position:63%}.sticker{width:88px;height:88px;font-size:1rem}.cards article{display:block}.why-grid{display:block}.why-grid article{border-right:0;border-bottom:1px solid #9f7c80}.cta{padding-left:1.4rem;padding-right:1.4rem}footer>div{flex-direction:column}}


.service-info{display:grid;grid-template-columns:repeat(3,1fr);background:var(--cream);border-block:1px solid var(--line);padding:3rem clamp(1.3rem,6vw,6rem)}.service-info article{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1rem 2rem;border-right:1px solid var(--line)}.service-info article:first-child{padding-left:0}.service-info article:last-child{border:0}.service-info span{font:700 .75rem Fredoka;color:#d84533}.service-info h3{font:600 1.25rem Fredoka;margin:0 0 .5rem}.service-info p{color:#6c625a;line-height:1.55;margin:0;font-size:.9rem}.social-links{flex-wrap:wrap;gap:.75rem 1.2rem}.social-links a:hover,footer p a:hover{color:var(--yellow)}
@media(max-width:900px){.service-info{grid-template-columns:1fr}.service-info article,.service-info article:first-child{padding:1.5rem 0;border-right:0;border-bottom:1px solid var(--line)}.service-info article:last-child{border-bottom:0}}
.product-gallery{background:#fff}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem}.gallery-heading h2{font-size:clamp(2.4rem,4.2vw,4.5rem);max-width:760px}.gallery-heading>p{max-width:350px;color:#6c625a;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:330px;gap:1rem}.gallery-grid figure{margin:0;position:relative;overflow:hidden;border-radius:1.25rem;background:var(--cream)}.gallery-grid .gallery-featured{grid-column:span 2;grid-row:span 2}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-grid figure:hover img{transform:scale(1.025)}.gallery-grid figcaption{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;padding:.75rem 1rem;border-radius:99px;background:#fffdf0e8;backdrop-filter:blur(8px);font:600 .82rem Fredoka;text-align:center;box-shadow:0 4px 18px #0002}.gallery-action{display:flex;justify-content:center;margin-top:2.5rem}.hero-visual img{object-position:center center}
@media(max-width:900px){.gallery-heading{display:block}.gallery-heading>p{margin-top:1rem}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:360px}.gallery-grid .gallery-featured{grid-column:span 2;grid-row:span 1}}
@media(max-width:580px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:500px}.gallery-grid .gallery-featured{grid-column:auto}.gallery-grid figcaption{font-size:.75rem}.hero-visual img{object-position:center 45%}}
.product-link{display:block;width:100%;height:100%;position:relative}.view-product{position:absolute;top:.75rem;right:.75rem;background:var(--ink);color:#fff;border-radius:99px;padding:.55rem .8rem;font:600 .7rem "DM Sans";opacity:0;transform:translateY(-5px);transition:.2s}.product-link:hover .view-product,.product-link:focus-visible .view-product{opacity:1;transform:none}.product-link:focus-visible{outline:3px solid var(--coral);outline-offset:-3px}
@media(max-width:700px){.view-product{opacity:1;transform:none}}
@media(min-width:901px){.hero{height:calc(100svh - 84px);min-height:600px;max-height:760px;grid-template-columns:46% 54%}.hero-copy{padding:3rem clamp(2.5rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(3.4rem,5vw,5.15rem);max-width:680px;margin-bottom:1.2rem}.hero-lead{margin:0}.hero-actions{margin:1.6rem 0}.trust-list{margin-top:2rem;flex-wrap:wrap}.hero-visual{display:grid;place-items:center;padding:2rem clamp(2rem,5vw,5rem);background:linear-gradient(145deg,#edcfaa 0%,#f4dfc4 52%,#e5bd92 100%);overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:50%;background:#fff6;pointer-events:none}.hero-visual:before{width:280px;height:280px;right:-90px;top:-90px}.hero-visual:after{width:180px;height:180px;left:-60px;bottom:-65px}.hero-visual img{position:relative;z-index:1;width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:1.5rem;box-shadow:0 24px 65px #51331d38}.sticker{z-index:2;left:auto;right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,4vw,3rem)}}
@media(max-width:580px){.hero-copy{padding:2.6rem 1.25rem 2rem}.hero .eyebrow{font-size:.62rem;letter-spacing:.14em;margin-bottom:.8rem}.hero h1{font-size:2.7rem;line-height:.98;margin:0 0 1.1rem}.hero-lead{font-size:.96rem;line-height:1.55;margin:0}.hero-actions{width:100%;margin:1.5rem 0 0;gap:1.1rem}.hero-actions .button{width:100%;justify-content:space-between;padding:.9rem 1.2rem}.hero-actions .text-link{font-size:.9rem}.hero .trust-list{display:none}.hero-visual{height:430px}.sticker{width:78px;height:78px;font-size:.88rem}.sticker strong{font-size:.7rem}}