/* A translucent portrait lives only within the opening About Me frame. */
.profile-opening-orbits{isolation:isolate;background:radial-gradient(ellipse at 65% 42%,#ecebe466,transparent 68%)}
.profile-opening-orbits:before{content:'';position:absolute;z-index:-2;inset:-3% 0 -5%;background:url('assets/dr-sid-portrait.jpg') 68% 25%/auto 105% no-repeat;opacity:.3;mask-image:linear-gradient(90deg,transparent 9%,#000 35%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 9%,#000 35%,#000 82%,transparent 100%);transform:translateY(var(--portrait-scroll,0px)) scale(1.04);animation:about-portrait-breathe 14s ease-in-out infinite alternate;will-change:transform}
.profile-opening-orbits:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#fff,transparent 22%,transparent 76%,#ffffffb3),linear-gradient(90deg,#ffffffd9 0%,#ffffff45 42%,transparent 75%);pointer-events:none}
.about-hero-copy,.about-hero blockquote,.sid-biography>.sid-eyebrow,.sid-biography>h2,.sid-biography>.sid-qualifications{position:relative;text-shadow:0 2px 18px #ffffffc9}
.about-hero-copy>span,.sid-biography>.sid-qualifications{color:#3e5748}
.profile-opening-orbit{border-color:#b4935759}
@keyframes about-portrait-breathe{from{transform:translateY(var(--portrait-scroll,0px)) scale(1.02)}to{transform:translateY(calc(var(--portrait-scroll,0px) - 12px)) scale(1.075)}}
@media(max-width:700px){.profile-opening-orbits:before{background-position:58% 20%;background-size:auto 100%;opacity:.25}.profile-opening-orbits:after{background:linear-gradient(0deg,#fff,transparent 26%,#ffffff22 70%,#ffffffaa),linear-gradient(90deg,#ffffff80,transparent 85%)}}
@media(prefers-reduced-motion:reduce){.profile-opening-orbits:before{animation:none;transform:none;will-change:auto}}
/* Keep the full portrait within the frame, feathering every image edge. */
.profile-opening-orbits:before{inset:7% 6% 8% 17%;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.42;mask-image:radial-gradient(ellipse at center,#000 38%,#000c 56%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,#000c 56%,transparent 76%)}
@keyframes about-portrait-breathe{from{transform:translateY(var(--portrait-scroll,0px)) scale(.96)}to{transform:translateY(calc(var(--portrait-scroll,0px) - 6px)) scale(1)}}
@media(max-width:700px){.profile-opening-orbits:before{inset:8% 5% 9%;background-position:center;background-size:contain;opacity:.37}}
@media(prefers-reduced-motion:reduce){.profile-opening-orbits:before{transform:none}}
/* Feather the image itself, rather than the wider surrounding canvas. */
.profile-opening-orbits:before{inset:auto;top:7%;left:55%;height:85%;width:auto;aspect-ratio:350/456;translate:-50% 0;background-position:center;background-size:100% 100%;opacity:.42;filter:none;mask-image:radial-gradient(ellipse closest-side at center,#000 38%,#000b 68%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 38%,#000b 68%,transparent 100%)}
.sid-biography>.sid-eyebrow,.about-hero-copy>p{color:#152c20;font-weight:600;text-align:left;letter-spacing:.14em;font-size:14px;text-shadow:none}
.about-hero-copy{width:100%}
@media(max-width:700px){.profile-opening-orbits:before{inset:auto;top:8%;left:50%;height:83%;width:auto;background-size:100% 100%;opacity:.37}}
/* Bring out the portrait while preserving its softly feathered silhouette. */
.profile-opening-orbits:before{opacity:.9;filter:brightness(.98) contrast(1.08)}
@media(max-width:700px){.profile-opening-orbits:before{opacity:.85}}