/* at · Sempre estudando */
.at{--px:clamp(20px,4.4vw,72px);--cn:#9db8e8;position:relative;isolation:isolate;padding:clamp(88px,11vw,160px) max(var(--px),calc((100% - 1280px) / 2));overflow-x:clip;color:#f4ede3;
  background:radial-gradient(60% 50% at 78% 38% in oklab, rgba(243,217,182,.10), transparent 70%),radial-gradient(50% 40% at 10% 0% in oklab, rgba(255,255,255,.05), transparent 70%),linear-gradient(180deg in oklab,#231d19,#2e2621)}
.at-rotulo{margin:0 0 16px;font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#cbb8a5}
.at-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
.at-titulo{margin:0;font-family:var(--f-titulo);font-weight:600;font-size:clamp(34px,4.2vw,64px);line-height:1;letter-spacing:-.015em}
.at-titulo em{font-style:italic;font-weight:500;color:#d9c2aa}
.at-apoio{margin:22px 0 0;font-size:clamp(15.5px,1.12vw,17.5px);line-height:1.58;color:#d9cfc3;max-width:44ch}
.at-apoio b{font-weight:500;color:#fff8ee}
.at-vozes{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.at-vozes li{padding-top:14px;border-top:1px solid rgba(244,237,227,.18)}
.at-vozes blockquote{margin:0;font-family:var(--f-titulo);font-style:italic;font-size:clamp(18px,1.5vw,22px);line-height:1.3;color:#f4ede3}
.at-vozes span{display:block;margin-top:6px;font-size:13.5px;color:#cbbfb2}

.at-quadro{position:relative;margin-top:clamp(56px,6vw,96px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,3vw,56px);padding:clamp(44px,4vw,64px) clamp(28px,3vw,52px)}
.at-superficie{position:absolute;inset:0;border-radius:6px;
  background:linear-gradient(115deg, transparent 0 40%, rgba(255,255,255,.7) 48%, transparent 58%),radial-gradient(120% 90% at 20% 0% in oklab, #ffffff, #f4f5f5 60%, #e9ebeb);
  border:10px solid transparent;background-clip:padding-box;
  box-shadow:0 0 0 10px #b9bfc5 inset,0 30px 50px -28px rgba(70,52,38,.45),0 6px 14px -6px rgba(70,52,38,.25)}
.at-superficie::before{content:"";position:absolute;inset:-10px;border-radius:7px;z-index:-1;background:linear-gradient(160deg,var(--aluminio-1),var(--aluminio-2) 40%,#e6e9ec 55%,var(--aluminio-3))}
.at-calha{z-index:1;position:absolute;left:-1%;right:-1%;bottom:-18px;height:13px;border-radius:2px 2px 5px 5px;background:linear-gradient(180deg,#f2f4f5,#c4c9ce 45%,#9aa1a8 80%,#7f868d);box-shadow:0 10px 16px -8px rgba(70,52,38,.45)}

.at-crachas{position:relative;aspect-ratio:.84}
.at-crachas .at-cracha{position:absolute;left:var(--l);top:var(--t);width:var(--w)}
.at-cracha{position:relative;margin:0;background:#fff;padding:7px 7px 0;box-shadow:0 18px 30px -18px rgba(70,52,38,.5),0 3px 7px -3px rgba(70,52,38,.25);transform:rotate(var(--r,0deg))}
.at-cracha img{display:block;width:100%;height:auto}
.at-cracha figcaption{font-family:var(--f-caneta);font-size:15px;font-weight:480;color:var(--caneta);padding:7px 2px 9px;line-height:1.15}
.at-ima{position:absolute;z-index:2;left:50%;top:-10px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #6f97db, var(--caneta) 55%, #0f2c62);box-shadow:0 4px 6px -2px rgba(20,30,60,.45), inset 0 -2px 3px rgba(0,0,0,.25)}
.at-c1{--r:-3deg;--l:0%;--t:1%;--w:34%}
.at-c2{--r:2deg;--l:33%;--t:0%;--w:24%;z-index:2}
.at-c3{--r:-1.2deg;--l:60%;--t:4%;--w:32%}
.at-c4{--r:2.6deg;--l:2%;--t:37%;--w:33%;z-index:2}
.at-c5{--r:-1.6deg;--l:36%;--t:34%;--w:23%;z-index:3}
.at-c6{--r:3deg;--l:63%;--t:39%;--w:22%;z-index:2}
.at-c7{--r:-2.4deg;--l:6%;--t:64%;--w:28%;z-index:3}
.at-c8{--r:1.8deg;--l:40%;--t:67%;--w:27%;z-index:3}

.at-fig{position:relative;z-index:1;margin:0;align-self:end}
.at-fig figcaption{display:flex;align-items:center;gap:16px}
.at-58{font-family:var(--f-caneta);font-size:clamp(72px,7vw,112px);font-weight:620;font-variation-settings:"INFM" 70,"BNCE" 30;color:var(--caneta);line-height:.9}
.at-legenda{font-family:var(--f-caneta);font-size:clamp(18px,1.45vw,22px);font-weight:440;color:var(--caneta);line-height:1.2}
.at-grafico{display:block;width:100%;height:auto;margin-top:14px;overflow:visible}
.at-eixo,.at-barra{fill:none;stroke:var(--caneta);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.at-tracejada{stroke-dasharray:.03 .025!important;opacity:.8}
.at-ano-26{fill:var(--caneta);font-weight:600}
.at-hachura{fill:none;stroke:var(--caneta);stroke-width:1.4;opacity:.45}
.at-n{font-family:var(--f-caneta);font-size:17px;font-weight:560;fill:var(--caneta);text-anchor:middle}
.at-ano{font-family:var(--f-texto);font-size:14px;fill:var(--tinta-suave);text-anchor:middle}
.at-nota{margin:10px 0 0;font-family:var(--f-caneta);font-size:20px;font-weight:480;color:var(--caneta)}

.at-poa{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:clamp(72px,8vw,120px)}
.at-poa-foto{margin:0}
.at-poa-foto img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:88% 30%;border-radius:4px;box-shadow:0 30px 50px -28px rgba(70,52,38,.45)}
.at-poa-texto .at-rotulo{color:var(--cn);font-family:var(--f-caneta);text-transform:none;letter-spacing:0;font-size:20px;font-weight:480}
.at-poa-titulo{margin:0;color:#fff8ee;font-family:var(--f-titulo);font-weight:600;font-size:clamp(24px,2.3vw,34px);line-height:1.15;letter-spacing:-.01em}
.at-poa-texto>p{margin:18px 0 0;font-size:16.5px;line-height:1.55;color:#d9cfc3;max-width:52ch}
.at-dela{margin:24px 0 0}
.at-dela p{margin:0;font-family:var(--f-titulo);font-style:italic;font-size:22px;color:#f4ede3}
.at-dela footer{margin-top:6px;font-size:13.5px;color:#cbbfb2}
.at-lista{margin-top:28px;border-top:1px solid rgba(244,237,227,.18);padding-top:14px}
.at-lista summary{cursor:pointer;font-weight:500;font-size:15px}
.at-lista ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:14.5px;line-height:1.4;color:#d9cfc3}
.at-lista b{font-weight:600;color:var(--cn);margin-right:6px}

/* revelação */
.js .at-cracha{opacity:0;translate:0 -16px;transition:opacity .7s, translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * .1s)}
.js .at-barra,.js .at-eixo{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s ease-out;transition-delay:calc(.6s + var(--i,0) * .09s)}
.js .at-eixo{transition-duration:1s;transition-delay:.2s}
.js .at-hachura,.js .at-n{opacity:0;transition:opacity .5s;transition-delay:calc(1s + var(--i) * .09s)}
.at.at-vivo .at-cracha{opacity:1;translate:0 0}
.at.at-vivo .at-barra,.at.at-vivo .at-eixo{stroke-dashoffset:0}
.at.at-vivo .at-hachura{opacity:.45}.at.at-vivo .at-n{opacity:1}

@media (max-width:959px){
  .at-topo,.at-quadro,.at-poa{grid-template-columns:1fr}
  .at-fig{order:-1}
  .at-crachas{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;margin-top:12px}
  .at-crachas .at-cracha{position:relative;left:auto;top:auto;width:auto}
  .at-cracha figcaption{font-size:18px}
  .at-poa-foto{max-width:420px}
  .at-quadro{padding:36px 22px}
}

.at-anota-t{font-family:var(--f-caneta);font-size:17px;font-weight:470;font-variation-settings:"INFM" 60,"BNCE" 20;fill:var(--caneta)}
.at-anota-f{font-family:var(--f-texto);font-size:12.5px;fill:var(--tinta-suave)}
.at-seta{fill:none;stroke:var(--caneta);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.js .at-anota-t,.js .at-anota-f{opacity:0;transition:opacity .6s 2.6s}
.js .at-seta{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s ease-out 3s}
.at.at-vivo .at-anota-t,.at.at-vivo .at-anota-f{opacity:1}
.at.at-vivo .at-seta{stroke-dashoffset:0}
.at-poa-foto figcaption{margin-top:12px;font-family:var(--f-caneta);font-size:19px;color:var(--cn)}
@media (max-width:959px){
  .at-crachas{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 4px 14px;margin:6px -22px 0;padding-inline:22px;scroll-padding-inline:22px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .at-crachas .at-cracha{flex:0 0 58%;scroll-snap-align:start}
  .at-dica{display:block}
}
.at-anota-m{display:none}
@media (max-width:959px){
  .at-anota{display:none}
  .at-anota-m{display:block;margin:12px 0 0;font-family:var(--f-caneta);font-size:18px;line-height:1.3;color:var(--caneta)}
  .at-anota-m span{display:block;margin-top:4px;font-family:var(--f-texto);font-size:13px;color:var(--tinta-suave)}
  .at-58{font-size:72px}
}