/* A fixed square image box prevents portrait intrinsic height stretching Safari grids. */
.profile-gate{padding:36px 20px;background:linear-gradient(#030611a8,#030611d4),url('/stream/assets/subscribe-ecu-world.jpeg') center/cover;align-items:start}
.profile-layout{width:min(720px,100%);margin:auto}
.profile-logo{font-size:clamp(2.2rem,7vw,3.7rem);display:block;margin:8px auto 34px;color:#fff;text-align:center;text-decoration:none;line-height:1.1}
.profile-wrap{width:100%;padding:42px 40px 32px;border-radius:32px;overflow:visible;background:linear-gradient(145deg,#111724dd,#050710d9)}
.profile-wrap h1{font-size:clamp(1.65rem,6vw,3.5rem);letter-spacing:-.045em;line-height:1.15;margin:0 0 8px}
.profile-intro{font-size:clamp(.95rem,2.8vw,1.35rem);line-height:1.4;margin:0 0 34px}
.profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px;align-items:start;padding:0;overflow:visible}
.profiles>.profile:not(.guest-profile){display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;min-width:0;transform:none}
.profiles .profile-face{position:relative;display:block;flex:none;width:min(220px,100%);max-width:220px;height:auto;aspect-ratio:1 / 1;min-height:0;padding:0;border:3px solid var(--profile-accent);border-radius:50%;box-sizing:border-box;background:#090b12;isolation:isolate}
.profiles .profile-face img{position:absolute;inset:4px;display:block;width:calc(100% - 8px);height:calc(100% - 8px);max-width:none;min-height:0;object-fit:cover;object-position:center 25%;border-radius:50%;clip-path:circle(50%);margin:0}
.profiles .profile-copy{position:relative;display:grid;gap:6px;min-width:0;width:100%;line-height:1.2}
.profiles .profile-copy b{font-size:clamp(1.15rem,3.5vw,1.8rem);line-height:1.2;overflow-wrap:anywhere}
.profiles .profile-copy small{font-size:.75rem;line-height:1.3;letter-spacing:.14em}
.profiles .guest-profile{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:12px 18px;gap:14px;transform:none}
.profiles .guest-profile .profile-face{width:42px;height:42px;display:grid;place-items:center;font-size:1.2rem}
.profiles .guest-profile .profile-copy{width:auto;text-align:left}
.profiles .guest-profile .profile-copy b{font-size:1rem}
.profiles .guest-profile .profile-copy small{font-size:.7rem;letter-spacing:.07em}
.profile-wrap>.manage{margin-top:24px;height:62px;font-size:1.1rem}
.profile-footer{margin:28px 0 4px;font-size:.75rem;letter-spacing:.12em}
@media(max-width:480px){.profile-gate{padding:26px 16px}.profile-logo{margin:0 auto 26px}.profile-wrap{padding:28px 18px 24px;border-radius:24px}.profiles{gap:26px 20px}.profiles .profile-face{width:100%;max-width:160px}.profile-intro{margin-bottom:26px}.profiles .profile-copy small{font-size:.75rem;letter-spacing:.08em}.profile-footer{gap:10px;font-size:.65rem}.profile-footer i{width:24px}.profiles .guest-profile{padding:12px 10px}.profiles .guest-profile .profile-copy small{font-size:.65rem;letter-spacing:.02em}}