:root{--ink:#173e35;--cream:#efeadd;--yellow:#ffcc29;--display:'Bricolage Grotesque',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--ink);background:#a18a61;font-family:var(--body)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--display)}::selection{background:var(--yellow);color:var(--ink)}
.skip-story{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:30;padding:12px;background:var(--cream)}.skip-story:focus{transform:none}
.story-header{position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:28px 40px;pointer-events:none}.story-header>*{pointer-events:auto}.back-link{font-size:17px;font-weight:500;letter-spacing:.015em;background:none;border:0;padding:10px 0;min-height:44px;display:flex;align-items:center;gap:12px;color:var(--ink)}.back-link span{font-size:25px}.back-link:hover{text-decoration:underline;text-underline-offset:5px}.over-story-team .back-link{color:var(--cream)}
.story-journey{height:var(--story-length,600svh);position:relative}.story-stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;isolation:isolate}.story-sky,.story-opening,.terrain-fallback,.story-globe,.story-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.story-sky{z-index:0;background:radial-gradient(ellipse at 43% 25%,#ffe6a0 0%,#edbd70 31%,#a68d65 67%,#897d62 100%)}.terrain-fallback{z-index:1;object-fit:cover;object-position:38% center}.story-globe{z-index:2}.has-globe .terrain-fallback{opacity:0}.story-opening{z-index:4;object-fit:cover;object-position:38% center}.story-sun{position:absolute;z-index:3;left:0;top:0;transform-origin:center;pointer-events:none;will-change:transform}.story-sun svg{width:100%;height:100%;display:block;overflow:visible}.story-sun:before{content:'';position:absolute;inset:-90% -20%;background:radial-gradient(ellipse,rgba(255,235,158,.8),rgba(255,203,79,.2) 45%,transparent 70%);z-index:-1}.story-shade{z-index:5;opacity:0;background:linear-gradient(90deg,rgba(16,37,24,.88),rgba(16,37,24,.7) 40%,transparent 85%),linear-gradient(0deg,rgba(16,37,24,.5),transparent 65%)}
.story-title{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;will-change:opacity,transform}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;line-height:1.6}.story-title .eyebrow{margin-bottom:18px}.story-title h1{font-size:clamp(76px,14.5vw,230px);line-height:.88;font-weight:800;letter-spacing:-.085em;padding-right:.08em}.scroll-invitation{position:absolute;bottom:42px;color:var(--cream);text-shadow:0 1px 7px #173e35;font-size:11px;letter-spacing:.06em;display:flex;align-items:center;gap:25px}.scroll-invitation span{font-size:27px}
.story-people{position:absolute;inset:0;z-index:7;pointer-events:none}.person-panel{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(32px,7vw,120px);align-items:center;width:min(1050px,calc(100% - 180px));margin:auto;padding:135px 0 80px;opacity:0;visibility:hidden;will-change:transform,opacity}.person-copy{color:var(--cream);text-shadow:0 1px 18px rgba(20,40,20,.3)}.person-copy .eyebrow{color:#ffe89c;margin-bottom:26px}.person-copy h2{font-size:clamp(54px,6.4vw,100px);line-height:.96;letter-spacing:-.04em}.person-role{font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin-top:25px}.person-description{font-size:15px;line-height:1.8;margin-top:16px}.person-rule{display:block;width:48px;height:2px;background:var(--yellow);margin:29px 0 18px}.person-signature{font-size:13px;line-height:1.65;opacity:.8}.person-photo{position:relative;aspect-ratio:4/4.7;max-height:62svh;width:100%;background:linear-gradient(150deg,#e5e4cb,#adbd95);border:2px solid #173e35;border-radius:48% 48% 10px 10px;overflow:hidden;box-shadow:0 22px 70px rgba(19,36,21,.24);align-self:center}.person-photo>svg{position:absolute;bottom:0;left:10%;width:80%;height:86%;color:#6c8c6c;opacity:.65}.person-photo figcaption{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:9px 14px;border-radius:30px;background:var(--cream);font-size:10px;white-space:nowrap}.photo-index{position:absolute;top:20%;left:20%;font-size:11px;letter-spacing:.1em;color:#56725a}.person-panel:nth-child(3n+2) .person-photo{background:linear-gradient(140deg,#ede0a8,#c4c997)}.person-panel:nth-child(3n) .person-photo{background:linear-gradient(140deg,#d1dec9,#91b0a0)}
.scene-caption{position:absolute;z-index:8;bottom:28px;left:40px;right:40px;display:flex;justify-content:space-between;color:var(--cream);font-size:10px;letter-spacing:.08em;opacity:0;pointer-events:none}.chapter-nav{position:fixed;z-index:20;right:28px;top:50%;display:flex;flex-direction:column;gap:10px;transform:translateY(-50%);opacity:0;visibility:hidden}.chapter-nav a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(239,234,221,.4);border-radius:50%;color:var(--cream);font-size:10px;background:rgba(23,62,53,.25)}.chapter-nav a[aria-current=true]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.story-outro{position:relative;z-index:9;min-height:70svh;background:var(--cream);padding:100px 24px 60px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-outro h2{font-size:clamp(46px,6vw,84px);letter-spacing:-.06em;line-height:1.03;margin-top:24px}.contact-link{display:flex;align-items:center;gap:45px;border-radius:40px;background:var(--ink);color:var(--cream);padding:17px 25px;font-size:13px;margin-top:35px}.contact-link span{font-size:24px}
@media(max-width:700px){.story-header{padding:16px}.back-link{font-size:15px;padding:8px 0;gap:9px}.back-link span{font-size:23px}.story-title h1{font-size:19vw}.story-title .eyebrow{font-size:8px;letter-spacing:.1em;max-width:220px}.scroll-invitation{bottom:28px;font-size:10px;gap:12px}.person-panel{width:calc(100% - 56px);grid-template-columns:1fr;gap:20px;padding:100px 0 55px;align-content:center}.person-copy h2{font-size:45px}.person-copy h2 br{display:none}.person-copy .eyebrow{font-size:8px;margin-bottom:13px}.person-role{font-size:10px;margin-top:13px}.person-description{font-size:12px;margin-top:7px}.person-rule,.person-signature{display:none}.person-photo{width:min(230px,62vw);height:min(35svh,290px);aspect-ratio:auto;justify-self:center;grid-row:1}.person-copy{text-align:center}.person-photo figcaption{font-size:8px;bottom:12px;padding:7px 11px}.chapter-nav{right:7px;gap:7px}.chapter-nav a{width:27px;height:27px;font-size:8px}.scene-caption{left:20px;right:20px;bottom:18px;font-size:8px}.story-outro{padding:85px 24px 55px}}
@media(max-height:620px) and (min-width:701px){.person-panel{padding-top:85px;padding-bottom:45px}.person-photo{max-height:65svh;width:auto;justify-self:center}.person-copy h2{font-size:54px}.person-copy .eyebrow{margin-bottom:15px}.person-rule{margin:17px 0 10px}}
/* A complete reading flow when animation is disabled or JavaScript is unavailable. */
.history-page:not(.story-enhanced) .story-journey,.history-page.motion-static .story-journey{height:auto}
.history-page:not(.story-enhanced) .story-stage,.motion-static .story-stage{position:relative;height:auto;overflow:visible}
.history-page:not(.story-enhanced) .story-title,.motion-static .story-title{position:relative;height:100svh;opacity:1!important;transform:none!important}
.history-page:not(.story-enhanced) .story-opening,.motion-static .story-opening{height:100svh;opacity:1!important}
.history-page:not(.story-enhanced) .story-people,.motion-static .story-people{position:relative;inset:auto;background:#344e3c;padding:50px 0;pointer-events:auto}
.history-page:not(.story-enhanced) .person-panel,.motion-static .person-panel{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;min-height:85svh;padding-top:60px;padding-bottom:60px}
.history-page:not(.story-enhanced) .story-sun,.motion-static .story-sun,.history-page:not(.story-enhanced) .story-globe,.motion-static .story-globe,.history-page:not(.story-enhanced) .terrain-fallback,.motion-static .terrain-fallback,.history-page:not(.story-enhanced) .story-shade,.motion-static .story-shade,.motion-static .chapter-nav{display:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* A staggered portrait trail follows the turning globe, alternating right / left. */
.story-people{mask-image:linear-gradient(transparent,black 11%,black 94%,transparent)}
.person-panel{inset:auto;top:0;right:10%;left:auto;width:min(30vw,350px);margin:0;padding:0;display:flex;flex-direction:column;gap:0;align-items:stretch;transform-origin:center}
.person-panel:nth-child(even){left:10%;right:auto}
.person-photo{order:-1;width:100%;height:auto;max-height:none;aspect-ratio:4/4.4;align-self:auto}
.person-copy{padding-top:17px;text-align:left}
.person-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:8px}
.person-copy h2{font-size:clamp(30px,3.2vw,44px);line-height:1.02;letter-spacing:-.04em}

.person-copy h2 br{display:none}
.person-role{font-size:10px;margin-top:11px}
.person-description{font-size:12px;margin-top:7px}
.person-rule,.person-signature{display:none}
@media(max-width:700px){.person-panel{width:min(58vw,225px);right:23px;padding:0}.person-panel:nth-child(even){left:23px;right:auto}.person-photo{width:100%;height:auto;max-height:none;aspect-ratio:4/4.4}.person-copy{padding-top:12px}.person-copy h2{font-size:29px}.person-copy .eyebrow{font-size:7px;line-height:1.5;max-width:190px}.person-role{font-size:9px;margin-top:8px}.person-description{font-size:11px}.chapter-nav{right:3px}.chapter-nav a{width:23px;height:23px}}
@media(max-height:650px) and (min-width:701px){.person-panel{width:min(27vw,270px)}.person-copy h2{font-size:32px}}
.history-page:not(.story-enhanced) .story-people,.motion-static .story-people{mask-image:none}
.history-page:not(.story-enhanced) .person-panel,.motion-static .person-panel{left:auto;right:auto;width:min(780px,calc(100% - 100px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;min-height:0;padding:50px 0}
.history-page:not(.story-enhanced) .person-photo,.motion-static .person-photo{order:initial;max-height:none}
.history-page:not(.story-enhanced) .person-copy,.motion-static .person-copy{align-self:center}
.history-page:not(.story-enhanced) .person-panel:nth-child(even) .person-photo,.motion-static .person-panel:nth-child(even) .person-photo{order:-1}
@media(max-width:700px){.history-page:not(.story-enhanced) .person-panel,.motion-static .person-panel{width:min(300px,calc(100% - 56px));grid-template-columns:1fr;gap:18px;padding:35px 0}.history-page:not(.story-enhanced) .person-photo,.motion-static .person-photo{order:-1}}

/* One entrance sequence, independent of the reversible scroll choreography. */
@keyframes story-landscape-in{from{opacity:0}to{opacity:1}}
@keyframes story-detail-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.story-intro .story-stage{animation:story-landscape-in 1000ms cubic-bezier(.2,.65,.3,1) both}
.story-intro .story-title h1{animation:story-detail-in 950ms 280ms cubic-bezier(.2,.65,.3,1) both}
.story-intro .story-title .eyebrow{animation:story-detail-in 800ms 430ms cubic-bezier(.2,.65,.3,1) both}
.story-intro .story-header{animation:story-detail-in 700ms 650ms ease-out both}
.story-intro .scroll-invitation{animation:story-detail-in 700ms 1000ms ease-out both}
.story-intro:not(.intro-ready) :is(.story-stage,.story-title h1,.story-title .eyebrow,.story-header,.scroll-invitation){animation-play-state:paused}
.story-intro .motion-static :is(.story-stage,.story-title h1,.story-title .eyebrow,.story-header,.scroll-invitation),.story-intro .story-header:focus-within{animation:none}
@media(prefers-reduced-motion:reduce){.story-intro :is(.story-stage,.story-title h1,.story-title .eyebrow,.story-header,.scroll-invitation){animation:none}}

/* O Instagram fica na mesma linha visual do nome, encostado à borda da foto. */
.person-copy{position:relative}

/* Na leitura estática, a foto ocupa a segunda coluna; o ícone acompanha essa borda. */