/* Cinematic homepage hero v2 — desktop reference and stacked mobile composition. */
.hero-story{height:calc(100vh - 78px);min-height:720px;max-height:920px}
.hero-story-copy{top:9%;width:min(820px,64vw)}.hero-story-copy h1{font-size:clamp(54px,5.4vw,84px);line-height:.76;letter-spacing:-.045em;text-shadow:0 5px 18px #000,0 0 32px #000}.hero-story-copy h1 em,.hero-story-copy h1 strong{background:linear-gradient(180deg,#ffe17b 0,#f6c64f 38%,#c88913 100%);color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.35px #f6cd60;filter:drop-shadow(0 5px 1px #4b2b00)}.hero-story-copy h1 span{background:linear-gradient(180deg,#fff 0,#f7f5ef 48%,#bdbdb9 100%);color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.25px #fff;filter:drop-shadow(0 5px 1px #222)}.hero-story-copy p{margin:14px 0 16px;color:#f6f2e8;text-shadow:0 2px 8px #000;font-size:17px}
.hero-story-actions{display:flex;align-items:center;justify-content:center;gap:10px}.hero-story-actions>*{min-width:245px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font:900 11px var(--display);letter-spacing:.04em}.hero-story-actions>.gold-btn{background:linear-gradient(110deg,#f0b82d,#ffe277 56%,#d99d1f);box-shadow:inset 0 1px #fff3b0,0 0 28px #e8ad384d,0 12px 28px #0008}.hero-story-actions>.outline{gap:11px;border-color:#9a762b;background:#080a09e8;color:#ece9df;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0008}.hero-story-actions>.outline span{color:#f0c24b;font-size:20px}
.hero-story-benefits{position:absolute;z-index:6;top:39.5%;left:50%;width:min(720px,64vw);min-height:54px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border:1px solid #74571f;border-radius:8px;background:#070806e8;box-shadow:0 14px 35px #000a,inset 0 1px #fff1;transform:translateX(-50%);backdrop-filter:blur(8px)}.hero-story-benefits span{min-height:34px;display:grid;grid-template-columns:34px 1fr;align-content:center;padding:0 15px;border-right:1px solid #54401b}.hero-story-benefits span:last-child{border:0}.hero-story-benefits i{grid-row:1/3;width:23px;height:23px;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;color:transparent;font-size:0;font-style:normal}.hero-story-benefits span:nth-child(1) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efbe45' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M2.5 19c.4-4 2.2-6 5.5-6s5.1 2 5.5 6M14 14c3.8-.7 6.3 1 6.8 5'/%3E%3C/svg%3E")}.hero-story-benefits span:nth-child(2) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efbe45' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 11 11 3h8l2 2v8l-8 8L3 11Z'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.3'/%3E%3C/svg%3E")}.hero-story-benefits span:nth-child(3) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efbe45' stroke-width='1.8'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h4'/%3E%3C/svg%3E")}.hero-story-benefits span:nth-child(4) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efbe45' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7.2 7.5c-5.8 0-5.8 9 0 9 4.4 0 5.7-9 9.6-9 5.8 0 5.8 9 0 9-4.4 0-5.7-9-9.6-9Z'/%3E%3C/svg%3E")}.hero-story-benefits b{color:#eeeae0;font:800 9px var(--display);letter-spacing:.04em}.hero-story-benefits small{color:#9c998f;font:700 7px var(--display);letter-spacing:.08em}.hero-story-benefits em{color:#f2c14a;font-style:normal}
.hero-orbit-user.orbit-1{left:4%;top:12%}.hero-orbit-user.orbit-2{left:10%;top:36%}.hero-orbit-user.orbit-3{right:10%;top:36%}.hero-orbit-user.orbit-4{right:4%;top:13%}.hero-orbit-user.orbit-5,.hero-orbit-user.orbit-6{display:none}
.hero-discover{left:7%;right:7%;bottom:14px;display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:14px;padding:13px 18px;border:1px solid #62491b;border-radius:17px;background:linear-gradient(100deg,#090a09f5,#080907df);box-shadow:0 22px 55px #000c,inset 0 1px #fff1;backdrop-filter:blur(8px)}.hero-discover-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0;padding-left:20px;text-align:left}.hero-discover-title>div{min-width:0}.hero-discover-title small{display:block;color:#dfa936;font:800 8px var(--display);letter-spacing:.24em}.hero-discover-title h2{margin:4px 0 5px;color:#f6f3e9;font-size:31px;letter-spacing:-.02em}.hero-discover-title p{margin:0;color:#aaa79e;font-size:10px;line-height:1.35}.hero-discover-title>a{display:none}.hero-discover-row{width:100%;max-width:850px;justify-self:end}.hero-discover>p{display:none}.hero-discover-card{height:98px}
@media(min-width:701px){.hero-discover{left:50%!important;right:auto!important;bottom:46px!important;width:min(1280px,calc(100% - 40px))!important;transform:translateX(-50%)}}
@media(max-width:1050px) and (min-width:701px){.hero-story-copy{width:70vw}.hero-story-benefits{width:68vw}.hero-discover{left:3%;right:3%;grid-template-columns:190px minmax(0,1fr)}.hero-discover-title h2{font-size:25px}.hero-discover-title p{font-size:9px}}
@media(max-width:700px){
  .hero-story{height:clamp(780px,230vw,1050px)!important;min-height:0!important;max-height:none!important;overflow:hidden}.hero-story-backdrop{background-position:center 18px!important;background-size:168vw clamp(590px,124vw,620px)!important;background-repeat:no-repeat!important}
  .hero-story-copy{top:clamp(105px,22vw,110px)!important;width:calc(100% - 28px)!important}.hero-story-copy h1{font-size:clamp(36px,11.6vw,52px)!important;line-height:.8!important}.hero-story-copy p{max-width:300px;margin:10px 0 13px;font-size:13px;line-height:1.25}.hero-story-actions{width:min(235px,72vw);display:grid;gap:8px}.hero-story-actions>*{width:100%;min-width:0;min-height:46px;padding:9px 12px!important;font-size:9px}.hero-story-actions>.outline{background:#070907e8}
  .hero-story-live{top:18px!important;right:50%!important;display:flex!important;padding:7px 11px!important;font-size:7px!important;transform:translateX(50%)}
  .hero-story-benefits{top:calc(260px + 20vw);left:8px;width:calc(100% - 16px);min-height:68px;grid-template-columns:repeat(4,minmax(0,1fr));transform:none}.hero-story-benefits span{min-width:0;min-height:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:5px 2px;text-align:center}.hero-story-benefits i{width:20px;height:20px;font-size:0}.hero-story-benefits b{font-size:7px;line-height:1.15}.hero-story-benefits small{font-size:6px}
  .hero-orbit-user.orbit-1,.hero-orbit-user.orbit-2,.hero-orbit-user.orbit-3,.hero-orbit-user.orbit-4{display:block!important;width:61px!important;padding:4px 4px 6px!important}.hero-orbit-user.orbit-1 img,.hero-orbit-user.orbit-1>span,.hero-orbit-user.orbit-2 img,.hero-orbit-user.orbit-2>span,.hero-orbit-user.orbit-3 img,.hero-orbit-user.orbit-3>span,.hero-orbit-user.orbit-4 img,.hero-orbit-user.orbit-4>span{height:61px!important}.hero-orbit-user.orbit-1{left:9px!important;top:35px!important;transform:rotate(-5deg)!important}.hero-orbit-user.orbit-4{right:9px!important;left:auto!important;top:39px!important;transform:rotate(5deg)!important}.hero-orbit-user.orbit-2{left:11px!important;top:48vw!important;transform:rotate(5deg)!important}.hero-orbit-user.orbit-3{right:11px!important;left:auto!important;top:49vw!important;transform:rotate(-5deg)!important}.hero-orbit-user b{font-size:8px!important}.hero-orbit-user strong{font-size:7px!important}.hero-orbit-user small{font-size:6px!important}
  .hero-discover{top:clamp(412px,122vw,610px);left:8px;right:8px;bottom:auto;display:block;padding:14px 12px 13px;border-radius:14px;background:#070806ed}.hero-discover-title{align-items:center;margin-bottom:10px;padding-left:0}.hero-discover-title small{font-size:9px}.hero-discover-title h2{margin:2px 0 0;font-size:23px}.hero-discover-title p{display:none}.hero-discover-title>a{display:block;color:#e6b840;font:800 7px var(--display);letter-spacing:.04em}.hero-discover-row{display:block;max-width:none}.hero-discover-arrow{display:none}.hero-discover-track{display:flex;gap:7px;overflow-x:auto}.hero-discover-card,.hero-discover-card.is-available{min-width:clamp(96px,31vw,112px)!important;height:clamp(112px,36vw,130px)!important}.hero-discover-card>div{padding:24px 7px 7px}
}
@media(max-width:390px){.hero-story{height:clamp(625px,185vw,720px)!important}.hero-story-copy h1{font-size:clamp(35px,11vw,40px)!important}.hero-story-copy p{max-width:270px;font-size:11px}.hero-story-actions{width:min(215px,68vw)}.hero-story-actions>*{min-height:43px}.hero-orbit-user.orbit-1,.hero-orbit-user.orbit-2,.hero-orbit-user.orbit-3,.hero-orbit-user.orbit-4{width:55px!important}.hero-orbit-user.orbit-1 img,.hero-orbit-user.orbit-1>span,.hero-orbit-user.orbit-2 img,.hero-orbit-user.orbit-2>span,.hero-orbit-user.orbit-3 img,.hero-orbit-user.orbit-3>span,.hero-orbit-user.orbit-4 img,.hero-orbit-user.orbit-4>span{height:54px!important}}

/* Pulsing highlights share the background image's coordinates and crop. */
.hero-glints{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.hero-glint{opacity:0;transform-origin:0 0;animation:hero-glint-pulse var(--glint-duration,6s) ease-in-out var(--glint-delay,0s) infinite}
@keyframes hero-glint-pulse{0%,100%{opacity:.12}22%{opacity:.26}46%{opacity:.78}58%{opacity:.95}72%{opacity:.52}88%{opacity:.2}}
@media(max-width:700px){.hero-glints{inset:18px auto auto 50%;width:168vw;height:clamp(590px,124vw,620px);transform:translateX(-50%)}.hero-glint{animation-duration:calc(var(--glint-duration,6s) + 1s)}}
@media(prefers-reduced-motion:reduce){.hero-glints{display:none}.hero-glint{animation:none}}

/* Keep the available-number heading clear of the sticky site navigation. */
#premium-available{scroll-margin-top:94px}
@media(max-width:700px){#premium-available{scroll-margin-top:86px}}

/* Refined benefit strip: medallions, quiet dividers and readable hierarchy. */
.hero-story-benefits{width:min(850px,72vw);min-height:72px;padding:9px 8px;border-color:#b992465e;border-radius:10px;background:radial-gradient(ellipse at 50% 0,#bc94451a,transparent 75%),linear-gradient(130deg,#12130fee,#070906f5);box-shadow:inset 0 1px #efda9a25,inset 0 -1px #0009,0 14px 35px #0009;backdrop-filter:blur(12px)}
.hero-story-benefits span{position:relative;grid-template-columns:38px minmax(0,1fr);column-gap:11px;row-gap:5px;min-height:42px;padding:0 15px;border:0}
.hero-story-benefits span:not(:last-child):after{content:"";position:absolute;right:0;top:3px;bottom:3px;width:1px;background:linear-gradient(180deg,transparent,#ae8a405e,transparent)}
.hero-story-benefits i{width:36px;height:36px;border:1px solid #b38c3e3d;border-radius:50%;background-color:#c69c4210;background-size:19px;box-shadow:inset 0 1px #e5ca7920}
.hero-story-benefits b{align-self:end;white-space:nowrap;color:#eee7d3;font-size:10px;line-height:1.2;letter-spacing:.035em}
.hero-story-benefits small{color:#a19882;font-size:6.5px;line-height:1.3;letter-spacing:.1em;white-space:nowrap}
.hero-story-benefits em{color:#edcb79}
@media(min-width:701px) and (max-width:1100px){.hero-story-benefits{width:min(850px,90vw)}.hero-story-benefits span{padding-inline:10px;column-gap:8px;grid-template-columns:32px minmax(0,1fr)}.hero-story-benefits i{width:30px;height:30px;background-size:17px}.hero-story-benefits b{font-size:9px}.hero-story-benefits small{font-size:6px;letter-spacing:.04em}}
@media(max-width:700px){.hero-story-benefits{width:calc(100% - 16px);min-height:87px;padding:7px 2px;border-radius:9px}.hero-story-benefits span{min-height:68px;gap:5px;padding:3px 2px}.hero-story-benefits i{width:28px;height:28px;background-size:16px}.hero-story-benefits b{align-self:auto;font-size:6.5px;letter-spacing:0}.hero-story-benefits small{max-width:78px;font-size:5.5px;letter-spacing:.025em;white-space:normal;text-wrap:balance}.hero-story-benefits span:not(:last-child):after{top:9px;bottom:9px}}

/* Bring the benefit strip slightly closer to the hero actions. */
@media(min-width:701px){.hero-story-benefits{top:calc(39.5% - 12px)}}

/* Compact mobile benefits with the original corner shape. */
@media(max-width:700px){
  .hero-story-benefits{min-height:62px;padding:5px 2px;border-radius:9px}
  .hero-story-benefits span{min-height:50px;gap:3px;padding:2px}
  .hero-story-benefits i{width:22px;height:22px;background-size:13px}
  .hero-story-benefits b{font-size:6.5px;line-height:1.1}
  .hero-story-benefits small{max-width:none;font-size:5px;line-height:1.2;letter-spacing:0;white-space:nowrap}
  .hero-story-benefits span:not(:last-child):after{top:7px;bottom:7px}
}
/* Mobile discovery rail: two readable portraits and a hint of the next one. */
@media(max-width:700px){
  .hero-story{min-height:calc(clamp(412px,122vw,610px) + 196px)!important}
  .hero-story .hero-discover{left:10px;right:10px;width:auto;transform:none;padding:12px 0 9px;border-radius:12px;background:linear-gradient(155deg,#14150feF,#070906f5);overflow:hidden}
  .hero-story .hero-discover-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 16px 10px;padding:0;text-align:left}
  .hero-story .hero-discover-title small{font-size:8px;letter-spacing:.2em}
  .hero-story .hero-discover-title h2{font-size:21px;line-height:1.1;letter-spacing:.025em;margin:3px 0 0}
  .hero-story .hero-discover-title>a{display:block;font-size:8px;letter-spacing:0;white-space:nowrap;padding:10px 0}
  .hero-story .hero-discover-row{display:block;width:100%;min-width:0;margin:0}
  .hero-story .hero-discover-arrow{display:none!important}
  .hero-story .hero-discover-track{display:flex;gap:10px;width:100%;padding:0 16px 4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hero-story .hero-discover-track::-webkit-scrollbar{display:none}
  .hero-story .hero-discover-card,.hero-story .hero-discover-card.is-available{flex:0 0 42%;min-width:0!important;height:110px!important;border-radius:8px;scroll-snap-align:start}
  .hero-story .hero-discover-card>div{padding:35px 9px 9px;background:linear-gradient(transparent,#050505f5)}
  .hero-story .hero-discover-card b{font-size:12px;line-height:1.25}
  .hero-story .hero-discover-card strong{font-size:11px;line-height:1.3}
  .hero-story .hero-discover-card small{font-size:8px;line-height:1.4}
  .hero-story .hero-discover-card.is-available>small{font-size:7px;white-space:normal;padding:0 8px}
  .hero-story .hero-discover>p{display:block;margin:6px 0 0;color:#9a8b68;font-size:7px;letter-spacing:.14em}
}

/* Compact mobile discovery polish. */
@media(max-width:700px){
  .hero-story .hero-discover{padding:14px 0 10px;border:1px solid #a0813d66;border-radius:13px;background:radial-gradient(ellipse at 0 0,#bf934b12,transparent 65%),linear-gradient(140deg,#11130feF,#070906f7);box-shadow:inset 0 1px #f1d99b1c,0 12px 28px #0007}
  .hero-story .hero-discover-title{margin:0 15px 11px;gap:10px}
  .hero-story .hero-discover-title small{color:#b79c60;font:600 7px/1.4 Arial,sans-serif;letter-spacing:.23em}
  .hero-story .hero-discover-title h2{font-size:20px;line-height:1.05;letter-spacing:.055em;color:#f0d28a;margin-top:4px}
  .hero-story .hero-discover-title>a{color:#d6bd80;font:600 7px/1.4 Arial,sans-serif;letter-spacing:.035em;padding:9px 0;border-bottom:1px solid #9f814d48}
  .hero-story .hero-discover-track{gap:9px;padding-inline:15px;scroll-padding-inline:15px}
  .hero-story .hero-discover-card,.hero-story .hero-discover-card.is-available{border:1px solid #9f803c73;border-radius:7px;background:#0e100c;box-shadow:0 3px 9px #0004}
  .hero-story .hero-discover-card img{object-position:center 35%}
  .hero-story .hero-discover-card>div{padding:30px 8px 8px;background:linear-gradient(180deg,transparent,#050705b8 38%,#050705ed);text-shadow:0 1px 3px #000}
  .hero-story .hero-discover-card b{font-size:11px;line-height:1.2;letter-spacing:.01em;color:#f1d38b}
  .hero-story .hero-discover-card strong{font:600 10px/1.35 Arial,sans-serif;color:#f5f2e9;margin-top:2px}
  .hero-story .hero-discover-card small{font:400 7px/1.4 Arial,sans-serif;color:#bab9aa;margin-top:1px}
  .hero-story .hero-discover>p{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 0;color:#9c9279;font:500 6px/1.5 Arial,sans-serif;letter-spacing:.14em}
  .hero-story .hero-discover>p:before,.hero-story .hero-discover>p:after{content:"";width:18px;height:1px;background:#96783e55}
}





/* Mobile wall discovery matches the compact centred reference. */
@media(max-width:700px){
  .hero-story .hero-discover{padding:13px 8px 10px;border:0;border-bottom:1px solid #79602d;border-radius:0;background:linear-gradient(180deg,#070906e8,#030403f5);box-shadow:none;overflow:hidden}
  .hero-story .hero-discover-title{justify-content:center;gap:10px;margin:0 0 10px;text-align:center}
  .hero-story .hero-discover-title:before,.hero-story .hero-discover-title:after{content:"";width:35px;height:1px;background:linear-gradient(90deg,transparent,#ba923e)}
  .hero-story .hero-discover-title:after{transform:rotate(180deg)}
  .hero-story .hero-discover-title>div{display:flex;align-items:center;gap:5px}
  .hero-story .hero-discover-title small,.hero-story .hero-discover-title h2{margin:0;color:#e8c15b;font:800 10px/1.2 var(--display);letter-spacing:.18em}
  .hero-story .hero-discover-title>a{display:none}
  .hero-story .hero-discover-row{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;gap:7px;align-items:center}
  .hero-story .hero-discover-arrow{display:grid!important;width:23px;height:23px;place-items:center;font-size:18px;border-color:#87672b}
  .hero-story .hero-discover-track{gap:8px;padding:0;scroll-padding-inline:0}
  .hero-story .hero-discover-card,.hero-story .hero-discover-card.is-available{flex:0 0 43%;height:88px!important;min-width:0!important;border-radius:5px}
  .hero-story .hero-discover-card>div{padding:22px 7px 5px}
  .hero-story .hero-discover-card b{font-size:10px}
  .hero-story .hero-discover-card strong{font-size:9px;margin-top:0}
  .hero-story .hero-discover-card small{font-size:6px;margin-top:0}
  .hero-story .hero-discover>p{margin-top:7px;font-size:6px;letter-spacing:.17em}
  .hero-story .hero-discover>p:before,.hero-story .hero-discover>p:after{display:none}
}

/* End the mobile hero just below the compact discovery rail. */
@media(max-width:700px){.hero-story{height:calc(clamp(412px,122vw,610px) + 160px)!important;min-height:0!important;max-height:none!important}}

/* Slight mobile lift for the headline and its buttons. */
@media(max-width:700px){.hero-story-copy{top:calc(clamp(105px,22vw,110px) - 24px)!important}}

/* Final mobile spacing: keep portraits clear of the central headline and actions. */
@media(max-width:700px){
 .hero-story-copy{width:calc(100% - 20px)!important}
 .hero-story-copy h1{font-size:clamp(34px,10.7vw,46px)!important;line-height:.84!important;letter-spacing:-.035em}
 .hero-story-copy p{max-width:250px;margin:10px auto 12px;font-size:11px;line-height:1.4;color:#eee9dc}
 .hero-story-actions{width:min(235px,65vw);gap:9px}
 .hero-story-actions>*{min-height:44px;font-size:9px;letter-spacing:.015em}
 .hero-orbit-user.orbit-1,.hero-orbit-user.orbit-4{width:53px!important;padding:3px 3px 5px!important;top:29px!important}
 .hero-orbit-user.orbit-1{left:6px!important}
 .hero-orbit-user.orbit-4{right:6px!important}
 .hero-orbit-user.orbit-1 img,.hero-orbit-user.orbit-1>span,.hero-orbit-user.orbit-4 img,.hero-orbit-user.orbit-4>span{height:52px!important}
 .hero-orbit-user.orbit-2,.hero-orbit-user.orbit-3{width:48px!important;padding:3px 3px 5px!important;top:210px!important}
 .hero-orbit-user.orbit-2{left:5px!important}
 .hero-orbit-user.orbit-3{right:5px!important}
 .hero-orbit-user.orbit-2 img,.hero-orbit-user.orbit-2>span,.hero-orbit-user.orbit-3 img,.hero-orbit-user.orbit-3>span{height:47px!important}
 .hero-orbit-user b{margin-top:4px;font-size:7px!important}
 .hero-orbit-user strong{font-size:6px!important}
 .hero-orbit-user small{font-size:5px!important}
 .hero-story-live{top:16px!important;padding:6px 10px!important}
 .hero-story .hero-discover-card img{object-position:center 30%}
}
@media(min-width:391px) and (max-width:700px){.hero-orbit-user.orbit-2,.hero-orbit-user.orbit-3{top:230px!important;width:54px!important}.hero-orbit-user.orbit-2 img,.hero-orbit-user.orbit-2>span,.hero-orbit-user.orbit-3 img,.hero-orbit-user.orbit-3>span{height:53px!important}}

/* Lift the globe artwork so the number clears the mobile benefit strip. */
@media(max-width:700px){
 .hero-story-backdrop{background-position:center -42px!important}
 .hero-glints{top:-42px}
}

/* Reveal the hero number by making the secondary mobile action lighter. */
@media(max-width:700px){
 .hero-story-actions{gap:6px}
 .hero-story-actions>.gold-btn{min-height:43px;box-shadow:inset 0 1px #fff2b7,0 6px 20px #0008,0 0 20px #d7a12835}
 .hero-story-actions>.outline{min-height:27px;padding:5px 7px!important;border:0;border-radius:0;background:transparent;box-shadow:none;color:#e5d8b3;font-size:7px;text-shadow:0 1px 4px #000,0 0 8px #000;gap:7px}
 .hero-story-actions>.outline span{font-size:13px;color:#ebc35e}
 .hero-story-actions>.outline:focus-visible{outline:1px solid #d8b567;outline-offset:2px}
 .hero-story-copy p{font-size:10px;max-width:255px;margin-bottom:10px;text-shadow:0 1px 5px #000}
 .hero-story-benefits{border-color:#b9924655;box-shadow:inset 0 1px #efda9a1a,0 10px 23px #0007}
 .hero-story .hero-discover{background:linear-gradient(180deg,#070906d9,#030403f5)}
}

/* Preserve the artwork's original aspect ratio on mobile. */
@media(max-width:700px){
 .hero-story-backdrop{background-size:190vw auto!important;background-position:center 60px!important}
 .hero-glints{top:60px;width:190vw;height:106.9318vw}
}

/* Restore the globe's upper arc without moving the correctly proportioned number. */
@media(max-width:700px){
 .hero-story-backdrop:before{content:"";position:absolute;inset:0 0 auto;height:180px;background-image:url('hero-million-globe-v1.png');background-size:190vw auto;background-position:center -12px;background-repeat:no-repeat;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 100%)}
}

/* One primary action leaves the gold number unobstructed on mobile. */
@media(max-width:700px){.hero-story-actions>.outline{display:none}}

/* Live community capsule with real member portraits. */
.hero-story-live{gap:7px!important;min-height:29px;padding:4px 10px!important;border-color:#c69b3980;background:linear-gradient(110deg,#0a100bec,#29200bea);box-shadow:inset 0 1px #f3d98c18,0 0 14px #dba62919;color:#e3dfcf;text-decoration:none;white-space:nowrap}
.hero-story-live>i{flex:none;width:8px;height:8px;background:#1be877;box-shadow:0 0 9px #1be8778f}
.hero-story-live .hero-live-label{font:600 7px/1 Arial,sans-serif;letter-spacing:.025em}
.hero-live-avatars{display:flex;align-items:center;gap:3px;margin-left:2px}
.hero-live-avatars>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d7b458;border-radius:50%;overflow:hidden;background:#262519;color:#ead398;font:600 9px Arial,sans-serif;box-shadow:0 1px 4px #0008}
.hero-live-avatars img{display:block;width:100%;height:100%;object-fit:cover}
.hero-story-live .hero-live-arrow{margin-left:2px;color:#ecc864;font:400 20px/1 Arial,sans-serif}
.hero-story-live:hover{border-color:#f0cc69;background:#25200ee8}
.hero-story-live:focus-visible{outline:2px solid #e7c367;outline-offset:4px}
@media(max-width:700px){.hero-story-live{padding:4px 9px!important;gap:6px!important;max-width:calc(100% - 24px);font-size:7px!important}.hero-live-avatars>span{width:18px;height:18px}.hero-live-avatars{gap:2px}.hero-story-live .hero-live-label{font-size:6px}}

/* Main invitation: champagne metal and a recessed arrow medallion. */
.hero-story-actions>.gold-btn.hero-number-cta{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 10px 7px 23px!important;border:1px solid #f4df9eab;border-radius:12px;background:linear-gradient(110deg,#b88e3f 0%,#e3c473 28%,#f1df9d 52%,#ddba63 78%,#c6a14d 100%);color:#181b10;box-shadow:inset 0 1px #fff3c5ba,inset 0 -2px #8f682657,0 7px 18px #0007,0 0 18px #d7b35b25;overflow:hidden;transition:box-shadow .2s,filter .2s,transform .15s}
.hero-number-cta:before{content:"";position:absolute;z-index:-1;inset:2px;border:1px solid #fff0bb38;border-radius:9px;pointer-events:none;background:linear-gradient(180deg,#ffffff16,transparent 55%)}
.hero-number-label{flex:1;white-space:nowrap;text-align:center;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.065em;text-shadow:0 1px #fff0bf35}
.hero-number-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #f9e5a855;border-radius:50%;background:linear-gradient(145deg,#2b2e1e,#10150d);color:#efd898;font:400 18px/1 Arial,sans-serif;box-shadow:inset 0 1px #fff5ce16,0 1px 3px #6c4f2355;transition:transform .2s}
.hero-story-actions>.hero-number-cta:hover{filter:brightness(1.06);box-shadow:inset 0 1px #fff3c5ba,inset 0 -2px #8f682657,0 9px 22px #0008,0 0 24px #d7b35b38}
.hero-number-cta:hover .hero-number-arrow{transform:rotate(6deg)}
.hero-story-actions>.hero-number-cta:active{transform:translateY(1px);filter:brightness(.98)}
.hero-story-actions>.hero-number-cta:focus-visible{outline:2px solid #fff0b8;outline-offset:4px}
@media(max-width:700px){.hero-story-actions>.gold-btn.hero-number-cta{min-height:44px;padding:6px 8px 6px 15px!important;gap:9px;border-radius:10px}.hero-number-label{font-size:10px;letter-spacing:.025em}.hero-number-arrow{flex-basis:27px;width:27px;height:27px;font-size:16px}.hero-number-cta:before{border-radius:7px}}
@media(prefers-reduced-motion:reduce){.hero-story-actions>.hero-number-cta,.hero-number-arrow{transition:none}}

/* Slightly slimmer main action. */
.hero-story-actions>.gold-btn.hero-number-cta{min-height:43px;padding:5px 9px 5px 21px!important}
@media(max-width:700px){.hero-story-actions>.gold-btn.hero-number-cta{min-height:38px;padding:4px 8px 4px 15px!important}.hero-number-arrow{width:25px;height:25px;flex-basis:25px;font-size:15px}}