/* Six distinct surprises, expressed in the natural colours of the collection. */
.benefit{--benefit-green:#24543c;--benefit-muted:#686b5d;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(46px,7vw,112px);padding-top:100px;padding-bottom:100px;background:#e8e5d9;border-top:1px solid #d8d7c8}
.benefit h2{margin:0;font-size:clamp(43px,4.6vw,68px);font-weight:400;letter-spacing:-.04em;line-height:1.06}
.benefit h2 em{font-size:1.13em;color:#596247}
.benefit-intro{margin-top:27px;max-width:40ch;color:var(--benefit-muted);font-size:14px;line-height:1.85}
.benefit-prizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;max-width:410px}
.benefit-prize-chip{display:inline-flex;justify-content:center;align-items:center;min-width:58px;padding:6px 12px;border:1px solid #c7cab9;border-radius:40px;color:#4d5742;font-size:12px;font-weight:500;line-height:1.5;transition:background .25s,color .25s,border-color .25s}
.benefit-prize-chip.is-winning{background:var(--benefit-green);border-color:var(--benefit-green);color:#fff9eb}
.benefit-steps{list-style:none;padding:0;margin:29px 0 0;max-width:420px}
.benefit-steps li{display:flex;gap:17px;align-items:flex-start;padding:17px 0;border-top:1px solid #cdcfbe}
.benefit-steps li>span{font-size:10px;line-height:2;color:#787d67;letter-spacing:.08em}
.benefit-steps p{font-size:13px;line-height:1.6}
.benefit-steps small{display:block;font-size:11px;color:var(--benefit-muted);margin-top:3px;line-height:1.7}
.benefit-terms{max-width:47ch;margin-top:20px;color:#626856;font-size:11px;line-height:1.8}
.benefit-terms strong{display:block;font-size:12px;font-weight:500;line-height:1.7;color:#40503a}
.benefit-terms br{display:none}
.benefit-rules{max-width:420px;margin-top:16px;color:#626856;font-size:11px;line-height:1.8}
.benefit-rules summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;border-bottom:1px solid #c9cebc;cursor:pointer;list-style:none;color:#46533d;font-size:12px}
.benefit-rules summary::-webkit-details-marker{display:none}
.benefit-rules summary::after{content:'+';font-size:18px;font-weight:400;line-height:1}
.benefit-rules[open] summary::after{content:'−'}
.benefit-rules p,.benefit-rules ul{margin-top:12px}
.benefit-rules ul{padding-left:18px}
.benefit-rules li+li{margin-top:7px}
.benefit-rules summary:focus-visible{outline:2px solid var(--benefit-green);outline-offset:5px}
.benefit-play{--benefit-wheel-size:clamp(250px,28vw,380px);--benefit-radius:calc(var(--benefit-wheel-size)*.345);position:relative;min-width:0;align-self:center;display:flex;flex-direction:column;align-items:center;padding:29px 30px 23px;background:#f5f0e6;border:1px solid #d3d1bf;border-radius:15px;box-shadow:0 14px 42px #45462b07}
.benefit-play-heading{width:100%;display:flex;gap:14px;justify-content:space-between;align-items:center;color:#69705b;margin-bottom:37px}
.benefit-play-heading>.eyebrow,.benefit-play-heading>span:first-child{font-size:8px;font-weight:500;letter-spacing:.13em;line-height:1.5}
.benefit-play-heading>span:last-child{font-size:8px;letter-spacing:.12em;white-space:nowrap}
.benefit-wheel-wrap{position:relative;flex-shrink:0;isolation:isolate;width:var(--benefit-wheel-size);height:var(--benefit-wheel-size);max-width:100%;border-radius:50%}
.benefit-wheel-wrap::before{content:'';position:absolute;inset:-11px;border:1px solid #c1c5ae;border-radius:50%;box-shadow:0 9px 20px #454b3610;pointer-events:none}
.benefit-wheel-wrap::after{content:'';position:absolute;inset:5px;border:1px solid #fff5d851;border-radius:50%;pointer-events:none}
.benefit-wheel{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:conic-gradient(from 0deg,#244b38 0deg 60deg,#dfc69e 60deg 120deg,#68754b 120deg 180deg,#9e543f 180deg 240deg,#efdfb9 240deg 300deg,#34372e 300deg 360deg);transform:rotate(var(--benefit-turn,0deg));transition:transform 4.4s cubic-bezier(.12,.66,.13,1)}
.benefit[data-state="spinning"] .benefit-wheel,.benefit[data-state="spinning"] .benefit-wheel-label{will-change:transform}
.benefit-wheel-label{position:absolute;left:50%;top:50%;width:84px;height:70px;margin:-35px 0 0 -42px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff8e8;transform:rotate(var(--benefit-label-angle)) translateY(calc(0px - var(--benefit-radius))) rotate(calc(0deg - var(--benefit-label-angle) - var(--benefit-turn,0deg)));transition:transform 4.4s cubic-bezier(.12,.66,.13,1);font-variant-numeric:lining-nums tabular-nums}
.benefit-wheel-label:nth-child(2),.benefit-wheel-label:nth-child(5){color:#3b3d2d}
.benefit-wheel-label b{display:flex;align-items:baseline;gap:2px;font-size:clamp(31px,3.1vw,43px);font-weight:500;line-height:1.05;letter-spacing:-.04em}
.benefit-wheel-label b small{font-size:.44em;letter-spacing:-.02em;font-weight:400}
.benefit-wheel-label>span{display:block;margin-top:4px;font-size:8px;line-height:1.5;font-weight:500;letter-spacing:.19em}
.benefit-wheel-label.is-winning::after{content:'';position:absolute;inset:0 6px;border:1px solid currentColor;border-radius:12px;opacity:.6}
.benefit-wheel-center{position:absolute;z-index:1;left:50%;top:50%;width:calc(var(--benefit-wheel-size)*.245);height:calc(var(--benefit-wheel-size)*.245);transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f0e6;color:#3d5037;font:400 calc(var(--benefit-wheel-size)*.14)/.8 var(--serif,Georgia,serif);border:6px solid #e5dfcd;box-shadow:0 3px 15px #182e2221}
.benefit-wheel-center small{display:block;font:500 7px/1 var(--sans,Arial,sans-serif);letter-spacing:.18em;margin-top:8px;margin-left:2px}
.benefit-pointer{position:absolute;z-index:3;top:-20px;left:calc(50% - 11px);width:22px;height:34px;background:#254e37;clip-path:polygon(0 0,100% 0,100% 38%,50% 100%,0 38%);filter:drop-shadow(0 2px 1px #1b301c22);transform-origin:50% 0}
.benefit[data-state="spinning"] .benefit-pointer{animation:benefit-pointer-tick .14s ease-in-out infinite alternate}
@keyframes benefit-pointer-tick{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}
.benefit-action{width:100%;margin-top:32px;text-align:center;min-height:118px}
.benefit-wheel-caption{font-size:11px;line-height:1.7;color:#6c715f;margin:0 auto 15px;max-width:39ch}
.benefit-spin,.benefit-selection-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:17px 21px;background:#237647;color:#fffaf0;border:1px solid #237647;border-radius:5px;font-size:16px;font-weight:500;line-height:1.5;text-align:left;transition:background .2s,border-color .2s,transform .2s}
.benefit-spin svg,.benefit-selection-link svg{width:20px;height:20px}
.benefit-spin:hover,.benefit-selection-link:hover{background:#1b633b;border-color:#1b633b;transform:translateY(-2px)}
.benefit-spin:active,.benefit-selection-link:active{transform:none}
.benefit-spin:disabled{cursor:wait;background:#4b7354;border-color:#4b7354;color:#fcfaef;transform:none}
.benefit :is(.benefit-spin,.benefit-selection-link):focus-visible{outline:2px solid #24543c;outline-offset:5px}
.benefit[data-state="active"] .benefit-spin,.benefit[data-state="active"] .benefit-wheel-caption{display:none}
.benefit-result[hidden]{display:none}
.benefit-result:not([hidden]){animation:benefit-result-arrive .45s ease-out both}
@keyframes benefit-result-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.benefit-result-title{font-size:27px;font-weight:400;line-height:1.2;letter-spacing:-.04em;color:#315237}
.benefit-result-description{max-width:39ch;font-size:12px;line-height:1.75;color:#636d56;margin:10px auto 17px}
.benefit-coupon{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;text-align:left;border:1px dashed #98a282;padding:13px 16px;background:#e9ecde;border-radius:5px}
.benefit-coupon label{font-size:9px;letter-spacing:.12em;line-height:1.5;color:#5a694e;grid-column:1}
.benefit-coupon input{grid-column:1;grid-row:2;font:500 23px/1.3 var(--sans,DM,Arial,sans-serif);letter-spacing:.07em;padding:0;width:100%;min-width:0;color:#344c30;border:0;border-radius:0;background:transparent;caret-color:transparent}
.benefit-coupon input:focus-visible{outline:1px solid #74835d;outline-offset:3px}
.benefit-coupon button{grid-row:1 / span 2;grid-column:2;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 0 9px 9px;min-height:44px;font-size:11px;background:none;border:0;color:#3f5537}
.benefit-coupon button svg{width:16px;height:16px}
.benefit-selection-link{margin-top:13px;font-size:15px}
.benefit-status{font-size:10px;line-height:1.7;color:#5e6a50;margin-top:10px;min-height:17px;max-width:46ch;margin-left:auto;margin-right:auto}
@media(min-width:1600px){.benefit-play{width:100%;max-width:610px}.benefit-intro{font-size:15px}}
@media(min-width:901px) and (max-width:1100px){.benefit{gap:38px}.benefit-play{padding:25px 23px 21px}.benefit-play-heading{gap:8px}.benefit-play-heading>span:last-child{font-size:7px}.benefit h2{font-size:45px}.benefit-intro{font-size:13px}.benefit-prizes{gap:6px}.benefit-prize-chip{min-width:50px;padding:5px 9px}.benefit-wheel-label b{font-size:31px}.benefit-wheel-label{width:70px;height:60px;margin:-30px 0 0 -35px}.benefit-wheel-label.is-winning::after{inset:0 2px}.benefit-wheel-center{border-width:5px}.benefit-wheel-center small{font-size:6px;margin-top:6px}.benefit-spin,.benefit-selection-link{padding:16px;font-size:14px}.benefit-result-title{font-size:25px}.benefit-coupon input{font-size:20px}}
@media(max-width:900px){.benefit{grid-template-columns:1fr;gap:43px;padding-top:76px;padding-bottom:76px}.benefit-copy{max-width:620px}.benefit h2{font-size:clamp(43px,7vw,60px)}.benefit-intro{max-width:44ch}.benefit-steps{max-width:520px}.benefit-terms,.benefit-rules{max-width:520px}.benefit-play{--benefit-wheel-size:340px;width:100%;max-width:510px;justify-self:center;padding:29px 32px 23px}.benefit-wheel-label b{font-size:39px}.benefit-play-heading{margin-bottom:36px}.benefit-coupon input{max-width:none}}
@media(max-width:540px){.benefit{gap:35px;padding-top:64px;padding-bottom:64px}.benefit h2{font-size:43px}.benefit-intro{font-size:13px;margin-top:23px;max-width:38ch}.benefit-prizes{margin-top:21px;gap:7px}.benefit-prize-chip{font-size:11px;min-width:49px;padding:5px 10px}.benefit-steps{margin-top:26px}.benefit-steps li{gap:16px;padding:16px 0}.benefit-steps p{font-size:12px}.benefit-steps small{font-size:11px}.benefit-terms{margin-top:18px}.benefit-rules{margin-top:10px}.benefit-play{--benefit-wheel-size:clamp(238px,calc(100vw - 110px),320px);padding:24px 21px 18px;border-radius:12px}.benefit-play-heading{margin-bottom:34px;gap:8px}.benefit-play-heading>.eyebrow,.benefit-play-heading>span:first-child{font-size:7px;letter-spacing:.11em}.benefit-play-heading>span:last-child{font-size:7px}.benefit-wheel-label{width:70px;height:60px;margin:-30px 0 0 -35px}.benefit-wheel-label b{font-size:33px}.benefit-wheel-label>span{font-size:7px;margin-top:3px}.benefit-wheel-label.is-winning::after{inset:0 3px;border-radius:10px}.benefit-wheel-center{border-width:5px}.benefit-wheel-center small{font-size:6px;margin-top:6px}.benefit-pointer{top:-18px;height:31px;width:20px;left:calc(50% - 10px)}.benefit-action{margin-top:29px;min-height:117px}.benefit-wheel-caption{font-size:10px;max-width:34ch}.benefit-spin{font-size:16px;padding:16px 17px}.benefit-selection-link{font-size:14px;padding:16px 17px}.benefit-result-title{font-size:26px}.benefit-result-description{font-size:11px;max-width:35ch}.benefit-coupon{padding:12px 13px;gap:5px 8px}.benefit-coupon label{font-size:8px}.benefit-coupon input{font-size:21px}.benefit-coupon button{font-size:10px}.benefit-status{font-size:10px}}
@media(max-width:370px){.benefit h2{font-size:39px}.benefit-play{padding-left:17px;padding-right:17px}.benefit-play-heading>.eyebrow,.benefit-play-heading>span:first-child{font-size:6.5px;letter-spacing:.09em}.benefit-play-heading>span:last-child{font-size:6px}.benefit-wheel-label b{font-size:30px}.benefit-coupon input{font-size:19px}.benefit-selection-link{font-size:13px;gap:10px}}
@media(prefers-reduced-motion:reduce){.benefit-wheel,.benefit-wheel-label,.benefit-prize-chip,.benefit-spin,.benefit-selection-link{transition:none!important;will-change:auto!important}.benefit-pointer,.benefit-result:not([hidden]){animation:none!important}.benefit-spin:hover,.benefit-selection-link:hover{transform:none}}