.sobre{max-width:1100px}
.sobre h2{font-size:clamp(2rem,4.6vw,3.4rem);letter-spacing:-.035em;line-height:1.05;margin:8px 0 14px}
.sobre h3{font-size:1.35rem;letter-spacing:-.02em;margin:38px 0 10px}
.sobre p{color:var(--muted);max-width:68ch}
.sobre .roles{color:var(--text);font-size:1.08rem;font-weight:500;max-width:62ch}
.s-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.s-hero figure,.s-fig{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.s-hero img,.s-fig img{display:block;width:100%;height:auto}
.s-hero figure{box-shadow:0 30px 90px -30px rgba(255,157,46,.35)}
.s-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:36px 0}
.s-row .s-fig img{aspect-ratio:4/5;object-fit:cover;object-position:center top}
.s-stats{display:flex;flex-wrap:wrap;gap:34px;margin:30px 0 4px}
.s-stats b{display:block;font-size:2rem;letter-spacing:-.02em}.s-stats span{color:var(--muted);font-size:.9rem}
.s-disco{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.s-disco li{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 18px;color:var(--muted);font-size:.95rem}
.s-disco li b{color:var(--text);display:block;margin-bottom:2px}
.s-brand{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px 30px;margin-top:44px}
.s-brand h3{margin-top:0}
@media(max-width:800px){.s-hero{grid-template-columns:1fr}.s-row{grid-template-columns:1fr}.s-stats{gap:22px}}

/* ===== cores e movimento ===== */
.s-aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.s-aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.34;will-change:transform}
.s-aurora i:nth-child(1){width:46vw;height:46vw;left:-12vw;top:-8vw;background:#8b5cff;animation:orb1 22s ease-in-out infinite alternate}
.s-aurora i:nth-child(2){width:40vw;height:40vw;right:-10vw;top:18vh;background:#ff8a1f;opacity:.26;animation:orb2 26s ease-in-out infinite alternate}
.s-aurora i:nth-child(3){width:34vw;height:34vw;left:22vw;bottom:-14vw;background:#ff3d8b;opacity:.22;animation:orb3 30s ease-in-out infinite alternate}
@keyframes orb1{to{transform:translate(18vw,14vh) scale(1.2)}}
@keyframes orb2{to{transform:translate(-16vw,-10vh) scale(1.15)}}
@keyframes orb3{to{transform:translate(12vw,-18vh) scale(1.25)}}

.sobre h2{background:linear-gradient(90deg,#fff 0%,#c7a6ff 25%,#ffb347 50%,#ff5fa2 75%,#fff 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nameflow 9s linear infinite}
@keyframes nameflow{to{background-position:-300% 0}}
.sobre .eyebrow{display:inline-flex;align-items:center;gap:10px}
.sobre .eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 0 rgba(255,179,71,.7);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 12px rgba(255,179,71,0)}100%{box-shadow:0 0 0 0 rgba(255,179,71,0)}}
.sobre h3{display:flex;align-items:center;gap:12px}
.sobre h3::after{content:"";height:2px;flex:1;max-width:160px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent);background-size:200% 100%;animation:bar 4s linear infinite}
@keyframes bar{to{background-position:-200% 0}}

.s-photo{position:relative}
.s-photo figure{position:relative;z-index:1;animation:floaty 7s ease-in-out infinite,glow 4s ease-in-out infinite alternate;transition:transform .4s}
.s-photo figure:hover{transform:scale(1.02) rotate(-.6deg)}
@keyframes floaty{50%{translate:0 -10px}}
@keyframes glow{from{box-shadow:0 30px 90px -30px rgba(255,157,46,.35),0 0 0 1px rgba(255,157,46,.15)}to{box-shadow:0 30px 110px -20px rgba(255,157,46,.7),0 0 40px rgba(255,100,40,.25)}}
.s-embers{position:absolute;inset:-30px -20px;z-index:2;pointer-events:none;overflow:hidden}
.s-embers b{position:absolute;bottom:-12px;width:var(--sz);height:var(--sz);border-radius:50%;background:radial-gradient(circle,#fff 0%,#ffb347 40%,rgba(255,120,30,0) 70%);opacity:0;animation:rise var(--d) linear var(--dl) infinite}
@keyframes rise{0%{transform:translate(0,0);opacity:0}12%{opacity:1}100%{transform:translate(var(--dx),-115vh);opacity:0}}
@media(min-width:801px){.s-embers b{animation-name:rise-d}@keyframes rise-d{0%{transform:translate(0,0);opacity:0}12%{opacity:1}100%{transform:translate(var(--dx),-620px);opacity:0}}}

.s-stats b{background:linear-gradient(100deg,#c7a6ff,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.s-stats>div{transition:transform .3s}.s-stats>div:hover{transform:translateY(-4px)}

.s-disco li{--c:#b184ff;position:relative;overflow:hidden;border-left:3px solid var(--c);transition:opacity .7s,transform .3s,border-color .3s,box-shadow .3s}
.s-disco li::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 0% 0%,var(--c),transparent 55%);opacity:.12;transition:opacity .3s}
.s-disco li:hover{transform:translateY(-5px);box-shadow:0 18px 40px -18px var(--c)}
.s-disco li:hover::before{opacity:.28}
.s-disco li b{color:var(--c);filter:brightness(1.25);letter-spacing:.01em}
.s-disco li:nth-child(1){--c:#ff5fa2}.s-disco li:nth-child(2){--c:#b184ff}.s-disco li:nth-child(3){--c:#46d6ff}.s-disco li:nth-child(4){--c:#ffb347}.s-disco li:nth-child(5){--c:#5be08f}.s-disco li:nth-child(6){--c:#ff7a45}.s-disco li:nth-child(7){--c:#e5d04a}

.s-row .s-fig{position:relative;transition:transform .45s,box-shadow .45s}
.s-row .s-fig:nth-child(1){animation:floaty 8s ease-in-out infinite}
.s-row .s-fig:nth-child(2){animation:floaty 9s ease-in-out -3s infinite}
.s-row .s-fig::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(139,92,255,.28),transparent 45%,rgba(255,157,46,.28));mix-blend-mode:screen;opacity:.6;transition:opacity .4s;pointer-events:none}
.s-row .s-fig:hover{transform:scale(1.03) rotate(.5deg);box-shadow:0 30px 80px -20px rgba(177,132,255,.55)}
.s-row .s-fig:hover::after{opacity:0}

.s-brand{position:relative;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--ang,0deg),#8b5cff,#ff9d2e,#ff3d8b,#46d6ff,#8b5cff) border-box;animation:spin 8s linear infinite}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes spin{to{--ang:360deg}}
.s-brand .btn{transition:transform .25s,box-shadow .25s}
.s-brand .btn:hover{transform:translateY(-3px) scale(1.03)}