/* Retrato, órbitas e capítulos visuais sobre o pergaminho da marca. */
.life-hero{position:relative;isolation:isolate;grid-template-columns:1.1fr 1fr;min-height:790px;padding-block:42px 60px;gap:12px}.life-hero .hero-copy{position:relative;z-index:3}.life-hero h1{font-size:clamp(6rem,10vw,11rem);line-height:.76;letter-spacing:-.065em;margin-top:28px}.life-intro{display:block;font:400 1.7rem/1.5 var(--serif);letter-spacing:0;margin-bottom:18px}.life-name{display:block}.life-surname{display:block;padding-left:.4em;margin-top:10px}.life-hero .hero-copy>.bio-role{font-size:1.7rem;line-height:1.25;margin-top:34px}.life-hero .hero-copy>p:not(.bio-role){font-size:1rem;max-width:380px;margin-top:18px}.life-hero .hero-note{margin-top:25px}.life-hero .hero-copy>.eyebrow{margin:0}.life-hero .actions{margin-top:18px}.life-portrait{padding:0;position:relative;width:100%;aspect-ratio:1;max-width:none!important;align-self:center;translate:0 calc(var(--life-scroll,0) * 25px)}.life-portrait::before{display:none}.life-portrait .portrait-frame{position:absolute;inset:12%;border-radius:50% 50% 46% 46%;transform:rotate(-7deg);box-shadow:0 16px 50px rgba(92,74,58,.12)}.life-portrait .portrait-frame img{height:100%;width:100%;object-fit:cover;object-position:50% 32%;transform:rotate(7deg) scale(1.12)}.life-orbit{position:absolute;inset:-5%;width:110%;height:110%;stroke:currentColor;stroke-width:1;color:var(--gold);animation:life-orbit 32s linear infinite}.life-portrait .hero-seal{width:126px;height:126px;left:auto;right:-3%;bottom:3%;z-index:3;animation:life-float 6s ease-in-out infinite!important}.life-portrait .hero-seal .sigil{width:82px;height:82px}.life-portrait .photo-caption{position:absolute;bottom:-12%;left:0;right:0;text-align:center;font-size:.7rem}.orbit-caption{position:absolute;top:-9%;left:0;right:0;text-align:center;font:400 .72rem/1.5 var(--sans);letter-spacing:.22em;color:var(--gold)}.life-stars{position:absolute;inset:0;pointer-events:none;z-index:-1}.life-stars i{position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px rgba(143,108,44,.09);animation:life-star 4s ease-in-out infinite;animation-delay:calc(var(--n) * -.6s)}.life-stars i:nth-child(3n){width:20px;height:20px;border-radius:0;background:none;box-shadow:none}.life-stars i:nth-child(3n)::before,.life-stars i:nth-child(3n)::after{content:'';position:absolute;background:var(--gold);inset:9px 0}.life-stars i:nth-child(3n)::after{transform:rotate(90deg)}
.life-ribbon{overflow:hidden;border-block:1px solid var(--line);padding-block:20px;background:var(--cream);color:var(--gold)}.life-ribbon>div{display:flex;align-items:center;gap:48px;width:max-content;animation:life-ribbon 55s linear infinite}.life-ribbon span{font:400 1rem/1.5 var(--sans);letter-spacing:.28em}.life-ribbon b{font:400 2.6rem/1 var(--serif)}.biography{padding-block:120px;gap:100px}.biography .about-heading{position:sticky;top:160px}.biography .about-heading>.sigil{width:180px;height:180px;animation:life-float 8s ease-in-out infinite}.life-story{counter-reset:chapter}.life-story>p{position:relative;margin:0;padding:30px 0 42px 32px;border-left:1px solid var(--line);transition:color .6s,translate .6s}.life-story>p::before{counter-increment:chapter;content:'0' counter(chapter);position:absolute;left:-15px;top:0;font:400 .75rem var(--sans);color:var(--gold);background:var(--paper);padding:5px}.life-story>p.is-reading{color:var(--ink);translate:8px 0}.life-modalities{display:flex;flex-wrap:wrap;gap:0;justify-content:center}.life-modalities .modality{width:25%;min-height:140px;border:1px solid var(--line);padding:24px;text-align:center;position:relative;margin:-1px 0 0 -1px;transition:background .5s,transform .5s}.life-modalities .modality:hover{background:var(--paper);transform:translateY(-8px)}.life-modalities .modality h3{font-size:1.8rem}.life-modalities .number{font-size:1rem}.bio-paths{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;border:none;align-items:stretch}.life-door{position:relative;display:flex;flex-direction:column;padding:0!important;border:1px solid var(--line);overflow:hidden;min-width:0;transition:translate .5s,box-shadow .5s;background:var(--cream)}.life-door:hover,.life-door:focus-visible{translate:0 -12px;box-shadow:0 18px 35px rgba(92,74,58,.12)}.door-art{height:230px;position:relative;overflow:hidden;background:var(--paper)}.door-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform 1.2s}.life-door:hover img,.life-door:focus-visible img{transform:scale(1.12)}.door-art svg{position:absolute;width:86%;height:86%;top:7%;left:7%;stroke:var(--light);stroke-width:1;animation:life-orbit 34s linear infinite}.door-copy{padding:22px 18px 28px;flex:1;display:flex;flex-direction:column}.door-copy strong{font-size:2.2rem;line-height:1.02;margin-top:16px}.door-copy small{font-size:1rem;line-height:1.6;margin-top:16px}.door-copy>span:last-child{margin-top:auto;padding-top:22px;color:var(--gold);font-size:1.6rem}.life-door:nth-child(even){margin-top:38px}.life-door:nth-child(2) .door-art{border-radius:100px 100px 0 0}.life-door:nth-child(4) .door-art svg{animation-direction:reverse}.life-hero~.member-invite{position:relative;padding:85px 50px;background:var(--cream);border:1px solid var(--line);margin-block:50px 90px;overflow:hidden}.life-hero~.member-invite .sigil{width:170px;height:170px;animation:life-float 7s ease-in-out infinite}
@keyframes life-orbit{to{transform:rotate(360deg)}}@keyframes life-star{0%,100%{opacity:.35;scale:.65}50%{opacity:1;scale:1.2}}@keyframes life-float{0%,100%{transform:translateY(-7px) rotate(-8deg)}50%{transform:translateY(7px) rotate(5deg)}}@keyframes life-ribbon{to{transform:translateX(-50%)}}
@media(min-width:961px){.life-hero .hero-visual{animation:none!important}.life-hero .portrait-frame{animation:life-portrait-in 1.1s ease-out both}.life-hero .life-name{animation:life-name-in .85s ease-out both}.life-hero .life-surname{animation:life-name-in 1.1s ease-out both}}
@keyframes life-name-in{from{opacity:0;translate:0 40px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes life-portrait-in{from{opacity:0;clip-path:inset(20% 0 20% 0 round 45%)}to{opacity:1;clip-path:inset(0 round 45%)}}
@media(max-width:1100px){.life-hero{min-height:740px}.life-hero h1{font-size:7rem}.life-portrait .hero-seal{width:95px;height:95px}.life-portrait .hero-seal .sigil{width:55px;height:55px}.bio-paths{grid-template-columns:repeat(3,1fr)}.life-door:nth-child(even){margin-top:0}.biography{gap:55px}}
@media(max-width:700px){.life-hero{display:grid;grid-template-columns:1fr;width:calc(100% - 40px);gap:0;padding-top:28px;min-height:0}.life-hero .hero-copy{display:contents}.life-hero .hero-copy>.eyebrow{grid-row:1;text-align:center}.life-hero h1{grid-row:2;text-align:center;font-size:clamp(5.3rem,23vw,8rem);margin:12px 0 35px;line-height:.76}.life-intro{font-size:1.4rem;margin-bottom:12px}.life-surname{padding-left:.7em}.life-portrait{grid-row:3;width:88%;margin:15px auto 54px;aspect-ratio:1;animation:none!important}.life-portrait .portrait-frame img{height:100%;aspect-ratio:auto}.orbit-caption{display:none}.life-portrait .photo-caption{bottom:-12%;font-size:.7rem}.life-portrait .hero-seal{right:-7%;bottom:0;left:auto;width:94px;height:94px}.life-portrait .hero-seal .sigil{width:54px;height:54px}.life-hero .hero-copy>.bio-role{font-size:1.7rem;line-height:1.3;margin-top:5px}.life-hero .hero-copy>p:not(.bio-role){max-width:none;font-size:1rem}.life-hero .hero-note{margin-top:22px}.life-hero .actions{margin-top:20px}.life-ribbon{padding-block:13px}.life-ribbon>div{gap:28px}.life-ribbon span{font-size:.8rem}.biography{padding-block:60px;gap:35px}.biography .about-heading{position:relative;top:auto}.biography .about-heading>.sigil{position:absolute;right:0;bottom:-10px;width:95px;height:95px;opacity:.65}.biography .about-heading h2{font-size:2.8rem}.life-story>p{padding-bottom:28px;padding-left:25px}.life-story>p.large-copy{font-size:1.7rem}.life-modalities .modality{width:50%;padding:22px 14px;min-height:135px}.life-modalities .modality h3{font-size:1.6rem}.bio-paths{grid-template-columns:1fr;gap:22px}.life-door{display:grid;grid-template-columns:40% 60%;min-height:230px}.door-art{height:100%;min-height:230px}.door-art svg{width:150%;height:100%;left:-25%;top:0}.door-copy{padding:24px 20px}.door-copy strong{font-size:2.2rem;margin-top:10px}.door-copy small{font-size:1rem}.door-copy>span:last-child{padding-top:10px}.life-hero~.member-invite{padding:30px 25px;margin-block:20px 50px}.life-hero~.member-invite .sigil{width:115px;height:115px}.life-hero~.member-invite h2{font-size:3rem}}
html[data-motion=paused] .life-portrait{translate:0 0}html[data-motion=paused] .life-hero :is(.life-name,.life-surname,.portrait-frame){opacity:1;clip-path:none;filter:none;translate:0 0}
@media(prefers-reduced-motion:reduce){.life-hero *,.life-ribbon *,.life-door *,.biography *{animation:none!important;transition:none!important}.life-portrait{translate:none}.life-hero :is(.life-name,.life-surname,.portrait-frame){opacity:1;clip-path:none;filter:none;translate:none}}
main:has(.life-hero){overflow:clip}
