@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@700;800;900&display=swap";:root{--cream:#fff5dc;--paper:#fffaf0;--brown:#40200f;--orange:#ff9f0a;--green:#48cd45;--coral:#f4662d;--ink:#27140b;--line:#5b321e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.announcement{background:var(--brown);color:#fff5dc;text-align:center;letter-spacing:.04em;padding:10px 16px;font-size:13px}.announcement span{color:var(--orange)}.nav{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0eb;border-bottom:1.5px solid #40200f33;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(22px,5vw,78px);display:flex;position:relative}.brand{letter-spacing:.08em;align-items:center;gap:10px;font-family:Nunito,sans-serif;font-weight:900;display:flex}.brand img{border-radius:50%;width:46px;height:46px}.brand span{font-size:20px}.navlinks{gap:34px;font-size:14px;font-weight:600;display:flex}.navlinks a:hover,.text-link:hover,footer a:hover{text-underline-offset:5px;text-decoration:underline}.button{background:var(--orange);color:var(--brown);border:2px solid var(--brown);box-shadow:4px 4px 0 var(--brown);border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:15px 22px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{box-shadow:1px 1px 0 var(--brown);transform:translate(3px,3px)}.button-small{box-shadow:3px 3px 0 var(--brown);border-radius:9px;padding:10px 15px;font-size:13px}.hero{background:radial-gradient(circle at 86% 10%,#48cd4521,transparent 28%),var(--cream);grid-template-columns:1.03fr .97fr;align-items:center;gap:4vw;min-height:710px;padding:70px clamp(22px,7vw,110px);display:grid;overflow:hidden}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow span{color:var(--coral);margin-right:7px;font-size:17px}.hero h1,.story h2,.order h2,.cta h2{letter-spacing:-.045em;margin:14px 0 24px;font-family:Nunito,sans-serif;line-height:.94}.hero h1{font-size:clamp(60px,7.1vw,110px)}.hero h1 em{color:var(--coral);font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--orange);z-index:-1;border-radius:50%;height:7px;position:absolute;bottom:2px;left:5px;right:0;transform:rotate(-1deg)}.lede{color:#6b4936;max-width:590px;font-size:18px;line-height:1.65}.actions{align-items:center;gap:30px;margin-top:32px;display:flex}.text-link{font-weight:800}.hero-note{align-items:center;gap:14px;margin-top:55px;font-size:13px;display:flex}.hero-note p{margin:0;line-height:1.5}.avatar-stack{background:var(--green);border:2px solid var(--brown);width:43px;height:43px;color:var(--brown);border-radius:50%;place-items:center;display:grid}.hero-art{place-items:center;min-height:570px;display:grid;position:relative}.logo-frame{border:3px solid var(--brown);width:min(510px,82%);box-shadow:18px 18px 0 var(--orange);background:#fff;border-radius:48% 52% 45% 55%;padding:24px;transform:rotate(2deg)}.logo-frame img{border-radius:50%}.doodle{color:var(--coral);font-family:Nunito;font-size:44px;position:absolute}.d1{top:2%;right:8%;transform:rotate(10deg)}.d2{color:var(--green);bottom:5%;left:8%}.d3{color:var(--orange);top:12%;left:3%}.sticker{border:2px solid var(--brown);box-shadow:4px 4px 0 var(--brown);text-align:center;background:#fff;font-size:12px;font-weight:800;line-height:1.15;position:absolute}.sticker-one{border-radius:50%;padding:18px;top:10%;right:0;transform:rotate(10deg)}.sticker-two{background:var(--green);border-radius:12px;padding:12px 18px;bottom:5%;right:3%;transform:rotate(-6deg)}.ticker{background:var(--orange);border-block:2px solid var(--brown);white-space:nowrap;letter-spacing:.12em;justify-content:space-around;gap:22px;padding:15px 20px;font:800 13px Nunito;display:flex;overflow:hidden}.ticker b{font-size:18px}.story{grid-template-columns:1.2fr .8fr;gap:10vw;padding:120px clamp(22px,9vw,145px) 70px;display:grid}.story h2,.order h2{font-size:clamp(42px,5vw,72px)}.story-copy{color:#654331;padding-top:35px;font-size:17px;line-height:1.75}.story-copy p:first-child{color:var(--ink);font-weight:600}.highlights{grid-template-columns:repeat(3,1fr);gap:18px;padding:0 clamp(22px,7vw,110px) 120px;display:grid}.highlight{border:2px solid var(--brown);min-height:310px;box-shadow:6px 6px 0 var(--brown);border-radius:22px;padding:30px;position:relative}.highlight>p:first-of-type{letter-spacing:.13em;font-size:12px;font-weight:800}.highlight h3{margin:72px 0 10px;font:900 32px Nunito}.highlight>p:last-child{max-width:310px;line-height:1.6}.card-1{background:#ffd36b}.card-2{background:#aff0a7;transform:translateY(20px)}.card-3{background:#ffc8b4}.card-icon{border:2px solid var(--brown);background:var(--paper);border-radius:50%;place-items:center;width:55px;height:55px;font-size:28px;display:grid;position:absolute;top:25px;right:27px}.order{background:var(--brown);color:var(--cream);padding:110px clamp(22px,9vw,145px);position:relative}.order-head{max-width:850px}.steps{border-top:1px solid #8a6855;margin:58px 0 45px;padding:0;list-style:none}.steps li{border-bottom:1px solid #8a6855;grid-template-columns:100px 1fr;align-items:center;gap:20px;padding:27px 0;display:grid}.steps li>span{color:var(--orange);font:800 14px Nunito}.steps h3{margin:0 0 5px;font:800 25px Nunito}.steps p{color:#d8c2ae;margin:0}.order .button{background:var(--green)}.cta{text-align:center;background:var(--orange);padding:110px 22px;position:relative;overflow:hidden}.cta-mark{color:#fff5dc47;font:900 310px/.7 Nunito;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta>:not(.cta-mark){position:relative}.cta h2{margin:8px;font-size:clamp(58px,8vw,105px)}.cta>p:not(.eyebrow){font-size:17px}.center{justify-content:center}.button-light{background:var(--cream)}.button-outline{color:var(--brown);background:0 0}footer{border-top:2px solid var(--brown);grid-template-columns:1fr 1.7fr .7fr 1fr;align-items:center;gap:25px;padding:34px clamp(22px,6vw,90px);font-size:12px;display:grid}footer>p:last-child{text-align:right}footer>div{gap:16px;font-weight:700;display:flex}.footer-brand img{width:38px;height:38px}@media (width<=900px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{min-height:500px}.story{grid-template-columns:1fr;gap:10px}.story-copy{padding-top:0}.highlights{grid-template-columns:1fr}.card-2{transform:none}.order{padding-block:80px}footer{grid-template-columns:1fr 1fr}footer>p:last-child{text-align:left}}@media (width<=560px){.announcement{font-size:11px}.nav{height:74px;padding-inline:16px}.brand span{font-size:16px}.brand img{width:40px;height:40px}.button-small{gap:0;font-size:0}.button-small span{font-size:16px}.hero{padding:48px 20px 65px}.hero h1{font-size:58px}.lede{font-size:16px}.actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-note{margin-top:38px}.hero-art{min-height:390px}.logo-frame{width:82%;box-shadow:10px 10px 0 var(--orange);padding:12px}.sticker-one{top:8%;right:-4%}.sticker-two{right:0}.doodle{font-size:30px}.story{padding:85px 22px 50px}.story h2,.order h2{font-size:42px}.highlights{padding:0 22px 90px}.highlight{min-height:280px}.order{padding:80px 22px}.steps li{grid-template-columns:52px 1fr;align-items:start}.cta{padding-block:90px}.cta h2{font-size:57px}footer{grid-template-columns:1fr}footer>p{margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
