@font-face{font-family:DM;src:url('assets/fonts/FernSans0.woff2') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url('assets/fonts/FernSans2.woff2') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url('assets/fonts/VesperCondensed2.woff2') format('truetype');font-weight:700;font-display:swap}:root{--blue:#0753bd;--navy:#073975;--ink:#192732;--sky:#e8f8fc;--yellow:#f6d644}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.7 DM,Arial,sans-serif;background:#fff}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fa6c44;outline-offset:5px}img{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Barlow,Impact,sans-serif;font-weight:700;line-height:.98}h2{font-size:60px}p{line-height:1.8}.wrap{width:min(1100px,86%);margin:auto}header{height:78px;background:#074cae;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:relative;z-index:10}.logo{width:103px}.logo img{width:100%;height:48px;object-fit:contain}nav{display:flex;gap:40px;font-size:12px}.bag-button{background:none;color:white;border:1px solid #ffffff65;border-radius:0;padding:8px 16px;font-size:12px}.bag-button span{margin-left:20px;font-weight:600}.menu-button{display:none}.hero{height:690px;position:relative;background:#137bc4;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 46%}.hero-copy{position:relative;color:white;margin-left:9%;padding-top:95px;width:43%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:20px}.hero h1{font-size:91px;letter-spacing:-1.5px;margin:0 0 18px}.hero h1 span{color:#ffed73;font-size:68px;white-space:nowrap}.hero-copy>p:not(.eyebrow){font-size:14px}.solid{display:inline-block;border:0;background:var(--blue);color:white;font-size:11px;font-weight:600;letter-spacing:.6px;padding:14px 24px}.hero .solid{background:white;color:var(--blue);margin:10px 0 24px}.hero small{display:block;font-size:8px;letter-spacing:1.5px}.hero-scroll{position:absolute;right:28px;top:180px;writing-mode:vertical-rl;font-size:9px;color:white;letter-spacing:2px}.manifesto{padding:100px 0 85px;text-align:center;position:relative}.script-title{font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1.3;color:#4f95b8;margin:0 0 6px}.manifesto h2{font-size:96px;letter-spacing:-1px;margin:0 0 24px}.manifesto>p:not(.script-title){font-size:14px;color:#687581}.mini-line{display:flex;justify-content:center;gap:40px;font-size:9px;letter-spacing:1.3px;margin-top:35px}.intro-splash{position:absolute;width:155px;right:-75px;top:25px;z-index:-1}.flavour{position:relative;min-height:690px;overflow:hidden}.flavour-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;z-index:2;padding-top:35px;align-items:center}.product-art{position:relative;width:100%;max-width:470px;padding-left:25px}.product-art>img{width:100%;filter:drop-shadow(0 20px 15px #12345610)}.vertical-label{position:absolute;writing-mode:vertical-rl;font-family:Barlow,sans-serif;font-weight:700;letter-spacing:2px;font-size:23px;left:0;top:40px;padding-bottom:90px;border-right:2px solid}.flavour-copy{max-width:390px;padding-bottom:80px}.number{font-style:italic;font-size:20px;font-weight:600;display:block;margin-bottom:18px}.flavour-copy .eyebrow{font-size:9px}.flavour h2{font-size:51px;text-transform:uppercase;margin:0 0 20px}.flavour-copy>p:not(.eyebrow){font-size:13px}.flavour-meta{display:flex;gap:24px;font-size:9px;font-weight:600;letter-spacing:1px;margin:25px 0}.actions{display:flex;gap:20px;align-items:center}.underlined{border:0;border-bottom:1px solid currentColor;padding:7px 0;font-size:11px;background:transparent}.diamond-photo{width:380px;height:380px;position:absolute;right:0;bottom:-15px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:1}.diamond-photo img{width:100%;height:100%;object-fit:cover}.diamond-photo span{position:absolute;bottom:80px;left:70px;color:white;text-shadow:0 2px 10px #000;font:700 19px Barlow,sans-serif}.citrus{background:#e9f8fc;clip-path:polygon(0 0,100% 6%,100% 100%,0 88%)}.citrus .flavour-inner{padding-top:65px}.berry{margin-top:-55px;min-height:710px;background:white}.berry .flavour-inner{padding-top:80px}.berry .product-art{grid-column:2;grid-row:1}.berry .flavour-copy{grid-column:1;grid-row:1;justify-self:end;text-align:right}.berry .actions,.berry .flavour-meta{justify-content:flex-end}.berry .vertical-label{left:auto;right:0}.berry .diamond-photo{right:auto;left:0;bottom:0}.berry .solid{background:#eb5e6f}.garden{background:#eff9f0;clip-path:polygon(0 6%,100% 0,100% 91%,90% 100%,0 100%);margin-top:-20px;min-height:720px}.garden .flavour-inner{padding-top:75px}.garden .solid{background:#258166}.ingredients{padding:95px 0 75px;background:#fff}.ingredient-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.ingredient-heading h2{font-size:60px;margin-bottom:0}.ingredient-heading .script-title{font-size:23px}.ingredient-heading>p{font-size:13px;color:#6d7780}.ingredient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.ingredient-grid button{border:0;background:#f7fafb;padding:15px 15px 25px;text-align:left}.ingredient-grid img{height:185px;width:100%;object-fit:contain}.ingredient-grid span{font-size:8px;letter-spacing:1.5px;color:#527084}.ingredient-grid h3{font-size:17px;margin:12px 0 8px}.ingredient-grid small{font-size:10px;border-bottom:1px solid}.ingredient-grid button[aria-pressed=true]{background:#e3f4fa;box-shadow:inset 0 -3px var(--blue)}.ingredient-note{padding:26px 0;border-bottom:1px solid #dfe7ea;min-height:130px}.ingredient-note strong{font-size:16px}.ingredient-note p{font-size:13px;margin:7px 0 0;max-width:790px}.disclosure{font-size:10px;color:#75818a;max-width:820px;margin-top:20px}.pocket{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:70px 0 100px}.pocket-image{position:relative;padding:0 35px}.pocket-image img{width:100%}.pocket .vertical-label{left:auto;right:0;top:20px;font-size:20px}.pocket h2{font-size:65px;margin-bottom:25px}.pocket p:not(.eyebrow){font-size:13px;max-width:360px}.fine{font-size:10px!important;color:#77828a;line-height:1.8}.pocket .fine{margin-top:25px}.moments{background:#eaf7fc;padding-top:75px}.moment-title{position:relative}.moment-title h2{font-size:79px;margin-bottom:35px}.moment-title>p:last-child{position:absolute;right:0;bottom:15px;font-size:13px}.moment-gallery{display:grid;grid-template-columns:1fr 1fr;gap:0}.moment-gallery figure{margin:0;position:relative;height:370px;overflow:hidden}.moment-gallery img{width:100%;height:100%;object-fit:cover}.moment-gallery figcaption{position:absolute;bottom:0;padding:20px 6%;background:#06386ac9;color:white;width:100%;font-size:10px;letter-spacing:1.5px}.moment-gallery figcaption span{float:right}.mix{padding:100px 0 65px}.mix-heading{display:flex;justify-content:space-between;align-items:flex-end}.mix h2{font-size:78px;margin:0}.mix h2 span{color:var(--blue)}.mix-heading>div:last-child{width:310px;font-size:14px}.mix-products{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}.mix-products>div{text-align:center}.mix-products img{height:235px;width:100%;object-fit:contain}.mix-products h3{font-size:18px;margin:0 0 15px}.stepper{display:inline-flex;align-items:center;border:1px solid #d5dfe4}.stepper button{border:0;background:white;width:40px;height:40px;font-size:19px}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper output{font-size:13px;width:35px}.mix-summary{margin-top:35px;padding:25px 0;border-top:1px solid #dfe6ea;display:flex;justify-content:space-between;align-items:center}.mix-summary p{font-size:12px;margin:0}.questions{padding:20px 0 85px;display:grid;grid-template-columns:1fr 1.5fr;column-gap:70px}.questions h2{font-size:35px;grid-row:1/4}.questions details{grid-column:2;border-bottom:1px solid #dfe6ea;padding:17px 0}.questions summary{cursor:pointer;font-size:13px;font-weight:600}.questions details p{font-size:12px;color:#60717d;margin:15px 0 0}footer{background:#064cae;color:white;padding:55px 0 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:70px;align-items:center}.footer-wordmark{font-family:Barlow,sans-serif;font-size:82px;font-weight:700;line-height:1}.footer-main p{font-family:Barlow;font-size:29px;line-height:1.2;margin:0}.footer-main>div a{display:block;font-size:12px;margin:9px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff38;padding-top:24px;margin-top:45px;font-size:9px}.footer-bottom>div{display:flex;gap:22px}#motion{border:0;background:none;color:inherit;font-size:9px;padding:0}dialog{border:0;color:var(--ink);max-width:800px;width:90%;padding:55px;box-shadow:0 25px 80px #00346640}dialog::backdrop{background:#06315c99}dialog .close{position:absolute;right:20px;top:15px;border:0;border-bottom:1px solid;background:none;font-size:11px;padding:2px}dialog h2{font-size:48px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-grid img{width:100%}.detail-grid p{font-size:13px}.detail-grid dl{font-size:12px}.detail-grid dt{font-size:9px;letter-spacing:1px;margin-top:12px}.detail-grid dd{margin:0}#bag-dialog{max-width:570px}.bag-row{display:flex;align-items:center;border-bottom:1px solid #dce5ea;padding:12px 0;gap:20px;font-size:14px}.bag-row img{width:65px;height:65px;object-fit:contain}.bag-row b{margin-left:auto}.bag-actions{display:flex;gap:25px;align-items:center}#bag-status,#download-status{font-size:12px}.solid:disabled{opacity:.4;cursor:not-allowed}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;font-size:12px;z-index:30;pointer-events:none;opacity:0;max-width:90%;text-align:center}#toast.show{opacity:1}.motion-on .reveal{transition:opacity .65s ease,transform .8s ease}.motion-on .reveal:not(.visible){opacity:.25;transform:translateY(20px)}.motion-on .hero-copy{animation:arrive .8s both}.motion-on .product-art img,.motion-on .ingredient-grid img,.motion-on .moment-gallery img{transition:transform .6s ease}.motion-on .product-art:hover img{transform:translateY(-8px) rotate(-3deg)}.motion-on .ingredient-grid button:hover img{transform:translateY(-6px)}.motion-on .moment-gallery figure:hover img{transform:scale(1.035)}.motion-on button,.motion-on a{transition:background .2s,opacity .2s}.solid:hover{opacity:.82}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero{height:620px}.hero-copy{margin-left:7%;padding-top:85px}.hero h1{font-size:75px}.hero h1 span{font-size:51px}.hero-copy>p:not(.eyebrow){max-width:280px}.hero-image{object-position:57% center}.manifesto h2{font-size:77px}.intro-splash{right:-35px;width:120px}.flavour-inner{gap:35px}.flavour h2{font-size:42px}.flavour{min-height:650px}.diamond-photo{width:300px;height:300px}.actions{gap:14px;flex-wrap:wrap}.ingredient-grid{gap:10px}.ingredient-grid img{height:140px}.ingredient-grid h3{font-size:15px}.pocket{gap:50px}.pocket h2{font-size:55px}.questions{column-gap:35px}.footer-main{gap:25px}}
@media(max-width:600px){header{height:65px;padding:0 6%;gap:15px}.logo{width:77px}.logo img{height:38px}.bag-button{margin-left:auto;font-size:10px;padding:7px 10px}.bag-button span{margin-left:8px}.menu-button{display:block;background:none;color:white;border:0;font-size:10px;padding:8px 0}nav{display:none;position:absolute;top:65px;left:0;right:0;padding:25px;background:#074cae;flex-direction:column;gap:20px}nav.open{display:flex}.hero{height:690px;clip-path:polygon(0 0,100% 0,100% 94%,87% 100%,0 100%)}.hero-image{height:400px;top:auto;bottom:0;object-position:78% center}.hero-copy{margin-left:7%;padding-top:35px;width:88%}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:16px}.hero h1{font-size:64px;line-height:.91;margin-bottom:15px}.hero h1 span{font-size:47px}.hero-copy>p:not(.eyebrow){font-size:12px;max-width:none;margin-bottom:8px}.hero .solid{font-size:10px;padding:11px 20px;margin-top:4px;margin-bottom:12px}.hero small{font-size:7px;max-width:190px}.hero-scroll{display:none}.manifesto{padding:65px 0 45px}.script-title{font-size:23px}.manifesto h2{font-size:53px;line-height:1;margin-bottom:20px}.manifesto>p:not(.script-title){font-size:12px}.mini-line{gap:15px;font-size:6px;letter-spacing:.7px;margin-top:25px}.intro-splash{width:85px;right:-20px;top:20px}.flavour{min-height:880px}.flavour-inner{display:flex;flex-direction:column;gap:0;padding-top:15px!important;align-items:stretch}.product-art{width:85%;margin:auto;padding-left:20px}.product-art>img{height:310px;object-fit:contain}.vertical-label{font-size:18px;top:45px;padding-bottom:45px}.flavour-copy{padding:0 0 25px;max-width:100%;position:relative;z-index:2}.number{position:absolute;right:0;top:0;font-size:17px}.flavour-copy .eyebrow{margin-bottom:12px}.flavour h2{font-size:39px;margin-bottom:15px}.flavour-copy>p:not(.eyebrow){font-size:12px;max-width:285px}.flavour-meta{margin:20px 0}.actions{gap:20px}.solid{font-size:10px;padding:12px 20px}.underlined{font-size:10px}.diamond-photo{width:250px;height:250px;bottom:-5px;right:-5px}.diamond-photo span{font-size:16px;bottom:52px;left:42px}.citrus{clip-path:polygon(0 0,100% 2%,100% 100%,0 96%)}.berry{margin-top:0;min-height:860px}.berry .flavour-copy{text-align:left;align-self:stretch}.berry .actions,.berry .flavour-meta{justify-content:flex-start}.berry .diamond-photo{left:auto;right:0}.berry .product-art{padding-right:20px;padding-left:0}.garden{margin-top:0;clip-path:polygon(0 2%,100% 0,100% 98%,90% 100%,0 100%);min-height:875px}.ingredients{padding:55px 0 20px}.ingredient-heading{display:block}.ingredient-heading h2{font-size:46px}.ingredient-heading .script-title{font-size:20px}.ingredient-heading>p{margin-top:20px;font-size:12px}.ingredient-grid{grid-template-columns:1fr 1fr;gap:12px}.ingredient-grid button{padding:10px 10px 20px}.ingredient-grid img{height:125px}.ingredient-grid span{font-size:7px}.ingredient-grid h3{font-size:14px}.ingredient-grid small{font-size:9px}.ingredient-note{min-height:145px}.ingredient-note strong{font-size:14px}.ingredient-note p{font-size:12px}.disclosure{font-size:9px}.pocket{grid-template-columns:1fr;gap:30px;padding:45px 0 60px}.pocket-image{padding:0 25px 0 0}.pocket-image img{max-height:370px;object-fit:contain}.pocket h2{font-size:54px}.pocket .vertical-label{font-size:17px}.moments{padding-top:45px}.moment-title h2{font-size:60px;margin-bottom:20px}.moment-title>p:last-child{position:static;font-size:12px;margin-bottom:25px}.moment-gallery{grid-template-columns:1fr}.moment-gallery figure{height:280px}.moment-gallery figcaption{font-size:8px}.mix{padding:60px 0 40px}.mix-heading{display:block}.mix h2{font-size:65px}.mix-heading>div:last-child{width:auto;margin-top:25px;font-size:12px}.mix-products{gap:5px;margin-top:15px}.mix-products img{height:135px}.mix-products h3{font-size:13px}.stepper button{width:28px;height:34px;font-size:17px}.stepper output{width:27px;font-size:12px}.mix-summary{display:block}.mix-summary p{font-size:11px;margin-bottom:18px}.questions{display:block;padding:0 0 55px}.questions h2{font-size:31px}.questions summary{font-size:12px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-wordmark{font-size:66px}.footer-main p{font-size:24px}.footer-main>div{grid-column:1/-1}.footer-bottom{display:block;line-height:2;font-size:8px}.footer-bottom>div{margin-top:10px}dialog{padding:45px 24px 28px;width:92%;max-height:90vh;overflow:auto}.detail-grid{grid-template-columns:1fr;gap:0}.detail-grid>img{height:200px;object-fit:contain}.detail-grid h2{font-size:39px}.detail-grid .eyebrow{margin-top:15px;margin-bottom:10px}#bag-dialog h2{font-size:40px}.bag-row{padding:8px 0}.bag-row img{width:50px;height:50px}.bag-actions{gap:18px}#toast{width:85%;bottom:16px;font-size:11px}}

.diamond-photo span{left:15%;right:15%;bottom:31%;text-align:center;font-size:17px;line-height:1.2}.intro-splash{z-index:0;pointer-events:none}.manifesto>p,.manifesto>h2,.manifesto>.mini-line{position:relative;z-index:1}@media(max-width:600px){.diamond-photo span{font-size:14px;bottom:30%}}

@media(max-width:600px){.hero{height:770px}.hero-image{height:360px}.hero small{max-width:260px}}