/* =========================================================================
   O Encontro · Livia Barros
   Identidade: rosé #E2C2BC · malva #8B676D · marfim #F6EBDF · sálvia #9DA57D
   Tipografia: Cormorant Garamond (display, itálicos, versaletes espaçados)
   ========================================================================= */

@font-face{font-family:'CG';src:url(../assets/fonts/cormorant-garamond-latin-300-normal.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'CG';src:url(../assets/fonts/cormorant-garamond-latin-300-italic.woff2) format('woff2');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'CG';src:url(../assets/fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'CG';src:url(../assets/fonts/cormorant-garamond-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'CG';src:url(../assets/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'CG';src:url(../assets/fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'CG';src:url(../assets/fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}

:root{
  --blush:#E2C2BC; --mauve:#8B676D; --cream:#F6EBDF; --sage:#9DA57D;
  --ink:#4F3A41;          /* corpo: malva profundo, AA sobre rosé e marfim */
  --title:#74545B;        /* títulos: malva aprofundado */
  --on-dark:#FBF5EE;      /* texto sobre malva */
  --hair:rgba(139,103,109,.26);
  --sc-canvas:#F6EBDF; --sc-surface:#FBF5EE; --sc-ink:#4F3A41; --sc-ink-soft:#8B676D;
  --sc-accent:#8B676D; --sc-accent-ink:#F6EBDF;
  --sc-font-display:'CG', Georgia, serif; --sc-font-text:'CG', Georgia, serif;
  --gut:clamp(1.4rem, 6vw, 7.5rem);
  --lx:0; --ly:0;               /* luz da janela, controlada pelo ponteiro */
}
html{scroll-behavior:auto}
body{font-weight:500;font-size:clamp(1.06rem,.95rem + .35vw,1.3rem);color:var(--ink);background:var(--cream)}
img{user-select:none;-webkit-user-drag:none}
::selection{background:var(--blush);color:var(--ink)}

/* --------------------------------------------------------------- papéis */
:where(.paper){position:relative}
.paper{background-size:cover;background-position:center;overflow:clip}
.paper--blush{background-color:var(--blush);background-image:url(../assets/bg/blush.webp)}
.paper--cream{background-color:var(--cream);background-image:url(../assets/bg/cream.webp)}
.paper--mauve{background-color:var(--mauve);background-image:url(../assets/bg/mauve.webp)}
.paper--sage{background-color:#7F8962;background-image:linear-gradient(rgba(92,102,66,.36),rgba(92,102,66,.36)),url(../assets/bg/sage.webp)}

/* Sombras de eucalipto: camada própria, balança com o vento e foge da luz */
.shadow{position:absolute;inset:-8%;pointer-events:none;z-index:1;
  transform:translate3d(calc(var(--lx) * var(--ls,1) * -46px), calc(var(--ly) * var(--ls,1) * -30px),0)}
.shadow__sway{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;
  animation:sway 9s ease-in-out infinite alternate;transform-origin:var(--so,100% 0)}
.shadow--tr .shadow__sway{background-image:url(../assets/bg/shadow-tr.webp);--so:100% 0}
.shadow--tl .shadow__sway{background-image:url(../assets/bg/shadow-tl.webp);--so:0 0;animation-duration:11s}
.shadow--br .shadow__sway{background-image:url(../assets/bg/shadow-br.webp);--so:100% 100%;animation-duration:10s}
.paper--mauve .shadow{opacity:.8}
.paper--cream .shadow{opacity:.5}
.paper--blush .shadow{opacity:.75}
@keyframes sway{
  0%{transform:rotate(-.9deg) translate3d(-6px,0,0)}
  45%{transform:rotate(.5deg) translate3d(8px,4px,0)}
  100%{transform:rotate(1.1deg) translate3d(-2px,-3px,0)}
}

/* --------------------------------------------------------------- tipografia */
.sc{font-weight:600;font-size:clamp(.8rem,.72rem + .26vw,1.05rem);letter-spacing:.3em;text-transform:uppercase;margin:0;color:var(--ink)}
/* Hierarquia: título (h-it) > subtítulo (lead) > rótulo (sc) > corpo (body) */
.h-it{font-family:'CG',serif;font-style:italic;font-weight:400;line-height:1.04;letter-spacing:-.01em;color:var(--title);margin:0;
  font-size:clamp(2.7rem,1.7rem + 3.6vw,6rem);text-shadow:0 1px 0 rgba(255,255,255,.3)}
.h-it--xl{font-size:clamp(3rem,1.7rem + 4.8vw,7.6rem)}
.lead{margin:0;font-style:italic;font-weight:500;font-size:clamp(1.4rem,1.15rem + .95vw,2.4rem);line-height:1.32;color:var(--ink)}
.body{font-weight:500;font-size:clamp(1.15rem,1.04rem + .38vw,1.45rem);line-height:1.6;color:var(--ink);margin:0;max-width:46ch}
.body--lg{font-size:clamp(1.2rem,1.05rem + .55vw,1.75rem)}
.body--sm{font-size:clamp(1.08rem,1rem + .26vw,1.26rem)}
.quote{margin:0;padding-left:clamp(1.1rem,2.4vw,2.6rem);border-left:2px solid var(--sage);
  font-style:italic;font-weight:400;font-size:clamp(1.75rem,1.25rem + 1.9vw,3.3rem);line-height:1.18;color:var(--title)}
.hair{display:block;height:1px;width:clamp(44px,4.4vw,72px);background:var(--mauve);opacity:.55}
.hair--sage{background:var(--sage);opacity:1}
.hair--center{margin-inline:auto}

/* --------------------------------------------------------------- CTA */
.pill{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;
  background:var(--mauve);color:var(--cream);font-weight:600;text-transform:uppercase;letter-spacing:.38em;
  transition:transform .5s var(--sc-ease-out),box-shadow .5s var(--sc-ease-out),background-color .4s}
.pill:hover{transform:translateY(-2px);background:#7c5b61;box-shadow:0 18px 36px -12px rgba(111,83,90,.55)}
.pill--bar{padding:.9em 1.6em .85em 1.9em;font-size:clamp(.72rem,.66rem + .2vw,.88rem)}
.pill--big{position:relative;padding:1.5em 3em 1.45em 3.3em;font-size:clamp(.95rem,.85rem + .3vw,1.2rem);
  box-shadow:0 22px 44px -16px rgba(111,83,90,.6);overflow:hidden}
.pill--big::after{content:"";position:absolute;inset:-9px;border:1px solid rgba(139,103,109,.5);border-radius:999px;pointer-events:none}
.pill--big::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;
  background:linear-gradient(100deg,transparent,rgba(246,235,223,.35),transparent);animation:shine 4.6s ease-in-out infinite 1.2s}
@keyframes shine{0%,62%{left:-60%}100%{left:130%}}
.garden__cta{display:inline-block;padding:9px;border-radius:999px}

/* --------------------------------------------------------------- barra */
.bar{position:fixed;inset:0 0 auto 0;z-index:80;display:flex;align-items:center;justify-content:space-between;
  padding:clamp(.9rem,2vw,1.6rem) var(--gut);pointer-events:none;
  transition:transform .6s var(--sc-ease-out),opacity .6s}
.bar > *{pointer-events:auto}
.bar__mark img{width:clamp(96px,9vw,150px);height:auto}
.bar::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(246,235,223,.78);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 1px 0 rgba(139,103,109,.14);opacity:0;transition:opacity .5s}
.bar.is-solid::before{opacity:1}
.bar.is-hidden{transform:translateY(-120%);opacity:0}
.bar.is-dark .bar__mark img{filter:brightness(0) invert(94%) sepia(9%) saturate(310%) hue-rotate(330deg)}

/* ============================================================ 01 HERO */
.hero__stage{perspective:1400px}
.hero__env,.hero__card,.hero__euc{position:absolute;will-change:transform}
.hero__card{left:50%;top:50%;width:min(64vw,1080px);aspect-ratio:1260/740;margin-left:calc(min(64vw,1080px) / -2);
  margin-top:calc(min(64vw,1080px) * -740 / 1260 / 2);z-index:4}
.tilt{position:absolute;inset:0}
.hero__card-in{position:absolute;inset:0;background:url(../assets/bg/cream.webp) center/cover var(--cream);
  transform:rotate(-1.4deg);box-shadow:0 42px 80px -10px rgba(111,83,90,.26),0 6px 14px rgba(111,83,90,.10);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,2.6vw,44px);
  animation:cardIn 1.6s var(--sc-ease-out) both .15s}
.hero__card-in::after{content:"";position:absolute;inset:clamp(12px,1.6vw,26px);border:1px solid rgba(157,165,125,.55);pointer-events:none}
.hero__logo{margin:0;width:72%}
.hero__logo img{width:100%;height:auto}
.hero__card .sc{color:var(--ink);font-size:clamp(.6rem,.4rem + .55vw,1.05rem);letter-spacing:.42em;padding-left:.42em;text-align:center}
.hero__env{left:50%;top:50%;width:min(61vw,1040px);aspect-ratio:1220/720;margin-left:calc(min(61vw,1040px) / -2 + 1.2vw);
  margin-top:calc(min(61vw,1040px) * -720 / 1220 / 2 + .8vw);z-index:3}
.hero__env-in{position:absolute;inset:0;background:#EACDC8;transform:rotate(2.4deg);
  box-shadow:0 30px 60px rgba(111,83,90,.16),0 4px 10px rgba(111,83,90,.08);animation:envIn 1.6s var(--sc-ease-out) both}
.hero__euc{z-index:6;pointer-events:none}
.hero__euc img{width:100%;height:auto}
.hero__euc--tl{left:-9vw;top:-34vh;width:min(46vw,760px)}
.hero__euc--tl img{transform:rotate(-78deg);animation:eucIn 2s var(--sc-ease-out) both .35s}
.hero__euc--br{right:-6vw;bottom:-14vh;width:min(42vw,680px)}
.hero__euc--br img{animation:eucIn2 2s var(--sc-ease-out) both .55s}
@keyframes cardIn{from{opacity:0;transform:translate3d(0,40px,0) rotate(-3deg) scale(.97)}to{opacity:1;transform:rotate(-1.4deg)}}
@keyframes envIn{from{opacity:0;transform:translate3d(0,60px,0) rotate(5deg)}to{opacity:1;transform:rotate(2.4deg)}}
@keyframes eucIn{from{opacity:0;transform:rotate(-92deg) translate3d(-60px,0,0)}to{opacity:1;transform:rotate(-78deg)}}
@keyframes eucIn2{from{opacity:0;transform:translate3d(70px,60px,0) rotate(6deg)}to{opacity:1;transform:none}}

/* ============================================================ 02 DESEJO */
.want__stage{color:var(--cream)}
.want__fl{position:absolute;right:-3vw;top:-6vh;width:min(42vw,700px);z-index:3;pointer-events:none}
.want__words{position:absolute;left:var(--gut);top:clamp(5.5rem,15vh,10rem);z-index:4}
.want__lead{margin:0 0 .3em;font-style:italic;font-weight:400;font-size:clamp(1.6rem,1rem + 2.2vw,4.2rem);color:var(--blush)}
.want__h{margin:0;font-weight:400;font-size:clamp(3.1rem,1.2rem + 6vw,8.4rem);line-height:1;letter-spacing:-.01em;color:var(--cream)}
.want__h span{display:block}
.want__h span:nth-child(2){padding-left:.62em}
.want__h span:nth-child(3){padding-left:1.24em}
.want__col{position:absolute;right:var(--gut);bottom:clamp(3rem,13vh,9rem);width:min(32rem,30vw);z-index:4}
.want__col .hair{margin-bottom:1.6rem}
.want__p{margin:0;font-style:italic;font-weight:500;font-size:clamp(1.35rem,1.1rem + .8vw,2.1rem);line-height:1.38;color:var(--on-dark)}
.want__sci{margin:2rem 0 0;font-weight:600;font-size:clamp(.82rem,.74rem + .26vw,1.05rem);letter-spacing:.3em;text-transform:uppercase;color:var(--on-dark)}
.want__sci em{display:block;margin-top:.6rem;letter-spacing:0;text-transform:none;font-weight:400;font-size:clamp(2.1rem,1.2rem + 2.4vw,4.2rem);line-height:1.04;color:var(--cream)}

/* ============================================================ 03 TRAVESSIA */
.guide{min-height:118vh;display:grid;place-items:center;padding:20vh var(--gut)}
.guide__euc{position:absolute;left:-14vw;top:-12vh;width:min(68vw,1100px);transform-origin:0 0;rotate:14deg;z-index:3;pointer-events:none}
.guide__in{position:relative;z-index:4;max-width:min(78rem,88vw);text-align:center}
.guide__lead{margin:0 auto;max-width:34ch;font-style:italic;font-weight:500;font-size:clamp(1.45rem,1.1rem + 1.4vw,2.9rem);line-height:1.42;color:var(--ink)}
.guide__lead b{font-weight:600;color:var(--title)}
.orn{margin:clamp(2.4rem,5vh,4rem) auto}
.guide__big{margin:0;font-style:italic;font-weight:400;font-size:clamp(3.1rem,1.4rem + 6.2vw,9.4rem);line-height:1.02;color:var(--title)}

/* ============================================================ 04 LIVIA */
.livia{min-height:100vh;display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);align-items:center}
.livia__ph{margin:0;height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;z-index:2}
.livia__ph img{width:100%;height:calc(100% + 14vh);object-fit:cover;object-position:48% 30%;margin-top:-4vh}
.livia__txt{position:relative;z-index:4;padding:14vh var(--gut) 14vh clamp(2.5rem,6vw,8rem);display:flex;flex-direction:column;gap:clamp(1.6rem,3.6vh,2.8rem)}
.livia__txt .h-it{max-width:15ch}
.inv{display:flex;align-items:center;gap:1.6rem;margin-top:1.4rem}
.inv .sc{color:var(--ink)}
.livia__name{margin:-.6rem 0 0 clamp(2.6rem,6vw,6.6rem);font-style:italic;font-weight:500;font-size:clamp(2.2rem,1.5rem + 2vw,4rem);color:var(--title)}

/* ============================================================ 05 O QUE É */
.what__stage{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr)}
.what__panel{color:var(--cream);padding:clamp(6rem,17vh,11rem) clamp(2rem,6vw,7rem);display:flex;flex-direction:column}
.what__t1{margin:0;font-style:italic;font-weight:400;color:var(--on-dark);font-size:clamp(2rem,1.2rem + 2.6vw,4.8rem)}
.what__t2{margin:.1em 0 0;font-weight:400;color:var(--on-dark);font-size:clamp(3rem,1.4rem + 4.4vw,7.4rem);line-height:1;white-space:nowrap}
.venn{width:min(100%,520px);margin-top:auto;overflow:visible}
.what__txt{display:flex;align-items:center;padding:0 var(--gut) 0 clamp(2.5rem,6vw,8rem)}
.what__copy{position:relative;z-index:3;display:flex;flex-direction:column;gap:clamp(2.4rem,6vh,4.6rem);max-width:56rem}
.what__fl{position:absolute;right:-3vw;bottom:-10vh;width:min(26vw,440px);z-index:2;pointer-events:none}

/* ============================================================ 06 PARA QUEM */
.who{padding:clamp(7rem,16vh,12rem) var(--gut) clamp(6rem,15vh,11rem)}
.who__euc{position:absolute;right:-6vw;top:-16vh;width:min(30vw,500px);z-index:2;pointer-events:none}
.who__head{position:relative;z-index:3;text-align:center}
.for{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:2rem;color:var(--ink)}
.cards{list-style:none;margin:clamp(3.5rem,9vh,6rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,30px);position:relative;z-index:3}
.tag{position:relative;min-height:clamp(330px,34vw,500px);background:url(../assets/bg/cream.webp) center/cover var(--cream);
  box-shadow:0 26px 50px -8px rgba(111,83,90,.18),0 3px 8px rgba(111,83,90,.06);
  padding:clamp(1.6rem,2.4vw,3rem) clamp(1.2rem,1.9vw,2.4rem);display:flex;flex-direction:column;justify-content:flex-end}
.tag::after{content:"";position:absolute;inset:12px;border:1px solid rgba(157,165,125,.45);pointer-events:none}
.tag img{position:absolute;left:clamp(1.2rem,1.9vw,2.4rem);top:clamp(1.6rem,2.4vw,3rem);width:clamp(40px,3.6vw,58px)}
.tag__n{position:absolute;right:clamp(1.2rem,1.9vw,2.4rem);top:clamp(1.4rem,2.2vw,2.8rem);font-style:italic;font-weight:500;font-size:clamp(1.3rem,1.1rem + .6vw,2rem);color:#7E8862}
.tag p{margin:0;padding-top:1.2rem;border-top:1px solid rgba(157,165,125,.6);font-style:italic;font-weight:500;font-size:clamp(1.3rem,1.05rem + .7vw,1.95rem);line-height:1.28;color:var(--ink)}
/* cartões pousam girando levemente */
.cards > li{display:flex;transform:translate3d(0,60px,0) rotate(var(--r0,-3deg));opacity:0;
  transition:opacity .9s var(--sc-ease-out),transform 1.1s var(--sc-ease-out)}
.cards > li > .tag{flex:1}
.cards > li.sc-in{opacity:1;transform:translate3d(0,var(--y1,0),0) rotate(var(--r1,0deg))}
.cards > li:nth-child(1){--r0:-5deg;--r1:-1.2deg;--y1:18px}
.cards > li:nth-child(2){--r0:4deg;--r1:.8deg;--y1:-6px}
.cards > li:nth-child(3){--r0:-3deg;--r1:-.4deg;--y1:24px}
.cards > li:nth-child(4){--r0:5deg;--r1:1deg;--y1:0px}
.cards > li:nth-child(5){--r0:-4deg;--r1:-.9deg;--y1:14px}

/* ============================================================ 07 VOCÊ VAI VIVER */
.days__stage{padding:clamp(5.5rem,12vh,9rem) var(--gut) 0}
.days__fl{position:absolute;right:-3vw;top:-7vh;width:min(30vw,520px);z-index:2;pointer-events:none}
.days__h{position:relative;z-index:3}
.days__arc{position:absolute;left:var(--gut);right:var(--gut);top:clamp(15rem,31vh,19rem);width:calc(100% - var(--gut) * 2);height:clamp(110px,15vh,180px);z-index:3;overflow:visible}
.days__sun{position:absolute;left:0;top:0;z-index:4;width:0;height:0;will-change:transform}
.days__sun span{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle,#FBF1EE 0 34%,#EFD3CF 35% 54%,rgba(226,194,188,0) 72%);
  box-shadow:0 0 0 1px rgba(139,103,109,.35),0 0 40px 14px rgba(246,224,214,.75)}
.days__cols{list-style:none;margin:0;padding:0;position:absolute;left:var(--gut);right:var(--gut);top:clamp(24rem,49vh,32rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:4}
.col{padding:0 clamp(1.2rem,2.6vw,3rem);border-left:1px solid var(--hair);transition:opacity .6s var(--sc-ease-out),transform .6s var(--sc-ease-out);opacity:var(--on,1);transform:translate3d(0,calc((1 - var(--on,1)) * 14px),0)}
.col:first-child{border-left:0;padding-left:0}
.col__n{font-style:italic;font-weight:400;font-size:clamp(3rem,2rem + 2.6vw,6rem);line-height:1;color:#7E8862}
.col__when{margin-top:1.2rem;color:var(--title)}
.col__what{margin:1.4rem 0 0;font-style:italic;font-weight:500;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.6rem);line-height:1.14;color:var(--title)}
.col__desc{margin:1.1rem 0 0;font-size:clamp(1.1rem,1rem + .3vw,1.35rem);line-height:1.55;color:var(--ink)}

/* ============================================================ 08 EXPERIÊNCIA */
.exp{min-height:110vh;display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr)}
.exp__txt{padding:clamp(7rem,16vh,11rem) clamp(2rem,4vw,5rem) clamp(6rem,14vh,10rem) var(--gut);position:relative;z-index:4}
.exp__sub{margin:1.8rem 0 0;max-width:30ch;font-style:italic;font-weight:500;font-size:clamp(1.4rem,1.15rem + .95vw,2.4rem);line-height:1.32;color:var(--ink)}
.exp__days{margin-top:clamp(3rem,7vh,4.6rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,3.4vw,4rem);max-width:52rem}
.day h3{margin:0 0 .4rem;padding-bottom:.9rem;border-bottom:2px solid var(--sage);font-style:italic;font-weight:500;font-size:clamp(2rem,1.5rem + 1.3vw,3.2rem);color:var(--title)}
.day ol{list-style:none;margin:0;padding:0}
.day li{display:flex;flex-direction:column;padding:.9rem 0 .9rem 1.4rem;border-bottom:1px solid var(--hair);font-size:clamp(1.12rem,1.02rem + .3vw,1.38rem);color:var(--ink);position:relative}
.day li::before{content:"";position:absolute;left:0;top:1.35rem;width:7px;height:7px;border-radius:50%;background:var(--sage)}
.day li small{font-style:italic;font-weight:500;font-size:.9em;color:var(--title)}
.exp__lake{margin:0;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.exp__lake img{width:100%;height:calc(100% + 16vh);object-fit:cover;object-position:30% 55%;margin-top:-4vh}
.exp__aerial{position:absolute;margin:0;right:calc(44% - 8vw);top:20vh;width:min(25vw,440px);aspect-ratio:7/5;z-index:6;
  border:clamp(8px,.7vw,13px) solid var(--cream);box-shadow:0 34px 70px -10px rgba(74,52,58,.36)}
.exp__aerial img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}

/* ============================================================ 09 LUCIANA */
.lu{min-height:100vh;display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center}
.lu__ph{margin:0;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;z-index:2}
.lu__ph img{width:100%;height:calc(100% + 14vh);object-fit:cover;object-position:50% 26%;margin-top:-4vh}
.lu__txt{position:relative;z-index:4;padding:14vh var(--gut) 16vh clamp(2.5rem,6vw,8rem);display:flex;flex-direction:column;gap:clamp(1.4rem,3.2vh,2.4rem)}
.by{display:flex;align-items:center;gap:1.4rem;color:var(--ink)}
.lu__txt .body{max-width:48ch}
.lu__euc{position:absolute;right:-5vw;bottom:-12vh;width:min(30vw,520px);z-index:3;pointer-events:none}

/* ============================================================ 10 PRÁTICA */
.prat{min-height:120vh;display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center;color:var(--cream);padding:clamp(6rem,14vh,10rem) var(--gut)}
.prat .h-it{color:var(--cream);text-shadow:none}
.prat__lead{margin:2.2rem 0 0;max-width:34ch;font-weight:500;font-size:clamp(1.15rem,1.04rem + .38vw,1.45rem);line-height:1.58;color:var(--on-dark)}
.prat__list{list-style:none;margin:2.2rem 0 0;padding:0;max-width:30rem}
.prat__list li{padding:.9rem 0 .9rem 2.4rem;border-bottom:1px solid rgba(246,235,223,.28);position:relative;font-style:italic;font-weight:500;font-size:clamp(1.35rem,1.1rem + .8vw,2rem);color:var(--on-dark)}
.prat__list li::before{content:"";position:absolute;left:0;top:50%;width:22px;height:12px;margin-top:-6px;
  background:url(../assets/botanic/euc-leaf.webp) center/contain no-repeat}
.prat__grid{position:relative;height:min(92vh,900px);margin-left:clamp(2rem,4vw,5rem)}
.g{position:absolute;margin:0;overflow:hidden;box-shadow:0 30px 60px -12px rgba(40,25,30,.42)}
.g img{width:100%;height:100%;object-fit:cover}
.g1{left:0;top:14%;width:31%;height:68%}
.g2{left:34%;top:2%;width:64%;height:40%}
.g3{left:34%;top:46%;width:30%;height:44%}
.g4{left:67%;top:46%;width:31%;height:52%}
.g1 img{object-position:45% 38%}.g2 img{object-position:50% 62%}.g3 img{object-position:66% 50%}.g4 img{object-position:58% 62%}

/* ============================================================ 11 JARDIM */
.garden__stage{background:#EAD9D2}
.garden__bg{position:absolute;inset:-4%;will-change:transform;
  transform:translate3d(calc(var(--lx) * -14px),calc(var(--ly) * -10px),0) scale(var(--gz,1.12))}
.garden__bg img{width:100%;height:100%;object-fit:cover;animation:breathe 26s ease-in-out infinite alternate}
@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.045) translate3d(-.6%,-.4%,0)}}
.garden__rays{position:absolute;inset:-20% -10% auto -20%;height:140%;pointer-events:none;mix-blend-mode:screen;z-index:2;
  transform:translate3d(calc(var(--lx) * 22px),0,0)}
.garden__rays i{position:absolute;left:8%;top:-10%;width:22%;height:120%;transform-origin:50% 0;
  background:linear-gradient(180deg,rgba(255,244,228,.55),rgba(255,236,220,.18) 45%,rgba(255,236,220,0) 75%);
  filter:blur(26px);border-radius:50%;animation:ray 12s ease-in-out infinite alternate}
.garden__rays i:nth-child(1){rotate:-28deg}
.garden__rays i:nth-child(2){rotate:-38deg;left:22%;width:14%;animation-duration:15s;animation-delay:-4s}
.garden__rays i:nth-child(3){rotate:-20deg;left:-2%;width:12%;animation-duration:10s;animation-delay:-7s}
@keyframes ray{0%{opacity:.35;transform:scaleX(.85)}50%{opacity:.9}100%{opacity:.5;transform:scaleX(1.15)}}
.garden__mist{position:absolute;pointer-events:none;z-index:3;border-radius:50%;filter:blur(40px)}
.garden__mist--a{left:-20%;bottom:-18%;width:80%;height:55%;background:radial-gradient(closest-side,rgba(248,236,230,.75),rgba(248,236,230,0));animation:mistA 30s ease-in-out infinite alternate}
.garden__mist--b{right:-25%;top:18%;width:70%;height:50%;background:radial-gradient(closest-side,rgba(246,228,222,.6),rgba(246,228,222,0));animation:mistB 36s ease-in-out infinite alternate}
@keyframes mistA{to{transform:translate3d(28%,-6%,0) scale(1.1)}}
@keyframes mistB{to{transform:translate3d(-30%,8%,0) scale(1.15)}}
.garden__fx{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.garden__fore{position:absolute;left:-8vw;top:-30vh;width:min(48vw,820px);z-index:6;pointer-events:none;filter:blur(3.5px);opacity:.92;
  transform:translate3d(calc(var(--lx) * 40px),calc(var(--ly) * 26px + var(--gf,0px)),0)}
.garden__fore img{width:100%;rotate:-74deg;transform-origin:30% 30%;animation:branch 7s ease-in-out infinite alternate}
@keyframes branch{0%{transform:rotate(-1.6deg)}100%{transform:rotate(2.2deg)}}
.garden__copy{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--gut)}
.garden__logo{width:min(36vw,560px);height:auto;margin-bottom:clamp(2rem,6vh,4rem)}
.garden__label{color:var(--ink);line-height:2;font-size:clamp(.85rem,.76rem + .3vw,1.15rem)}
.garden__big{margin:.6rem 0 0;font-style:italic;font-weight:400;font-size:clamp(3.4rem,1.4rem + 7.4vw,11rem);line-height:1;color:var(--title);text-shadow:0 2px 30px rgba(250,240,236,.6)}
.garden__cta{margin-top:clamp(2.6rem,7vh,4.6rem)}
.garden__foot{position:absolute;left:0;right:0;bottom:clamp(1.4rem,4vh,2.6rem);text-align:center;z-index:7;color:var(--ink);font-size:clamp(.66rem,.6rem + .16vw,.82rem)}

/* ============================================================ MOBILE */
@media (max-width: 860px){
  :root{--gut:1.4rem}
  .bar{padding:1rem var(--gut)}
  .pill--bar{padding:.85em 1.2em .8em 1.5em;letter-spacing:.26em}

  .hero__card{width:88vw;margin-left:-44vw;margin-top:calc(88vw * -740 / 1260 / 2)}
  .hero__env{width:84vw;margin-left:calc(-42vw + 2vw);margin-top:calc(84vw * -720 / 1220 / 2 + 2vw)}
  .hero__euc--tl{left:-22vw;top:-16vh;width:82vw}
  .hero__euc--br{right:-16vw;bottom:-6vh;width:76vw}
  .hero__card .sc{letter-spacing:.24em;font-size:.56rem}

  .want__words{top:6.2rem}
  .want__h{font-size:15.5vw}
  .want__col{left:var(--gut);right:var(--gut);width:auto;bottom:2.4rem}
  .want__fl{width:70vw;right:-12vw;top:auto;bottom:-6vh;opacity:.9}
  .want__sci em{font-size:2.3rem}

  .guide{min-height:auto;padding:22vh var(--gut) 20vh}
  .guide__euc{width:130vw;left:-40vw;top:-6vh}

  .livia,.lu{display:block;min-height:auto}
  .livia__ph,.lu__ph{position:relative;height:78svh}
  .livia__txt,.lu__txt{padding:3.4rem var(--gut) 5rem}
  .livia__name{margin-left:0}

  .what__stage{display:block}
  .what__panel{padding:7rem var(--gut) 3rem;min-height:62svh}
  .what__t2{white-space:normal;font-size:3.5rem}
  .venn{margin-top:2.4rem;width:86%}
  .what__txt{padding:3.4rem var(--gut) 6rem;min-height:auto}
  .what__fl{width:52vw;right:-10vw;bottom:-6vh}

  .who__euc{width:44vw;right:-20vw;top:-12vh}
  .cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:3rem calc(var(--gut) * -1) 0;padding:1rem var(--gut) 2rem;scrollbar-width:none}
  .cards::-webkit-scrollbar{display:none}
  .cards > li{flex:0 0 72vw;scroll-snap-align:center}
  .tag{min-height:330px}

  .days__stage{padding:7rem var(--gut) 5rem}
  .days__arc,.days__sun{display:none}
  .days__cols{position:relative;left:auto;right:auto;top:auto;margin-top:3rem;grid-template-columns:1fr;gap:2.6rem}
  .col{border-left:0;padding:0 0 2.4rem;border-bottom:1px solid var(--hair);--on:1 !important}
  .days__fl{width:60vw;right:-14vw;top:-4vh}

  .exp{display:flex;flex-direction:column-reverse;min-height:auto}
  .exp__lake{position:relative;height:72svh}
  .exp__aerial{right:var(--gut);bottom:auto;top:calc(72svh - 14vh);width:52vw}
  .exp__txt{padding:5rem var(--gut) 5rem}
  .exp__days{grid-template-columns:1fr;gap:2.4rem}

  .lu__euc{width:62vw;right:-16vw;bottom:-6vh}

  .prat{display:block;min-height:auto;padding:6rem var(--gut) 6rem}
  .prat__grid{height:125vw;margin:3.4rem 0 0}

  .garden__logo{width:72vw}
  .pill--big{letter-spacing:.24em;padding:1.4em 2.2em 1.35em 2.4em}
  .garden__big{font-size:16vw}
  .garden__fore{width:96vw;left:-30vw;top:-14vh}
}

/* ============================================================ REDUCED MOTION */
@media (prefers-reduced-motion: reduce){
  .shadow__sway,.garden__bg img,.garden__rays i,.garden__mist,.garden__fore img,.pill--big::before,
  .hero__card-in,.hero__env-in,.hero__euc img{animation:none !important}
  .shadow,.garden__bg,.garden__fore,.garden__rays{transform:none !important}
  .garden__fx{display:none}
  .cards > li{transform:none;transition-duration:.2s}
}