@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
.birthday-beans-landing{--green:#009a9d;--deep:#003f43;--black:#121716;--cream:#fff8e9;--gold:#edca70;--muted:#d5f2ec;--line:#ffffff55;--danger:#ffcdc5}.birthday-beans-landing *{box-sizing:border-box}.birthday-beans-landing{scroll-behavior:smooth}.birthday-beans-landing{margin:0;background:var(--green);background-image:radial-gradient(ellipse at 50% 500px,#00b6b155,transparent 850px);color:var(--cream);font:16px/1.7 'DM Sans',sans-serif;text-align:center;overflow-x:clip}.birthday-beans-landing button,.birthday-beans-landing input{font:inherit}.birthday-beans-landing button{cursor:pointer}.birthday-beans-landing a{color:inherit}.birthday-beans-landing button:focus-visible,.birthday-beans-landing a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.birthday-beans-landing header{padding:40px 20px 0}.birthday-beans-landing header img{width:230px;filter:brightness(0) invert(1);display:block;margin:auto}.birthday-beans-landing .beans-main{max-width:1120px;margin:auto;padding:0 24px 0}.birthday-beans-landing .product-stage{position:relative;max-width:650px;margin:18px auto 0}.birthday-beans-landing .tin-slot{aspect-ratio:1;position:relative;filter:drop-shadow(0 18px 18px #003e4330)}.birthday-beans-landing .tin{display:block;width:100%;height:auto}.birthday-beans-landing .photo-note{font-size:10px;letter-spacing:.4px;color:var(--muted);margin:2px 0 0}.birthday-beans-landing .recipient-section{padding-top:32px;margin:auto}.birthday-beans-landing .recipient-prompt{font:500 28px/1.3 'Oswald',sans-serif;text-transform:uppercase;margin:0}.birthday-beans-landing .recipient-range{font-size:12px;margin:9px auto 23px;color:var(--muted)}.birthday-beans-landing .recipient-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.birthday-beans-landing .recipient-buttons button{font:500 22px/1 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--gold);background:transparent;color:var(--cream);border-radius:44% 56% 45% 55% / 48% 52% 48% 52%;padding:18px 30px;min-width:120px;transition:transform .2s,background .2s,color .2s}.birthday-beans-landing .recipient-buttons button:hover{transform:rotate(-3deg)}.birthday-beans-landing .recipient-buttons button[aria-pressed=true]{background:var(--black);color:var(--gold);box-shadow:inset 0 0 0 3px var(--green),inset 0 0 0 4px var(--gold)}.birthday-beans-landing .chosen{font-size:11px;min-height:20px;margin:23px 0 0;color:var(--muted)}.birthday-beans-landing .opening{padding:42px 0 0}.birthday-beans-landing h1{font:700 clamp(68px,8vw,104px)/1.05 'Oswald',sans-serif;letter-spacing:-2px;text-transform:uppercase;margin:0}.birthday-beans-landing h1 em{display:inline-block;font-style:normal;color:var(--gold)}.birthday-beans-landing .lead{font-size:18px;line-height:1.7;margin:26px auto 0;color:var(--muted)}.birthday-beans-landing .product-price{display:flex;align-items:center;justify-content:center;gap:22px;margin:27px auto 0}.birthday-beans-landing .price-amount,.birthday-beans-landing .price-delivery{font:500 29px/1.3 'Oswald',sans-serif;color:var(--cream)}.birthday-beans-landing .price-divider{height:25px;width:1px;background:var(--gold)}.birthday-beans-landing form{max-width:800px;margin:auto}.birthday-beans-landing .personalisation{margin-top:75px}.birthday-beans-landing .field-block{margin-bottom:65px}.birthday-beans-landing .field-rule{display:block;width:50px;height:2px;background:var(--gold);margin:0 auto 25px}.birthday-beans-landing label{display:block;font:500 42px/1.2 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:-.5px}.birthday-beans-landing .field-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:18px auto 24px}.birthday-beans-landing input:not([type=hidden]){display:block;width:100%;height:115px;padding:24px;border:1px solid #fff8e980;border-radius:4px;color:var(--cream);background:#003f4320;font:500 38px/1.2 'Oswald',sans-serif;text-align:center;transition:background .2s,border .2s}.birthday-beans-landing input::placeholder{color:#d5f2ec88}.birthday-beans-landing input:focus{outline:2px solid var(--gold);outline-offset:3px;background:#003f4333}.birthday-beans-landing .field-info{display:flex;justify-content:center;gap:18px;font-size:11px;color:var(--muted);margin-top:12px}.birthday-beans-landing .field-info>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.birthday-beans-landing .field-block.invalid input{outline:2px solid #ffb3a4;border-color:#ffb3a4}.birthday-beans-landing .field-block.invalid .field-info{color:#ffe0d6}.birthday-beans-landing .field-block.at-limit .field-info>span:last-child{color:var(--gold)}.birthday-beans-landing .wording-section{position:relative;isolation:isolate;padding:60px 0 45px;color:var(--deep);margin:0 auto 45px}.birthday-beans-landing .wording-section:before,.birthday-beans-landing .story-section:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:var(--section-wash,var(--cream))}.birthday-beans-landing .wording-section h2{font:600 54px/1.15 'Oswald',sans-serif;text-transform:uppercase;margin:0}.birthday-beans-landing .wording-lead{font-size:14px;line-height:1.8;color:#42635f;margin:20px auto 32px}.birthday-beans-landing .beans-label-preview{max-width:420px;margin:auto;background:linear-gradient(90deg,#008b98,#00a9b1 45%,#008d9b);border-top:10px solid #dce1df;border-bottom:10px solid #bdc8ca;border-radius:12px;box-shadow:0 18px 28px #003f4325}.birthday-beans-landing .beans-label-preview svg{display:block;width:100%;height:auto;overflow:visible}.birthday-beans-landing .beans-label-preview text{text-anchor:middle;font-family:'Oswald',sans-serif;font-weight:700;fill:#fff}.birthday-beans-landing .beans-label-preview .label-name{font-size:48px;letter-spacing:1px}.birthday-beans-landing .beans-label-preview .label-year{font-size:23px;fill:#e5bf65}.birthday-beans-landing .beans-label-preview .label-small{font-size:24px;fill:#e5bf65}.birthday-beans-landing .beans-label-preview .label-bean{font-size:91px;letter-spacing:-3px}.birthday-beans-landing .beans-label-preview .label-tagline{font-size:26px}.birthday-beans-landing .beans-label-preview .label-birthday{font-size:24px;fill:#111}.birthday-beans-landing .beans-label-preview .label-age{font-size:48px;fill:#003c42}.birthday-beans-landing .preview-formatting-note{font-size:12px;line-height:1.8;color:#42635f;max-width:600px;margin:27px auto 0}.birthday-beans-landing .card-preview{font-size:14px;color:#42635f;margin:22px auto 0}.birthday-beans-landing .purchase-bar{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:30px 0;border-block:1px solid var(--line);margin-top:35px}.birthday-beans-landing .purchase-price{font:600 38px/1.2 'Oswald',sans-serif;color:var(--gold);margin:0 0 12px}.birthday-beans-landing .delivery h2{font:500 27px/1.3 'Oswald',sans-serif;margin:0}.birthday-beans-landing .delivery>p:last-child{font-size:12px;color:var(--muted);margin:10px auto 0}.birthday-beans-landing .order-button{display:flex;justify-content:center;align-items:center;gap:25px;min-height:80px;width:100%;border:1px solid var(--gold);border-radius:4px;background:var(--black);color:var(--gold);font:500 27px/1.2 'Oswald',sans-serif;text-transform:uppercase;transition:transform .2s,background .2s}.birthday-beans-landing .order-button>span{font-size:31px;transition:transform .2s}.birthday-beans-landing .order-button:hover{background:#003e3c}.birthday-beans-landing .order-button:hover>span{transform:translate(3px,-3px)}.birthday-beans-landing .order-button:active{transform:scale(.98)}.birthday-beans-landing .order-ready-pulse{animation:ready 1s ease-in-out}@keyframes ready{50%{box-shadow:0 0 0 10px #edca7040}}.birthday-beans-landing .product-story{margin-top:60px}.birthday-beans-landing .story-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 30px;margin:0 0 45px;font-size:12px;color:var(--muted)}.birthday-beans-landing .story-nav a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:5px}.birthday-beans-landing .story-section{position:relative;isolation:isolate;padding:85px 0;scroll-margin-top:25px;--section-wash:transparent}.birthday-beans-landing .story-section h2{font:600 clamp(44px,6.5vw,76px)/1.12 'Oswald',sans-serif;letter-spacing:-1px;text-transform:uppercase;margin:0}.birthday-beans-landing .story-section h2 em{font-style:normal;font-weight:600;color:var(--gold)}.birthday-beans-landing .story-lead{font-size:18px;line-height:1.8;max-width:720px;margin:25px auto 0}.birthday-beans-landing .how-section{--section-wash:var(--gold);color:var(--black)}.birthday-beans-landing .how-section h2 em{color:var(--deep)}.birthday-beans-landing .how-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:0;margin:50px 0 0}.birthday-beans-landing .process-mark{display:flex;align-items:center;justify-content:center;width:80px;height:58px;margin:auto auto 22px;border:1px solid #003f4370;border-radius:46% 54% 42% 58%;font:38px Georgia;transform:rotate(-12deg)}.birthday-beans-landing .how-steps h3{font:500 28px 'Oswald',sans-serif;text-transform:uppercase;margin:0 0 15px}.birthday-beans-landing .how-steps p{font-size:13px;line-height:1.8;margin:0}.birthday-beans-landing .inside-section{--section-wash:#006e73}.birthday-beans-landing .inside-section .story-lead,.birthday-beans-landing .dietary-note{color:var(--muted)}.birthday-beans-landing .contents-weight{font:600 70px/1.2 'Oswald',sans-serif;color:var(--gold);margin:25px 0 0}.birthday-beans-landing .contents-weight span{font:400 16px 'DM Sans',sans-serif;color:var(--muted);margin-left:10px}.birthday-beans-landing .dietary-note{font-size:15px;line-height:1.9;margin-top:25px}.birthday-beans-landing .bean-scatter{display:flex;justify-content:center;gap:16px;margin:45px auto;max-width:500px}.birthday-beans-landing .bean-scatter i{width:50px;height:30px;border-radius:45% 55% 40% 60%;background:radial-gradient(ellipse at 30% 25%,#fff9,transparent 40%),#ec355d;transform:rotate(-30deg);box-shadow:inset -4px -5px 7px #0003,0 5px 8px #003e4355}.birthday-beans-landing .bean-scatter i:nth-child(2){background-color:#f0c91d;transform:rotate(28deg)}.birthday-beans-landing .bean-scatter i:nth-child(3){background-color:#009ed4;transform:rotate(-55deg)}.birthday-beans-landing .bean-scatter i:nth-child(4){background-color:#70bc35;transform:rotate(12deg)}.birthday-beans-landing .bean-scatter i:nth-child(5){background-color:#b63cbe;transform:rotate(50deg)}.birthday-beans-landing .bean-scatter i:nth-child(6){background-color:#f79623;transform:rotate(-10deg)}.birthday-beans-landing .bean-scatter i:nth-child(7){background-color:#ef80b0;transform:rotate(-35deg)}.birthday-beans-landing .food-section{--section-wash:var(--cream);color:var(--deep)}.birthday-beans-landing .food-section h2 em{color:var(--deep)}.birthday-beans-landing .food-section .story-lead{color:#42635f}.birthday-beans-landing .food-details,.birthday-beans-landing .faq-list{max-width:800px;margin:40px auto 0;text-align:left}.birthday-beans-landing .product-story details{border-top:1px solid #ffffff55}.birthday-beans-landing .product-story details:last-child{border-bottom:1px solid #ffffff55}.birthday-beans-landing .product-story summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font:500 25px/1.4 'Oswald',sans-serif;padding:24px 0;cursor:pointer}.birthday-beans-landing .product-story summary::-webkit-details-marker{display:none}.birthday-beans-landing .product-story summary:after{content:'+';font:25px 'DM Sans',sans-serif}.birthday-beans-landing .product-story details[open]>summary:after{content:'−'}.birthday-beans-landing .food-details details,.birthday-beans-landing .food-details details:last-child{border-color:#003f4335}.birthday-beans-landing .food-copy{font-size:14px;line-height:1.9;color:#42635f;padding:0 0 25px}.birthday-beans-landing .food-copy p{margin:0 0 15px}.birthday-beans-landing .food-copy p:last-child{margin:0}.birthday-beans-landing .faq-section{--section-wash:var(--black)}.birthday-beans-landing .faq-section h2{color:var(--gold)}.birthday-beans-landing .faq-section .story-lead{color:var(--muted)}.birthday-beans-landing .faq-list details>p{font-size:15px;line-height:1.9;color:var(--muted);margin:0;padding:0 20px 26px 0}.birthday-beans-landing .seo-section{--section-wash:var(--deep)}.birthday-beans-landing .seo-star{display:block;color:var(--gold);font-size:40px;margin-bottom:25px}.birthday-beans-landing .seo-section h2{font-size:clamp(36px,4.5vw,54px)}.birthday-beans-landing .seo-copy{max-width:720px;margin:30px auto;font-size:14px;line-height:1.95;color:var(--muted)}.birthday-beans-landing .seo-copy p{margin:0 0 20px}.birthday-beans-landing .back-to-personalise{display:inline-block;color:var(--gold);font-size:16px;text-decoration:none;border-bottom:1px solid var(--gold);padding:8px 0}.birthday-beans-landing .back-to-personalise span{margin-left:25px}.birthday-beans-landing dialog{width:min(600px,calc(100% - 32px));max-height:90vh;overflow:auto;padding:45px 35px 30px;border:1px solid var(--gold);background:var(--black);color:var(--cream);border-radius:6px}.birthday-beans-landing dialog::backdrop{background:#003f43b8;backdrop-filter:blur(6px)}.birthday-beans-landing .close{position:absolute;right:18px;top:12px;color:var(--cream);background:none;border:0;font-size:30px}.birthday-beans-landing .step{font-size:10px;letter-spacing:2px;color:var(--gold)}.birthday-beans-landing dialog h2{font:600 54px/1.1 'Oswald',sans-serif;text-transform:uppercase;margin:20px 0}.birthday-beans-landing dialog h2 em{color:var(--gold);font-style:normal}.birthday-beans-landing dl{display:grid;grid-template-columns:140px 1fr;text-align:left;gap:10px;font-size:14px;border-block:1px solid var(--line);padding:25px 0}.birthday-beans-landing dt{color:var(--muted)}.birthday-beans-landing dd{margin:0;overflow-wrap:anywhere}.birthday-beans-landing .summary-price{font:600 35px 'Oswald',sans-serif;color:var(--gold);margin:20px 0 0}.birthday-beans-landing .summary-delivery{font-size:14px}.birthday-beans-landing .summary-note{font-size:11px;color:var(--muted);margin:20px auto}.birthday-beans-landing .summary-note+.order-button{font-size:20px;min-height:65px}
@media(max-width:650px){.birthday-beans-landing header{padding-top:30px}.birthday-beans-landing header img{width:180px}.birthday-beans-landing .beans-main{padding-inline:23px}.birthday-beans-landing .product-stage{width:calc(100% + 30px);margin:20px -15px 0}.birthday-beans-landing .photo-note{font-size:9px;margin-top:5px}.birthday-beans-landing .recipient-section{padding-top:30px}.birthday-beans-landing .recipient-prompt{font-size:24px}.birthday-beans-landing .recipient-range{font-size:11px;margin-bottom:20px}.birthday-beans-landing .recipient-buttons{gap:9px}.birthday-beans-landing .recipient-buttons button{font-size:19px;min-width:0;padding:16px 22px}.birthday-beans-landing .chosen{font-size:10px;margin-top:20px}.birthday-beans-landing .opening{padding-top:32px}.birthday-beans-landing h1{font-size:65px;letter-spacing:-1.5px}.birthday-beans-landing .lead{font-size:15px;max-width:320px;margin-top:23px}.birthday-beans-landing .product-price{gap:17px;margin-top:25px}.birthday-beans-landing .price-amount,.birthday-beans-landing .price-delivery{font-size:26px}.birthday-beans-landing .personalisation{margin-top:55px}.birthday-beans-landing .field-block{margin-bottom:55px}.birthday-beans-landing label{font-size:34px}.birthday-beans-landing .field-rule{margin-bottom:24px}.birthday-beans-landing .field-intro{font-size:12px;margin:16px auto 22px}.birthday-beans-landing input:not([type=hidden]){height:100px;font-size:32px;padding:23px 15px}.birthday-beans-landing .field-info{font-size:10px;gap:10px;flex-wrap:wrap}.birthday-beans-landing .wording-section{padding:40px 0 32px;margin-bottom:32px}.birthday-beans-landing .wording-section h2{font-size:43px}.birthday-beans-landing .wording-lead{font-size:12px;margin:18px auto 25px}.birthday-beans-landing .beans-label-preview{max-width:340px}.birthday-beans-landing .preview-formatting-note{font-size:11px;margin-top:23px}.birthday-beans-landing .card-preview{font-size:12px}.birthday-beans-landing .purchase-bar{gap:16px;grid-template-columns:1.2fr 1fr;padding:25px 0}.birthday-beans-landing .purchase-price{font-size:32px;margin-bottom:10px}.birthday-beans-landing .delivery h2{font-size:22px}.birthday-beans-landing .delivery>p:last-child{font-size:10px}.birthday-beans-landing .order-button{font-size:22px;gap:12px;min-height:75px}.birthday-beans-landing .order-button>span{font-size:27px}.birthday-beans-landing .product-story{margin-top:40px}.birthday-beans-landing .story-nav{gap:15px 22px;font-size:11px;margin-bottom:30px}.birthday-beans-landing .story-section{padding:60px 0}.birthday-beans-landing .story-section h2{font-size:46px}.birthday-beans-landing .story-lead{font-size:15px}.birthday-beans-landing .story-lead br{display:none}.birthday-beans-landing .how-steps{grid-template-columns:1fr 1fr;gap:35px 15px;margin-top:35px}.birthday-beans-landing .process-mark{width:67px;height:50px;font-size:33px;margin-bottom:18px}.birthday-beans-landing .how-steps h3{font-size:25px}.birthday-beans-landing .how-steps p{font-size:12px}.birthday-beans-landing .how-steps br{display:none}.birthday-beans-landing .contents-weight{font-size:60px}.birthday-beans-landing .contents-weight span{font-size:13px}.birthday-beans-landing .dietary-note{font-size:13px}.birthday-beans-landing .bean-scatter{gap:12px}.birthday-beans-landing .bean-scatter i{width:33px;height:22px}.birthday-beans-landing .product-story summary{font-size:23px;padding:21px 0}.birthday-beans-landing .food-copy{font-size:13px}.birthday-beans-landing .faq-list details>p{font-size:14px;padding-right:5px}.birthday-beans-landing .seo-section h2{font-size:38px}.birthday-beans-landing .seo-copy{font-size:13px}.birthday-beans-landing dialog{padding:42px 22px 25px}.birthday-beans-landing dl{grid-template-columns:110px 1fr;font-size:12px}}
@media(max-width:360px){.birthday-beans-landing h1{font-size:58px}.birthday-beans-landing .recipient-buttons button{padding:15px 18px}.birthday-beans-landing label{font-size:31px}.birthday-beans-landing .delivery h2{font-size:20px}.birthday-beans-landing .order-button{font-size:20px}}
@media(prefers-reduced-motion:reduce){.birthday-beans-landing{scroll-behavior:auto}.birthday-beans-landing *,.birthday-beans-landing *:before,.birthday-beans-landing *:after{animation:none!important;transition:none!important}}

@media(max-width:650px){.birthday-beans-landing .recipient-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:360px;margin:auto;gap:9px}.birthday-beans-landing .recipient-buttons button{padding:16px 9px;font-size:19px;letter-spacing:0}}.birthday-beans-landing .process-mark .box-icon{width:38px;height:38px;transform:rotate(12deg)}
@media(max-width:650px){.birthday-beans-landing .process-mark .box-icon{width:32px;height:32px}}.birthday-beans-landing .contents-packet{width:min(300px,75%);margin:38px auto 30px;transform:rotate(4deg);filter:drop-shadow(0 16px 15px #003c4345)}.birthday-beans-landing .contents-packet img{display:block;width:100%;height:auto}
@media(max-width:650px){.birthday-beans-landing .contents-packet{width:min(245px,75%);margin:30px auto}}.birthday-beans-landing .beans-label-preview text{font-weight:600}.birthday-beans-landing .beans-label-preview .label-bean{font-size:116px;font-weight:600;letter-spacing:-1px}.birthday-beans-landing .beans-label-preview .label-name{font-weight:600;letter-spacing:.5px}

.birthday-beans-landing{letter-spacing:normal}
.birthday-beans-landing h1,.birthday-beans-landing h2,.birthday-beans-landing h3,.birthday-beans-landing h4{color:inherit}
.birthday-beans-landing h1 em{color:var(--gold)}
.birthday-beans-landing .price-amount [data-beans-price]{font:inherit}
.birthday-beans-landing [hidden]{display:none!important}
.birthday-beans-landing .beans-header{position:relative}
.birthday-beans-landing .beans-bag{position:absolute;right:24px;top:44px;font-size:14px;text-decoration:none}
.birthday-beans-landing .beans-error{color:var(--danger);max-width:600px;margin:20px auto}
.birthday-beans-landing button:disabled{opacity:.6;cursor:wait}
@media(max-width:360px){.birthday-beans-landing .beans-bag{right:12px;top:8px;font-size:12px}}