.rj-chooser{--rj-ink:#081b18;--rj-green:#0e3931;--rj-mint:#b5d8bb;--rj-gold:#e8c37b;--rj-paper:#eff2e8;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(280px,.74fr) minmax(0,1.26fr);gap:clamp(28px,5vw,76px);overflow:hidden;padding:clamp(30px,5vw,72px);border:1px solid rgba(232,195,123,.38);border-radius:28px;background:radial-gradient(circle at 10% 12%,rgba(95,151,117,.42),transparent 31%),radial-gradient(circle at 92% 88%,rgba(217,169,81,.22),transparent 33%),linear-gradient(127deg,#061411 0%,#0c3128 55%,#102c23 100%);color:var(--rj-paper);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.rj-chooser *{box-sizing:border-box}.rj-chooser__glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(4px);opacity:.72}.rj-chooser__glow--one{width:260px;height:260px;left:-120px;bottom:-140px;background:#8dbd90}.rj-chooser__glow--two{width:210px;height:210px;right:9%;top:-135px;background:#ddad55}
.rj-chooser__intro{align-self:center}.rj-chooser__eyebrow{margin:0 0 18px;font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--rj-gold)}.rj-chooser h2{max-width:530px;margin:0;font:500 clamp(36px,4.4vw,67px)/.93 Georgia,serif;letter-spacing:-.05em;color:#fff}.rj-chooser h2 em{font-weight:400;color:var(--rj-mint)}.rj-chooser__lead{max-width:440px;margin:26px 0 28px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.75)}.rj-chooser__proof{display:flex;gap:12px;align-items:center;font:600 12px/1.25 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#dcead9}.rj-chooser__proof span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--rj-gold);color:var(--rj-ink);font-weight:800}
.rj-chooser__panel{padding:clamp(19px,2.6vw,34px);border:1px solid rgba(255,255,255,.18);border-radius:21px;background:rgba(4,21,17,.43);backdrop-filter:blur(14px)}.rj-chooser fieldset{margin:0;padding:0;border:0}.rj-chooser fieldset+fieldset{margin-top:19px}.rj-chooser legend{padding:0;margin:0 0 9px;font:600 12px/1.3 system-ui,sans-serif;color:rgba(255,255,255,.78)}.rj-chooser legend b{margin-right:8px;color:var(--rj-gold);letter-spacing:.08em}.rj-chooser__chips{display:flex;gap:7px;flex-wrap:wrap}.rj-chooser__chips button{display:inline-flex;gap:7px;align-items:center;min-height:37px;padding:8px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;cursor:pointer;font:600 12px/1.1 system-ui,sans-serif;transition:transform .2s,background .2s,border-color .2s,color .2s}.rj-chooser__chips button:hover{transform:translateY(-2px);border-color:var(--rj-gold)}.rj-chooser__chips button.is-active{border-color:var(--rj-gold);background:var(--rj-gold);color:var(--rj-ink)}.rj-dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px rgba(255,255,255,.2)}.rj-dot--forest{background:#7fbe72}.rj-dot--ocean{background:#4bb6ce}.rj-dot--sun{background:#eca541}.rj-dot--night{background:#aa7aca}
.rj-chooser__result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 14px}.rj-chooser__result-head p{margin:0;font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.rj-chooser__pulse{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#abec95;box-shadow:0 0 0 4px rgba(171,236,149,.15)}.rj-chooser__shuffle{padding:0;border:0;background:transparent;color:var(--rj-mint);font:600 12px/1.2 system-ui,sans-serif;cursor:pointer}.rj-chooser__shuffle:hover{color:var(--rj-gold)}
.rj-chooser__results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rj-chooser__card{overflow:hidden;border-radius:14px;background:#dfe8d6;color:var(--rj-ink);box-shadow:0 11px 24px rgba(0,0,0,.15);animation:rj-card-in .45s both}.rj-chooser__card:nth-child(2){animation-delay:.06s}.rj-chooser__card:nth-child(3){animation-delay:.12s}.rj-chooser__card>a:first-child{position:relative;display:block;overflow:hidden;aspect-ratio:4/4.7;background:#163f35}.rj-chooser__card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.rj-chooser__card:hover img{transform:scale(1.07)}.rj-chooser__number{position:absolute;top:9px;left:9px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--rj-gold);font:800 10px/1 system-ui,sans-serif}.rj-chooser__card>div{padding:13px 12px 14px}.rj-chooser__card h3{margin:0;font:600 clamp(16px,1.5vw,21px)/1.05 Georgia,serif}.rj-chooser__card p{min-height:52px;margin:8px 0 10px;font-size:11px;line-height:1.35;color:#456158}.rj-chooser__card div>a{font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;color:#0c4b3b}.rj-chooser__card div>a span,.rj-chooser__cta span{font-size:15px}.rj-chooser__bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}.rj-chooser__bottom p{max-width:280px;margin:0;font-size:12px;line-height:1.4;color:rgba(255,255,255,.7)}.rj-chooser__cta{display:inline-flex;gap:10px;align-items:center;flex:none;padding:13px 16px;border-radius:999px;background:#dfe9d8;color:#0a3027!important;font:800 11px/1 system-ui,sans-serif;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;transition:transform .2s,background .2s}.rj-chooser__cta:hover{transform:translateY(-2px);background:#f3d593}@keyframes rj-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.rj-chooser{grid-template-columns:1fr;gap:30px}.rj-chooser__intro{max-width:640px}.rj-chooser h2{font-size:clamp(38px,8vw,60px)}}@media(max-width:620px){.rj-chooser{padding:28px 17px;border-radius:20px}.rj-chooser__panel{padding:18px 13px;border-radius:16px}.rj-chooser__chips{gap:6px}.rj-chooser__chips button{min-height:35px;padding:8px 10px;font-size:11px}.rj-chooser__result-head{margin-top:25px}.rj-chooser__results{gap:7px}.rj-chooser__card>div{padding:9px}.rj-chooser__card p{display:none}.rj-chooser__card h3{font-size:15px}.rj-chooser__card div>a{font-size:9px}.rj-chooser__bottom{align-items:flex-start;flex-direction:column}.rj-chooser__cta{width:100%;justify-content:center}.rj-chooser__proof{font-size:10px}}