/* RALLY: a group trip deciding itself, then running itself */
.r-hero .grid{display:grid;grid-template-columns:1fr 460px;gap:64px;align-items:center;padding-top:72px}
.r-hero h1{font-size:76px;line-height:78px}
.r-hero .by{display:inline-flex;align-items:baseline;gap:8px}
.r-hero .by b{font:700 15px/18px ui-rounded,-apple-system,system-ui;letter-spacing:0;text-transform:none;color:#1C1F24}
.r-hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.r-hero .faces{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:15px;color:#5C636E}

/* the reveal card: sealed votes, then the answer */
.reveal-card{position:relative;background:#FFF;border-radius:28px;box-shadow:0 30px 80px rgba(28,31,36,.16),0 0 0 1px rgba(28,31,36,.06);overflow:hidden}
.reveal-card .ph{position:relative;height:200px;background:#24393B}
.reveal-card .ph img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.reveal-card .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,18,21,.25),rgba(16,18,21,.65))}
.reveal-card .ph .tag{position:absolute;left:22px;top:18px;z-index:1;font:600 12px/16px -apple-system,system-ui;letter-spacing:.1em;text-transform:uppercase;color:rgba(242,238,231,.9)}
.reveal-card .ph .ans{position:absolute;left:22px;bottom:16px;z-index:1;color:#F2EEE7}
.reveal-card .ph .ans small{display:block;font-size:14px;color:rgba(242,238,231,.85)}
.reveal-card .ph .ans b{display:block;font-family:ui-serif,"New York",Newsreader,Georgia,serif;font-weight:400;font-size:44px;line-height:48px;letter-spacing:-.5px}
.reveal-card .sealed{position:absolute;inset:0;z-index:2;display:grid;place-items:center;text-align:center;color:#F2EEE7;background:#24393B;transition:opacity .6s ease}
.reveal-card .sealed p{margin:8px 0 0;font-size:15px;color:#B7CBCC}
.reveal-card .sealed b{font:700 30px/34px ui-rounded,-apple-system,system-ui}
.reveal-card .tracks{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;width:220px;margin:16px auto 0}
.reveal-card .tracks i{height:6px;border-radius:999px;background:rgba(242,238,231,.2);transition:background .3s}
.reveal-card .tracks i.on{background:#74ADB0}
.reveal-card.open .sealed{opacity:0;pointer-events:none}
.reveal-card.open .ph img{opacity:1}
.reveal-card .rows{padding:6px 22px 18px}
.reveal-card .row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #EEE8DE;font-size:15px}
.reveal-card .row:first-child{border-top:0}
.reveal-card .row span{color:#5C636E}
.reveal-card .row b{font-weight:600;color:#1C1F24;text-align:right}
.reveal-card .words{font-family:ui-serif,"New York",Newsreader,Georgia,serif;font-size:18px;line-height:26px;color:#1C1F24;padding:12px 0 2px;border-top:1px solid #EEE8DE}
.reveal-card .mark{display:flex;justify-content:space-between;padding:12px 22px;border-top:1px solid #EEE8DE;font-size:13px;color:#7D8590}

/* how it works */
.r-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.r-steps .card{padding:24px;display:flex;flex-direction:column;gap:10px}
.r-steps .card::before{counter-increment:s;content:counter(s,decimal-leading-zero);font:600 13px/18px ui-rounded,-apple-system,system-ui;letter-spacing:.08em;color:#356466}
.r-steps h3{margin:0;font-size:19px;line-height:25px}
.r-steps p{margin:0;font-size:15px;line-height:23px;color:#5C636E}

/* budget, the page's one deep tile */
.r-budget{padding:28px}
.r-budget .amt{font:700 64px/68px ui-rounded,-apple-system,system-ui;font-variant-numeric:tabular-nums;margin:10px 0 4px;color:#F2EEE7}
.r-budget .seen{margin-top:22px;padding-top:18px;border-top:1px solid rgba(242,238,231,.16);display:flex;flex-wrap:wrap;gap:8px}
.r-budget .chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(242,238,231,.1);font-size:14px;color:#F2EEE7}
.r-budget .chip.on{background:#74ADB0;color:#1C1F24;font-weight:600}

/* theme nights */
.r-nights{display:flex;flex-direction:column;gap:12px}
.r-night{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;background:#FFF;border:1px solid #DED8CD;border-radius:20px;padding:14px 18px}
.r-night .d{font:600 13px/16px -apple-system,system-ui;letter-spacing:.08em;text-transform:uppercase;color:#5C636E}
.r-night b{display:block;font-size:17px;font-weight:600;color:#1C1F24}
.r-night small{display:block;font-size:13px;color:#5C636E;margin-top:2px}
.r-night .sw{display:flex;gap:4px}
.r-night .sw i{width:18px;height:40px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(28,31,36,.12)}

/* the line */
.r-line{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.r-line .card{padding:26px}
.r-line ul{margin:14px 0 0;padding:0}
.r-line li{list-style:none;display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:24px;padding:8px 0;border-top:1px solid #EEE8DE;color:#1C1F24}
.r-line li:first-child{border-top:0}
.r-line li::before{content:"";width:9px;height:9px;border-radius:50%;margin-top:8px;flex:none;background:#74ADB0}
.r-line .phone li::before{background:#3A4452}

@media (max-width:1000px){
 .r-hero .grid{grid-template-columns:1fr;gap:56px;padding-top:40px}
 .r-hero h1{font-size:52px;line-height:56px}
 .r-steps{grid-template-columns:repeat(2,1fr)}
 .r-line{grid-template-columns:1fr}
}
@media (max-width:640px){
 .r-hero h1{font-size:42px;line-height:46px}
 .r-steps{grid-template-columns:1fr}
 .r-night{grid-template-columns:48px 1fr;row-gap:10px}
 .r-night .sw{grid-column:1/-1}
 .r-budget .amt{font-size:52px;line-height:56px}
}
@media (prefers-reduced-motion:reduce){
 .reveal-card .sealed,.reveal-card .ph img,.reveal-card .tracks i{transition:none}
}