@font-face{font-family:Fredoka;src:url('assets/headline.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url('assets/body.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--ink:#253267;--pink:#ff3596;--cyan:#21cddd;--yellow:#ffe541;--paper:#f4fcff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:18px/1.5 Nunito,Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Fredoka,Arial,sans-serif;font-weight:600;line-height:1.04;letter-spacing:-.025em}h2{font-size:clamp(40px,5.2vw,76px)}h3{font-size:32px}p{max-width:62ch}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;background:#fff;border-bottom:1px solid #25326712;gap:22px}.brand img{width:160px;height:auto}nav{display:flex;gap:28px;align-items:center;font-size:16px;font-weight:850}nav a{text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-pdf{background:var(--yellow);padding:12px 18px;border-radius:30px}.skip{position:absolute;left:10px;top:-80px;background:white;z-index:30;padding:12px}.skip:focus{top:10px}.hero{min-height:790px;position:relative;display:grid;grid-template-columns:44% 56%;background:var(--cyan);overflow:hidden;padding:60px 6vw 90px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:14px;font-weight:950;letter-spacing:.13em;margin-bottom:24px}h1{font-size:clamp(80px,8.8vw,136px);line-height:.95;letter-spacing:-.045em;margin-bottom:22px}h1 span{color:#fff;text-shadow:3px 3px 0 var(--ink)}.intro{font-weight:850;font-size:26px;line-height:1.18;margin-bottom:16px}.hero-copy>p:not(.eyebrow){max-width:370px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--ink);color:white;border-radius:40px;padding:16px 25px;text-decoration:none;font-weight:850;margin-top:26px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.hero-art{position:relative;min-height:590px}.hero-art:before{content:"";position:absolute;inset:22% -25% -15% -5%;border-radius:50%;background:var(--pink);transform:rotate(-10deg)}.hero-art:after{content:"";position:absolute;right:-30%;top:-32%;width:95%;height:67%;border-radius:50%;background:var(--yellow)}.hero-pet{position:absolute;width:51%;z-index:2;object-fit:contain;filter:drop-shadow(0 18px 8px #28306022)}.pet-a{left:0;top:6%;transform:rotate(-10deg)}.pet-b{right:-3%;top:20%;transform:rotate(10deg)}.pet-c{left:1%;top:56%;transform:rotate(-5deg)}.pet-d{right:-3%;top:68%;transform:rotate(7deg)}.hero-badge{position:absolute;right:2%;top:0;z-index:3;transform:rotate(10deg);font:600 26px/.96 Fredoka;background:#fff;padding:20px 24px;border-radius:50%;text-align:center}.hero-foot{position:absolute;bottom:22px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:18px;font-size:12px;letter-spacing:.05em;font-weight:950}.hero-foot a{text-decoration:none}.section{padding:85px 6vw;scroll-margin-top:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:45px}.section-heading>p{max-width:355px;font-size:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-image{position:relative;border-radius:28px;overflow:hidden;margin-bottom:25px}.step-image img{width:100%;height:280px;object-fit:cover}.step-image span{position:absolute;left:15px;bottom:15px;border-radius:50%;background:var(--yellow);width:50px;height:50px;display:grid;place-items:center;font-weight:1000}.steps article:nth-child(2) .step-image span{background:var(--cyan)}.steps article:nth-child(3) .step-image span{background:var(--pink);color:white}.steps h3{font-size:44px;margin-bottom:10px}.caption{font-size:13px;line-height:1.4;opacity:.85;margin-top:22px;max-width:none}.tactile{background:var(--yellow);display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.tactile-photo img{width:100%;height:570px;object-fit:cover;border-radius:40% 40% 18% 18%}.tactile h2{margin-bottom:25px}.tactile-copy>p{max-width:400px}.pattern-teaser{display:flex;align-items:center;gap:20px;margin-top:25px;font:600 25px/1.1 Fredoka}.pattern-teaser img{width:160px;height:150px;object-fit:contain;transform:rotate(-15deg)}.collection{background:white}.fruit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fruit{border-radius:32px;padding:27px 15px 20px;overflow:hidden}.apple{background:#b9f447}.blueberry{background:#b4a5ff}.grape{background:#ff85c3}.peach{background:#ffe451}.fruit-number{font-size:13px;font-weight:950;letter-spacing:.06em;text-align:center}.fruit h3{text-align:center;font-size:29px;margin:15px 0 25px}.pair{display:grid;gap:20px}.pair img{width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 12px 5px #33334a22)}figcaption{text-align:center;font-size:14px;font-weight:850;padding-top:10px}.fruit-detail{border-top:1px solid #25326733;margin-top:28px;padding-top:18px;display:flex;align-items:center;gap:5px}.fruit-detail img{width:42%;height:100px;object-fit:contain}.fruit-detail p{font-size:13px;line-height:1.5}.packaging{background:#d8f9fc}.pack-feature{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.pack-scene img{width:100%;border-radius:30px}.pack-side{display:grid;grid-template-columns:130px 1fr;gap:12px 22px;align-items:center}.pack-product{grid-row:span 2}.pack-side h3{font-size:35px}.pack-side p{font-size:16px}.pack-side .display{grid-column:span 2;max-height:160px;margin:12px auto 0;object-fit:contain}.pack-side .caption{grid-column:span 2;text-align:center;margin:0;font-size:13px}.pack-range-title{margin:60px 0 28px;font-size:36px}.pack-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:15px}.pack-grid figure{background:white;border-radius:18px;padding:13px 8px}.pack-grid img{height:190px;width:100%;object-fit:contain}.pack-grid figcaption{font-size:12px}.reasons{background:var(--yellow)}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.reason-grid span{font:600 28px Fredoka;display:block;margin-bottom:18px;border-top:5px solid var(--pink);padding-top:15px;width:65px}.reason-grid h3{margin-bottom:18px}.closing{background:var(--pink);display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}.closing h2{font-size:clamp(55px,6vw,90px);margin-bottom:22px}.closing p{max-width:500px}.closing>img{max-height:400px;object-fit:contain;width:100%;transform:rotate(8deg);filter:drop-shadow(0 25px 10px #4a184b33)}footer{padding:35px 6vw;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:14px;background:white}footer img{width:180px}footer p{font-size:13px;margin-top:6px}footer a{font-weight:850;text-decoration:none}
@media(min-width:1600px){.section{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}.hero{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}}
@media(max-width:1050px){nav{gap:17px}.hero{padding-top:50px;min-height:760px}.hero-art{min-height:540px}.hero-pet{width:57%}.pet-c{top:53%}.pet-d{top:70%}.hero-badge{font-size:20px}.section-heading{gap:25px}.steps{gap:20px}.step-image img{height:220px}.tactile{gap:35px}.tactile-photo img{height:470px}.fruit-grid{grid-template-columns:repeat(2,1fr);gap:22px}.pair{grid-template-columns:1fr 1fr}.fruit-detail{max-width:280px;margin:22px auto 0}.pack-feature{gap:30px}.pack-grid{grid-template-columns:repeat(4,1fr)}.pack-grid img{height:230px}}
@media(max-width:700px){html{scroll-padding-top:110px}body{font-size:17px}header{padding:10px 5vw;flex-wrap:wrap;gap:8px}.brand img{width:112px}nav{gap:14px;font-size:13px;flex:1;justify-content:end}.nav-pdf{padding:9px 12px;font-size:0}.nav-pdf:before{content:"PDF";font-size:13px}.nav-pdf span{font-size:13px;margin-left:4px}.hero{display:flex;flex-direction:column;padding:36px 6vw 70px;min-height:0}.hero-copy .eyebrow{margin-bottom:18px}h1{font-size:87px;line-height:.94}.intro{font-size:23px}.hero-copy>p:not(.eyebrow){max-width:320px}.hero-copy .button{margin-top:20px;padding:13px 20px}.hero-art{min-height:410px;width:100%;margin:30px 0 0}.hero-art:before{inset:23% -30% -13% -25%}.hero-art:after{top:0;right:-40%;height:65%;width:90%}.hero-pet{width:49%}.pet-a{top:2%;left:1%}.pet-b{top:20%;right:0}.pet-c{top:48%;left:0}.pet-d{top:66%;right:0}.hero-badge{top:0;right:0;font-size:18px;padding:17px}.hero-foot{font-size:10px;left:6vw;right:6vw;bottom:15px;align-items:center}.hero-foot span:nth-child(2){max-width:140px;text-align:center}.hero-foot a{max-width:70px;text-align:right}.section{padding:55px 6vw}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:none;font-size:18px}.eyebrow{font-size:12px;margin-bottom:18px}h2{font-size:45px}.steps{grid-template-columns:1fr;gap:34px}.step-image{margin-bottom:17px;border-radius:22px}.step-image img{height:auto;aspect-ratio:1.55;object-fit:cover}.steps h3{font-size:40px}.tactile{grid-template-columns:1fr;gap:30px}.tactile-photo img{height:auto;aspect-ratio:1.1;border-radius:34px}.tactile-copy h2{font-size:57px}.pattern-teaser{font-size:24px}.fruit-grid{grid-template-columns:1fr;gap:20px}.fruit{padding:24px 16px}.fruit h3{font-size:35px;margin:12px 0 23px}.pair img{height:150px}.pair figcaption{font-size:13px}.fruit-detail img{height:110px}.fruit-detail p{font-size:15px}.fruit-number{font-size:13px}.pack-feature{grid-template-columns:1fr;gap:35px}.pack-side{grid-template-columns:120px 1fr}.pack-side h3{font-size:31px}.pack-side .display{max-height:150px}.pack-range-title{font-size:32px;margin-top:38px}.pack-grid{grid-template-columns:repeat(2,1fr);gap:15px}.pack-grid img{height:230px}.pack-grid figcaption{font-size:13px}.reason-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.reason-grid span{margin-bottom:14px}.reason-grid h3{font-size:31px;margin-bottom:10px}.closing{grid-template-columns:1fr;gap:40px}.closing>img{max-height:250px}.closing h2{font-size:59px}.closing .button{font-size:15px;gap:15px}footer{flex-wrap:wrap;gap:22px}footer img{width:145px}footer div{width:100%;order:2}footer a{margin-left:auto;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}