/* 8zn.net — Concreto: Brazilian concrete art & poetry as an editorial system */
:root{
  --paper:#F2EFE6;--sheet:#FBFAF6;--tint:#E6E2D6;--line:#CFC9BA;
  --ink:#151412;--ink2:#46433C;--ink3:#6A665C;
  --verm:#D23A1C;--verm-b:#C4311A;--verm-t:#AE2A10;--lar:#F07F1A;--ama:#F3C318;--azul:#1D47A8;
  --f-disp:"League Spartan","Futura","Trebuchet MS",sans-serif;
  --f-body:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Major Mono Display","Courier New",monospace;
  --font-head:var(--f-disp);--font-body:var(--f-body);
  --primary:#151412;--primary-contrast:#FBFAF6;--accent:#F3C318;--surface:#FBFAF6;--surface-2:#F2EFE6;--text:#151412;--heading:#151412;--muted:#46433C;--border:#151412;
  --hd-h:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd-h) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--f-body);text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--f-disp);color:var(--ink);text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.wrap{width:min(100% - 32px,1240px);margin-inline:auto}
@media (min-width:760px){.wrap{width:min(100% - 64px,1240px)}}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--ink);color:var(--sheet);padding:12px 18px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.k{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:700 13px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.k::before{content:"";width:12px;height:12px;background:var(--verm);transform:rotate(12deg);flex:none}

/* ---------- buttons ---------- */
.bt{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px;border:2px solid var(--ink);font:700 17px/1.1 var(--f-disp);text-decoration:none;letter-spacing:.01em;transition:transform .16s,box-shadow .16s,background-color .16s}
.bt i{width:13px;height:13px;background:var(--verm);transform:rotate(14deg);flex:none;transition:transform .2s}
.bt-p{background:var(--ink);color:var(--sheet)}
.bt-p:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ama)}
.bt-p:hover i{transform:rotate(-8deg)}
.bt-g{background:transparent;color:var(--ink)}
.bt-g:hover{background:var(--sheet);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--verm)}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:2px solid var(--ink)}
.hd-in{display:flex;align-items:center;gap:12px;min-height:var(--hd-h)}
.marca{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-height:48px;flex:none}
.mq{display:inline-grid;grid-template-columns:repeat(3,30px);gap:3px}
.mq i{display:grid;place-items:center;width:30px;height:30px;font:400 17px/1 var(--f-mono);font-style:normal;text-transform:lowercase}
.mq .l0{background:var(--verm);color:var(--sheet)}
.mq .l1{background:var(--ink);color:var(--sheet);transform:rotate(-6deg)}
.mq .l2{background:var(--ama);color:var(--ink)}
.mt{display:flex;flex-direction:column;line-height:1}
.mt b{font:800 21px/1 var(--f-disp);letter-spacing:-.01em}
.mt small{font:600 11.5px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-top:4px}
@media (max-width:419px){.mt small{display:none}.mq{grid-template-columns:repeat(3,26px)}.mq i{width:26px;height:26px;font-size:15px}}
.hd-tools{display:flex;align-items:center;gap:10px;margin-left:auto;order:2}
.idioma{display:flex}
.idioma a{display:grid;place-items:center;min-width:44px;height:44px;border:2px solid var(--ink);font:700 13px/1 var(--f-body);letter-spacing:.06em;text-decoration:none;color:var(--ink);background:var(--sheet)}
.idioma a+a{border-left:0}
.idioma a[aria-current]{background:var(--ink);color:var(--sheet)}
.idioma a:not([aria-current]):hover{background:var(--ama)}
.hd-cta{display:none;min-height:44px;font-size:15px;padding:0 16px;white-space:nowrap}
@media (min-width:1100px){.hd-cta{display:inline-flex}}
.hd-tg{order:3;display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 12px;border:2px solid var(--ink);background:var(--sheet);color:var(--ink);font:700 14px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.tg-i{position:relative;width:20px;height:18px;flex:none}
.tg-i i{position:absolute;left:0;height:4px;transition:transform .22s,width .22s,top .22s}
.tg-i i:nth-child(1){top:0;width:20px;background:var(--ink)}
.tg-i i:nth-child(2){top:7px;width:13px;background:var(--verm)}
.tg-i i:nth-child(3){top:14px;width:17px;background:var(--ink)}
.hd.open .tg-i i:nth-child(1){top:7px;transform:rotate(45deg)}
.hd.open .tg-i i:nth-child(2){width:0}
.hd.open .tg-i i:nth-child(3){top:7px;width:20px;transform:rotate(-45deg)}
@media (max-width:379px){.tg-l{display:none}.hd-in{gap:8px}}
.nav ol{list-style:none;margin:0;padding:0}
.nav a{text-decoration:none;color:var(--ink)}
.nav a.bt-p{color:var(--sheet)}
.nn{font:400 13px/1 var(--f-mono);color:var(--verm-t)}
@media (max-width:1099px){
  .nav{display:none;position:fixed;left:0;right:0;top:var(--hd-h);bottom:0;z-index:39;background:var(--paper);overflow-y:auto;overflow-x:hidden;padding:18px 16px 40px;border-top:2px solid var(--ink)}
  .hd.open .nav{display:block}
  .nav ol{max-width:640px;margin-inline:auto;position:relative;z-index:1}
  .nav li{border-bottom:2px solid var(--ink)}
  .nav li a{display:flex;align-items:baseline;gap:16px;padding:14px 0;min-height:60px;font:700 clamp(26px,7.2vw,40px)/1.05 var(--f-disp);letter-spacing:-.015em}
  .nav li a[aria-current]{color:var(--verm-t)}
  .nav li a:hover .nl{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
  .nav-cta{position:relative;z-index:1;margin:26px auto 0;display:flex;width:min(100%,640px);justify-content:center}
  .nav-deco{position:absolute;right:-40px;bottom:30px;width:180px;height:120px;background:var(--ama);transform:rotate(-9deg);z-index:0;opacity:.9}
  .nav-deco::after{content:"";position:absolute;left:-60px;top:-50px;width:70px;height:70px;background:var(--verm);transform:rotate(22deg)}
  body.menu-open{overflow:hidden}
}
@media (min-width:1100px){
  .hd-tg,.nav-cta,.nav-deco{display:none}
  .nav{order:1;margin-left:auto}
  .nav ol{display:flex;gap:2px}
  .nav li a{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:4px 11px;font:600 15px/1.1 var(--f-body);position:relative}
  .nav .nn{font-size:11px}
  .nav li a::after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:4px;background:var(--verm);transform:scaleX(0);transform-origin:left;transition:transform .2s}
  .nav li a:hover::after,.nav li a[aria-current]::after{transform:none}
  .hd-tools{margin-left:14px}
}

/* ---------- concrete poem (Latin square of the brand letters) ---------- */
.poema{--pc:40px;--pg:5px;display:grid;grid-template-columns:repeat(3,var(--pc));gap:var(--pg);align-self:start}
.pc{display:grid;place-items:center;width:var(--pc);height:var(--pc);font:400 calc(var(--pc)*.56)/1 var(--f-mono);text-transform:lowercase}
.pc.l0{background:var(--verm);color:var(--sheet)}
.pc.l1{background:var(--ink);color:var(--sheet)}
.pc.l2{background:var(--ama);color:var(--ink)}
.pc.vz{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.pc.tl{transform:rotate(9deg)}
@media (prefers-reduced-motion:no-preference){
  .pc.tl{animation:balanco 7s ease-in-out infinite alternate}
  .poema:hover .pc.tl{animation-play-state:paused}
}
@keyframes balanco{from{transform:rotate(9deg)}to{transform:rotate(-5deg) translateY(-3px)}}
.faixa{display:block;width:100%;height:40px}

/* ---------- home cover ---------- */
.capa{padding-top:clamp(24px,5vw,72px);overflow:hidden}
.capa-g{display:grid;gap:22px}
.poema-capa{--pc:clamp(34px,10vw,128px);--pg:clamp(4px,.9vw,10px)}
.selo{display:inline-block;margin:0 0 18px;padding-top:10px;border-top:3px solid var(--ink);font:700 13px/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.capa h1{margin:0;font-weight:800;font-size:clamp(2.35rem,1.1rem + 4.9vw,5.6rem);line-height:.96;letter-spacing:-.025em;max-width:15ch;hyphens:auto}
.h1a{display:block;color:var(--verm-t)}
.h1b{display:block}
.acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(24px,3vw,36px)}
.fichas{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.fichas li{display:flex;align-items:center;gap:10px;font:600 14.5px/1.3 var(--f-body);color:var(--ink2)}
.fichas b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 5px;background:var(--ink);color:var(--sheet);font:800 12px/1 var(--f-disp)}
.fichas b.f2{min-width:22px;width:22px;height:22px;padding:0;border-radius:50%;background:var(--ama);box-shadow:inset 0 0 0 2px var(--ink)}
.fichas b.f3{min-width:18px;width:18px;height:18px;padding:0;background:var(--verm);transform:rotate(15deg)}
.faixa-capa{margin-top:clamp(28px,4vw,56px)}
@media (min-width:700px){
  .poema-capa{--pc:clamp(34px,8.4vw,128px)}
  .capa-g{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,40px)}
  .poema-capa{order:2;align-self:center}
}

/* ---------- play room ---------- */
.sala{padding:clamp(28px,5vw,80px) 0;background:linear-gradient(180deg,var(--ama) 0 170px,transparent 170px);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.sala-g{display:grid;gap:40px}
.quadro{position:relative;container-type:inline-size;background:var(--sheet);border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink)}
.qd-a{position:absolute;left:-12px;top:-14px;width:62px;height:26px;background:var(--verm);transform:rotate(-7deg);border:2px solid var(--ink)}
.qd-b{position:absolute;right:-8px;bottom:-26px;width:30px;height:30px;background:var(--azul);transform:rotate(12deg)}
.qd-cap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 16px 12px 62px;border-bottom:2px solid var(--ink);font:700 14px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase}
.qd-tag{font:400 15px/1 var(--f-mono);letter-spacing:0;text-transform:none;background:var(--ink);color:var(--sheet);padding:5px 8px}
.sala-t .k{margin-bottom:10px}
.passos{list-style:none;margin:0;padding:0;counter-reset:none}
.passos li{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:start;padding:16px 0;border-top:2px solid var(--ink);font:500 17px/1.45 var(--f-body)}
.passos li:last-child{border-bottom:2px solid var(--ink)}
.passos b{font:400 28px/1 var(--f-mono);color:var(--verm-t)}
.sala-t .lead{margin-top:28px}
.lead p{margin:0 0 1em;font-size:1.1rem;line-height:1.62;color:var(--ink2)}
@media (min-width:980px){
  .sala{background:linear-gradient(90deg,transparent 0 50%,var(--ama) 50%)}
  .sala-g{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(40px,5vw,80px);align-items:start}
  .sala-t{grid-column:1;grid-row:1;position:sticky;top:calc(var(--hd-h) + 24px)}
  .quadro{grid-column:2}
}

/* ---------- inner page head ---------- */
.cab{padding-top:clamp(20px,4vw,52px);overflow:hidden}
.cab-g{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:14px;align-items:center}
.cab-t{grid-column:1/-1}
.migalhas{grid-column:1;grid-row:1}
.poema-cab{grid-column:2;grid-row:1}
.migalhas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;font:500 14.5px/1.3 var(--f-body);color:var(--ink2)}
.migalhas li{display:flex;align-items:center}
.migalhas li+li::before{content:"";width:8px;height:8px;margin:0 12px;background:var(--verm);transform:rotate(45deg)}
.migalhas a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-underline-offset:4px}
.migalhas span[aria-current]{padding:12px 0}
.cab h1{margin:0 0 20px;font-weight:800;font-size:clamp(2.15rem,1.2rem + 3.8vw,4.6rem);line-height:.98;letter-spacing:-.022em;max-width:17ch;hyphens:auto}
.cab .lead{max-width:62ch}
.poema-cab{--pc:clamp(24px,6.4vw,84px);--pg:clamp(3px,.6vw,7px);align-self:start}
.faixa-cab{margin-top:clamp(24px,4vw,48px)}
@media (min-width:900px){
  .cab-g{grid-template-columns:minmax(0,1fr) auto;column-gap:48px}
  .migalhas{grid-column:1/-1}
  .cab-t{grid-column:1;grid-row:2}
  .poema-cab{grid-column:2;grid-row:2;align-self:end;margin-bottom:26px}
}

/* ---------- article ---------- */
.obra{padding:clamp(40px,6vw,96px) 0 clamp(56px,7vw,110px);position:relative}
.indice{margin-bottom:clamp(40px,6vw,80px)}
.indice ol{list-style:none;margin:0;padding:0;display:grid}
.ix-k .k{margin:0 0 14px}
.ix-k i{display:none}
.indice a{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;min-height:56px;padding:6px 0;border-top:2px solid var(--ink);text-decoration:none;color:var(--ink);font:600 16px/1.3 var(--f-body)}
.indice li:last-child a{border-bottom:2px solid var(--ink)}
.ix-n{display:grid;place-items:center;width:44px;height:44px;font:400 15px/1 var(--f-mono);background:var(--ink);color:var(--sheet);transition:transform .2s}
.indice li:nth-child(4n+1) .ix-n{background:var(--verm);color:var(--sheet)}
.indice li:nth-child(4n+3) .ix-n{background:var(--ama);color:var(--ink)}
.indice li:nth-child(4n+4) .ix-n{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.indice a.on .ix-n{transform:rotate(-12deg)}
.ix-p::before{content:"";width:14px;height:16px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);margin-left:3px}
.indice li.ix-demo .ix-n{background:var(--ink);color:var(--ama);box-shadow:none}
.ix-demo .ix-l{font-weight:400;color:var(--ink2)}
.ix-demo .ix-l b{display:block;font-weight:700;color:var(--ink)}
@media (min-width:760px){
  .indice ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .ix-k{grid-column:span var(--s3,1);display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:178px;padding:16px;background:var(--ink);color:var(--sheet)}
  .ix-k .k{margin:0;color:var(--sheet);font:800 clamp(24px,2.4vw,32px)/1 var(--f-disp);letter-spacing:-.01em;text-transform:none}
  .ix-k .k::before{display:none}
  .ix-k span{display:flex;gap:8px}.ix-k i{display:block;width:22px;height:22px;background:var(--verm)}.ix-k i:nth-child(2){background:var(--ama);transform:rotate(12deg)}.ix-k i:nth-child(3){background:var(--sheet)}
  .indice a,.indice li:last-child a{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;height:100%;min-height:178px;padding:14px;border:2px solid var(--ink);background:var(--sheet);font:700 17.5px/1.15 var(--f-disp);transition:transform .18s,box-shadow .18s}
  .indice a:hover{transform:rotate(-1.5deg) translateY(-3px);box-shadow:6px 6px 0 var(--ink)}
  .indice a.on{background:var(--tint)}
  .indice li.ix-demo a{background:var(--ink);color:var(--sheet)}
  .indice li.ix-demo a:hover{box-shadow:6px 6px 0 var(--verm)}
  .indice li.ix-demo .ix-n{background:var(--ama);color:var(--ink)}
  .ix-demo .ix-l{font:400 14.5px/1.4 var(--f-body);color:#D9D4C6}
  .ix-demo .ix-l b{font:700 17.5px/1.15 var(--f-disp);color:var(--sheet);margin-bottom:6px}
}
@media (min-width:1100px){.indice ol{grid-template-columns:repeat(4,minmax(0,1fr))}.ix-k{grid-column:span var(--s4,1)}}
.texto{container-type:inline-size;min-width:0}
.texto p,.texto ul,.texto ol{margin:0 0 1.05em}
.texto p,.texto li{max-width:68ch}
.texto a{color:var(--azul);text-decoration-thickness:2px;text-underline-offset:3px}
.texto a:hover{color:var(--verm-t)}
.texto a.bt-p,.texto a.bt-p:hover{color:var(--sheet);text-decoration:none}
.texto strong{font-weight:650;color:var(--ink)}
.texto h3{font-size:1.32rem;line-height:1.2;margin:1.5em 0 .5em;font-weight:700}
.texto ul{list-style:none;padding-left:0}
.texto ul>li{position:relative;padding-left:26px;margin-bottom:.45em}
.texto ul>li::before{content:"";position:absolute;left:2px;top:.52em;width:10px;height:10px;background:var(--verm);transform:rotate(14deg)}
.texto ul>li:nth-child(3n+2)::before{background:var(--ink);transform:rotate(-8deg)}
.texto ul>li:nth-child(3n)::before{background:var(--ama);box-shadow:0 0 0 1.5px var(--ink)}
.texto ol{padding-left:0;list-style:none;counter-reset:n}
.texto ol>li{counter-increment:n;position:relative;padding-left:40px;margin-bottom:.55em}
.texto ol>li::before{content:counter(n);position:absolute;left:0;top:.1em;width:28px;height:28px;display:grid;place-items:center;background:var(--ink);color:var(--sheet);font:700 14px/1 var(--f-disp)}
.texto table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.2em;font-size:15.5px;max-width:100%}
.texto th,.texto td{border:2px solid var(--ink);padding:8px 12px;text-align:left;vertical-align:top}
.texto th{background:var(--tint);font-family:var(--f-disp)}
.intro,.solto{max-width:46rem}
.intro p:first-child{font-size:1.1rem}

/* planes (sections) */
.pl{position:relative;margin-top:clamp(48px,6vw,88px);padding-top:26px;border-top:2px solid var(--ink)}
.texto>.pl:first-child{margin-top:0}
.pl-n{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.pl-b{width:30px;height:18px;background:var(--verm);transform:rotate(-8deg)}
.pl.c1 .pl-b{background:var(--ama);box-shadow:0 0 0 2px var(--ink)}
.pl.c2 .pl-b{background:var(--azul)}
.pl.c3 .pl-b{background:var(--lar)}
.pl-d{font:400 20px/1 var(--f-mono);color:var(--ink)}
.pl h2{margin:0 0 20px;font-weight:800;font-size:clamp(1.75rem,1.15rem + 2.1vw,2.75rem);line-height:1.04;letter-spacing:-.018em}
.pl-t{min-width:0}
@container (min-width:900px){
  .pl{display:grid;column-gap:clamp(32px,4cqi,64px);padding-top:34px}
  .pla{grid-template-columns:minmax(0,46rem) minmax(0,1fr)}
  .plb{grid-template-columns:minmax(0,1fr) minmax(0,46rem)}
  .pla .pl-t{grid-column:1;grid-row:1}
  .pla .pl-n{grid-column:2;grid-row:1}
  .plb .pl-n{grid-column:1;grid-row:1}
  .plb .pl-t{grid-column:2;grid-row:1}
  .pl-n{position:sticky;top:calc(var(--hd-h) + 36px);align-self:start;display:block;height:clamp(150px,20cqi,230px);margin:0}
  .pl-b{position:absolute;top:12px;width:62%;height:58%;transform:rotate(-6deg);box-shadow:none}
  .pla .pl-b{left:6%}
  .plb .pl-b{right:6%;transform:rotate(5deg)}
  .pl.c1 .pl-b{box-shadow:none}
  .pl-n::after{content:"";position:absolute;top:44%;width:34%;height:34%;border:2px solid var(--ink);transform:rotate(11deg)}
  .pla .pl-n::after{left:52%}
  .plb .pl-n::after{right:52%;transform:rotate(-9deg)}
  .pl-d{position:absolute;bottom:0;font-size:clamp(84px,11cqi,150px);line-height:.8;letter-spacing:-.14em}
  .pla .pl-d{left:0}
  .plb .pl-d{right:0}
  .pl.c1 .pl-d,.pl.c3 .pl-d{color:var(--ink)}
  .intro,.solto{margin-left:0}
}

/* faq */
.faq{margin-top:clamp(56px,7vw,104px);border-top:6px solid var(--ink);padding-top:28px}
.faq-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.faq h2{margin:0;font-weight:800;font-size:clamp(1.75rem,1.15rem + 2.1vw,2.75rem);line-height:1.04;letter-spacing:-.018em}
.faq-deco{display:flex;gap:6px;flex:none;padding-top:8px}
.faq-deco i{width:16px;height:16px;background:var(--verm)}
.faq-deco i:nth-child(2){background:var(--ink);transform:rotate(18deg)}
.faq-deco i:nth-child(3){background:var(--ama)}
.faq details{border-top:2px solid var(--ink)}
.faq details:last-of-type{border-bottom:2px solid var(--ink)}
.faq summary{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:12px;align-items:center;min-height:64px;padding:12px 0;cursor:pointer;list-style:none;font:700 1.12rem/1.25 var(--f-disp)}
.faq summary::-webkit-details-marker{display:none}
.fq-n{font:400 14px/1 var(--f-mono);color:var(--verm-t)}
.fq-m{width:22px;height:22px;border:2px solid var(--ink);transition:transform .22s,background-color .22s}
.faq details[open] .fq-m{transform:rotate(45deg);background:var(--verm)}
.faq summary:hover .fq-q{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.fq-a{padding:0 0 20px 46px}
.fq-a p:last-child{margin-bottom:0}
@container (min-width:900px){
  .faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46rem);column-gap:clamp(32px,4cqi,64px)}
  .faq-h{grid-column:1;grid-row:1/span 40;flex-direction:column;position:sticky;top:calc(var(--hd-h) + 36px);align-self:start}
  .faq-deco{padding-top:0}
  .faq-deco i{width:34px;height:34px}
  .faq details{grid-column:2}
}

/* cta */
.chamada{position:relative;overflow:hidden;margin-top:clamp(56px,7vw,96px);padding:clamp(26px,5vw,56px) clamp(20px,4vw,56px);background:var(--ama);border:2px solid var(--ink)}
.chamada p{position:relative;z-index:1;margin:0 0 24px;max-width:28ch;font:700 clamp(1.4rem,1rem + 1.6vw,2.25rem)/1.15 var(--f-disp);letter-spacing:-.01em;color:var(--ink)}
.chamada .bt{position:relative;z-index:1}
.ch-a{position:absolute;right:-30px;top:-40px;width:clamp(110px,22vw,260px);height:clamp(80px,14vw,170px);background:var(--ink);transform:rotate(-10deg)}
.ch-b{position:absolute;right:clamp(90px,18vw,250px);bottom:-18px;width:56px;height:56px;background:var(--verm);transform:rotate(18deg)}
@media (max-width:599px){.ch-a{width:90px;height:60px;top:-26px;right:-26px}.chamada p{padding-right:36px}}

/* reading map (fixed metaesquema column) */
.mapa{display:none}
@media (min-width:1380px){
  .mapa{display:flex;flex-direction:column;gap:9px;position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:5}
  .mapa i{width:14px;height:22px;border:2px solid var(--ink);background:var(--sheet);transform:rotate(-7deg);transition:background-color .3s}
  .mapa i:nth-child(even){transform:rotate(6deg)}
  .mapa i.rd{background:var(--ink)}
  .mapa i.on{background:var(--verm)}
}

/* related */
.rel{padding:clamp(48px,6vw,90px) 0;background:var(--tint);border-top:2px solid var(--ink)}
.rel h2{margin:0 0 30px;font-weight:800;font-size:clamp(1.75rem,1.15rem + 2.1vw,2.75rem);letter-spacing:-.018em;line-height:1.04}
.rel-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,206px),1fr));gap:26px 22px}
.rc a{display:flex;flex-direction:column;gap:10px;height:100%;min-height:200px;padding:20px 20px 22px;background:var(--sheet);border:2px solid var(--ink);color:var(--ink);text-decoration:none;box-shadow:8px 8px 0 var(--verm);transition:transform .18s,box-shadow .18s}
.rc.c1 a{box-shadow:8px 8px 0 var(--ama)}
.rc.c2 a{box-shadow:8px 8px 0 var(--azul)}
.rc.c3 a{box-shadow:8px 8px 0 var(--ink)}
.rc a:hover{transform:translate(-3px,-3px) rotate(-.8deg)}
.rc-n{font:400 16px/1 var(--f-mono);color:var(--verm-t)}
.rc strong{font:700 1.3rem/1.12 var(--f-disp)}
.rc-d{font-size:15.5px;line-height:1.5;color:var(--ink2)}

/* footer */
.rd{background:var(--ink);color:var(--sheet);overflow:hidden}
.rd a{color:var(--sheet)}
.rd :focus-visible{outline-color:var(--ama)}
.faixa-rd{background:var(--paper)}
.rd-g{display:grid;gap:34px;padding:clamp(40px,5vw,72px) 0 34px}
.marca-rd{color:var(--sheet)}
.marca-rd .mt small{color:#BDB8AA}
.marca-rd .mq .l1{box-shadow:inset 0 0 0 2px var(--sheet)}
.rd-disc{margin:20px 0 0;max-width:52ch;font-size:15px;line-height:1.6;color:#D6D1C3}
.rd-n h2{margin:0 0 12px;font:700 13px/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:#BDB8AA}
.rd-n ul{list-style:none;margin:0;padding:0}
.rd-n a{display:flex;align-items:center;min-height:44px;font:600 17px/1.2 var(--f-disp);text-decoration:none;border-bottom:1px solid #3A3833}
.rd-n a:hover{color:var(--ama)}
@media (min-width:760px){.rd-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 48px}.rd-a{grid-column:1/-1}}
@media (min-width:1100px){.rd-g{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto}.rd-a{grid-column:auto}}
.rd-b{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:20px 0;border-top:2px solid #3A3833;font-size:14px;color:#D6D1C3}
.idade{display:grid;place-items:center;width:46px;height:46px;background:var(--verm-b);color:#fff;font:800 16px/1 var(--f-disp)}
.rd-c{margin-left:auto}
.poema-rd{--pc:clamp(30px,4.6vw,54px);--pg:clamp(3px,.5vw,6px)}
.poema-rd .pc.l1{box-shadow:inset 0 0 0 2px #5A564D}
.poema-rd .pc.vz{box-shadow:inset 0 0 0 2px var(--sheet);color:var(--sheet)}

/* 404 */
.nf{padding:clamp(48px,8vw,120px) 0}
.nf-n{margin:0;font:400 clamp(80px,18vw,200px)/1 var(--f-mono);color:var(--verm-t)}
.nf h1{font-size:clamp(2rem,1.2rem + 3vw,3.6rem);margin:10px 0 14px;line-height:1}
.nf p{max-width:50ch}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}