:root{--oak-forest:#07130f;--oak-deep:#0b1712;--oak-oak:#14241d;--oak-champ:#c8b58a;--oak-ivory:#f1eee7;--oak-graphite:#151715;--oak-line:rgba(200,181,138,.22)}
.poc-oak-story{background:var(--oak-forest);color:#fff;overflow:clip}.poc-oak-story *{box-sizing:border-box}.poc-oak-story h1,.poc-oak-story h2,.poc-oak-story h3{font-family:"Cormorant Garamond","Playfair Display",serif;font-weight:400}.oak-kicker{font:500 10px/1.2 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--oak-champ)}
.oak-hero{position:relative;min-height:100svh;background:#050806;overflow:hidden}.oak-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.oak-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,6,.88) 0%,rgba(4,8,6,.54) 47%,rgba(4,8,6,.16) 75%),linear-gradient(0deg,rgba(4,8,6,.72),transparent 50%)}.oak-hero-copy{position:absolute;left:5.2vw;bottom:15vh;z-index:2;width:min(1050px,82vw);animation:oakIntro 1.4s cubic-bezier(.2,.7,.2,1) both}.oak-role{margin:12px 0 34px;font:400 12px/1.4 Inter,sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.62)}.oak-hero h1{font-size:clamp(54px,7vw,128px);line-height:.92;letter-spacing:-.055em;margin:0;max-width:1100px}.oak-lead{margin:34px 0 0;max-width:620px;font:300 17px/1.65 Inter,sans-serif;color:rgba(255,255,255,.68)}.oak-scroll-cue{position:absolute;z-index:3;right:4vw;bottom:5vh;color:rgba(255,255,255,.72);font:500 9px/1 Inter,sans-serif;letter-spacing:.18em}.oak-scroll-cue span{color:var(--oak-champ);margin-left:10px}@keyframes oakIntro{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.oak-story{position:relative;background:var(--oak-forest)}.oak-story-rail{position:fixed;right:2.2vw;top:50%;z-index:30;transform:translateY(-50%);width:76px;display:flex;flex-direction:column;align-items:flex-end;gap:18px;opacity:0;pointer-events:none;transition:opacity .35s ease}.oak-story.is-in-story .oak-story-rail{opacity:1;pointer-events:auto}.oak-story-brand{position:absolute;right:0;top:-48px;font:500 8px/1 Inter,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.4);white-space:nowrap}.oak-story-counter{font:500 9px/1 Inter,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.45)}.oak-story-counter b{color:var(--oak-champ);font-weight:500}.oak-story-rail nav{display:grid;gap:11px}.oak-story-rail nav a{display:flex;align-items:center;justify-content:flex-end;gap:8px;font:500 9px/1 Inter,sans-serif;color:rgba(255,255,255,.35);transition:.3s}.oak-story-rail nav a span{width:10px;height:1px;background:rgba(255,255,255,.25);transition:.3s}.oak-story-rail nav a.is-active{color:var(--oak-champ)}.oak-story-rail nav a.is-active span{width:28px;background:var(--oak-champ)}.oak-progress{width:1px;height:100px;background:rgba(255,255,255,.15);display:block;position:relative;margin-right:2px}.oak-progress b{position:absolute;left:0;top:0;width:1px;height:0;background:var(--oak-champ);transition:height .12s linear}
.oak-chapter{position:relative;min-height:150svh;background:var(--oak-forest)}.oak-chapter-sticky{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:42% 58%;overflow:hidden}.oak-chapter-copy{position:relative;z-index:2;padding:14vh 5vw 8vh;display:flex;flex-direction:column;justify-content:center}.oak-chapter-meta{display:flex;gap:20px;margin-bottom:18px;font:500 9px/1 Inter,sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.44)}.oak-chapter-meta span:last-child{color:var(--oak-champ)}.oak-year{font-family:"Cormorant Garamond","Playfair Display",serif;font-size:clamp(90px,12vw,220px);line-height:.7;letter-spacing:-.075em;color:rgba(255,255,255,.08);margin:0 0 50px}.oak-chapter h2{font-size:clamp(38px,4.1vw,72px);line-height:.98;letter-spacing:-.045em;margin:0 0 30px;max-width:720px}.oak-chapter p,.oak-lines{max-width:570px;font:300 16px/1.7 Inter,sans-serif;color:rgba(255,255,255,.62)}.oak-lines{display:grid;gap:4px}.oak-lines span{display:block}.oak-chapter-media{position:relative;margin:0;height:100svh;overflow:hidden;background:#0a0d0b}.oak-chapter-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--oak-forest),transparent 22%),linear-gradient(0deg,rgba(7,19,15,.34),transparent 40%);pointer-events:none}.oak-chapter-media img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(0) contrast(1.03);transform:scale(1.06);transition:filter 1.2s ease,transform 1.8s ease}.oak-chapter.is-active .oak-chapter-media img{filter:saturate(.75) contrast(1.02);transform:scale(1.015)}.oak-chapter.is-2026 .oak-chapter-media img{filter:saturate(1)!important}.oak-chapter-media figcaption{position:absolute;right:32px;bottom:28px;z-index:2;font:500 9px/1 Inter,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.55)}
.oak-chapter.is-2009{background:#07100d}.oak-chapter.is-2009 .oak-chapter-copy{border-right:1px solid rgba(255,255,255,.07)}.oak-chapter.is-2012{background:#0a1511}.oak-chapter.is-2012 .oak-chapter-copy{padding-left:7vw}.oak-chapter.is-2023{background:#0c1c16}.oak-chapter.is-2023 .oak-chapter-copy:after{content:"SYSTEM / AUTOMATION / INTELLIGENCE";position:absolute;left:5vw;bottom:6vh;font:500 8px/1 Inter,sans-serif;letter-spacing:.22em;color:rgba(200,181,138,.34)}.oak-chapter.is-2026{background:var(--oak-oak)}.oak-chapter.is-2026 .oak-year{color:rgba(200,181,138,.13)}.oak-chapter.is-2026 h2{font-size:clamp(52px,5.5vw,98px)}
.oak-manifesto{min-height:100svh;background:var(--oak-ivory);color:var(--oak-graphite);padding:14vh 8vw;display:flex;flex-direction:column;justify-content:center}.oak-manifesto h2{font-size:clamp(58px,8vw,140px);line-height:.88;letter-spacing:-.06em;margin:20px 0 11vh}.oak-manifesto-lines{max-width:1050px}.oak-manifesto-lines p{font:300 clamp(18px,2vw,30px)/1.4 Inter,sans-serif;color:rgba(21,23,21,.55);margin:38px 0 10px}.oak-manifesto-lines strong{display:block;font-family:"Cormorant Garamond","Playfair Display",serif;font-size:clamp(42px,6vw,105px);line-height:.95;font-weight:400;letter-spacing:-.05em}.oak-manifesto-lines strong:last-child{color:#0b3b2c}
.oak-work{background:#0a120f;padding:14vh 7vw}.oak-work header{display:grid;grid-template-columns:.45fr 1.2fr;gap:8vw;margin-bottom:7vh}.oak-work header h2,.oak-principles header h2{font-size:clamp(52px,6vw,104px);line-height:.92;letter-spacing:-.055em;margin:0}.oak-work-list{border-top:1px solid var(--oak-line)}.oak-work-list article{min-height:52svh;display:grid;grid-template-columns:100px .8fr 1fr;align-items:center;gap:5vw;border-bottom:1px solid var(--oak-line)}.oak-work-list article>span,.oak-principles-grid article>span{font:500 10px/1 Inter,sans-serif;color:var(--oak-champ);letter-spacing:.16em}.oak-work-list h3{font-size:clamp(56px,7vw,120px);margin:0;letter-spacing:-.06em}.oak-work-list p{font:300 17px/1.7 Inter,sans-serif;color:rgba(255,255,255,.58);max-width:520px}
.oak-no{background:var(--oak-ivory);color:var(--oak-graphite);padding:15vh 8vw}.oak-no h2{font-size:clamp(65px,9vw,150px);line-height:.85;letter-spacing:-.065em;margin:20px 0 10vh}.oak-no-list{border-top:1px solid rgba(21,23,21,.18)}.oak-no-list p{margin:0;padding:30px 0;border-bottom:1px solid rgba(21,23,21,.16);font-family:"Cormorant Garamond","Playfair Display",serif;font-size:clamp(28px,3vw,52px);line-height:1.05}
.oak-principles{background:var(--oak-graphite);padding:14vh 7vw}.oak-principles header{display:grid;grid-template-columns:.45fr 1.2fr;gap:8vw;margin-bottom:9vh}.oak-principles-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--oak-line);border-left:1px solid var(--oak-line)}.oak-principles-grid article{min-height:330px;padding:38px;border-right:1px solid var(--oak-line);border-bottom:1px solid var(--oak-line);display:flex;flex-direction:column}.oak-principles-grid h3{font-family:Inter,sans-serif;font-size:13px;letter-spacing:.18em;margin:auto 0 16px;color:var(--oak-champ)}.oak-principles-grid p{font:300 18px/1.6 Inter,sans-serif;color:rgba(255,255,255,.64);max-width:520px}
.oak-final{min-height:92svh;background:#060a08;padding:15vh 8vw;display:flex;flex-direction:column;justify-content:center}.oak-final h2{font-size:clamp(72px,10vw,170px);line-height:.82;letter-spacing:-.075em;margin:24px 0 44px}.oak-final>p:not(.oak-kicker){font:300 17px/1.7 Inter,sans-serif;color:rgba(255,255,255,.58);max-width:650px;margin:0 0 40px}.oak-final a{width:max-content;border-bottom:1px solid var(--oak-champ);padding:0 0 12px;color:#fff;font:500 11px/1 Inter,sans-serif;letter-spacing:.16em}.oak-final a span{color:var(--oak-champ);margin-left:24px}.oak-final small{margin-top:16px;font:400 10px/1.4 Inter,sans-serif;letter-spacing:.08em;color:rgba(255,255,255,.38)}
@media(max-width:900px){.oak-story-rail{display:none}.oak-hero-copy{left:22px;right:22px;bottom:13vh;width:auto}.oak-hero h1{font-size:clamp(46px,11vw,72px)}.oak-hero>img{object-position:center top}.oak-scroll-cue{left:22px;right:auto}.oak-chapter{min-height:auto}.oak-chapter-sticky{position:relative;min-height:auto;grid-template-columns:1fr}.oak-chapter-copy{padding:90px 22px 50px}.oak-year{font-size:90px;margin-bottom:32px}.oak-chapter h2{font-size:45px}.oak-chapter-media{height:72svh;order:-1}.oak-chapter-media:after{background:linear-gradient(0deg,var(--oak-forest),transparent 30%)}.oak-chapter-media img{object-position:center top}.oak-work,.oak-no,.oak-principles,.oak-final,.oak-manifesto{padding-left:22px;padding-right:22px}.oak-work header,.oak-principles header{grid-template-columns:1fr;gap:20px}.oak-work-list article{min-height:auto;grid-template-columns:50px 1fr;padding:55px 0;gap:18px}.oak-work-list article p{grid-column:2}.oak-work-list h3{font-size:60px}.oak-principles-grid{grid-template-columns:1fr}.oak-principles-grid article{min-height:270px}.oak-manifesto h2{font-size:64px}.oak-final h2{font-size:72px}}
@media(prefers-reduced-motion:reduce){.oak-hero-copy{animation:none}.oak-chapter-media img{transition:none!important;transform:none!important}}

/* v6 — enquadramento preserva cabeças em todas as telas */
.oak-hero>img,.oak-chapter-media img{object-position:50% 0!important}
@media(max-width:900px){.oak-hero>img,.oak-chapter-media img{object-position:50% 0!important}}

/* v7 — mobile: cada fotografia aparece uma única vez, inteira e sem recorte */
@media (max-width:900px){
  .oak-chapter-sticky{
    display:flex;
    flex-direction:column;
    min-height:0;
    overflow:visible;
  }
  .oak-chapter-media{
    order:0;
    width:100%;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto;
    overflow:hidden;
    background:#0a0d0b;
  }
  .oak-chapter-media img{
    position:relative!important;
    inset:auto!important;
    display:block;
    width:100%!important;
    height:auto!important;
    max-width:100%;
    max-height:none!important;
    object-fit:contain!important;
    object-position:50% 0!important;
    transform:none!important;
  }
  .oak-chapter.is-active .oak-chapter-media img{
    transform:none!important;
  }
  .oak-chapter-media:after{
    background:linear-gradient(0deg,rgba(7,19,15,.28),transparent 22%);
  }
  .oak-chapter-copy{
    order:1;
    padding-top:54px;
  }
}


/* v8 — mobile: hero e capítulo 2026 sem corte */
@media (max-width:900px){
  .oak-hero{
    min-height:0!important;
    height:auto!important;
    display:block;
    overflow:hidden;
  }
  .oak-hero>img{
    position:relative!important;
    inset:auto!important;
    display:block;
    width:100%!important;
    height:auto!important;
    max-width:100%;
    object-fit:contain!important;
    object-position:50% 0!important;
  }
  .oak-hero-shade{
    background:linear-gradient(180deg,rgba(4,8,6,.22) 0%, rgba(4,8,6,.46) 48%, rgba(4,8,6,.82) 100%)!important;
  }
  .oak-hero-copy{
    left:22px!important;
    right:22px!important;
    bottom:24px!important;
    width:auto!important;
  }
  .oak-scroll-cue{
    bottom:10px!important;
  }

  /* garante foto inteira e contínua na timeline mobile */
  .oak-chapter-media,
  .oak-chapter.is-2026 .oak-chapter-media{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#0a0d0b;
  }
  .oak-chapter-media img,
  .oak-chapter.is-2026 .oak-chapter-media img{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:50% 0!important;
    transform:none!important;
  }
  .oak-chapter-media figcaption{
    right:16px!important;
    bottom:12px!important;
  }
}


/* v9 — hero mobile refeito para manter Paulo sentado visível */
@media (max-width:900px){
  .oak-hero{
    min-height:100svh!important;
    height:100svh!important;
    display:block!important;
    overflow:hidden!important;
    background:#050806;
  }
  .oak-hero>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:78% 0!important;
    display:block!important;
  }
  .oak-hero-shade{
    background:
      linear-gradient(90deg,rgba(4,8,6,.92) 0%,rgba(4,8,6,.78) 34%,rgba(4,8,6,.42) 58%,rgba(4,8,6,.12) 82%),
      linear-gradient(0deg,rgba(4,8,6,.90) 0%,rgba(4,8,6,.55) 26%,rgba(4,8,6,.18) 52%,rgba(4,8,6,.08) 100%)!important;
  }
  .oak-hero-copy{
    position:absolute!important;
    left:18px!important;
    right:auto!important;
    bottom:72px!important;
    width:min(58vw,230px)!important;
    max-width:min(58vw,230px)!important;
    z-index:2!important;
  }
  .oak-kicker{font-size:10px!important;letter-spacing:.18em!important;}
  .oak-role{
    margin:10px 0 16px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  .oak-hero h1{
    font-size:18px!important;
    line-height:1.08!important;
    max-width:none!important;
  }
  .oak-lead{
    margin-top:14px!important;
    font-size:11px!important;
    line-height:1.5!important;
    max-width:none!important;
  }
  .oak-scroll-cue{
    left:18px!important;
    right:auto!important;
    bottom:40px!important;
    z-index:3!important;
    font-size:8px!important;
  }
}


/* v11 — desktop: GIFs da timeline em enquadramento vertical 9:16 */
@media (min-width:901px){
  .oak-chapter-sticky{
    grid-template-columns:46% 54%;
    align-items:center;
  }
  .oak-chapter-media{
    width:min(31vw,460px)!important;
    height:auto!important;
    aspect-ratio:9 / 16!important;
    min-height:0!important;
    max-height:84vh!important;
    justify-self:center;
    align-self:center;
    border-radius:2px;
    overflow:hidden!important;
    background:#0a0d0b;
  }
  .oak-chapter-media img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 0!important;
    max-width:none!important;
    max-height:none!important;
  }
  .oak-chapter.is-active .oak-chapter-media img{
    transform:scale(1.015)!important;
  }
  .oak-chapter-media figcaption{
    right:18px!important;
    bottom:16px!important;
  }
}