/* ---------- Explorar o filme: mais editorial, como uma revista longa ---------- */
.xp{position:fixed;inset:0;z-index:40;overflow-y:auto;overflow-x:hidden;background:#060607;color:var(--ink);
  opacity:0;transition:opacity .7s ease;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.xp.on{opacity:1}
.xp[hidden]{display:none}
body.xp-open{overflow:hidden}

.xp-top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:40px 56px 22px;
  font-size:11px;letter-spacing:.24em;text-transform:uppercase;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,6,7,.94) 0%,rgba(6,6,7,.7) 55%,rgba(6,6,7,0) 100%)}
.xp:focus{outline:none}
.xp-top a{pointer-events:auto;color:rgba(var(--ink-rgb),.75);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.xp-top a:hover{color:var(--ink);border-bottom-color:rgba(var(--earth-rgb),.6)}
.xp a:focus-visible{outline:1px solid rgba(var(--ink-rgb),.5);outline-offset:6px}
.xp.is-ch .xp-top{position:fixed;left:0;right:0}

.xp-k{margin:0 0 18px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--earth)}
.xp-p{margin:0 0 22px;font-family:var(--serif);font-weight:300;font-size:21px;line-height:1.62;color:rgba(var(--ink-rgb),.86)}
.xp-p em{font-style:italic}

/* índice */
.xp-stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.xp-index{position:relative;display:grid;grid-template-columns:minmax(0,700px) minmax(0,548px);justify-content:space-between;gap:56px;
  padding:60px 56px 80px;min-height:calc(100vh - 90px);align-items:start}
.xp-list ol{list-style:none;margin:38px 0 0;padding:0}
.xp-list li{border-top:1px solid rgba(var(--ink-rgb),.14)}
.xp-list li:last-child{border-bottom:1px solid rgba(var(--ink-rgb),.14)}
.xp-item{display:grid;grid-template-columns:64px 1fr;align-items:baseline;padding:22px 0;text-decoration:none;color:inherit}
.xp-n{font-size:12px;letter-spacing:.14em;color:rgba(var(--ink-rgb),.35);transition:color .4s}
.xp-it{display:flex;flex-direction:column}
.xp-t{font-family:var(--serif);font-weight:300;font-size:clamp(38px,4.2vw,60px);line-height:1;letter-spacing:-.02em;color:rgba(var(--ink-rgb),.32);transition:color .4s}
.xp-sum{max-height:0;overflow:hidden;opacity:0;margin-top:0;font-size:12px;line-height:1.6;color:rgba(var(--ink-rgb),.6);transition:max-height .5s ease,opacity .5s ease,margin .5s ease}
.xp-item.on .xp-n{color:var(--earth)}
.xp-item.on .xp-t{color:var(--ink)}
.xp-item.on .xp-sum{max-height:60px;opacity:1;margin-top:12px}
.xp-panel{position:relative;height:min(640px,calc(100vh - 220px));margin-top:62px;overflow:hidden;background:#111}
.xp-pimg{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.xp-pimg.on{opacity:1}
.xp-pimg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.85)}
.xp-pimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,7,0) 55%,rgba(6,6,7,.85) 100%)}
.xp-pimg p{position:absolute;left:22px;right:22px;bottom:18px;margin:0;z-index:1;font-size:10px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--ink-rgb),.6)}

/* capítulo: abertura */
.xp-hero{position:relative;height:100vh;min-height:620px;overflow:hidden}
.xp-hero-img{position:absolute;inset:0}
.xp-hero-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.62)}
.xp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,7,.35) 0%,rgba(6,6,7,0) 30%,rgba(6,6,7,.2) 60%,#060607 100%)}
.xp-hero-txt{position:absolute;left:56px;right:56px;bottom:96px;z-index:1}
.xp-hn{margin:0 0 20px;font-size:12px;letter-spacing:.3em;color:var(--earth)}
.xp-ht{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(64px,8.9vw,128px);line-height:.95;letter-spacing:-.03em;color:var(--ink);outline:none}
.xp-lead{margin:28px 0 0;max-width:620px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(20px,1.8vw,26px);line-height:1.4;color:rgba(var(--ink-rgb),.78)}
.xp-hcr{position:absolute;right:56px;bottom:100px;z-index:1;margin:0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--ink-rgb),.45)}

/* capítulo: corpo */
.xp-body{padding:110px 56px 40px;display:flex;flex-direction:column;gap:130px}
.xp-sec{display:grid;grid-template-columns:minmax(0,560px) minmax(0,648px);justify-content:space-between;gap:56px 120px;align-items:start}
.xp-sec-solo,.xp-sec-r{grid-template-columns:minmax(0,640px)}
.xp-sec-r{justify-content:end}
.xp-h{margin:0 0 26px;font-family:var(--serif);font-weight:300;font-size:clamp(32px,3.1vw,44px);line-height:1.08;letter-spacing:-.015em;color:var(--ink)}
.xp-fig{margin:0}
.xp-img{height:520px;overflow:hidden;background:#111}
.xp-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:grayscale(1) contrast(1.05) brightness(.9)}
.xp-fig-wide .xp-img{height:min(39vw,560px)}
.xp-fig figcaption{margin:14px 0 0;font-size:10px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--ink-rgb),.5)}
.xp-ph{position:relative;background:radial-gradient(ellipse 70% 60% at 50% 45%,#1a1a1d 0%,#0c0c0e 100%);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px}
.xp-ph span{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--ink-rgb),.32)}
.xp-ph-s{height:240px;margin-bottom:22px}
.xp-head{max-width:760px;margin-bottom:-60px}
.xp-head .xp-h{margin:0}
.xp-quote{margin:0 auto;max-width:1020px;text-align:center}
.xp-quote p{margin:0;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(30px,3.5vw,50px);line-height:1.2;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.xp-quote cite{display:block;margin-top:26px;font-style:normal;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(var(--earth-rgb),.8)}
.xp-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(var(--ink-rgb),.14);border-bottom:1px solid rgba(var(--ink-rgb),.14)}
.xp-stats>div{display:flex;flex-direction:column;gap:12px;padding:34px 24px 30px 0}
.xp-stats>div+div{padding-left:24px;border-left:1px solid rgba(var(--ink-rgb),.1)}
.xp-sn{font-family:var(--serif);font-weight:300;font-size:clamp(34px,3.6vw,52px);line-height:1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:lining-nums}
.xp-sl{font-size:11px;line-height:1.5;letter-spacing:.06em;color:rgba(var(--ink-rgb),.55)}
.xp-cards{display:grid;grid-template-columns:repeat(3,1fr);column-gap:56px;row-gap:50px}
.xp-card .xp-p{font-size:18px}
.xp-rule{display:block;width:40px;height:1px;background:rgba(var(--earth-rgb),.7);margin-bottom:26px}
.xp-tl{list-style:none;margin:0;padding:0;border-top:1px solid rgba(var(--ink-rgb),.14)}
.xp-tl li{display:grid;grid-template-columns:120px minmax(0,320px) 1fr;align-items:baseline;gap:24px;padding:24px 0;border-bottom:1px solid rgba(var(--ink-rgb),.14)}
.xp-ty{font-size:12px;letter-spacing:.14em;color:rgba(var(--ink-rgb),.4)}
.xp-tt{font-family:var(--serif);font-weight:300;font-size:clamp(28px,2.6vw,40px);line-height:1;letter-spacing:-.015em;color:rgba(var(--ink-rgb),.55)}
.xp-td{font-family:var(--serif);font-style:italic;font-weight:300;font-size:20px;line-height:1.4;color:rgba(var(--ink-rgb),.62)}
.xp-tl li.on .xp-ty{color:var(--earth)}
.xp-tl li.on .xp-tt{color:var(--ink)}
.xp-next{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin:60px 56px 0;padding:28px 0 90px;border-top:1px solid rgba(var(--ink-rgb),.14)}
.xp-k2{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--ink-rgb),.45)}
.xp-next a{font-family:var(--serif);font-weight:300;font-size:clamp(28px,2.8vw,40px);color:var(--ink);text-decoration:none}
.xp-next a:hover{color:#fff}
.xp-next .xp-n{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--earth);margin-right:20px;vertical-align:middle}

.xp-rv{opacity:0;transform:translateY(26px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.xp-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.xp-rv{opacity:1;transform:none;transition:none}.xp{transition:none}}

@media (max-width:900px){
  .xp-top{padding:24px 20px 16px}
  .xp-index{grid-template-columns:1fr;padding:30px 20px 60px;gap:30px}
  .xp-panel{display:none}
  .xp-item .xp-sum{max-height:60px;opacity:1;margin-top:10px}
  .xp-item .xp-t{color:rgba(var(--ink-rgb),.85)}
  .xp-item{grid-template-columns:44px 1fr}
  .xp-hero-txt{left:20px;right:20px;bottom:64px}
  .xp-hcr{left:20px;right:auto;bottom:28px}
  .xp-body{padding:70px 20px 30px;gap:86px}
  .xp-sec,.xp-sec-solo,.xp-sec-r{grid-template-columns:1fr;gap:34px}
  .xp-img{height:62vw}
  .xp-p{font-size:19px}
  .xp-stats{grid-template-columns:1fr 1fr}
  .xp-stats>div{padding:24px 14px 22px 0}
  .xp-stats>div+div{padding-left:14px}
  .xp-stats>div:nth-child(3){padding-left:0;border-left:0;border-top:1px solid rgba(var(--ink-rgb),.1)}
  .xp-stats>div:nth-child(4){border-top:1px solid rgba(var(--ink-rgb),.1)}
  .xp-cards{grid-template-columns:1fr}
  .xp-tl li{grid-template-columns:64px 1fr;gap:6px 16px}
  .xp-td{grid-column:2}
  .xp-next{margin:40px 20px 0}
}

/* imagens a fornecer no Explorar */
.xp .slot{margin:0}
.xp .slot figcaption{font-size:10px;margin-top:14px;color:rgba(var(--ink-rgb),.5)}
.xp .slot-big .slot-box{aspect-ratio:auto;height:min(39vw,560px)}
.xp .xp-slot-tall .slot-box{aspect-ratio:auto;height:520px}
.xp .xp-slot-card{margin-bottom:22px}
.xp .xp-slot-card .slot-box{aspect-ratio:auto;height:240px}
.xp .slot img{filter:grayscale(.15) contrast(1.03)}
@media (max-width:900px){.xp .xp-slot-tall .slot-box{height:70vw}.xp .slot-big .slot-box{height:56vw}}

/* retratos e diagramas */
.slot.slot-contain .slot-box{background:#000}
.xp .xp-slot-tall.portrait{width:100%;max-width:460px;margin-left:auto}
.xp .xp-slot-tall.portrait .slot-box{height:auto;aspect-ratio:4/5;width:100%}
.xp .slot-mid{width:100%;max-width:900px;margin:0 auto}
.xp .slot-big.slot-mid .slot-box{height:min(40vw,600px);aspect-ratio:auto;width:100%}
@media (max-width:900px){.xp .xp-slot-tall.portrait .slot-box{max-width:none}}

/* galeria */
.xp-gal-act{display:flex;flex-direction:column}
.xp-gal-act + .xp-gal-act{margin-top:-60px}
.xp-gal{display:flex;flex-wrap:wrap;gap:14px}
.xp-gal-it{position:relative;flex:1 1 300px;min-width:240px;max-height:440px;padding:0;border:0;background:#111;cursor:zoom-in;overflow:hidden}
.xp-gal-it.wide{flex-basis:520px}
.xp-gal-it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.xp-gal-it span{position:absolute;left:14px;right:14px;bottom:12px;text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(237,234,228,.9);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.xp-gal-it::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.6));opacity:0;transition:opacity .4s}
.xp-gal-it:hover img,.xp-gal-it:focus-visible img{transform:scale(1.03)}
.xp-gal-it:hover span,.xp-gal-it:hover::after,.xp-gal-it:focus-visible span,.xp-gal-it:focus-visible::after{opacity:1;transform:none}
.xp-gal-it:focus-visible{outline:1px solid rgba(var(--ink-rgb),.6);outline-offset:3px}
.xp-gal-cr{margin:0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--ink-rgb),.4)}
.xp-lb{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(4,4,5,.96);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.xp-lb.on{opacity:1;visibility:visible;transition:opacity .4s}
.xp-lb figure{margin:0;max-width:calc(100vw - 180px);display:flex;flex-direction:column;gap:16px}
.xp-lb img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;display:block}
.xp-lb figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--ink-rgb),.65)}
.xp-lb figcaption b{font-weight:400;color:var(--earth)}
.xp-lb figcaption i{font-style:normal;float:right;color:rgba(var(--ink-rgb),.4)}
.xp-lb button{background:transparent;border:0;color:rgba(var(--ink-rgb),.6);cursor:pointer;font-family:var(--mono)}
.xp-lb button:hover{color:var(--ink)}
.xp-lb-x{position:absolute;top:28px;right:44px;font-size:10px;letter-spacing:.26em;text-transform:uppercase}
.xp-lb-p,.xp-lb-n{font-size:26px;padding:20px}
@media (max-width:900px){.xp-gal{gap:8px}.xp-gal-it{flex-basis:100%;min-width:0}.xp-gal-it span{opacity:1;transform:none}.xp-lb figure{max-width:100vw}.xp-lb-p,.xp-lb-n{position:absolute;bottom:20px}.xp-lb-p{left:10px}.xp-lb-n{right:10px}}

.xp-quote .xp-quote-pt{margin-top:22px;font-size:clamp(18px,1.7vw,24px);line-height:1.4;color:rgba(var(--ink-rgb),.6)}