/* Cafellow · A magia acontece na xícara */
:root{
  --creme:#FBF5EC; --creme-2:#FFFBF5; --vinho:#38081A; --lilas:#A390FE; --amarelo:#FFD23F;
  --crema:#C89B6D; --meio:#7A4A2A; --intenso:#2A1308;
  --fonte:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fundo:var(--creme);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--creme)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:var(--fonte);color:var(--vinho);background:var(--creme);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto;-webkit-user-drag:none;user-select:none}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:fixed;left:16px;top:-80px;z-index:99;background:var(--vinho);color:var(--creme);padding:12px 18px;border-radius:99px;text-decoration:none;font-weight:600}
.pular:focus{top:16px}
:focus-visible{outline:3px solid var(--lilas);outline-offset:3px}

/* ---------- títulos: Montserrat pesada, caixa normal ---------- */
h2,h3,.slogan,.frase,.num,.mar-tit{font-weight:900;letter-spacing:-.035em;line-height:1.02}

/* ---------- pílulas ---------- */
.pilula{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:-.01em;text-decoration:none;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background-color .3s,box-shadow .3s;white-space:nowrap}
.pilula:hover{transform:translateY(-2px) scale(1.03)}
.pilula:active{transform:scale(.97)}
.pilula-lilas{background:var(--lilas);color:var(--vinho);box-shadow:0 10px 30px -12px rgba(163,144,254,.9)}
.pilula-vinho{background:var(--vinho);color:var(--creme)}
.pilula-linha{border:2px solid currentColor;color:var(--vinho)}
.pilula-grande{min-height:60px;padding:0 36px;font-size:18px}
.link-discreto{font-size:14px;font-weight:500;text-underline-offset:4px;text-decoration-thickness:1px;opacity:.75}
.link-discreto:hover{opacity:1}

/* ---------- persistentes ---------- */
.comprar{position:fixed;z-index:40;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));min-height:50px;padding:0 26px;display:flex;align-items:center;border-radius:99px;background:var(--lilas);color:var(--vinho);font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 12px 30px -12px rgba(56,8,26,.45);opacity:0;transform:translateY(24px) scale(.9);pointer-events:none;transition:opacity .5s,transform .6s cubic-bezier(.3,1.5,.5,1)}
.comprar.on{opacity:1;transform:none;pointer-events:auto}
.progresso{position:fixed;z-index:40;top:14px;right:14px;width:44px;height:44px;padding:2px;border-radius:50%;background:rgba(251,245,236,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .6s}
.progresso.on{opacity:1}
.progresso svg{width:100%;height:100%}

/* ============ O PALCO ============ */
#palcoWrap{position:relative}
#palco{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--creme)}
#campo{position:absolute;inset:0;width:100%;height:100%;opacity:0;background:radial-gradient(120% 90% at 50% 45%,#5a3219,#2A1308 70%)}

/* xícara */
.xic-palco{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.xic{position:relative;width:min(82vw,600px,56svh*1.3333);aspect-ratio:4/3;margin-top:2svh;will-change:transform}
.xic>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#fluido,.liquido{position:absolute;left:19.5%;top:28%;width:61%;height:52.667%;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='78 84 244 158' preserveAspectRatio='none'%3E%3Cpath d='M78 100A122 16 0 0 1 322 100C320 180 280 240 200 242C120 240 80 180 78 100Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='78 84 244 158' preserveAspectRatio='none'%3E%3Cpath d='M78 100A122 16 0 0 1 322 100C320 180 280 240 200 242C120 240 80 180 78 100Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.liquido{opacity:0;background:linear-gradient(180deg,var(--liq-a,#9b6a43) 0%,var(--liq-b,#5c3319) 100%)}
.saq{position:absolute;left:44%;top:34.67%;width:18%;aspect-ratio:472/803}
.saq-mov{position:relative;width:100%;height:100%;will-change:transform}
.js .saq-mov{transform:translateY(-760%)}
.saq img{width:100%;height:100%;filter:drop-shadow(0 6px 10px rgba(56,8,26,.18))}
.fio{position:absolute;left:79%;bottom:99%;width:1.6px;height:240vh;background:#fffdf8;box-shadow:0 0 0 .6px rgba(56,8,26,.22);border-radius:2px}
.vapor{position:absolute;left:20%;right:20%;top:-34%;height:52%;pointer-events:none;opacity:0}
.vapor i{position:absolute;bottom:0;width:38%;height:100%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));filter:blur(10px);animation:vapor 6.5s ease-in-out infinite;opacity:0}
.vapor i:nth-child(1){left:8%;animation-delay:0s}
.vapor i:nth-child(2){left:36%;animation-delay:1.6s;width:30%}
.vapor i:nth-child(3){left:56%;animation-delay:3.2s}
.vapor i:nth-child(4){left:26%;animation-delay:4.8s;width:44%}
@keyframes vapor{0%{transform:translate3d(0,40%,0) scale(.5,.6);opacity:0}30%{opacity:.75}70%{opacity:.35}100%{transform:translate3d(14%,-60%,0) scale(1.1,1.4) rotate(8deg);opacity:0}}
.coracao{position:absolute;left:41%;top:-30%;width:18%;opacity:0;overflow:visible}
.coracao path{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;filter:blur(2.2px)}

/* abertura */
.abertura{position:absolute;inset:0;pointer-events:none;text-align:center}
.logo-arco{position:absolute;left:50%;top:8.5svh;width:min(60vw,420px);transform:translateX(-50%);opacity:0}
.slogan{position:absolute;left:0;right:0;bottom:14.5svh;font-size:clamp(30px,5vw,60px);padding:0 16px;opacity:0}
.primeiro{position:absolute;left:0;right:0;bottom:9.4svh;font-size:15px;font-weight:500;letter-spacing:.01em;opacity:0}
.gota{position:absolute;left:50%;bottom:3svh;width:2px;height:34px;margin-left:-1px;opacity:0}
.gota i{position:absolute;left:-3px;top:0;width:8px;height:11px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--meio);animation:gota 2.2s cubic-bezier(.6,0,.8,.6) infinite}
@keyframes gota{0%{transform:translateY(-4px) scale(.6);opacity:0}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1}100%{transform:translateY(30px) scale(.8,1.15);opacity:0}}

/* cerrado */
.cerrado{position:absolute;inset:0;clip-path:circle(0% at 50% 50%);visibility:hidden}
.cerrado-ceu,#lavoura{position:absolute;inset:0;width:100%;height:100%}
.cerrado-txt{position:absolute;left:0;right:0;top:12svh;padding:0 20px}
.cerrado-txt .frase{position:absolute;left:50%;transform:translateX(-50%);width:min(92vw,17ch);text-align:center;font-size:clamp(28px,4.4vw,58px);opacity:0}

/* grão */
.grao-box{position:absolute;left:50%;top:54%;width:min(66vw,46svh);aspect-ratio:1;transform:translate(-50%,-50%);visibility:hidden;pointer-events:none}
#grao{width:100%;height:100%}
.grao-svg{position:absolute;inset:18% 26%;width:48%;height:64%;display:none}
.sem-gl .grao-svg{display:block}
.sem-gl #grao{display:none}
.cena-grao{position:absolute;inset:0;visibility:hidden}
.nota-num{position:absolute;left:0;right:0;top:7svh;text-align:center}
.num{display:block;font-size:clamp(84px,15vw,200px);letter-spacing:-.06em;line-height:.9}
.num-rot{display:block;margin-top:18px;font-size:14px;font-weight:600;letter-spacing:.02em}
.notas{list-style:none}
.notas li{position:absolute;left:calc(50% + var(--x)*1%);top:calc(56% + var(--y)*1%);transform:translate(-50%,-50%);font-size:clamp(20px,2.6vw,34px);font-weight:800;letter-spacing:-.03em;color:rgba(56,8,26,.28);padding:12px 14px;cursor:default;transition:color .5s,text-shadow .6s;animation:flutua 7s ease-in-out infinite}
.notas li:nth-child(2){animation-delay:-2s}.notas li:nth-child(3){animation-delay:-4s}.notas li:nth-child(4){animation-delay:-1s}.notas li:nth-child(5){animation-delay:-5s}
.notas li.prova{color:var(--c);text-shadow:0 0 22px color-mix(in srgb,var(--c) 55%,transparent),0 0 2px #fff}
@keyframes flutua{0%,100%{translate:0 0}50%{translate:0 -10px}}
.grao-linha{position:absolute;left:0;right:0;bottom:6svh;text-align:center;font-size:15px;font-weight:500;padding:0 24px;max-width:46ch;margin:0 auto}

/* ritual */
.ritual{position:absolute;inset:0;visibility:hidden;text-align:center;pointer-events:none}
.ritual-tit{position:absolute;left:50%;top:7svh;transform:translateX(-50%);width:min(92vw,16ch);font-size:clamp(28px,4.2vw,50px)}
@media (min-width:760px){.ritual-tit{width:min(92vw,24ch)}}
.intensidade{position:absolute;left:0;right:0;bottom:25svh;display:flex;justify-content:center;gap:clamp(16px,3vw,36px);font-weight:800;font-size:clamp(17px,1.8vw,22px);letter-spacing:-.02em}
.intensidade span{color:rgba(56,8,26,.22);transition:color .6s,transform .6s cubic-bezier(.3,1.6,.5,1)}
.intensidade span.on{color:var(--meio);transform:scale(1.12)}
.intensidade span[data-i="2"].on{color:var(--intenso)}
.dica{position:absolute;left:0;right:0;bottom:20.5svh;font-size:14px;font-weight:500;opacity:.7;transition:opacity .5s}
.mergulhar{position:absolute;left:50%;bottom:12.6svh;transform:translateX(-50%);min-height:48px;padding:0 24px;border-radius:99px;border:2px solid var(--vinho);font-weight:700;font-size:15px;pointer-events:auto}
.passos{position:absolute;left:0;right:0;bottom:3.6svh;padding:0 16px}
.passos-linha{font-weight:700;font-size:clamp(15px,1.6vw,19px)}
.passos-linha span{opacity:.35;margin:0 .35em}
.cold{margin-top:6px;font-size:13.5px;font-weight:500;opacity:.75}
.ritual-ativo .saq{pointer-events:auto;cursor:grab;touch-action:none}
.ritual-ativo .saq:active{cursor:grabbing}

/* ============ FELLOWS ============ */
.fellows{position:relative;min-height:100svh;padding:12svh 16px 10svh;background:var(--fundo);text-align:center;overflow:hidden}
.fellows h2{font-size:clamp(36px,6.4vw,82px)}
.fellows-sub{margin-top:10px;font-size:16px;font-weight:500}
.fellows-topo .pilula{margin-top:22px;min-height:46px;font-size:15px}
.baralho{position:relative;margin:7svh auto 0;width:min(80vw,330px);aspect-ratio:33/46;perspective:1100px;outline:none;touch-action:pan-y}
.carta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:30px 22px 26px;border-radius:32px;background:var(--creme-2);box-shadow:0 30px 60px -30px rgba(56,8,26,.45),0 2px 0 rgba(56,8,26,.04);transform-origin:50% 90%;user-select:none;-webkit-user-select:none;will-change:transform;backface-visibility:hidden}
.carta::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(90% 55% at 50% 30%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%);pointer-events:none}
.carta img{position:relative;width:94%;height:auto;margin-top:2%;filter:drop-shadow(0 16px 18px rgba(56,8,26,.22));pointer-events:none}
.carta img.caixa{width:62%}
.carta h3{position:relative;margin-top:auto;font-size:clamp(32px,9vw,42px)}
.carta .sabor{position:relative;margin-top:6px;font-size:15px;font-weight:600;opacity:.7}
.carta .pers{position:relative;margin-top:10px;font-size:16px;font-weight:500}
.carta.topo{cursor:grab}
.carta.topo:active{cursor:grabbing}
.baralho-ctrl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:5svh}
.seta{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(56,8,26,.2);transition:border-color .3s,transform .3s}
.seta:hover{border-color:var(--vinho);transform:scale(1.06)}
.seta svg{width:22px;height:22px;fill:none;stroke:var(--vinho);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.arraste{margin-top:16px;font-size:13px;font-weight:500;opacity:.55}

/* ============ TERRA ============ */
.terra{position:relative;height:340vh;background:var(--creme)}
.terra-fixo{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#terraCanvas{position:absolute;inset:0;width:100%;height:100%}
.broto{position:absolute;left:50%;bottom:23svh;width:min(30vw,150px);transform:translateX(-50%);overflow:visible}
.broto .caule{fill:none;stroke:#5F7F35;stroke-width:5;stroke-linecap:round}
.broto .folha{fill:#7FA346;stroke:none;transform-box:fill-box;opacity:0}
.broto .f1{transform-origin:100% 100%}.broto .f2{transform-origin:0 100%}.broto .f3{transform-origin:50% 100%}
.terra-txt{position:absolute;left:0;right:0;top:13svh}
.terra-txt .frase{position:absolute;left:50%;transform:translateX(-50%);width:min(92vw,18ch);text-align:center;font-size:clamp(30px,4.6vw,60px);opacity:0}
.terra .link-discreto{position:absolute;left:50%;bottom:5svh;transform:translateX(-50%);color:var(--creme);opacity:0;white-space:nowrap;padding:12px}

/* ============ CLÍMAX ============ */
.mar{position:relative;height:230vh;background:var(--vinho)}
.mar-fixo{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.mar-fundo{position:absolute;inset:-6%;will-change:transform}
.mar-fundo img{width:100%;height:100%;object-fit:cover}
.mar-veu{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,rgba(56,8,26,.72),rgba(56,8,26,.42));opacity:0}
.mar-frente{position:absolute;inset:0;pointer-events:none}
.mf{position:absolute;width:clamp(150px,24vw,360px);filter:drop-shadow(0 30px 30px rgba(20,4,10,.45));will-change:transform}
.mf1{left:-5%;top:6%;rotate:-14deg}
.mf2{right:-6%;top:-4%;rotate:18deg;width:clamp(130px,20vw,300px)}
.mf3{left:4%;bottom:-8%;rotate:12deg}
.mf4{right:-3%;bottom:2%;rotate:-10deg;width:clamp(160px,26vw,380px)}
.mf5{left:40%;top:-14%;rotate:6deg;width:clamp(110px,15vw,220px)}
.mar-tit{position:relative;z-index:2;color:var(--creme);font-size:clamp(46px,9vw,136px);text-align:center;width:min(94vw,11ch);opacity:0}
.giro-btn{position:absolute;z-index:3;bottom:calc(5svh + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);min-height:48px;padding:0 22px;border-radius:99px;border:1.5px solid rgba(251,245,236,.6);color:var(--creme);font-weight:600;font-size:14px}

.oferta{position:relative;background:var(--creme);padding:14svh 16px 14svh;text-align:center;overflow:hidden}
.pilha{position:relative;width:min(92vw,720px);aspect-ratio:1212/843;margin:0 auto}
.peca{position:absolute;height:auto;will-change:transform;filter:drop-shadow(0 14px 16px rgba(56,8,26,.16))}
.oferta-tit{margin-top:7svh;font-size:clamp(34px,5.4vw,66px)}
.escada{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:30px auto 0;max-width:720px}
.oferta .link-discreto{display:inline-block;margin-top:26px;padding:10px}

/* ============ RODAPÉ ============ */
.rodape{background:var(--vinho);color:var(--creme);text-align:center;padding:12svh 20px calc(40px + env(safe-area-inset-bottom))}
.rodape-logo{width:min(70vw,360px);height:auto;margin:0 auto}
.rodape-slogan{margin-top:18px;font-weight:800;font-size:20px;letter-spacing:-.02em}
.rodape-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;margin-top:40px}
.rodape-links a{font-weight:600;font-size:15px;text-decoration:none;padding:12px 2px;opacity:.85}
.rodape-links a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.goods{display:inline-flex;align-items:center;gap:14px;margin-top:34px;padding:8px 18px 8px 10px;border-radius:99px;background:rgba(251,245,236,.07);text-decoration:none;font-size:14px;font-weight:600}
.goods-fila{display:flex}
.goods-fila img{width:38px;height:38px;object-fit:contain;margin-right:-6px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}
.rodape-fim{margin-top:44px;font-size:12.5px;opacity:.5}


/* ============ 0 · O PALCO DO FELLOW ============ */
.ab-fundo{position:absolute;inset:0;background-color:#A390FE}
.ab-fundo::before{content:"";position:absolute;inset:0;background:radial-gradient(46% 44% at 50% 56%,rgba(255,255,255,.26),rgba(255,255,255,0) 72%)}
.ab-escuro{position:absolute;inset:0;background:#2A1308;opacity:0}
.ab-bordas{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.borda{position:absolute;will-change:transform}
.borda img{width:100%;height:auto;animation:boia var(--d,7s) ease-in-out infinite;animation-delay:var(--a,0s);filter:drop-shadow(0 18px 22px rgba(56,8,26,.28))}
.b-tras img{filter:blur(6px) drop-shadow(0 10px 14px rgba(56,8,26,.2));opacity:.9}
@keyframes boia{0%,100%{transform:translateY(-8px) rotate(calc(var(--r) - 6deg))}50%{transform:translateY(8px) rotate(calc(var(--r) + 6deg))}}
.b1{left:3%;top:7%;width:clamp(90px,10vw,150px);--r:-18deg;--d:8s}
.b2{right:12%;top:4%;width:clamp(80px,9vw,135px);--r:14deg;--d:9s;--a:-3s}
.b3{left:9%;top:46%;width:clamp(80px,8vw,120px);--r:10deg;--d:7.5s;--a:-5s}
.b4{left:-4%;bottom:-6%;width:clamp(150px,21vw,330px);--r:16deg;--d:7s;--a:-1s}
.b5{right:-5%;top:50%;width:clamp(140px,18vw,290px);--r:-14deg;--d:8.5s;--a:-4s}
.b6{right:4%;bottom:-9%;width:clamp(140px,17vw,270px);--r:-8deg;--d:6.5s;--a:-2s}
.arco{position:absolute;left:50%;width:85vw;aspect-ratio:4257/1052;transform:translateX(-50%);pointer-events:none;will-change:transform,filter}
.arco img{position:absolute;height:auto}
.js .arco img,.js .xic-palco{opacity:0}
.fellow-vez{position:absolute;left:0;right:0;font-size:14px;font-weight:700;letter-spacing:.01em;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0}
.fellow-vez span{font-weight:500;font-size:13px;opacity:.75;transition:opacity .6s}
.slogan .pal{display:inline-block}
.brilhos{position:absolute;left:30%;right:30%;top:-30%;height:40%;pointer-events:none}
.brilhos i{position:absolute;bottom:0;width:18px;opacity:0}
.brilhos svg{width:100%;height:auto;fill:var(--c);filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}
.brilhos i:nth-child(1){left:8%}.brilhos i:nth-child(2){left:30%;width:12px}.brilhos i:nth-child(3){left:52%;width:22px}.brilhos i:nth-child(4){left:72%;width:14px}.brilhos i:nth-child(5){left:90%;width:16px}
.troca{position:absolute;left:14%;right:14%;top:0;bottom:8%;border-radius:40% 40% 50% 50%;pointer-events:none;-webkit-tap-highlight-color:transparent}
.ab.pronto .troca{pointer-events:auto;cursor:pointer}
/* a xícara sobre a cor */
.ab .saq{left:31.25%;top:4.667%;width:40%;aspect-ratio:527/451}
.ab .saq img{object-fit:contain;filter:drop-shadow(0 10px 14px rgba(56,8,26,.25))}
.ab .fio{left:25%;bottom:80%}
.ab .xic-tras ellipse:nth-of-type(1){fill:#38081A;opacity:.22;filter:blur(5px)}
.ab .xic-tras ellipse:nth-of-type(2){fill:#38081A;opacity:.25}
.ab .xic-tras ellipse:nth-of-type(3){stroke:#38081A;stroke-opacity:.3}
.ab .xic-tras ellipse:nth-of-type(4){stroke:#FBF5EC;stroke-opacity:.45}
.ab .xic-tras path:nth-of-type(1){fill:#fff;fill-opacity:.16}
.ab .xic-tras path:nth-of-type(2){fill:#fff;fill-opacity:.34}
.ab .xic-tras ellipse:nth-of-type(5){stroke:#FBF5EC;stroke-opacity:.75;stroke-width:2.4}
.ab .xic-frente path:nth-of-type(1),.ab .xic-frente path:nth-of-type(2){stroke:#FBF5EC;stroke-opacity:.95;stroke-width:3.2}
.ab .xic-frente path:nth-of-type(3){stroke:#FBF5EC;stroke-opacity:1;stroke-width:3}
.ab .xic-frente path:nth-of-type(4){opacity:1;stroke-width:9}
.ab .xic-frente path:nth-of-type(5){stroke:#FBF5EC;stroke-opacity:.9;stroke-width:4}
.ab .xic-frente path:nth-of-type(6){stroke:#38081A;stroke-opacity:.22;stroke-width:11}
.ab .xic-frente path:nth-of-type(7){stroke:#FBF5EC;stroke-opacity:.95;stroke-width:4.5}
@media (max-width:759px){
  .arco{width:95vw}
  .b-tras{display:none}
  .b4{left:-10%;bottom:-4%;width:150px}
  .b5{right:-12%;top:12%;width:140px}
  .b6{right:-8%;bottom:-5%;width:140px}
}
.rm .ab-bordas{display:none}

/* ============ celular ============ */
@media (max-width:759px){
  .comprar{left:14px;right:auto;top:calc(14px + env(safe-area-inset-top));bottom:auto;min-height:44px;padding:0 20px;font-size:14px;transform:translateY(-16px) scale(.9)}
  .fellows{padding-top:15svh}
  .fellows h2{max-width:11ch;margin:0 auto}
  .grao-linha{bottom:4svh}
}
/* ============ desktop ============ */
@media (min-width:900px){
  .notas li{font-size:clamp(22px,2.2vw,34px)}
  .baralho{width:340px}
}
@media (max-width:420px){
  .pilula-grande{width:100%;max-width:340px}
  .escada .pilula{flex:1 1 100%;max-width:340px}
}
@media (max-height:700px){
  .ritual-tit{top:5svh}
  .num{font-size:clamp(70px,12vw,150px)}
}

/* ============ movimento reduzido ============ */
.rm .vapor i,.rm .gota i,.rm .notas li{animation:none}
.rm .vapor{display:none}