/* V7: desktop proposal. Existing mobile rules retained, not developed here. */
.about{grid-template-columns:1.04fr .96fr;align-items:center;gap:10%}
.about-heading{position:relative}
.about-heading h2{position:relative;z-index:1;margin-bottom:5px}
.about-portrait{width:min(100%,424px);height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;margin-inline:auto;mask-image:radial-gradient(ellipse closest-side at 50% 48%,#000 48%,#000000cf 69%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 48%,#000 48%,#000000cf 69%,transparent 100%)}
.about-copy{max-width:510px}
/* Wide natural feathering blends the sky as a scene rather than an oval cutout. */
.image-window{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(0deg,transparent,#000 23%,#000 77%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(0deg,transparent,#000 23%,#000 77%,transparent);-webkit-mask-composite:source-in}
.natal .image-window,.bonds .image-window,.transits .image-window,.horary .image-window{aspect-ratio:5/4}
.natal .image-window img,.bonds .image-window img,.transits .image-window img,.horary .image-window img{object-position:center;object-fit:cover;transform:scale(1.08)}
.image-link:hover img,.image-link:focus-visible img{transform:scale(1.15)}
.image-link{display:block}
.consult-entry,.option-entry,.orbit-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 21px 11px 57px;border:1px solid #ceddf359;border-radius:3px;background:#0914226b;color:#e4ecf7;font:400 .82rem/1.45 Manrope,Arial,sans-serif;letter-spacing:.025em;transition:background .3s,border-color .3s,box-shadow .3s}
.consult-entry:before,.option-entry:before,.orbit-button:before{content:'';position:absolute;left:18px;top:50%;width:24px;height:14px;border:1px solid #d4e0efb0;border-radius:50%;transform:translateY(-50%) rotate(-35deg)}
.consult-entry:after,.option-entry:after,.orbit-button:after{content:'';position:absolute;left:28px;top:50%;width:6px;height:6px;border-radius:50%;background:#dae7f8;transform:translateY(-50%);box-shadow:8px -7px 0 -1px #d4e0ef}
.image-link:hover .consult-entry,.image-link:focus-visible .consult-entry,.tarot-options a:hover .option-entry,.tarot-options a:focus-visible .option-entry,.orbit-button:hover,.orbit-button:focus-visible{background:#192e45ad;border-color:#d7e5f5a6;box-shadow:0 0 28px #93b0d312;color:#fff}
.service-crosslink .orbit-button{margin-top:25px}
.scene-copy .orbit-button{margin-top:32px}
.tarot-art{margin-left:-4vw}
.tarot-art img{height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent);-webkit-mask-composite:source-in}
.tarot-options .option-entry{padding:10px 15px 10px 49px;font-size:.75rem}
.tarot-options .option-entry:before{left:13px}.tarot-options .option-entry:after{left:23px}
.service-hero>img{object-position:center;object-fit:cover}
.service-hero:after{mask-image:linear-gradient(0deg,transparent,#000 44%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 44%)}
#service-view[data-service="carta-natal"] .service-hero>img{object-position:center}
.stellar-flight{position:fixed;inset:0;z-index:125;overflow:hidden;pointer-events:none;background:#030710;opacity:0;isolation:isolate}
.stellar-flight .flight-cloud{position:absolute;inset:-15%;background:url('assets/v6/viaje-estelar-lossless247.webp') center/cover no-repeat;transform-origin:53% 45%;will-change:transform,opacity}
.stellar-flight canvas{position:absolute;inset:0;width:100%;height:100%}
.flight-destination{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform-origin:center;mask-image:radial-gradient(ellipse at center,#000 35%,#000000d0 55%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,#000000d0 55%,transparent 80%);will-change:transform,opacity}
.motion-toggle{z-index:140}
.motion-paused .stellar-flight{display:none}