/* A dedicated scene for the moment the guest sits down. */
.encounter{max-width:1320px;margin:0 auto;padding:36px 38px 60px;min-height:calc(100vh - 96px)}
.encounter-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}
.encounter-topline .eyebrow>span{font-size:22px;line-height:1}
.encounter-progress{display:flex;gap:22px;font-size:10px;color:#ac8c9c;letter-spacing:.3px}
.encounter-progress>span:first-child{color:#edc0af}
.encounter-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);align-items:center;gap:38px}
.encounter-scene{margin:0;min-width:0;background:#2a1320d9;border:1px solid #d09b8255;border-radius:14px;overflow:hidden;box-shadow:0 26px 75px #10060c70;animation:take-your-seat .45s ease-out both}
.encounter-image-wrap{position:relative;background:#25151c}
.encounter-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.encounter-signature{position:absolute;left:18px;bottom:15px;padding:4px 9px;border-radius:3px;background:#21111a9c;border:1px solid #deb29a30;backdrop-filter:blur(6px);color:#ead1b8;font-size:8px;letter-spacing:1.7px;pointer-events:none}
.encounter-scene figcaption{display:flex;gap:16px;align-items:flex-start;padding:22px 25px 24px;background:linear-gradient(110deg,#4b1f2b4d,#271522aa)}
.encounter-scene figcaption>span{font-family:Georgia,serif;font-size:42px;line-height:1;color:#c99086}
.encounter-scene figcaption .micro-label{color:#c99a98;font-size:9px;margin-bottom:5px}
.encounter-scene figcaption p:last-child{color:#f0d5c8;font-size:14px;line-height:1.8;word-break:keep-all}
.encounter-panel{padding:14px 5px 16px;min-width:0}
.encounter-panel>.micro-label{color:#d2a19c;font-size:10px;letter-spacing:1.4px}
.encounter-panel h1{font-size:38px;font-weight:500;line-height:1.38;letter-spacing:-1.8px;margin:17px 0 22px;word-break:keep-all}
.encounter-panel h1 em{font-style:normal;color:#eab9ab}
.encounter-intro{font-size:13px;line-height:1.95;color:#cdb3bd;word-break:keep-all}
.encounter-form{margin:29px 0 0;padding-top:26px;border-top:1px solid #d99b982d}
.encounter-form label{display:block;font-size:13px;color:#efcfbd;margin-bottom:11px}
.encounter-form select{width:100%;min-height:48px;border:1px solid #cb96904f;border-radius:5px;padding:10px 14px;background:#311924e0;color:#f1d8cc;cursor:pointer}
.encounter-form select:hover{border-color:#dea59d}
.encounter-zodiac-description{min-height:38px;margin:11px 0 13px;color:#bba0ad;font-size:10px;line-height:1.9;word-break:keep-all}
.encounter-form .primary-action{width:100%;font-size:13px;padding:13px 20px;min-height:50px}
.encounter-form .primary-action:disabled{opacity:.45;transform:none;box-shadow:none;cursor:not-allowed}
.encounter-return{margin-top:18px;font-size:11px;color:#bf9ca4}
@keyframes take-your-seat{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.encounter{padding-top:50px}.encounter-layout{gap:46px}.encounter-panel h1{font-size:43px}.encounter-panel{padding-right:20px}}
@media(max-width:1020px) and (min-width:768px){.encounter{padding:28px 26px 50px}.encounter-layout{grid-template-columns:minmax(0,1.45fr) minmax(265px,1fr);gap:24px}.encounter-panel h1{font-size:30px}.encounter-scene figcaption{padding:18px}.encounter-scene figcaption p:last-child{font-size:12px}.encounter-form{margin-top:21px;padding-top:20px}}
@media(max-width:767px){.encounter{padding:24px 20px 45px;min-height:calc(100vh - 80px);max-width:620px}.encounter-topline{margin-bottom:18px;gap:12px}.encounter-topline .eyebrow{font-size:8px;letter-spacing:1.8px;gap:7px}.encounter-progress{font-size:8px;gap:10px}.encounter-progress>span:not(:first-child){display:none}.encounter-layout{display:flex;flex-direction:column;gap:27px}.encounter-scene{border-radius:9px;width:100%}.encounter-signature{left:10px;bottom:9px;font-size:6px;letter-spacing:1px;padding:3px 6px}.encounter-scene figcaption{padding:16px 15px 18px;gap:10px}.encounter-scene figcaption>span{font-size:33px}.encounter-scene figcaption .micro-label{font-size:8px}.encounter-scene figcaption p:last-child{font-size:12px}.encounter-panel{width:100%;padding:0 4px}.encounter-panel h1{font-size:31px;margin:12px 0 16px}.encounter-intro{font-size:12px}.encounter-form{margin-top:23px;padding-top:22px}.encounter-zodiac-description{min-height:28px}.encounter-return{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.encounter-scene{animation:none}}