@import "tailwindcss";
:root{--ink:#252019;--clay:#a34f32;--paper:#f3ecdd;--river:#153f47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");z-index:20}.opening{position:relative;height:100svh;min-height:540px;overflow:hidden;background:#102e34}.opening img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) sepia(.12) contrast(1.08)}.opening:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,31,35,.08),rgba(8,31,35,.15) 55%,rgba(14,32,30,.72))}.opening-mark{position:absolute;left:50%;bottom:7vh;translate:-50% 0;z-index:2;width:72px;height:72px;border:1px solid rgba(255,244,220,.7);border-radius:50%;display:grid;place-items:center;color:#fff4dc;font-size:31px}.opening-mark:before,.opening-mark:after{content:"";position:absolute;width:1px;height:52px;background:rgba(255,244,220,.55);top:-64px}.opening-mark:after{top:auto;bottom:-64px}article{overflow:hidden}.story-header{min-height:78svh;padding:12vh 8vw 10vh;display:grid;align-content:center;background:var(--clay);color:#fff5df;position:relative}.story-header:after{content:"";position:absolute;width:52vw;height:52vw;border:1px solid rgba(255,245,223,.18);border-radius:50%;right:-20vw;top:-14vw;box-shadow:0 0 0 5vw rgba(255,245,223,.035),0 0 0 10vw rgba(255,245,223,.025)}.eyebrow{font:600 12px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.34em;margin-bottom:2rem}h1{font-weight:400;letter-spacing:-.055em;line-height:.92;font-size:clamp(4rem,10vw,9.5rem);max-width:1100px;margin:0;text-wrap:balance}.credits{margin-top:3.2rem;font:500 13px/1.7 Arial,sans-serif;letter-spacing:.03em}.current{max-width:1220px;margin:0 auto;padding:11rem 5vw 5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);gap:8vw;align-items:center}.body-copy{font-size:clamp(1.22rem,1.75vw,1.52rem);line-height:1.78}.body-copy p{margin:0 0 1.7em}.lead-copy p:first-child:first-letter{float:left;font-size:7.8rem;line-height:.7;margin:.12em .1em 0 0;color:var(--clay)}figure{margin:0;position:relative;overflow:hidden}figure img{object-fit:cover}.portrait-photo{aspect-ratio:3/4;border-radius:50% 50% 3px 3px;box-shadow:0 24px 60px rgba(37,32,25,.16)}.text-flow{max-width:760px;margin:0 auto;padding:7rem 2rem}.text-flow:before{content:"";display:block;width:42px;height:42px;border:1px solid var(--clay);border-radius:50%;margin:0 auto 5rem;box-shadow:0 0 0 8px var(--paper),0 0 0 9px rgba(163,79,50,.25)}.wide-photo{height:min(78vw,820px);margin:4rem 0}.wide-photo img{object-position:center 48%}.photo-pair{display:grid;grid-template-columns:1.35fr .85fr;gap:1.5rem;padding:6rem 4vw;background:var(--river)}.photo-pair figure:first-child{aspect-ratio:16/10}.photo-pair figure:last-child{aspect-ratio:4/5;margin-top:16vw}.final-flow{padding-bottom:10rem}.closing-photo{height:62vw;max-height:760px}.about{background:#28241e;color:#e9dec8;padding:11rem max(7vw,2rem);display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw}.about-title{font:600 12px/1.2 Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#bd7255;position:sticky;top:3rem;align-self:start}.about-copy{max-width:770px;font-size:clamp(1.08rem,1.4vw,1.3rem);line-height:1.75}.about-copy p{margin:0 0 1.6em}.signature{color:#bd7255;font-style:italic;margin-top:3rem!important}
@media(max-width:760px){.opening{height:78svh}.story-header{min-height:75svh;padding:10vh 1.4rem}h1{font-size:clamp(3.6rem,17vw,6rem)}.current{grid-template-columns:1fr;padding:7rem 1.4rem 2rem;gap:4rem}.portrait-photo{width:min(100%,480px);justify-self:center}.text-flow{padding:5rem 1.4rem}.wide-photo{height:88svh;margin:2rem 0}.photo-pair{grid-template-columns:1fr;padding:4rem 1rem}.photo-pair figure:last-child{margin-top:0;width:78%;justify-self:end}.about{grid-template-columns:1fr;padding:7rem 1.4rem;gap:3rem}.about-title{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Indicação de continuidade */
.opening-mark{width:78px;height:78px;text-decoration:none;animation:scrollCue 2.2s ease-in-out infinite;transition:background .3s,transform .3s}
.opening-mark span{translate:0 -5px}
.opening-mark svg{position:absolute;width:24px;height:24px;bottom:9px;fill:none;stroke:currentColor;stroke-width:1.5;animation:arrowPulse 1.4s ease-in-out infinite}
.opening-mark:hover{background:rgba(255,244,220,.14);transform:scale(1.08)}
.opening-mark:after{display:none}
article{scroll-margin-top:0}

/* Tratamento aquarela e movimento das imagens */
figure{isolation:isolate;animation:imageReveal linear both;animation-timeline:view();animation-range:entry 8% cover 38%}
figure:after{content:"";position:absolute;inset:-8%;z-index:2;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(247,236,207,.45),transparent 28%),radial-gradient(circle at 82% 68%,rgba(38,91,88,.25),transparent 34%),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035 .12' numOctaves='4' seed='7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:soft-light;opacity:.75;transition:opacity .7s,transform 1.4s;animation:washDrift 10s ease-in-out infinite alternate}
figure img{filter:saturate(.72) contrast(1.08) sepia(.13);transform:scale(1.045);transition:filter .8s,transform 1.4s cubic-bezier(.2,.7,.2,1)}
figure:hover img{filter:saturate(.95) contrast(1.02) sepia(.06);transform:scale(1.085)}
figure:hover:after{opacity:.48;transform:translate3d(2%,-1%,0)}
.opening img{filter:saturate(.68) contrast(1.09) sepia(.16)}

@keyframes scrollCue{0%,100%{translate:-50% 0}50%{translate:-50% 9px}}
@keyframes arrowPulse{0%,100%{opacity:.45;translate:0 -2px}50%{opacity:1;translate:0 3px}}
@keyframes imageReveal{from{opacity:.18;transform:translateY(58px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes washDrift{from{transform:translate3d(-1%,-1%,0) scale(1.03)}to{transform:translate3d(1.5%,1%,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.opening-mark,.opening-mark svg,figure,figure:after{animation:none!important}figure{opacity:1;transform:none}}

/* Fotografias em ritmo editorial de revista */
figure{animation-name:editorialReveal;animation-range:entry 12% cover 30%;overflow:hidden;background:#e8dfce;box-shadow:0 18px 45px rgba(50,42,31,.11)}
figure:after{display:none}
figure img{filter:saturate(.9) contrast(1.015) brightness(1.015);transform:scale(1.01);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .7s}
figure:hover img{filter:saturate(1) contrast(1.02);transform:scale(1.035)}
.portrait-photo{width:min(100%,410px);justify-self:end;border-radius:220px 220px 2px 2px;box-shadow:18px 20px 0 #d9c8aa,0 30px 55px rgba(42,34,24,.14)}
.wide-photo{width:min(78vw,920px);height:auto;aspect-ratio:16/9;margin:3rem auto 6rem;translate:6vw 0;border:14px solid #ebe2d2;border-bottom-width:42px}
.wide-photo img{object-position:center 43%}
.photo-pair{max-width:1120px;margin:3rem auto 6rem;padding:3.5rem;background:transparent;grid-template-columns:1.18fr .72fr;gap:4rem;align-items:start}
.photo-pair figure:first-child{margin-top:4rem;box-shadow:-20px 20px 0 #d9c8aa,0 25px 50px rgba(42,34,24,.13)}
.photo-pair figure:last-child{margin-top:0;border:10px solid #ebe2d2;border-bottom-width:34px;box-shadow:0 22px 40px rgba(42,34,24,.12)}
.closing-photo{width:min(82vw,960px);height:auto;aspect-ratio:16/9;margin:1rem auto 8rem;translate:-5vw 0;border:14px solid #ebe2d2;border-bottom-width:42px}
@keyframes editorialReveal{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.portrait-photo{justify-self:center;width:86%;box-shadow:12px 14px 0 #d9c8aa,0 22px 40px rgba(42,34,24,.14)}.wide-photo,.closing-photo{width:calc(100% - 2rem);translate:0 0;margin:2rem auto 4rem;border-width:8px;border-bottom-width:26px}.photo-pair{padding:2rem 1.4rem;gap:2.5rem;margin:1rem auto 4rem}.photo-pair figure:first-child{margin-top:0;box-shadow:-10px 12px 0 #d9c8aa}.photo-pair figure:last-child{width:76%;border-width:7px;border-bottom-width:22px}}

/* Nova alternância: capa, tela cheia, díptico e imagem integrada */
.opening:after{display:none}
.hero-title{position:absolute;z-index:2;left:7vw;right:7vw;bottom:16vh;color:#fff5df;display:grid;grid-template-columns:minmax(0,1050px) auto;align-items:end;gap:4rem}
.hero-title h1{font-size:clamp(3.6rem,8.2vw,8rem);text-shadow:0 4px 28px rgba(4,18,20,.35)}
.hero-title .credits{margin:0 0 .7rem;white-space:nowrap}
.opening-mark{left:auto;right:4vw;bottom:4vh;translate:0 0}
@keyframes scrollCue{0%,100%{translate:0 0}50%{translate:0 9px}}
.full-screen-photo{width:100%;height:100svh;min-height:620px;margin:3rem 0 7rem;box-shadow:none;background:#17383b}
.full-screen-photo img{object-position:center center}
.history-spread{max-width:1240px;margin:2rem auto 10rem;padding:0 4vw;display:grid;grid-template-columns:.8fr 1.25fr;gap:3.5rem;align-items:center}
.history-spread figure:first-child{aspect-ratio:4/3;translate:0 5rem;border:11px solid #ebe2d2;border-bottom-width:32px}
.history-spread figure:last-child{aspect-ratio:3/2;box-shadow:22px 24px 0 #d9c8aa,0 28px 55px rgba(42,34,24,.13)}
.final-current{max-width:1160px;margin:0 auto;padding:4rem 4vw 11rem;display:grid;grid-template-columns:minmax(0,680px) minmax(280px,390px);gap:7vw;align-items:start}
.final-current figure{aspect-ratio:3/4;position:sticky;top:8vh;border-radius:190px 190px 2px 2px;box-shadow:18px 20px 0 #d9c8aa,0 30px 55px rgba(42,34,24,.14)}
.final-current figure img{object-position:center center}
@media(max-width:900px){.hero-title{grid-template-columns:1fr;gap:1.5rem;bottom:15vh}.hero-title .credits{margin:0}.opening-mark{right:1.5rem;bottom:2rem}.history-spread{gap:1.5rem}.final-current{gap:3rem}}
@media(max-width:760px){.opening{height:100svh}.hero-title{left:1.35rem;right:1.35rem;bottom:14vh}.hero-title h1{font-size:clamp(3.2rem,15vw,5.2rem)}.hero-title .credits{font-size:11px}.opening-mark{width:62px;height:62px;right:1.25rem;bottom:1.25rem}.opening-mark svg{width:19px;height:19px;bottom:6px}.opening-mark span{font-size:25px}.full-screen-photo{height:72svh;min-height:500px;margin:2rem 0 5rem}.history-spread{grid-template-columns:1fr;padding:0 1.2rem;margin-bottom:6rem}.history-spread figure:first-child{width:72%;translate:0 0}.history-spread figure:last-child{width:88%;justify-self:end;box-shadow:12px 14px 0 #d9c8aa}.final-current{grid-template-columns:1fr;padding:2rem 1.4rem 8rem}.final-current figure{position:relative;top:auto;width:82%;justify-self:center;order:-1}}

.hero-title h1 em{font-weight:400;font-style:italic}

/* Segundo título editorial */
.current.current-statement{display:block;max-width:1280px;padding:12rem max(5vw,1.4rem) 10rem}
.current-statement .lead-copy{max-width:1100px;margin:0 auto;font-size:clamp(2.4rem,4.3vw,4.8rem);line-height:1.08;letter-spacing:-.045em;text-align:center;text-wrap:balance}
.current-statement .lead-copy p{margin:0;padding:0;border:0}
.current-statement .lead-copy p:first-child:first-letter{float:none;font-size:inherit;line-height:inherit;margin:0;color:inherit}
.current-statement .statement-muted,.current-statement .statement-focus{transition:color .8s ease,opacity .8s ease,text-shadow .8s ease}
.current-statement .statement-muted{animation:statementContext 13s ease-in-out infinite}
.current-statement .statement-focus{animation-duration:13s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.current-statement .statement-focus-one{animation-name:statementFocusOne}
.current-statement .statement-focus-two{animation-name:statementFocusTwo}
@keyframes statementContext{0%,14%,100%{opacity:1}24%,82%{opacity:.18}92%{opacity:1}}
@keyframes statementFocusOne{0%,14%,100%{color:var(--ink);text-shadow:none}24%,48%{color:var(--clay);text-shadow:0 .05em .45em rgba(163,79,50,.12)}58%,92%{color:var(--ink);text-shadow:none}}
@keyframes statementFocusTwo{0%,42%,100%{color:var(--ink);text-shadow:none}52%,82%{color:var(--clay);text-shadow:0 .05em .45em rgba(163,79,50,.12)}92%{color:var(--ink);text-shadow:none}}
@media(prefers-reduced-motion:reduce){.current-statement .statement-muted,.current-statement .statement-focus{animation:none}.current-statement .statement-muted{opacity:.45}.current-statement .statement-focus{color:var(--clay)}}
@media(max-width:600px){.current.current-statement{padding-top:7rem;padding-bottom:6rem}.current-statement .lead-copy{font-size:clamp(2.1rem,9vw,3.1rem);line-height:1.12}}

/* A nascente emerge do fundo ao fim do parágrafo */
.source-section{position:relative;background:var(--paper);overflow:hidden}
.source-section .text-flow{position:relative;z-index:2;padding-bottom:3rem}
.source-landscape{width:100%;height:clamp(560px,72vw,940px);margin:-5rem 0 0;background:var(--paper)}
.source-landscape:before{display:none}
.source-landscape img{object-position:center center;animation:sourceBreathe 14s ease-in-out infinite alternate}
.history-source-section{margin-top:2rem}
.history-landscape img{object-position:center 48%}
.orange-frame{width:100%;margin:0 0 10rem;padding:clamp(2rem,4.5vw,4.5rem);background:var(--clay);overflow:visible;box-shadow:0 28px 70px rgba(72,38,24,.2)}
.orange-frame-image{position:relative;width:100%;max-width:1500px;margin:0 auto;aspect-ratio:1683/935;overflow:hidden;background:#d6c5a7}
.orange-frame-image img{object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.75,.25,1)}
.orange-frame:hover .orange-frame-image img{transform:scale(1.035)}
@keyframes sourceBreathe{from{transform:scale(1.01)}to{transform:scale(1.055)}}
@media(prefers-reduced-motion:reduce){.source-landscape img{animation:none}}
@media(max-width:760px){.source-section .text-flow{padding-bottom:1rem}.source-landscape{height:68svh;min-height:480px;margin-top:-2rem}.source-landscape:before{height:42%}.source-landscape img{object-position:58% center}.history-landscape img{object-position:55% center}.orange-frame{width:100%;margin-bottom:6rem;padding:1.4rem}}

/* Encerramento em ritmo de leitura editorial */
.closing-editorial{max-width:900px;margin:0 auto;padding:2rem 4vw 11rem}
.closing-editorial .text-flow{max-width:760px;margin:0 auto;padding:5rem 0}
@media(max-width:760px){.closing-editorial{padding:2rem 1.4rem 8rem}.closing-editorial .text-flow{padding:4rem 0}}

/* Leitura em rolagem sobre a paisagem das águas */
.scroll-story{position:relative;min-height:210vh;background:#17383b;color:#fff5df;overflow:clip}
.scroll-story-image{position:absolute;inset:0;height:100%;z-index:0}
.scroll-story-image:after{display:none}
.scroll-story-image img{object-fit:cover;object-position:center center;filter:saturate(.9) contrast(1.02)}
.scroll-story-copy{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:28vh 1.4rem 36vh;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1.58}
.scroll-story-copy p{max-width:700px;margin:0 auto 52vh;padding:2rem 2.2rem;background:rgba(21,63,71,.78);box-shadow:0 18px 55px rgba(7,25,27,.2);opacity:.15;transform:translateY(3rem);transition:opacity .9s ease,transform .9s ease}
.scroll-story-copy p.is-visible{opacity:1;transform:translateY(0)}
.scroll-story-copy p:last-child{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.scroll-story-copy p{opacity:1;transform:none}}
@media(max-width:760px){.scroll-story{min-height:190vh}.scroll-story-copy{padding-top:22vh;padding-bottom:28vh}.scroll-story-copy p{padding:1.4rem;margin-bottom:42vh}}

/* Adaptação das imagens "fill" do Next.js para HTML/PHP no WordPress. */
.source-landscape>img,.orange-frame-image>img,.scroll-story-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.opara-template-body{margin:0!important;padding:0!important}
.opara-page{width:100%;max-width:none;margin:0;padding:0}