/* R30 · Space visual restoration + consistent three-card desktop composition. Visual-only. */
.r30-space-feature{position:relative;display:block;margin:0;min-width:0;border:1px solid rgba(146,211,255,.49);border-radius:24px;isolation:isolate;overflow:hidden;background:#0b1740;box-shadow:0 30px 85px rgba(0,5,25,.44),inset 0 1px rgba(228,247,255,.18)}
.r30-space-feature>img{width:100%;height:100%;min-height:400px;display:block;object-fit:cover;object-position:52% center;filter:saturate(1.18) contrast(1.06);transform:scale(1.01);transition:transform 1.2s ease,filter 1.2s ease}
.r30-space-feature:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,10,28,.68),transparent 35%,rgba(2,9,30,.1) 50%,rgba(2,7,25,.85)),linear-gradient(110deg,rgba(33,132,245,.2),transparent 48%,rgba(159,66,248,.15))}
.r30-space-feature:after{content:"";position:absolute;z-index:2;inset:-60% -80%;background:linear-gradient(120deg,transparent 46%,rgba(122,224,255,.085) 50%,transparent 55%);transform:translateX(-60%);pointer-events:none;animation:r30-feature-glint 14s ease-in-out infinite}
.r30-feature-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:22px;pointer-events:none}
.r30-feature-chip{display:flex;align-items:center;align-self:flex-start;gap:9px;padding:9px 13px;border:1px solid rgba(163,230,255,.55);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(3,18,42,.74);color:#e1f9ff;font:750 10px/1.3 ui-monospace,monospace;letter-spacing:.1em;box-shadow:0 8px 20px rgba(0,4,19,.31)}
.r30-feature-chip i{width:7px;height:7px;border-radius:50%;background:#9febff;box-shadow:0 0 12px rgba(83,228,255,.94)}
.r30-feature-target{max-width:90%;text-shadow:0 3px 20px rgba(0,0,0,.8);padding-bottom:27px}
.r30-feature-target span,.r30-feature-target small{display:block;color:#bdeaff;font:720 10px/1.65 ui-monospace,monospace;letter-spacing:.13em}
.r30-feature-target strong{display:block;color:#fff;font-size:clamp(25px,3vw,42px);line-height:1.06;letter-spacing:-.057em;margin:6px 0}
.r30-feature-target small{color:#cae6ff;font-size:9px}
.r30-feature-orbit{position:absolute;right:-12%;bottom:3%;width:55%;aspect-ratio:2.5;border:1px solid rgba(138,236,255,.43);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 21px rgba(67,185,250,.17);animation:r30-orbit 9s ease-in-out infinite alternate}
.r30-feature-caption{position:relative;z-index:4;bottom:auto;left:auto;right:auto;padding:9px 20px;color:#a5c9e5;font:500 10px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:rgba(1,9,25,.9);text-align:left}
.r30-space-action{display:grid;gap:10px;justify-items:start;margin-top:22px}
.r30-space-action .btn{width:100%;max-width:405px;min-height:53px;justify-content:center}
.r30-space-action>span{font:500 12px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#9bc5e8}
.r30-space-attribution{color:#8aabc9;font-size:11px!important;line-height:1.5;margin:12px 0 0!important}
.r30-space-attribution a{color:#a5dfff;text-decoration:underline;text-underline-offset:3px}
@keyframes r30-feature-glint{0%,26%{transform:translateX(-60%)}70%,100%{transform:translateX(60%)}}
@keyframes r30-orbit{to{transform:rotate(-15deg) translateY(-10px);opacity:.64}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.r30-space-feature:hover>img{transform:scale(1.08);filter:saturate(1.32) contrast(1.08)}}
/* On desktop, present three deliberate, equal-height editorial panels. Mobile keeps R28 adaptive heights. */
@media(min-width:921px){.r22-gallery{align-items:stretch}.r22-gallery>.r22-card{align-self:stretch;height:auto}.r22-gallery .r22-card-info{flex:1 1 auto}.r22-gallery .r22-card-actions{margin-top:auto}.r22-gallery>.r22-card:first-child{border-color:rgba(132,219,255,.49)}}
.r30-penthouse-extras{display:none}
@media(min-width:921px){.r30-penthouse-extras{flex:1 1 auto;display:flex;align-items:center;gap:12px;margin:8px 0 18px;padding:12px;border:1px solid rgba(121,205,255,.22);border-radius:13px;background:radial-gradient(ellipse at 4% 0%,rgba(62,172,250,.14),transparent 82%),rgba(8,26,56,.64)}.r30-extras-dot{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid rgba(151,227,255,.35);border-radius:50%;color:#acdeff;text-shadow:0 0 14px #63c9ff;font-size:24px}.r30-penthouse-extras strong{display:block;color:#ebf7ff;font-size:14px;letter-spacing:-.025em}.r30-penthouse-extras small{display:block;color:#a2bedb;font-size:10px;line-height:1.55;margin-top:5px}}
@media(max-width:920px){.r30-space-feature>img{min-height:320px}.r30-feature-target strong{font-size:clamp(25px,6vw,36px)}.r22-gallery{align-items:flex-start}.r22-gallery>.r22-card{align-self:flex-start;height:auto}.r22-gallery .r22-card-info{flex:0 0 auto}}
@media(max-width:560px){.r30-space-feature>img{min-height:270px;max-height:340px}.r30-feature-overlay{padding:13px}.r30-feature-chip{padding:7px 10px;font-size:8px}.r30-feature-target{padding-bottom:24px}.r30-feature-target strong{font-size:27px}.r30-feature-target span,.r30-feature-target small{font-size:8px}.r30-feature-orbit{width:45%}.r30-space-action .btn{max-width:none}}
@media(prefers-reduced-motion:reduce){.r30-space-feature:after,.r30-feature-orbit{animation:none!important}.r30-space-feature>img{transition:none!important;transform:none!important}}

/* Keep the illustration title clear of the caption strip on narrow screens. */
.r30-feature-overlay{bottom:54px}