/* Adopted 2026-10-01: quarter-circle carousel, shared with the station editor. */
.home-space-theme #homeStation.mcq-station{display:block;min-height:0;padding:4px var(--station-shell-gutter,24px) 28px;overflow:visible}
#homeStation .mcq-frame{--mcq-radius:56cqw;container-type:inline-size;position:relative;width:min(1060px,100%);margin-inline:auto;padding:0;border:1px solid rgba(245,217,159,.32);border-radius:30px;background:linear-gradient(145deg,rgba(28,37,52,.96),rgba(11,16,25,.98));box-shadow:var(--panel-backlight);overflow:hidden;touch-action:auto;isolation:isolate;color:#f2eee9}
.mcq-stage{display:grid;grid-template-columns:56% 44%;min-height:var(--mcq-radius);overflow:hidden}
.mcq-visual{position:relative;min-width:0;user-select:none;-webkit-user-select:none;cursor:default}
.mcq-aperture{position:absolute;left:0;top:0;width:var(--mcq-radius);height:var(--mcq-radius);border-radius:0 0 100% 0;overflow:hidden;background:#000}
.mcq-aperture::after{content:"";position:absolute;inset:0;border:2px solid #000;border-radius:inherit;z-index:2;pointer-events:none}
.mcq-wheel{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;transform:rotate(0deg)}
.mcq-photo{--shift-x:0;--shift-y:0;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:0 0 100% 0;overflow:hidden;background:#000;transform-origin:0 0;transform:rotate(calc(var(--sector) * 90deg))}
.mcq-photo img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transform:translate(calc(var(--shift-x) * 100%),calc(var(--shift-y) * 100%))}
.mcq-photo::before,.mcq-photo::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:var(--photo-image);background-size:cover;background-position:center;filter:blur(1px);transform-origin:0 0;pointer-events:none}
.mcq-photo::before{transform:translate(calc((2 + var(--shift-x)) * 100% - 4px),calc(var(--shift-y) * 100%)) scaleX(-1)}
.mcq-photo::after{transform:translate(calc(var(--shift-x) * 100%),calc((2 + var(--shift-y)) * 100% - 4px)) scaleY(-1)}
.mcq-photo[data-shifted="false"]::before,.mcq-photo[data-shifted="false"]::after{display:none}
.mcq-copy-stage{display:flex;align-items:center;padding:40px 32px;min-width:0;overflow:hidden}
.mcq-copy-viewport{display:grid;align-items:center;width:100%;overflow:hidden;padding:6px 0}
.mcq-copy{grid-area:1/1;align-self:center;min-width:0;visibility:hidden;transform:none}
.mcq-copy.is-active,.mcq-copy.is-leaving{visibility:visible}
.mcq-eyebrow{margin:0 0 21px;font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.8;text-transform:uppercase;color:var(--mcq-accent,#e8a16f)}
.mcq-title{margin:0;color:var(--mcq-title-color,#f2eee9);font-family:Georgia,"Times New Roman",serif;font-size:var(--mcq-title-desktop,49px);font-weight:400;line-height:1.25;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere}
.mcq-body{margin:25px 0 0;color:var(--mcq-body-color,#b5becc);font-size:var(--mcq-body-desktop,17px);line-height:1.95;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}
.mcq-note{margin:15px 0 0;color:var(--mcq-body-color,#b5becc);opacity:.8;font-size:12px;line-height:1.6;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}
.mcq-footer{min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 34px;border-top:1px solid rgba(186,207,241,.12);background:rgba(5,9,16,.26)}
.mcq-count{display:flex;align-items:center;gap:12px;margin:0;color:#798596;font-family:Georgia,serif;font-size:15px}
.mcq-current{color:#efc5a1;font-size:21px}
.mcq-count-line{width:36px;height:1px;background:#525865}
.mcq-controls{grid-column:2;display:flex;align-items:center;justify-content:center;gap:15px}
.mcq-arrow{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;padding:11px;border:1px solid rgba(186,207,241,.24);border-radius:50%;background:transparent;color:#f2eee9;cursor:pointer;transition:background .2s,border-color .2s}
.mcq-arrow:hover:not(:disabled){background:rgba(186,207,241,.09);border-color:rgba(232,161,111,.7)}
.mcq-arrow:disabled{opacity:.35;cursor:default}
.mcq-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.mcq-dots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:280px;gap:0}
.mcq-dot{display:grid;place-items:center;width:28px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.mcq-dot span{width:5px;height:5px;border-radius:10px;background:#657080;transition:width .35s,background .35s}
.mcq-dot[aria-current="true"] span{width:20px;background:#e8a16f}
.mcq-frame button:focus-visible,.mcq-frame:focus-visible{outline:2px solid #f0c695;outline-offset:4px}
@media(min-width:701px) and (max-width:1000px){.mcq-stage{min-height:max(var(--mcq-radius),430px)}.mcq-copy-stage{padding:30px 22px}.mcq-title{font-size:var(--mcq-title-tablet,32px)}.mcq-body{font-size:var(--mcq-body-mobile,13px)}.mcq-eyebrow{font-size:9px}}
@media(max-width:700px){.home-space-theme #homeStation.mcq-station{padding:4px 18px 28px}#homeStation .mcq-frame{--mcq-radius:100cqw;border-radius:24px}.mcq-stage{display:flex;flex-direction:column;min-height:0}.mcq-visual{height:var(--mcq-radius);flex-shrink:0;overflow:visible}.mcq-copy-stage{padding:23px 28px 30px}.mcq-title{font-size:var(--mcq-title-mobile,32px);line-height:1.3}.mcq-title-break{display:none}.mcq-eyebrow{margin-bottom:12px;font-size:9px;letter-spacing:.12em}.mcq-body{margin-top:18px;font-size:var(--mcq-body-mobile,13px);line-height:1.85}.mcq-note{margin-top:11px;font-size:10px}.mcq-footer{min-height:76px;padding:10px 21px;grid-template-columns:1fr auto;gap:12px}.mcq-count{gap:7px;font-size:12px}.mcq-current{font-size:18px}.mcq-count-line{width:20px}.mcq-controls{gap:8px}.mcq-arrow{width:38px;height:38px;flex-basis:38px;padding:10px}.mcq-dot{width:24px}.mcq-dots{max-width:144px}}
@media(max-width:380px){.mcq-copy-stage{padding:20px 24px 28px}.mcq-title{font-size:calc(var(--mcq-title-mobile,32px) * .875)}.mcq-body{font-size:calc(var(--mcq-body-mobile,13px) * .923)}.mcq-footer{padding-inline:19px}}
@media(prefers-reduced-motion:reduce){.mcq-frame *{transition-duration:.001ms!important;transition-delay:0ms!important}}
/* Lift the mobile copy into the curve's lower-right space, with room to breathe. */
@media(max-width:700px){.mcq-copy-stage{position:relative;margin-top:-22px;padding:23px 24px 30px 64px}}
@media(max-width:380px){.mcq-copy-stage{margin-top:-18px;padding:20px 16px 28px 44px}}
/* Place mobile navigation beside the curve; its old bottom row takes no space. */
@media(max-width:700px){
 #homeStation .mcq-frame{display:flex;flex-direction:column}
 .mcq-stage{display:contents}
 .mcq-visual{order:0}
 .mcq-footer{order:1;position:relative;z-index:3;align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-height:0;max-width:calc(100% - 36px);margin:-80px 18px 0 0;padding:0;border:0;background:none}
 .mcq-controls{grid-column:auto}
 .mcq-dots{max-width:72px}
 .mcq-copy-stage{order:2;margin-top:0;padding-top:5.75px;padding-bottom:7.5px}
 .mcq-copy-viewport{padding-block:1.5px}
}
@media(max-width:380px){
 .mcq-copy-stage{padding-top:5px;padding-bottom:7px}
 .mcq-footer{margin-top:-60px;margin-right:16px}
 .mcq-controls{gap:6px}
 .mcq-arrow{width:32px;height:32px;flex-basis:32px;padding:8px}
 .mcq-dot{width:20px}
 .mcq-dots{max-width:60px}
}

/* Desktop: keep navigation in the open lower-right area of the slide. */
@media(min-width:701px){
 .home-page #homeStation .mcq-copy-stage{padding-bottom:112px}
 .home-page #homeStation .mcq-footer{position:absolute;z-index:3;left:36%;right:32px;bottom:24px;display:flex;justify-content:space-between;gap:20px;min-height:44px;padding:0;border:0;background:none}
 .home-page #homeStation .mcq-controls{grid-column:auto}
}
