#detailDialog .detail-green-hero{position:relative;isolation:isolate;min-height:clamp(250px,34vw,360px);overflow:hidden;background:#123f2a;color:#fff;border-bottom:1px solid rgba(103,237,151,.55)}
#detailDialog .detail-green-hero img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.03)}
#detailDialog .detail-green-hero-shade{position:absolute;inset:0;background:linear-gradient(105deg,rgba(4,42,25,.94) 0%,rgba(12,91,52,.68) 43%,rgba(8,42,27,.16) 100%),linear-gradient(0deg,rgba(3,25,17,.84),transparent 64%);z-index:0}
#detailDialog .detail-green-hero-glow{position:absolute;right:-12%;top:-55%;width:62%;aspect-ratio:1;border:1px solid rgba(162,255,191,.28);border-radius:50%;box-shadow:0 0 0 22px rgba(127,245,165,.06),0 0 90px rgba(99,255,159,.25);z-index:0}
#detailDialog .detail-green-hero-glow:after{content:"";position:absolute;inset:18%;border:1px solid rgba(220,255,226,.22);border-radius:50%}
#detailDialog .detail-green-hero-copy{position:absolute;z-index:1;left:clamp(22px,5vw,54px);right:24px;bottom:clamp(24px,4vw,44px)}
#detailDialog .detail-green-hero-copy>span{display:inline-flex;align-items:center;gap:9px;color:#b9ffd0;font-size:clamp(9px,1.3vw,12px);font-weight:950;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 16px rgba(0,0,0,.35)}
#detailDialog .detail-green-hero-copy>span:before{content:"";width:28px;height:2px;background:#7cffaa;box-shadow:0 0 12px #7cffaa}
#detailDialog .detail-green-hero-copy h2{max-width:11ch;margin:12px 0 7px;color:#fff;font:700 clamp(3rem,8vw,6.5rem)/.86 Georgia,serif;letter-spacing:-.075em;text-shadow:0 10px 28px rgba(0,0,0,.42)}
#detailDialog .detail-green-hero-copy p{margin:0;color:#e2ffea;font-size:clamp(12px,1.7vw,16px);font-weight:750;letter-spacing:.02em}
#detailDialog .detail-green-badge{position:absolute;z-index:1;top:22px;left:clamp(22px,5vw,54px);padding:9px 13px;border:1px solid rgba(203,255,217,.48);border-radius:999px;background:rgba(2,48,27,.48);box-shadow:0 8px 20px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.16);color:#eaffef;font-size:10px;font-weight:950;letter-spacing:.14em}
#detailDialog .detail-head{position:relative;padding-top:22px}
#detailDialog .detail-head:before{content:"";position:absolute;top:0;left:32px;width:82px;height:3px;border-radius:99px;background:#35a866;box-shadow:0 0 18px rgba(53,168,102,.38)}
#detailDialog .discovery-invite{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 0;padding:20px 22px;border:1px solid rgba(53,168,102,.45);border-radius:16px;background:linear-gradient(120deg,rgba(18,63,42,.94),rgba(10,40,26,.88));color:#fff;box-shadow:0 14px 34px rgba(4,30,18,.35)}
#detailDialog .discovery-invite-copy{flex:1 1 260px;display:grid;gap:6px}
#detailDialog .discovery-invite-copy .eyebrow-small{margin:0;color:#7cffaa;font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}
#detailDialog .discovery-invite-copy h3{margin:0;color:#fff;font:700 1.45rem/1.1 Georgia,serif;letter-spacing:-.02em}
#detailDialog .discovery-invite-copy p{margin:0;color:#dcffe8;font-size:14px;line-height:1.5;font-weight:600}
#detailDialog .discovery-invite-button{flex:0 0 auto;background:#7cffaa;color:#0a2e1c;border-color:#7cffaa;font-weight:900}
#detailDialog .discovery-invite-button:hover{background:#98ffc0;border-color:#98ffc0}
@media(max-width:700px){
  #detailDialog .discovery-invite{flex-direction:column;align-items:stretch;padding:18px}
  #detailDialog .discovery-invite-button{width:100%;min-height:48px}
}
@media(prefers-reduced-motion:no-preference){#detailDialog .detail-green-hero-glow{animation:detailGreenPulse 7s ease-in-out infinite alternate}}
@keyframes detailGreenPulse{from{transform:translate3d(0,0,0) scale(.96);opacity:.72}to{transform:translate3d(-3%,6%,0) scale(1.04);opacity:1}}