.hero{position:relative;padding:160px 0 0;background:radial-gradient(ellipse at 25% 20%,#ffffff04,transparent 65%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:84px;align-items:center;padding-bottom:62px}.portrait-wrap{position:relative;width:126px;height:126px;margin-bottom:26px}.portrait{border-radius:50%;width:100%;height:100%;object-fit:cover;filter:saturate(.65);border:3px solid #1a1a1d}.portrait-orbit{position:absolute;inset:-5px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 28px #ffffff08}.hero .eyebrow{margin-bottom:10px;font-size:.8rem}.hero h1{font-size:clamp(4rem,7vw,6.4rem);font-weight:750;letter-spacing:-.065em;line-height:1.05}.hero h1>span{color:#77777f}.hero-statement{font-size:clamp(1.6rem,2.55vw,2.25rem);font-weight:550;line-height:1.25;margin-top:17px;letter-spacing:-.035em}.hero-description{font-size:.95rem;line-height:1.7;margin-top:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.social-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}.social-links a{width:38px;height:40px;display:grid;place-items:center;opacity:.8;border-radius:9px;transition:background .2s,opacity .2s,transform .2s}.social-links a:hover{background:#ffffff0c;opacity:1;transform:translateY(-3px)}.social-links img{width:22px;height:22px;object-fit:contain}.hero-side{display:grid;gap:14px;padding-top:22px}.intro-card{padding:30px}.card-kicker{font-size:.8rem;color:#888890;margin-bottom:12px}.intro-card h3{font-size:1.45rem;font-weight:600}.intro-card>p:last-of-type{margin-top:22px;line-height:1.8;font-size:.95rem;color:#b7b7be}.mini-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:27px;padding-top:20px;border-top:1px solid var(--line);font-size:.875rem;color:#c7c7cd}.mini-meta>span{display:flex;align-items:center;gap:8px}.mini-meta .icon{width:17px;height:17px}.presence-card{padding:20px 22px}.presence-top{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;margin-bottom:19px;color:#96969e}.presence-label{display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:#777;display:inline-block}.status-dot[data-status=online]{background:#62bd80}.status-dot[data-status=idle]{background:#d8b253}.status-dot[data-status=dnd]{background:#db6464}.presence-body{display:flex;align-items:center;gap:13px;min-width:0}.presence-body>img:first-child{border-radius:50%;flex-shrink:0;object-fit:cover}.presence-content{min-width:0;flex:1}.presence-content strong{font-size:.95rem;font-weight:650}.presence-content p{font-size:.8rem;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.presence-content a{display:block;font-size:.8rem;margin-top:5px;color:#8bcc9d}.presence-content a[hidden]{display:none}#presence-app{object-fit:contain;border-radius:5px;flex-shrink:0}.setup-teaser{display:flex;gap:13px;align-items:center;padding:14px 12px;color:#a6a6ae;font-size:.83rem;border-radius:10px}.setup-teaser:hover{background:#ffffff04;color:white}.setup-teaser>span{flex:1}.setup-teaser small{display:block;color:#73737c;font-size:.8rem;margin-top:2px}.setup-teaser>.icon:last-child{width:17px;height:17px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:21px;border-top:1px solid var(--line);color:#797982;font-size:.8rem}.hero-bottom a{display:flex;gap:12px;align-items:center;color:#a8a8b0}.hero-bottom .icon{width:17px;height:17px}
@media(max-width:1050px){.hero-grid{gap:40px}.intro-card{padding:24px}.hero{padding-top:135px}.desktop-break{display:none}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:34px;padding-bottom:35px}.hero{padding-top:120px}.hero-main{max-width:600px}.hero-side{padding-top:0;grid-template-columns:1fr 1fr;align-items:start}.intro-card{grid-row:span 2}.setup-teaser{padding-inline:8px}.hero h1{font-size:4.8rem}.hero-bottom>span{display:none}.hero-bottom{justify-content:center}.hero-statement br{display:none}}
@media(max-width:550px){.hero-side{grid-template-columns:1fr;gap:12px}.intro-card{grid-row:auto}.portrait-wrap{width:98px;height:98px;margin-bottom:24px}.hero h1{font-size:4.2rem}.hero-statement{font-size:1.65rem}.hero-description{font-size:.95rem}.social-links{gap:7px;justify-content:space-between}.social-links a{width:32px}.hero-actions{gap:10px}.hero-actions .button{padding-inline:17px;gap:12px}.intro-card{padding:24px}.hero-bottom{font-size:.8rem}}

.presence-music{font-size:.76rem;line-height:1.45;margin-top:5px;color:#96969e;overflow-wrap:anywhere}.presence-music[hidden]{display:none}

/* Live activity enters below the name; the name grows when there is no activity. */
.presence-card .presence-content strong{display:block;font-size:1.15rem;line-height:1.35;transition:font-size .45s ease}
.presence-card.has-activity .presence-content strong{font-size:.95rem}
.presence-details{max-height:0;opacity:0;transform:translateY(12px);overflow:hidden;pointer-events:none;transition:max-height .48s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .48s cubic-bezier(.22,1,.36,1)}
.presence-card.has-activity .presence-details{max-height:135px;opacity:1;transform:translateY(0);pointer-events:auto}
.presence-card.is-swapping .presence-details{opacity:0;transform:translateY(9px);transition-duration:.16s}
.presence-card #presence-app{width:0;margin-left:-13px;opacity:0;transform:scale(.7);object-fit:contain;border-radius:5px;flex-shrink:0;transition:width .4s ease,margin-left .4s ease,opacity .3s ease,transform .4s ease}
.presence-card.has-music #presence-app{width:30px;margin-left:0;opacity:1;transform:scale(1)}