/* =========================================================
   TUY POTASSO — v3
   Creme #F5F1EA · Tinta #111010 · Vermelho #E8232B
   ========================================================= */

:root{
  --cream:#F5F1EA;
  --cream-2:#FFFFFF;
  --ink:#111010;
  --ink-2:#1C1B1A;
  --red:#E8232B;
  --red-2:#BE1219;
  --muted:#63605A;
  --wrap:1200px;
  --pad:20px;
  --display:'Anton', Impact, sans-serif;
  --script:'Caveat Brush', cursive;
  --hand:'Caveat', cursive;
  --body:'Jost', Helvetica, Arial, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0}
p{margin:0 0 1em}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;z-index:999;background:var(--red);color:#fff;padding:10px 16px}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}

/* ---------- Tipos ---------- */
.d2{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.9;font-size:clamp(1.8rem,5.6vw,3rem)}
.d3{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:1;font-size:1rem;letter-spacing:.06em}
.sc{font-family:var(--script);color:var(--red);text-transform:none;font-weight:400;line-height:.95;display:inline-block}
.note{font-family:var(--hand);font-size:1.1rem;line-height:1.2;color:var(--ink)}
.tag{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:var(--cream);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;padding:8px 14px}
.tag .sc{font-size:1.3rem;letter-spacing:0;line-height:.8;transform:translateY(-1px)}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;padding:15px 26px;border:2px solid transparent;border-radius:999px;cursor:pointer;transition:background .16s,color .16s,transform .12s}
.btn:active{transform:translateY(1px)}
.btn--ink{background:var(--ink);color:var(--cream)}
.btn--ink:hover{background:var(--red)}
.btn--red{background:var(--red);color:#fff}
.btn--red:hover{background:var(--cream);color:var(--ink)}

/* =========================================================
   NAV
   ========================================================= */
.nav{position:sticky;top:0;z-index:90;background:var(--cream)}
.nav__in{max-width:var(--wrap);margin:0 auto;padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav__logo{font-family:var(--script);color:var(--red);font-size:1.85rem;line-height:1;white-space:nowrap}
.nav__toggle{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;cursor:pointer;padding:0 8px}
.nav__toggle span{display:block;height:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav__menu{position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:6px var(--pad) 22px;display:none;box-shadow:0 20px 30px -20px rgba(0,0,0,.25)}
.nav__menu.is-open{display:block}
.nav__list{list-style:none;margin:0 0 16px;padding:0}
.nav__list li{border-bottom:1px solid rgba(17,16,16,.1)}
.nav__list a{display:block;padding:13px 0;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.nav__list a:hover{color:var(--red)}
.nav__cta{width:100%}
@media (min-width:1000px){
  .nav__logo{font-size:2.1rem}
  .nav__toggle{display:none}
  .nav__menu{position:static;display:flex;align-items:center;gap:32px;background:none;padding:0;box-shadow:none}
  .nav__list{display:flex;gap:24px;margin:0}
  .nav__list li{border:0}
  .nav__list a{padding:0;font-size:11px}
  .nav__cta{width:auto;padding:13px 22px}
}

/* =========================================================
   HERO
   ========================================================= */
.hero{padding:26px 0 0}
.hero__in{display:flex;flex-direction:column;gap:0}

/* mobile: foto ANTES do texto, menor */
.hero__media{order:-1;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:24px}
.hero__circ{position:relative;z-index:2;width:190px;height:190px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 14px 34px -18px rgba(0,0,0,.5)}
.hero__circ img{width:100%;height:100%;object-fit:cover;object-position:52% 30%}
.paper{display:none}

.hero__text{position:relative;z-index:3}
.hero .tag{margin-bottom:16px}
.hero__title{margin:0 0 20px}
.hero__l1{font-family:var(--script);color:var(--red);font-size:clamp(2.8rem,11.5vw,5.6rem);line-height:.98;display:inline-block;position:relative}
.hero__l1 svg{position:absolute;left:-2%;bottom:-.04em;width:104%;height:.17em;overflow:visible;color:var(--red)}
.hero__l2{display:block;font-family:var(--display);text-transform:uppercase;color:var(--ink);font-size:clamp(2rem,8vw,4.1rem);line-height:.92;margin-top:8px}
.hero__p{color:var(--muted);font-size:15px;max-width:44ch;margin:0 0 10px}
.hero__p--b{font-weight:600;color:var(--ink);letter-spacing:.01em;margin-bottom:24px}
.hero__act{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:30px}
.hero__note{display:flex;align-items:center;gap:6px}
.hero__note svg{width:46px;height:24px;color:var(--ink);flex:none}
.hero__note .note{max-width:13ch}

@media (min-width:768px){
  .hero__circ{width:230px;height:230px}
}
@media (min-width:1000px){
  .hero{padding:36px 0 10px}
  .hero__in{flex-direction:row;align-items:center;gap:40px}
  .hero__text{flex:1 1 56%}
  .hero__media{order:0;flex:1 1 44%;margin-bottom:0;justify-content:flex-end;min-height:520px}
  .hero__circ{width:min(420px,100%);height:auto;aspect-ratio:1/1}
  .hero__p{font-size:16.5px}
  .hero__act{margin-bottom:0}
  .paper{display:block;position:absolute;z-index:4;left:-4%;bottom:6%;width:190px;background:var(--cream-2);padding:15px 20px 18px;transform:rotate(2.6deg);box-shadow:0 12px 26px -14px rgba(0,0,0,.45);clip-path:polygon(0 3%,100% 0,99% 97%,2% 100%)}
  .paper ul{list-style:none;margin:0;padding:0;font-family:var(--hand);font-size:1.3rem;line-height:1.45}
}

/* ---------- Rasgo ---------- */
.torn{position:absolute;left:0;width:100%;height:15px;display:block;z-index:3;pointer-events:none}
.torn--top{top:-1px}
.torn--bottom{bottom:-1px;transform:scaleY(-1)}
@media (min-width:1000px){.torn{height:26px}}

/* =========================================================
   PILARES
   ========================================================= */
.band{position:relative;background:var(--ink);color:var(--cream);margin-top:44px;padding:56px 0 54px}
@media (min-width:1000px){.band{margin-top:16px;padding:76px 0 74px}}
.band__head{text-align:center;margin:0 0 36px}
.band__head .sc{font-size:clamp(2.2rem,8vw,3.2rem)}
.pill4{display:grid;grid-template-columns:1fr;gap:30px}
.pil{text-align:center;padding:0 4px;position:relative}
.pil svg{width:32px;height:32px;color:var(--red);margin:0 auto 12px;display:block}
.pil h3{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.pil p{font-size:13.5px;color:rgba(245,241,234,.65);margin:0 auto;line-height:1.55;max-width:34ch}
@media (min-width:600px){.pill4{grid-template-columns:1fr 1fr;gap:34px 20px}}
@media (min-width:1000px){
  .pill4{grid-template-columns:repeat(4,1fr);gap:0}
  .pil{padding:0 24px}
  .pil + .pil::before{content:"";position:absolute;left:0;top:6%;bottom:6%;width:1px;background:rgba(245,241,234,.18)}
}

/* =========================================================
   PRODUTOS  (grade, sem carrossel)
   ========================================================= */
.work{padding:54px 0 60px}
@media (min-width:1000px){.work{padding:82px 0 88px}}
.work__in{display:flex;flex-direction:column;gap:30px}
.work__side .tag{margin-bottom:18px}
.work__side .sc{font-size:clamp(2.2rem,7.5vw,3.2rem);margin-bottom:14px}
.work__side p{color:var(--muted);font-size:15px;max-width:38ch;margin:10px 0 20px}

.cards{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:560px){.cards{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}

.card{display:flex;flex-direction:column;background:var(--cream-2);transition:transform .16s;min-width:0}
.card:hover{transform:translateY(-5px)}
.card__thumb{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden;display:flex;align-items:flex-start;padding:16px 18px}
.card__thumb::after{content:"";position:absolute;right:-30%;bottom:-45%;width:100%;height:100%;background:var(--red);transform:rotate(-18deg)}
.card__name{position:relative;z-index:2;font-family:var(--script);color:#fff;font-size:1.75rem;line-height:.98;max-width:9ch}
.card__body{padding:15px 18px 18px;display:flex;flex-direction:column;flex:1}
.card__body p{font-size:13.5px;color:var(--muted);flex:1;margin:0 0 14px;line-height:1.5}
.card__go{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.card:hover .card__go{color:var(--red)}
@media (min-width:1000px){
  .work__in{flex-direction:row;align-items:flex-start;gap:44px}
  .work__side{flex:0 0 26%}
  .work__main{flex:1;min-width:0}
  .card__thumb{aspect-ratio:4/3}
}

/* =========================================================
   CANAL
   ========================================================= */
.tube{position:relative;background:var(--ink);color:var(--cream);padding:60px 0 62px}
@media (min-width:1000px){.tube{padding:88px 0 94px}}
.tube__top{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;margin-bottom:44px}

.phone{position:relative;flex:none;width:196px;border-radius:26px;background:#2B2A28;padding:7px;box-shadow:0 26px 50px -26px rgba(0,0,0,.95);transform:rotate(-3.5deg)}
.phone img{border-radius:19px;width:100%;display:block}

.tube__txt .sc{font-size:clamp(1.9rem,6.5vw,2.7rem)}
.tube__txt p{color:rgba(245,241,234,.65);font-size:15px;max-width:42ch;margin:12px auto 20px}
.tube__hand{display:inline-flex;align-items:center;gap:8px;margin-top:14px}
.tube__hand .note{color:var(--cream)}
.tube__hand svg{width:42px;height:24px;color:var(--red);flex:none}
.polaroid{display:none;background:#fff;padding:10px 10px 32px;transform:rotate(4deg);box-shadow:0 20px 40px -22px rgba(0,0,0,.9);width:168px;flex:none}
.polaroid img{aspect-ratio:4/5;object-fit:cover;object-position:52% 30%;width:100%;filter:grayscale(1) contrast(1.06)}
@media (min-width:1000px){
  .tube__top{flex-direction:row;justify-content:center;align-items:center;gap:50px;text-align:left}
  .tube__txt{flex:0 1 440px}
  .tube__txt p{margin:12px 0 20px}
  .polaroid{display:block}
}

.vids{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:560px){.vids{grid-template-columns:1fr 1fr;gap:18px}}
@media (min-width:1000px){.vids{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
.vid{min-width:0}
.vid__th{position:relative;aspect-ratio:16/10;background:var(--ink-2);overflow:hidden;margin-bottom:10px;display:block}
.vid__th img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .25s,transform .3s}
.vid:hover .vid__th img{filter:none;transform:scale(1.05)}
.vid__pl{position:absolute;left:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:12px}
.vid__d{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:5px}
.vid__t{font-size:14px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vid:hover .vid__t{color:var(--red)}
.vids__empty{color:rgba(245,241,234,.6)}
.vids__empty a{color:var(--red);text-decoration:underline}

/* =========================================================
   RODAPÉ
   ========================================================= */
.foot{background:var(--ink);color:var(--cream);padding:44px 0 0}
.foot__in{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}
.foot__brand{grid-column:1/-1}
.foot__logo{font-family:var(--script);color:var(--red);font-size:2rem;line-height:1;display:block}
.foot__line{color:rgba(245,241,234,.55);font-size:13px;margin:8px 0 0;max-width:32ch}
.foot__col h3{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 12px}
.foot__col ul{list-style:none;margin:0;padding:0}
.foot__col li{margin-bottom:8px}
.foot__col a{font-size:13px;color:rgba(245,241,234,.78)}
.foot__col a:hover{color:var(--red)}
.foot__base{margin-top:36px;padding-top:18px;padding-bottom:20px;border-top:1px solid rgba(245,241,234,.14);display:flex;justify-content:space-between;font-size:11px;color:rgba(245,241,234,.45)}
.foot__base a:hover{color:var(--red)}
@media (min-width:1000px){
  .foot{padding-top:64px}
  .foot__in{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
  .foot__brand{grid-column:auto}
}

/* =========================================================
   BLOG
   ========================================================= */
.page-head{padding:46px 0 28px}
.page-head h1{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:clamp(2rem,7vw,3.2rem);line-height:.95}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 10px}
.posts{padding:30px 0 66px;display:grid;gap:0}
.post-card{border-top:2px solid var(--ink);padding:24px 0;display:flex;flex-direction:column;gap:6px}
.post-card:last-child{border-bottom:2px solid var(--ink)}
.post-card h2{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:clamp(1.3rem,5vw,1.9rem);line-height:1}
.post-card:hover h2{color:var(--red)}
.post-card time{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.post-card p{color:var(--muted);font-size:14px;margin:0}
.entry{padding:38px 0 72px;max-width:720px;margin:0 auto}
.entry h1{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:clamp(1.8rem,6vw,2.8rem);line-height:1;margin-bottom:18px}
.entry .content{font-size:17px;line-height:1.75}
.entry .content h2,.entry .content h3{font-family:var(--display);text-transform:uppercase;font-weight:400;margin:1.6em 0 .5em;line-height:1}
.entry .content a{color:var(--red);text-decoration:underline}
.entry .content blockquote{border-left:4px solid var(--red);margin:1.6em 0;padding:.2em 0 .2em 20px;color:var(--muted);font-style:italic}
.pager{display:flex;justify-content:space-between;gap:12px;padding:0 0 66px}

/* =========================================================
   PÁGINA SOBRE
   ========================================================= */
.sobre{padding:30px 0 6px}
.sobre__in{display:flex;flex-direction:column;gap:0}
.sobre__media{order:-1;display:flex;justify-content:center;margin-bottom:24px}
.sobre__circ{width:190px;height:190px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 14px 34px -18px rgba(0,0,0,.5)}
.sobre__circ img{width:100%;height:100%;object-fit:cover;object-position:52% 30%}
.sobre .tag{margin-bottom:16px}
.sobre__lead{color:var(--muted);font-size:16px;max-width:46ch;margin:0}
@media (min-width:768px){.sobre__circ{width:230px;height:230px}}
@media (min-width:1000px){
  .sobre{padding:44px 0 20px}
  .sobre__in{flex-direction:row;align-items:center;gap:48px}
  .sobre__text{flex:1 1 58%}
  .sobre__media{order:0;flex:1 1 42%;margin-bottom:0;justify-content:flex-end}
  .sobre__circ{width:min(400px,100%);height:auto;aspect-ratio:1/1}
  .sobre__lead{font-size:17.5px}
}

/* números */
.stats{position:relative;background:var(--ink);color:var(--cream);margin-top:36px;padding:52px 0 54px}
@media (min-width:1000px){.stats{margin-top:16px;padding:70px 0 72px}}
.stats__grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 12px;text-align:center}
.stat{display:flex;flex-direction:column;gap:4px;position:relative}
.stat__n{font-family:var(--display);color:var(--red);font-size:clamp(2.3rem,10vw,3.8rem);line-height:.9}
.stat__l{font-size:10.5px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:rgba(245,241,234,.7)}
@media (min-width:760px){
  .stats__grid{grid-template-columns:repeat(4,1fr);gap:0}
  .stat + .stat::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:rgba(245,241,234,.2)}
}

/* texto */
.sobre-body{padding:56px 0 60px}
@media (min-width:1000px){.sobre-body{padding:82px 0 88px}}
.sobre-body__in{display:grid;grid-template-columns:1fr;gap:38px}
.sobre-body__col .d2{margin-bottom:18px}
.sobre-body__col p{color:var(--muted);font-size:16px;line-height:1.75;max-width:52ch}
.sobre-body__col strong{color:var(--ink);font-weight:600}
@media (min-width:900px){.sobre-body__in{grid-template-columns:1fr 1fr;gap:56px}}

/* redes */
.redes{padding:56px 0 66px}
@media (min-width:1000px){.redes{padding:80px 0 90px}}
.redes__in{display:flex;flex-direction:column;gap:30px}
.redes__l .tag{margin-bottom:16px}
.redes__l .sc{font-size:clamp(2.2rem,7.5vw,3.2rem)}
.redes__list{list-style:none;margin:0;padding:0;flex:1}
.redes__list li{border-top:2px solid var(--ink)}
.redes__list li:last-child{border-bottom:2px solid var(--ink)}
.redes__list a{display:flex;align-items:center;gap:14px;padding:18px 4px;transition:padding .16s,color .16s}
.redes__list a:hover{padding-left:12px;color:var(--red)}
.redes__n{font-family:var(--display);text-transform:uppercase;font-size:1.15rem;line-height:1;flex:0 0 34%}
.redes__h{color:var(--muted);font-size:14px;flex:1;min-width:0}
.redes__list a:hover .redes__h{color:var(--red)}
.redes__go{font-size:18px;flex:none}
@media (min-width:1000px){
  .redes__in{flex-direction:row;align-items:flex-start;gap:56px}
  .redes__l{flex:0 0 30%}
  .redes__n{font-size:1.4rem}
  .redes__h{font-size:15px}
}

/* =========================================================
   AJUSTES v4
   ========================================================= */
.sobre__lead--b{font-weight:600;color:var(--ink);margin-top:12px}
.sobre-body__col .tri{color:var(--ink);line-height:1.9}
.sobre-body__col .tri strong{color:var(--red)}

/* números — faixa creme entre o hero e a faixa preta */
.numbers{padding:0;margin-top:40px}
.numbers__grid{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);
}
.num{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;text-align:center;padding:22px 10px;position:relative;
}
.num:nth-child(odd){border-right:1px solid rgba(17,16,16,.18)}
.num:nth-child(1),.num:nth-child(2){border-bottom:1px solid rgba(17,16,16,.18)}
.num__n{font-family:var(--display);color:var(--red);font-size:clamp(2rem,9vw,3.2rem);line-height:.9}
.num__l{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);max-width:16ch}
@media (min-width:760px){
  .numbers{margin-top:52px}
  .numbers__grid{grid-template-columns:repeat(4,1fr)}
  .num{padding:28px 16px}
  .num:nth-child(1),.num:nth-child(2){border-bottom:0}
  .num:nth-child(odd),.num:nth-child(even){border-right:1px solid rgba(17,16,16,.18)}
  .num:last-child{border-right:0}
  .num__l{font-size:10.5px;letter-spacing:.13em}
}

/* Clube da Tuy */
.clube{background:var(--red);color:#fff;padding:44px 0 48px}
@media (min-width:1000px){.clube{padding:64px 0 68px}}
.clube__in{display:flex;flex-direction:column;gap:22px}
.clube__l .d2{color:#fff}
.clube__l .sc{color:var(--ink);font-size:clamp(2.4rem,8vw,3.4rem);margin-top:2px}
.clube__r p{font-size:15.5px;color:rgba(255,255,255,.92);max-width:44ch;margin:0 0 20px;line-height:1.6}
.clube .btn--ink:hover{background:#fff;color:var(--ink)}
@media (min-width:1000px){
  .clube__in{flex-direction:row;align-items:center;justify-content:space-between;gap:56px}
  .clube__l{flex:0 0 40%}
  .clube__r{flex:1;display:flex;flex-direction:column;align-items:flex-start}
  .clube__r p{font-size:16.5px}
}

/* =========================================================
   AJUSTES v5
   ========================================================= */
/* headline centralizada no mobile, junto com a foto */
.sobre__text{text-align:center}
.sobre__lead{margin-left:auto;margin-right:auto}
.hero__l1 svg{left:-2%}
@media (min-width:1000px){
  .sobre__text{text-align:left}
  .sobre__lead{margin-left:0;margin-right:0}
}

/* bloco do canal: parágrafos */
.tube__txt p{margin-bottom:14px}
.tube__txt p strong{color:var(--red);font-weight:600;letter-spacing:.02em}
.tube__proof{font-size:14px !important;color:rgba(245,241,234,.5) !important;margin-bottom:22px !important}
.tube__proof em{font-style:italic}

/* =========================================================
   AJUSTES v6 — "Por onde você quer começar?"
   ========================================================= */
/* quebra que só existe no mobile */
.br-mob{display:inline}
@media (min-width:1000px){.br-mob{display:none}}

.work__h{
  font-size:clamp(1.75rem,6.4vw,2.25rem);
  line-height:1.02;              /* respiro entre as 3 linhas do mobile */
  margin-bottom:2px;
}
.work__q{
  font-size:clamp(2.4rem,8.4vw,3.1rem);
  line-height:1;
  margin-bottom:16px;
}
.work__side p{margin-top:6px}

@media (min-width:1000px){
  .work__side{flex:0 0 32%}       /* espaço p/ "Por onde você quer" numa linha só */
  .work__h{line-height:.95}
}

/* =========================================================
   AJUSTES v7
   ========================================================= */
/* botão na primeira dobra (segue o alinhamento do texto) */
.sobre__act{margin-top:24px}
@media (min-width:1000px){.sobre__act{margin-top:28px}}

/* seção libido (página Sobre) */
.libido{padding:0 0 62px}
@media (min-width:1000px){.libido{padding:0 0 90px}}
.libido__box{
  border:2px solid var(--ink);background:var(--cream-2);
  padding:28px 22px 30px;display:flex;flex-direction:column;gap:24px;
}
.libido__l .tag{margin-bottom:16px}
.libido__l .sc{font-size:clamp(2.2rem,7.5vw,2.9rem);line-height:1}
.libido__r p{color:var(--muted);font-size:15.5px;line-height:1.7;max-width:60ch}
.frames{display:grid;grid-template-columns:1fr;gap:16px;margin-top:22px}
.frame{border-top:2px solid var(--ink);padding-top:16px}
.frame__i{font-family:var(--display);font-size:13px;color:var(--red);letter-spacing:.08em;display:block;margin-bottom:6px}
.frame h3{
  font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:1.2rem;line-height:1.05;margin-bottom:8px;
}
.frame p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}
@media (min-width:760px){.frames{grid-template-columns:1fr 1fr;gap:22px}}
@media (min-width:1000px){
  .libido__box{flex-direction:row;gap:52px;padding:44px 44px 46px}
  .libido__l{flex:0 0 30%}
  .libido__r{flex:1;min-width:0}
  .libido__r p{font-size:16.5px}
  .frame h3{font-size:1.3rem}
}

/* entry (páginas simples) */
.entry__thumb{margin:26px 0 30px;border:2px solid var(--ink)}

/* =========================================================
   FAIXA DE REDES (fecho da home, no lugar da newsletter)
   ========================================================= */
.ends{background:var(--red);color:#fff;padding:34px 0 36px}
.ends__in{display:flex;flex-direction:column;gap:18px}
.ends__l .d3{color:#fff;display:block}
.ends__l .sc{color:var(--ink);font-size:2.2rem;margin-top:2px}
.ends .social{display:flex;flex-wrap:wrap;gap:16px 22px}
.ends .social a{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.ends .social a:hover{color:var(--ink)}
@media (min-width:1000px){
  .ends{padding:42px 0 44px}
  .ends__in{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}
}

/* =========================================================
   PÁGINA DÚVIDAS (SOS Tuy)
   ========================================================= */
.sos{padding:34px 0 8px}
.sos .tag{margin-bottom:16px}
.sos__title{margin:0 0 20px;text-align:center}
.sos__l1{font-family:var(--script);color:var(--red);font-size:clamp(2.8rem,11vw,5rem);line-height:.98;display:inline-block;position:relative}
.sos__l1 svg{position:absolute;left:-2%;bottom:-.04em;width:104%;height:.17em;overflow:visible;color:var(--red)}
.sos__l2{display:block;font-family:var(--display);text-transform:uppercase;color:var(--ink);font-size:clamp(1.8rem,7vw,3.4rem);line-height:.92;margin-top:8px}
.sos__lead{color:var(--muted);font-size:16px;max-width:52ch;margin:0 auto 22px;text-align:center}
.sos__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px}
.sos__pill{border:2px solid var(--ink);border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.sos__note{font-family:var(--hand);font-size:1.25rem;color:var(--ink);text-align:center;max-width:30ch;margin:6px auto 0;line-height:1.2}
.sos__head{display:flex;flex-direction:column;align-items:center}

/* como funciona */
.how{padding:52px 0 8px}
@media (min-width:1000px){.how{padding:76px 0 10px}}
.how__head{text-align:center;margin-bottom:34px}
.how__head .sc{font-size:clamp(2rem,7vw,2.9rem)}
.steps{display:grid;grid-template-columns:1fr;gap:24px;counter-reset:step}
@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr);gap:20px}}
.step{text-align:center;padding:0 10px;position:relative}
.step__n{font-family:var(--display);color:var(--red);font-size:2.4rem;line-height:1;display:block;margin-bottom:8px}
.step h3{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:1.15rem;line-height:1.05;margin-bottom:8px}
.step p{font-size:14px;color:var(--muted);margin:0;line-height:1.55;max-width:32ch;margin-inline:auto}

/* formulário */
.form-sec{padding:44px 0 10px}
@media (min-width:1000px){.form-sec{padding:66px 0 20px}}
.form-box{border:2px solid var(--ink);background:var(--cream-2);padding:0;overflow:hidden}
.form-box__head{background:var(--ink);color:var(--cream);padding:18px 22px}
.form-box__head .sc{color:var(--red);font-size:1.7rem}
.form-box__head p{margin:2px 0 0;font-size:13px;color:rgba(245,241,234,.7)}
.form-box__frame{width:100%;border:0;display:block;background:var(--cream-2);min-height:1100px}

/* aviso */
.warn{padding:40px 0 66px}
@media (min-width:1000px){.warn{padding:56px 0 90px}}
.warn__grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:760px;margin:0 auto}
@media (min-width:700px){.warn__grid{grid-template-columns:1fr 1fr;gap:20px}}
.warn__item{border-top:2px solid var(--ink);padding-top:16px}
.warn__item h3{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:1.1rem;margin-bottom:6px}
.warn__item p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}
