.clf-landing{--clf-navy: #002b61;--clf-gold: #d39f10;--clf-green: #497629;--clf-cool: #f0f3f8;--clf-warm: #fbf6e9;--clf-ease: cubic-bezier(.22, .61, .36, 1);display:block;color:var(--clf-navy);background:#fff}.clf-landing *,.clf-landing *:before,.clf-landing *:after{box-sizing:border-box}.clf-landing :is(h1,h2,h3,p){margin:0;overflow-wrap:break-word}.clf-landing :is(h1,h2,h3){text-wrap:balance}.clf-landing img{display:block;max-width:100%;height:auto}.clf-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;overflow-wrap:anywhere}.clf-promo{display:grid;justify-items:center;gap:10px;padding:24px 6vw;background:var(--clf-cool);text-align:center}.clf-promo p{color:var(--clf-green);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.clf-promo .clf-promo-event{color:var(--clf-navy);font-size:11px;letter-spacing:.14em}.clf-button--code{min-width:176px}.clf-promo-code{max-width:100%;color:var(--clf-navy);font-size:clamp(22px,3vw,28px);line-height:1.3;letter-spacing:.06em;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.clf-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:40px 6vw 64px;text-align:center;background:radial-gradient(1200px 600px at 50% 118%,rgb(73 118 41 / 10%),transparent 62%),radial-gradient(900px 500px at 85% -10%,rgb(73 118 41 / 6%),transparent 55%),#fff}.clf-disc-wrap{position:absolute;top:40%;left:50%;width:min(74vmin,640px);aspect-ratio:1;overflow:hidden;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.clf-disc{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%}.clf-disc img{width:78%;height:78%;object-fit:contain;opacity:.16}.clf-disc:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgb(211 159 16 / 10%) 12deg,transparent 40deg);content:""}.clf-product-stage{position:relative;z-index:1;display:block;width:min(84vmin,540px);max-width:100%;margin:0;padding:0;border:0;border-radius:20px;background:none;color:inherit;font:inherit;perspective:1200px;opacity:1}.clf-product-stage:enabled{cursor:pointer}.clf-product-float,.clf-flip-inner,.clf-flip-face,.clf-turntable{display:block}.clf-flip-inner{position:relative;transform-style:preserve-3d;transition:transform .9s var(--clf-ease)}.clf-product-stage.is-flipped .clf-flip-inner{transform:rotateY(180deg);animation:none!important}.clf-flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden}.clf-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg)}.clf-turntable{position:relative;aspect-ratio:1}.clf-product-stage .clf-product-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 34px rgb(0 43 97 / 16%))}.clf-frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.1s var(--clf-ease)}.clf-frame.is-active{opacity:1}.clf-contact-shadow{display:block;width:62%;height:26px;margin:18px auto 0;border-radius:50%;background:radial-gradient(ellipse at center,rgb(0 43 97 / 20%),transparent 70%)}.clf-flip-hint{display:block;margin-top:12px;color:#002b61a6;font-size:12px;letter-spacing:.08em;text-transform:uppercase;visibility:hidden}.clf-product-stage:enabled .clf-flip-hint{visibility:visible}.clf-hero h1{position:relative;max-width:100%;margin-top:22px;color:var(--clf-navy);background:linear-gradient(135deg,var(--clf-navy) 45%,var(--clf-green) 85%,var(--clf-gold) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(40px,6.5vw,84px);font-weight:700;line-height:1.04;letter-spacing:-.03em}.clf-hero .clf-hero-description{position:relative;max-width:560px;margin:18px auto 0;color:#002b61bd;font-size:clamp(16px,2vw,21px)}.clf-hero-cta{position:relative;margin-top:30px}.clf-story{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:clamp(48px,9vh,88px) 6vw}.clf-story+.clf-story{margin-top:-24px}.clf-landing .clf-kicker{margin-bottom:18px;color:var(--clf-green);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.clf-story h2{max-width:720px;font-size:clamp(34px,4.6vw,60px);font-weight:700;line-height:1.08;letter-spacing:-.025em}.clf-landing .clf-lede{max-width:600px;margin-top:22px;color:#002b61bd;font-size:clamp(16px,1.8vw,20px);line-height:1.6}.clf-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw;align-items:center}.clf-lifestyle-image{width:100%;border-radius:22px;box-shadow:0 30px 80px #002b611f}.clf-band{background:linear-gradient(180deg,rgb(73 118 41 / 7%),var(--clf-cool))}.clf-granule-splash{position:relative;display:grid;place-items:center;min-height:440px;overflow:hidden;border-radius:28px;background:var(--clf-warm);box-shadow:0 24px 64px #002b611f}.clf-granule-splash .clf-granule-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.clf-granule-copy{position:relative;max-width:450px;margin:24px;padding:30px;border:1px solid rgb(0 43 97 / 10%);border-radius:20px;background:#ffffffed;text-align:center;box-shadow:0 14px 34px #002b611a}.clf-granule-copy h2{font-size:clamp(29px,4vw,48px)}.clf-section-heading{max-width:660px;margin:0 auto;text-align:center}.clf-points-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px}.clf-point{min-width:0;overflow:hidden;border:1px solid rgb(73 118 41 / 14%);border-top:3px solid var(--clf-green);border-radius:22px;background:#fff;box-shadow:0 14px 40px #002b6112;transition:transform .35s var(--clf-ease),box-shadow .35s var(--clf-ease)}.clf-point:hover{transform:translateY(-6px);box-shadow:0 30px 70px #002b6129}.clf-point .clf-point-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--clf-cool)}.clf-point-body{padding:24px 22px 28px}.clf-point-number{display:inline-block;margin-bottom:12px;color:var(--clf-green);font-size:12px;font-weight:700;letter-spacing:.18em}.clf-point h3{margin-bottom:10px;font-size:19px;line-height:1.25;letter-spacing:-.01em}.clf-point p{color:#002b61bd;font-size:14.5px;line-height:1.55}.clf-video-card{max-width:880px;margin:28px auto 0;overflow:hidden;border-radius:22px;background:var(--clf-navy);aspect-ratio:16 / 9;box-shadow:0 22px 62px #002b6129}.clf-video-launch{position:relative;display:block;width:100%;height:100%;color:#fff;text-decoration:none}.clf-video-launch .clf-video-cover{width:100%;height:100%;object-fit:cover;opacity:.78}.clf-video-card .clf-video-launch:focus-visible{outline-offset:-5px}.clf-play-disc{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:76px;height:76px;padding-left:4px;transform:translate(-50%,-55%);border-radius:50%;background:var(--clf-gold);color:var(--clf-navy);font-size:26px;box-shadow:0 8px 24px #00000038}.clf-video-label{position:absolute;right:12px;bottom:22px;left:12px;font-size:14px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}.clf-video-frame{display:block;width:100%;height:100%;border:0;aspect-ratio:16 / 9}.clf-landing .clf-video-fallback{margin-top:16px;font-size:14px;text-align:center}.clf-video-fallback a{display:inline-block;min-height:44px;padding:12px;color:var(--clf-navy)}.clf-order-section{padding-bottom:40px;scroll-margin-top:calc(var(--header-height, 0px) + 24px)}.clf-order-card,.clf-gift-card{max-width:760px;margin:0 auto;padding:44px;border:1px solid rgb(73 118 41 / 24%);border-radius:26px;background:var(--clf-warm);text-align:center;box-shadow:0 18px 52px #002b611a}.clf-order-card h2,.clf-gift-card h2{margin:0 auto}.clf-order-card ol{max-width:560px;margin:28px auto;padding-left:25px;color:#002b61cc;font-size:17px;line-height:1.65;text-align:left}.clf-order-card li+li{margin-top:12px}.clf-order-card .clf-order-note{max-width:560px;margin:0 auto 28px;color:#002b61bd;line-height:1.55}.clf-gift-card{background:#fff}.clf-closing{padding:48px 6vw 52px;background:radial-gradient(900px 460px at 50% -10%,rgb(73 118 41 / 8%),transparent 60%),#fff;text-align:center}.clf-mini-disc{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 34px;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 16px 44px #002b6124}.clf-mini-disc img{width:72%;height:72%;object-fit:contain}.clf-closing h2{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-.01em}.clf-closing p{max-width:580px;margin:16px auto 0;color:#002b61bd}.clf-landing[data-motion=true] :is(.clf-disc,.clf-mini-disc){animation:clf-disc-spin 26s linear infinite}.clf-landing[data-motion=true] .clf-disc:after{animation:clf-disc-spin 22s linear infinite reverse}.clf-landing[data-motion=true] .clf-product-float{animation:clf-float 6.5s ease-in-out infinite}.clf-landing[data-motion=true] .clf-flip-inner{animation:clf-turntable 12s ease-in-out infinite}.clf-landing.is-reveal-ready .clf-reveal{transition:opacity .9s var(--clf-ease),transform .9s var(--clf-ease)}.clf-landing.is-reveal-ready .clf-reveal:not(.is-visible){opacity:0;transform:translateY(28px)}.clf-landing[data-motion=false] *{transition:none}@keyframes clf-disc-spin{to{transform:rotate(360deg)}}@keyframes clf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes clf-turntable{0%,to{transform:rotateY(-14deg) rotateX(3deg)}50%{transform:rotateY(14deg) rotateX(-3deg)}}@media(max-width:980px){.clf-points-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.clf-hero{padding:32px 5vw 48px}.clf-hero h1{font-size:clamp(34px,7.8vw,56px)}.clf-disc-wrap{width:80vmin}.clf-story{padding:48px 6vw}.clf-story+.clf-story{margin-top:0}.clf-story h2{font-size:clamp(32px,6vw,48px)}.clf-split{grid-template-columns:minmax(0,1fr);gap:32px}.clf-granule-splash{min-height:380px}.clf-granule-copy{margin:16px;padding:24px}.clf-granule-copy h2{font-size:clamp(29px,6vw,42px)}.clf-point-body{padding:20px}.clf-order-card,.clf-gift-card{padding:32px 22px}.clf-order-card ol{padding-left:21px;font-size:16px}.clf-play-disc{width:64px;height:64px;font-size:22px}.clf-video-label{bottom:15px;font-size:12px}}@media(max-width:560px){.clf-points-grid{grid-template-columns:minmax(0,1fr)}.clf-promo{padding:22px}.clf-granule-copy{padding:20px}.clf-granule-copy .clf-kicker{letter-spacing:.13em}}@media(prefers-reduced-motion:reduce){.clf-landing *,.clf-landing *:before,.clf-landing *:after{animation:none!important;transition:none!important}.clf-landing.is-reveal-ready .clf-reveal:not(.is-visible){opacity:1;transform:none}}@media(forced-colors:active){.clf-hero h1{-webkit-text-fill-color:currentColor}.clf-button{border:1px solid ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/clf-2026.css.map */