.randomizer-promo{--rp-ink:#233c32;--rp-paper:#fff9eb;--rp-red:#ad321e;position:relative;isolation:isolate;margin:32px auto;max-width:1072px;background:#f1ca73;color:var(--rp-ink);border:1px solid #cdaa61;border-radius:20px;box-shadow:0 5px 0 #d7b56533;overflow:hidden;font:400 18px/1.5 Arial,Helvetica,sans-serif;text-align:left}
.randomizer-promo *{box-sizing:border-box}
.randomizer-promo__link{display:grid;grid-template-columns:minmax(0,1fr) 186px;gap:28px;align-items:center;padding:28px 32px 54px;color:inherit!important;text-decoration:none!important}
.randomizer-promo__copy{display:flex;flex-direction:column;gap:10px;min-width:0}
.randomizer-promo__eyebrow{font:800 12px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#604625}
.randomizer-promo__title{font:850 clamp(25px,3.7vw,39px)/1.13 Arial,sans-serif;letter-spacing:-.025em;color:var(--rp-ink);text-transform:none}
.randomizer-promo__body{font:400 18px/1.5 Arial,sans-serif;color:var(--rp-ink);max-width:44ch}
.randomizer-promo__action{display:flex;align-items:center;gap:14px;min-height:44px;width:fit-content;margin-top:4px;color:#81351f;font:800 17px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:5px}
.randomizer-promo__wheel{display:block;position:relative;width:186px;height:186px;flex-shrink:0;filter:drop-shadow(0 7px 0 #302e2820)}
.randomizer-promo__rotor{display:block;width:100%;height:100%;animation:randomizer-promo-turn 24s linear infinite;transform-origin:center}
.randomizer-promo__pointer{position:absolute;z-index:3;right:-5px;top:calc(50% - 12px);width:0;height:0;border-block:12px solid transparent;border-right:22px solid #ad321e;filter:drop-shadow(2px 2px 0 #fff6df)}
.randomizer-promo__hub{position:absolute;inset:30%;display:grid;place-items:center;border:2px solid #3b3327;border-radius:50%;background:#fff9e8;padding:3px}
.randomizer-promo__hub img{display:block;width:100%;height:100%;object-fit:contain}
.randomizer-promo__pause{position:absolute;right:22px;bottom:4px;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;background:transparent;border:0;border-radius:6px;color:#51412b;font:700 13px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
.randomizer-promo__link:hover .randomizer-promo__action{text-decoration-thickness:3px}
.randomizer-promo__link:focus-visible{outline:4px solid #156994;outline-offset:-5px;border-radius:inherit}
.randomizer-promo__pause:focus-visible{outline:3px solid #156994;outline-offset:-2px}
.randomizer-promo.is-paused .randomizer-promo__rotor{animation-play-state:paused}
.randomizer-promo__photo{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;align-self:stretch;border-radius:12px;max-height:310px}
.randomizer-promo--indecisive{max-width:950px;border:1px solid #c2cab9;border-radius:32px 8px 32px 8px;background:#f1f4e9}
.randomizer-promo--indecisive .randomizer-promo__link{grid-template-columns:220px minmax(0,1fr) 150px;padding:18px 24px 50px 18px;gap:24px}
.randomizer-promo--indecisive .randomizer-promo__wheel{width:150px;height:150px}
.randomizer-promo--indecisive .randomizer-promo__title{font-size:30px}
.randomizer-promo--argument{max-width:1072px;background:#194c3d;border:0;border-radius:8px;color:#fff8e8;box-shadow:none}
.randomizer-promo--argument .randomizer-promo__link{grid-template-columns:220px minmax(0,1fr) 150px;gap:24px;padding:0 28px 0 0;min-height:220px}
.randomizer-promo--argument .randomizer-promo__photo{border-radius:0;max-height:none;min-height:220px}
.randomizer-promo--argument .randomizer-promo__copy{padding:22px 0 48px}
.randomizer-promo--argument .randomizer-promo__title,.randomizer-promo--argument .randomizer-promo__body{color:#fff8e8}
.randomizer-promo--argument .randomizer-promo__eyebrow,.randomizer-promo--argument .randomizer-promo__action,.randomizer-promo--argument .randomizer-promo__pause{color:#f4d38e}
.randomizer-promo--argument .randomizer-promo__title{font-size:31px}
.randomizer-promo--argument .randomizer-promo__wheel{width:150px;height:150px}
.randomizer-promo--compact{max-width:none;margin:24px 0 30px;background:#f6efdf;border:1px solid #d4c4a3;border-radius:18px;box-shadow:none}
.randomizer-promo--compact .randomizer-promo__link{grid-template-columns:minmax(0,1fr) 126px;gap:22px;padding:22px 26px 40px;min-height:188px}
.randomizer-promo--compact .randomizer-promo__wheel{width:126px;height:126px}
.randomizer-promo--compact .randomizer-promo__title{font-size:28px}
.randomizer-promo--compact .randomizer-promo__body{font-size:17px}
.randomizer-promo--compact .randomizer-promo__copy{gap:6px}
@keyframes randomizer-promo-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.randomizer-promo{margin:26px 16px}.randomizer-promo__link{grid-template-columns:minmax(0,1fr) 120px;padding:22px 18px 48px;gap:14px}.randomizer-promo__wheel{width:120px;height:120px}.randomizer-promo__title{font-size:27px}.randomizer-promo__body{font-size:17px}.randomizer-promo__eyebrow{font-size:11px}.randomizer-promo--compact{margin-inline:0}.randomizer-promo--compact .randomizer-promo__link{grid-template-columns:minmax(0,1fr) 104px;padding:20px 16px 42px;gap:12px}.randomizer-promo--compact .randomizer-promo__wheel{width:104px;height:104px}.randomizer-promo--compact .randomizer-promo__title{font-size:25px}.randomizer-promo--compact .randomizer-promo__body{font-size:16px}.randomizer-promo--indecisive .randomizer-promo__link,.randomizer-promo--argument .randomizer-promo__link{grid-template-columns:minmax(0,1fr) 110px;padding:0 18px 48px;gap:20px 14px}.randomizer-promo--indecisive .randomizer-promo__photo,.randomizer-promo--argument .randomizer-promo__photo{grid-column:1/-1;height:180px;min-height:0;width:calc(100% + 36px);margin-inline:-18px;max-height:none;border-radius:0;object-position:center 40%}.randomizer-promo--indecisive .randomizer-promo__wheel,.randomizer-promo--argument .randomizer-promo__wheel{width:110px;height:110px}.randomizer-promo--indecisive .randomizer-promo__title,.randomizer-promo--argument .randomizer-promo__title{font-size:26px}.randomizer-promo--argument .randomizer-promo__copy{padding:0}.randomizer-promo__pause{right:12px;font-size:14px}}
@media(max-width:380px){.randomizer-promo__link,.randomizer-promo--compact .randomizer-promo__link{grid-template-columns:minmax(0,1fr) 86px}.randomizer-promo__wheel,.randomizer-promo--compact .randomizer-promo__wheel{width:86px;height:86px}.randomizer-promo__title,.randomizer-promo--compact .randomizer-promo__title{font-size:24px}.randomizer-promo--indecisive .randomizer-promo__link,.randomizer-promo--argument .randomizer-promo__link{grid-template-columns:minmax(0,1fr) 86px}.randomizer-promo--indecisive .randomizer-promo__wheel,.randomizer-promo--argument .randomizer-promo__wheel{width:86px;height:86px}}
@media(prefers-reduced-motion:reduce){.randomizer-promo__rotor{animation:none}}
