/* A positive, concise hero with room for the artwork to do its job. */
body.aspiration-v14 .hero.hero-v14{display:block;width:100%;max-width:none;margin:0;padding:48px 0 0;color:#fff4da;background:radial-gradient(ellipse at 90% 15%,#65846833,transparent 55%),#17392e;overflow:hidden;isolation:isolate}
.hero-layout-v14{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:37px 70px}
.hero-audience-v14{display:flex;gap:9px;align-items:center;font:11px/1.6 var(--mono);letter-spacing:.07em;color:#d9e3bb;margin-bottom:23px}
.hero-audience-v14>span{font:22px/1 var(--sans);color:#ffb88f}
body.aspiration-v14 .hero-v14 h1{font-size:clamp(62px,5.7vw,86px);font-weight:530;line-height:1.01;letter-spacing:-.065em;color:#fff0d0}
body.aspiration-v14 .hero-v14 h1>span,body.aspiration-v14 .hero-v14 h1>em{display:block}
body.aspiration-v14 .hero-v14 h1>em{font-size:1.08em;line-height:1.12;letter-spacing:-.045em;color:#ffb68f}
.hero-message-v14{max-width:550px;margin-top:24px;font-size:21px;line-height:1.65;color:#d3dec8}
.hero-message-v14 strong{font-weight:550;color:#fff0d2}
.hero-decision-v14{display:flex;gap:27px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid #69836c66}
.hero-decision-v14>div{display:flex;flex-direction:column;gap:5px}
.hero-decision-v14 small{font:10px/1.5 var(--mono);letter-spacing:.1em;color:#c5d5b0}
.hero-decision-v14 strong{font-size:72px;line-height:1;letter-spacing:-.075em;font-weight:500;color:#ffedc9}
.hero-decision-v14 b{font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.04em;color:#fff0d1}
.hero-decision-v14>div>span{font-size:14px;line-height:1.6;color:#cbd9bf}
body.aspiration-v14 .hero-v14 .hero-actions{margin-top:22px;display:block}
body.aspiration-v14 .hero-v14 .hero-primary-v14{font-size:19px;padding:18px 27px;min-height:63px;min-width:330px;gap:55px;background:#ff8154;color:#173025;border-color:#ffae88;border-radius:6px;box-shadow:0 6px 0 #09261955}
body.aspiration-v14 .hero-v14 .hero-primary-v14:hover{background:#ff986e;box-shadow:0 8px 22px #061e1455}
.hero-reassurance-v14{display:grid;grid-template-columns:15px 1fr;gap:0 7px;font-size:12px;line-height:1.6;margin-top:18px;color:#d0ddbf}.hero-reassurance-v14>br{display:none}.hero-reassurance-v14>span:first-child{grid-row:1/3;color:#cbdda9}.hero-reassurance-second-v14{grid-column:2}
body.aspiration-v14 .hero-visual.hero-stage-v14{position:relative;width:100%;height:680px;min-height:0;max-width:none;margin:0;isolation:isolate}
.hero-image-v14{position:absolute;inset:0 0 48px 22px;background:#e5dfcc;border:1px solid #b6bda0;border-radius:190px 190px 12px 12px;overflow:hidden}
.hero-image-v14>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-art-tag-v14{position:absolute;left:-7px;top:47%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:17px 23px;background:#e5edcc;color:#365431;border:1px solid #bbc99e;border-radius:6px;box-shadow:0 12px 20px #09251d33;transform:rotate(-7deg)}
.hero-art-tag-v14>span{font:9px/1.5 var(--mono);letter-spacing:.07em}.hero-art-tag-v14>b{font:italic 42px/1.05 var(--serif);letter-spacing:-.05em}
.hero-preview-v14{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;padding:16px;background:#f9f4e7;border:1px solid #d0d5bb;border-radius:10px;box-shadow:0 14px 28px #071e2140;text-align:left;color:#284732;transition:background .2s ease}
.hero-preview-thumb-v14{display:block;position:relative;overflow:hidden;border-radius:4px;border:1px solid #afb998}.hero-preview-thumb-v14>img{width:100%;aspect-ratio:16/10;object-fit:cover}.hero-preview-thumb-v14>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;background:#254a35e6;color:#fff1d0;border:1px solid #ccdbb699;border-radius:50%;font-size:12px;padding-left:2px}
.hero-preview-copy-v14{display:flex;flex-direction:column;gap:6px}.hero-preview-copy-v14>small{font:10px/1.5 var(--mono);letter-spacing:.055em;color:#58714c}.hero-preview-copy-v14>strong{font-size:26px;line-height:1.12;font-weight:500;letter-spacing:-.045em}.hero-preview-copy-v14>span{font-size:13px;line-height:1.5;color:#58714c}.hero-preview-copy-v14 b{color:#a94f29;font-size:18px;margin-left:9px;font-weight:400}.hero-preview-v14:hover{background:#fff9e9}
.hero-footer-v14{grid-column:1/-1;display:flex;justify-content:space-between;gap:35px;align-items:center;border-top:1px solid #71886b55;padding:25px 0 30px;color:#d2dfc3;font-size:14px;line-height:1.55}
.hero-footer-v14>span>b{font-weight:500;color:#fff0cf}.hero-footer-v14>div{display:flex;gap:32px}.hero-footer-v14>div>span{display:flex;align-items:center;gap:9px}.hero-footer-v14 b[aria-hidden]{font-size:20px;font-weight:400;color:#ffb991;line-height:1}
body.aspiration-v14 .hero-v14 :is(button,a):focus-visible{outline-color:#ffc89e}
@media(max-width:1250px){
 .hero-layout-v14{gap:32px 42px;grid-template-columns:1.08fr 1fr}
 body.aspiration-v14 .hero-v14 h1{font-size:clamp(57px,5.45vw,70px)}
 .hero-message-v14{font-size:20px}.hero-decision-v14{gap:21px}
 body.aspiration-v14 .hero-visual.hero-stage-v14{height:650px}.hero-image-v14{left:15px;border-radius:155px 155px 10px 10px}
 .hero-preview-v14{grid-template-columns:110px 1fr;gap:14px;padding:14px}.hero-preview-copy-v14>strong{font-size:24px}.hero-preview-copy-v14>small{font-size:9px}.hero-preview-copy-v14>span{font-size:12px}
 .hero-footer-v14{font-size:13px}.hero-footer-v14>div{gap:20px}
}
@media(max-width:1000px){
 body.aspiration-v14 .hero.hero-v14{padding-top:39px}.hero-layout-v14{grid-template-columns:1fr;gap:32px}
 body.aspiration-v14 .hero-v14 h1{font-size:clamp(66px,9.6vw,90px)}
 .hero-message-v14{max-width:660px}.hero-decision-v14{max-width:590px}
 body.aspiration-v14 .hero-visual.hero-stage-v14{height:625px;max-width:600px;margin:auto}.hero-image-v14{left:23px}.hero-art-tag-v14{left:0;top:45%}
 .hero-preview-v14{grid-template-columns:145px 1fr;padding:17px;gap:20px}.hero-preview-copy-v14>strong{font-size:28px}.hero-preview-copy-v14>span{font-size:14px}.hero-preview-copy-v14>small{font-size:10px}
 .hero-footer-v14{align-items:flex-start;flex-direction:column;gap:21px}.hero-footer-v14>div{gap:28px}
}
@media(max-width:619px){
 body.aspiration-v14 .hero.hero-v14{padding-top:30px}.hero-layout-v14{gap:27px}
 .hero-audience-v14{font-size:9px;gap:8px;letter-spacing:.035em;margin-bottom:20px}.hero-audience-v14>span{font-size:20px}
 body.aspiration-v14 .hero-v14 h1{font-size:clamp(49px,12vw,70px);line-height:1.02}
 .hero-message-v14{font-size:18px;line-height:1.65;margin-top:21px}
 .hero-decision-v14{margin-top:23px;padding-top:18px;gap:23px}.hero-decision-v14 strong{font-size:64px}.hero-decision-v14 b{font-size:21px}.hero-decision-v14>div>span{font-size:12px}.hero-decision-v14 small{font-size:9px}
 body.aspiration-v14 .hero-v14 .hero-actions{margin-top:19px}body.aspiration-v14 .hero-v14 .hero-primary-v14{width:100%;min-width:0;min-height:59px;padding:17px 22px;font-size:18px;gap:25px}
 .hero-reassurance-v14{font-size:12px;margin-top:15px}
 body.aspiration-v14 .hero-visual.hero-stage-v14{height:458px;max-width:450px}.hero-image-v14{inset:0 0 39px 10px;border-radius:120px 120px 10px 10px}.hero-art-tag-v14{padding:13px 17px;top:42%}.hero-art-tag-v14>span{font-size:8px}.hero-art-tag-v14>b{font-size:34px}
 .hero-preview-v14{grid-template-columns:90px 1fr;padding:12px;gap:13px;border-radius:8px}.hero-preview-copy-v14{gap:4px}.hero-preview-copy-v14>strong{font-size:21px}.hero-preview-copy-v14>small{font-size:8px}.hero-preview-copy-v14>span{font-size:11px}.hero-preview-copy-v14 b{font-size:16px;margin-left:5px}.hero-preview-thumb-v14>b{width:29px;height:29px;font-size:10px}
 .hero-footer-v14{gap:18px;padding:23px 0 26px;font-size:13px}.hero-footer-v14>div{gap:13px 20px;flex-wrap:wrap;font-size:12px}.hero-footer-v14>div>span{gap:7px}
}
@media(max-width:370px){
 .hero-audience-v14{font-size:8px}body.aspiration-v14 .hero-v14 h1{font-size:43px}.hero-message-v14{font-size:17px}.hero-decision-v14{gap:18px}.hero-decision-v14 b{font-size:20px}.hero-decision-v14>div>span{font-size:11px}.hero-decision-v14 strong{font-size:60px}
 body.aspiration-v14 .hero-visual.hero-stage-v14{height:410px}.hero-preview-v14{grid-template-columns:72px 1fr;gap:10px;padding:11px}.hero-preview-copy-v14>strong{font-size:19px}.hero-preview-copy-v14>span{font-size:10px}.hero-preview-copy-v14>small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.hero-preview-v14{transition:none}}
/* Pull the image into the type's space and soften the seam into one shared scene. */
@media(min-width:1001px){
 .hero-layout-v14{grid-template-columns:1fr 1fr;column-gap:20px}
 .hero-layout-v14>.hero-copy{position:relative;z-index:2}
 body.aspiration-v14 .hero-visual.hero-stage-v14{width:calc(100% + 48px);margin-left:-48px}
 .hero-image-v14{left:0;border:0;border-radius:0 150px 10px 0;mask-image:linear-gradient(90deg,transparent 0,#000 14%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%)}
 .hero-image-v14>img{object-position:50% 58%}
 .hero-art-tag-v14{left:2px;top:42%}
 .hero-preview-v14{left:35px}
 .hero-message-v14{max-width:535px}
}
@media(min-width:1001px) and (max-width:1250px){
 .hero-layout-v14{column-gap:15px}
 body.aspiration-v14 .hero-visual.hero-stage-v14{width:calc(100% + 30px);margin-left:-30px}
 .hero-preview-v14{left:20px}.hero-art-tag-v14{left:3px}
}
@media(min-width:620px) and (max-width:1000px){
 .hero-layout-v14{grid-template-columns:1fr 1fr;gap:22px 20px;align-items:start}
 .hero-layout-v14>.hero-copy{display:contents}
 .hero-audience-v14{grid-column:1/-1;grid-row:1;margin:0}
 body.aspiration-v14 .hero-v14 h1{grid-column:1;grid-row:2;font-size:clamp(43px,6.6vw,62px);margin:0}
 .hero-message-v14{grid-column:1;grid-row:3;font-size:17px;line-height:1.6;margin:0;max-width:none}
 body.aspiration-v14 .hero-visual.hero-stage-v14{grid-column:2;grid-row:2/4;align-self:stretch;width:calc(100% + 12px);height:100%;min-height:370px;max-width:none;margin:0 0 0 -12px}
 .hero-image-v14{inset:0 0 35px 0;border:0;border-radius:0 95px 8px 0;mask-image:linear-gradient(90deg,transparent 0,#000 10%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%)}
 .hero-image-v14>img{object-position:50% 58%}
 .hero-art-tag-v14{left:0;top:41%;padding:11px 13px}.hero-art-tag-v14>span{font-size:7px}.hero-art-tag-v14>b{font-size:31px}
 .hero-preview-v14{grid-template-columns:57px 1fr;gap:9px;padding:10px;left:5px;border-radius:7px}.hero-preview-copy-v14>small{font-size:7px}.hero-preview-copy-v14>strong{font-size:18px}.hero-preview-copy-v14>span{font-size:10px}.hero-preview-copy-v14 b{font-size:14px;margin-left:2px}
 .hero-decision-v14{grid-column:1/-1;grid-row:4;width:100%;max-width:none;margin:0;padding-top:19px}
 body.aspiration-v14 .hero-v14 .hero-actions{grid-column:1/-1;grid-row:5;margin:0}
 .hero-reassurance-v14{grid-column:1/-1;grid-row:6;margin-top:-5px}
 .hero-footer-v14{grid-column:1/-1;grid-row:7;margin-top:0}
}
/* Optical type lockup: two aligned display lines, with a smaller introductory line. */
body.aspiration-v14 .hero-v14 h1{--hero-display-size:clamp(78px,6.5vw,100px)}
body.aspiration-v14 .hero-v14 h1>span:first-child{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin-bottom:9px;font-weight:450;color:#e6e8ce}
body.aspiration-v14 .hero-v14 h1>em{font-size:var(--hero-display-size);line-height:1.05;letter-spacing:-.045em}
body.aspiration-v14 .hero-v14 h1>span:last-child{font-size:calc(var(--hero-display-size) * 1.15);line-height:1;letter-spacing:-.065em}
@media(min-width:1001px) and (max-width:1250px){body.aspiration-v14 .hero-v14 h1{--hero-display-size:clamp(68px,6.6vw,82px)}}
@media(min-width:620px) and (max-width:1000px){
 body.aspiration-v14 .hero-v14 h1{--hero-display-size:clamp(49px,8vw,77px)}
 body.aspiration-v14 .hero-v14 h1>span:first-child{font-size:24px;margin-bottom:7px}
 body.aspiration-v14 .hero-visual.hero-stage-v14{min-height:340px}
}
@media(max-width:619px){
 body.aspiration-v14 .hero-v14 h1{--hero-display-size:clamp(58px,15.6vw,80px)}
 body.aspiration-v14 .hero-v14 h1>span:first-child{font-size:24px;margin-bottom:7px}
}
/* Feather both axes so the artwork flows into the surrounding colour, without a vertical seam. */
@media(min-width:620px){
 .hero-image-v14{
  mask-image:linear-gradient(90deg,transparent 0,transparent 3%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.55) 17%,#000 28%),linear-gradient(180deg,transparent 0,#000 13%,#000 89%,transparent 100%);
  mask-composite:intersect;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 3%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.55) 17%,#000 28%),linear-gradient(180deg,transparent 0,#000 13%,#000 89%,transparent 100%);
  -webkit-mask-composite:source-in;
  border-radius:0 100px 0 0;
  mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;
  clip-path:inset(0 0 0 3px);
 }
}
body.aspiration-v14 .hero-preview-v14:focus-visible{outline:3px solid #27684b;outline-offset:3px;box-shadow:0 0 0 6px #fff4de}
/* One generous purchase row: the offer and its action share the available width. */
.hero-purchase-v14{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);align-items:center;gap:22px;margin-top:28px;padding-top:24px;border-top:1px solid #69836c66}
.hero-purchase-v14 .hero-decision-v14{margin:0;padding:0;border:0;gap:16px;min-width:0}
.hero-purchase-v14 .hero-decision-v14 strong{font-size:86px}
.hero-purchase-v14 .hero-decision-v14 small{white-space:nowrap}
.hero-purchase-v14 .hero-decision-v14 b{font-size:25px}
.hero-purchase-v14 .hero-decision-v14>div>span{font-size:15px;line-height:1.45}
body.aspiration-v14 .hero-v14 .hero-purchase-v14 .hero-actions{margin:0;min-width:0;grid-column:auto;grid-row:auto}
body.aspiration-v14 .hero-v14 .hero-purchase-v14 .hero-primary-v14{display:flex;justify-content:space-between;align-items:center;min-width:0;width:100%;min-height:100px;padding:20px 23px;gap:12px;font-size:24px;text-align:left}
.hero-button-label-v14{display:flex;flex-direction:column;gap:7px;line-height:1.2;letter-spacing:-.025em}
.hero-button-label-v14>small{font-size:14px;line-height:1.3;font-weight:450;letter-spacing:0}
@media(min-width:1001px) and (max-width:1250px){
 .hero-purchase-v14{gap:17px;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}
 .hero-purchase-v14 .hero-decision-v14{gap:13px}.hero-purchase-v14 .hero-decision-v14 strong{font-size:80px}.hero-purchase-v14 .hero-decision-v14 b{font-size:22px}.hero-purchase-v14 .hero-decision-v14>div>span{font-size:14px}
 body.aspiration-v14 .hero-v14 .hero-purchase-v14 .hero-primary-v14{min-height:96px;padding:20px 18px;font-size:21px}
}
@media(min-width:1001px){.hero-art-tag-v14{left:50px}}
@media(min-width:1001px) and (max-width:1250px){.hero-art-tag-v14{left:36px}}
@media(min-width:620px) and (max-width:1000px){
 .hero-purchase-v14{grid-column:1/-1;grid-row:4;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;padding-top:22px;gap:25px}
 .hero-purchase-v14 .hero-decision-v14,.hero-purchase-v14 .hero-actions{grid-column:auto;grid-row:auto}
 .hero-reassurance-v14{grid-row:5;margin-top:-4px}.hero-footer-v14{grid-row:6}
}
@media(max-width:619px){
 .hero-purchase-v14{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:13px;margin-top:23px;padding-top:20px}
 .hero-purchase-v14 .hero-decision-v14{gap:10px;align-items:flex-start}.hero-purchase-v14 .hero-decision-v14 strong{font-size:59px}.hero-purchase-v14 .hero-decision-v14 b{font-size:19px}.hero-purchase-v14 .hero-decision-v14>div>span{font-size:11px}.hero-purchase-v14 .hero-decision-v14>div:last-child{padding-top:16px}
 body.aspiration-v14 .hero-v14 .hero-purchase-v14 .hero-primary-v14{min-height:96px;padding:15px 12px;font-size:19px;gap:7px}.hero-button-label-v14>small{font-size:11px}
}
@media(max-width:370px){
 .hero-purchase-v14{grid-template-columns:1fr;gap:16px}.hero-purchase-v14 .hero-decision-v14{align-items:center;gap:20px}.hero-purchase-v14 .hero-decision-v14 strong{font-size:70px}.hero-purchase-v14 .hero-decision-v14 b{font-size:22px}.hero-purchase-v14 .hero-decision-v14>div>span{font-size:13px}.hero-purchase-v14 .hero-decision-v14>div:last-child{padding-top:0}
 body.aspiration-v14 .hero-v14 .hero-purchase-v14 .hero-primary-v14{min-height:77px;padding:17px 22px;font-size:22px}.hero-button-label-v14>small{font-size:12px}
}
/* Desktop: anchor the CTA to the actual offer width, not an oversized grid track. */
@media(min-width:1001px){
 .hero-purchase-v14{grid-template-columns:max-content minmax(0,1fr);max-width:600px;gap:20px}
 body.aspiration-v14 .hero-v14 .hero-purchase-v14 .hero-primary-v14{min-height:104px;padding:20px;gap:12px}
 body.aspiration-v14 .hero-v14 .hero-primary-v14>.hero-button-label-v14{font-size:clamp(24px,2.1vw,32px);font-weight:600;gap:8px}
 body.aspiration-v14 .hero-v14 .hero-button-label-v14>small{font-size:17px;font-weight:450}
 body.aspiration-v14 .hero-v14 .hero-primary-v14>span[aria-hidden]{font-size:38px;line-height:1;flex:none}
}
@media(min-width:1001px) and (max-width:1250px){
 .hero-purchase-v14{gap:18px}
 body.aspiration-v14 .hero-v14 .hero-purchase-v14 .hero-primary-v14{min-height:100px;padding:18px 16px;gap:10px}
 body.aspiration-v14 .hero-v14 .hero-primary-v14>span[aria-hidden]{font-size:33px}
 body.aspiration-v14 .hero-v14 .hero-button-label-v14>small{font-size:15px}
}
@media(min-width:1001px) and (max-width:1120px){
 .hero-purchase-v14{gap:14px}
 body.aspiration-v14 .hero-v14 .hero-primary-v14>.hero-button-label-v14{font-size:22px}
 body.aspiration-v14 .hero-v14 .hero-purchase-v14 .hero-primary-v14{padding:17px 13px;gap:8px}
 body.aspiration-v14 .hero-v14 .hero-primary-v14>span[aria-hidden]{font-size:28px}
 body.aspiration-v14 .hero-v14 .hero-button-label-v14>small{font-size:13px}
}
