.about-hero.profile{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(390px,.8fr);grid-template-areas:"gallery copy";direction:ltr;gap:5vw;align-items:center;padding:95px 7vw 65px;background:radial-gradient(circle at 18% 45%,#4b942a44,transparent 38%),linear-gradient(135deg,#082640,#03111e)}
.profile-hero-copy{position:relative;z-index:2;grid-area:copy;direction:rtl;align-self:center}
.profile-hero-copy>span{font-size:14px;color:var(--cyan);font-weight:800;letter-spacing:.08em}
.profile .profile-hero-copy h1{margin:30px 0 72px}
.profile .hero-name{position:relative;right:auto;left:auto;bottom:auto;display:inline-block}
.profile-gallery{position:relative;z-index:3;grid-area:gallery;direction:rtl;height:455px;min-width:0}
.profile-photo{position:absolute;top:50%;left:50%;width:min(34vw,510px);height:min(23vw,335px);margin:0;border:1px solid #ffffff3d;border-radius:5px;overflow:hidden;background:#10283b;box-shadow:0 28px 70px #0009}
.profile-photo img{width:100%;height:100%;display:block;object-fit:cover}
.photo-lobby{z-index:1;transform:translate(-66%,-54%) rotate(-6deg)}
.photo-stairs{z-index:2;transform:translate(-34%,-46%) rotate(6deg)}
.photo-tower{z-index:3;transform:translate(-50%,-50%) rotate(0);width:min(31vw,470px);height:min(25vw,365px)}
.profile-gallery blockquote{position:absolute;z-index:5;right:2%;bottom:16px;width:min(91%,650px);margin:0;padding:18px 22px 18px 28px;border-right:4px solid var(--green);background:#041625e8;box-shadow:0 14px 42px #0008;color:#fff;font-size:clamp(18px,1.25vw,23px);font-weight:700;line-height:1.45}
@media(prefers-reduced-motion:no-preference){.profile-photo{opacity:0}.photo-lobby{animation:profileCardLobby .72s .18s cubic-bezier(.2,.8,.2,1) forwards}.photo-stairs{animation:profileCardStairs .72s .52s cubic-bezier(.2,.8,.2,1) forwards}.photo-tower{animation:profileCardTower .78s .88s cubic-bezier(.2,.8,.2,1) forwards}.profile-gallery blockquote{opacity:0;animation:profileQuote .6s 1.35s ease forwards}@keyframes profileCardLobby{from{opacity:0;transform:translate(-115%,-54%) rotate(-11deg)}to{opacity:1;transform:translate(-66%,-54%) rotate(-6deg)}}@keyframes profileCardStairs{from{opacity:0;transform:translate(15%,-46%) rotate(12deg)}to{opacity:1;transform:translate(-34%,-46%) rotate(6deg)}}@keyframes profileCardTower{from{opacity:0;transform:translate(-50%,-25%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}}@keyframes profileQuote{to{opacity:1}}}
@media(max-width:1050px){.about-hero.profile{grid-template-columns:1fr 1fr;gap:3vw;padding:95px 5vw 65px}.profile-gallery{height:410px}.profile-photo{width:39vw;height:27vw}.photo-tower{width:36vw;height:30vw}.profile-gallery blockquote{font-size:18px}}
@media(max-width:850px){.about-hero.profile{display:flex;direction:rtl;min-height:960px;padding:105px 6vw 55px;justify-content:flex-start}.profile-hero-copy{width:100%}.profile .profile-hero-copy h1{margin:22px 0 34px}.profile .hero-name{margin-bottom:22px}.profile-gallery{width:100%;height:455px;margin-top:10px}.profile-photo{width:min(74vw,500px);height:min(49vw,330px)}.photo-tower{width:min(66vw,450px);height:min(54vw,365px)}.profile-gallery blockquote{right:4%;bottom:0;width:92%}}
@media(max-width:520px){.about-hero.profile{min-height:850px;padding-top:90px}.profile-gallery{height:390px}.profile-gallery blockquote{padding:15px 17px;font-size:16px}.photo-lobby{transform:translate(-60%,-54%) rotate(-5deg)}.photo-stairs{transform:translate(-40%,-46%) rotate(5deg)}@media(prefers-reduced-motion:no-preference){.photo-lobby{animation-name:profileCardLobbyMobile}.photo-stairs{animation-name:profileCardStairsMobile}@keyframes profileCardLobbyMobile{from{opacity:0;transform:translate(-100%,-54%) rotate(-10deg)}to{opacity:1;transform:translate(-60%,-54%) rotate(-5deg)}}@keyframes profileCardStairsMobile{from{opacity:0;transform:translate(0,-46%) rotate(10deg)}to{opacity:1;transform:translate(-40%,-46%) rotate(5deg)}}}}