:root{--preto:#120d0a;--madeira:#2a1b12;--ambar:#f0b35a;--verde:#54d6c2;--osso:#f3ebdf;--cond:"Barlow Condensed",Impact,sans-serif;--sans:"Barlow",system-ui,sans-serif;--it:"Newsreader",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--preto);color:var(--osso);font:400 18px/1.5 var(--sans);overflow-x:clip}
img{display:block;max-width:100%;height:auto}a{color:inherit}figure,blockquote{margin:0}
h1,h2,h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;line-height:.94;margin:0;text-wrap:balance}
blockquote{font:italic 400 23px/1.3 var(--it)}cite{display:block;font:500 14px/1.3 var(--sans);margin-top:8px;color:var(--ambar)}
.demo{background:#000;color:#fff;font-size:13px;line-height:1.35;padding:8px 16px;text-align:center}
.link{color:var(--ambar);font-weight:600;text-underline-offset:5px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--verde);outline-offset:3px}

.hero{position:relative;min-height:calc(100svh - 36px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:20px clamp(16px,4vw,56px) 28px;background:linear-gradient(180deg,rgba(18,13,10,.82),rgba(18,13,10,.5) 45%,rgba(18,13,10,.9)),url(assets/escala.webp) center/cover;overflow:hidden;touch-action:pan-y;cursor:crosshair}
#cordas{position:absolute;inset:0;width:100%;height:100%}
.hero-top,.hero-txt,.painel{position:relative;z-index:2;pointer-events:none}.hero-top a,.painel button{pointer-events:auto}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.marca{margin:0;font:700 24px var(--cond);text-transform:uppercase;letter-spacing:.02em}
h1{font-size:clamp(66px,11.4vw,190px);max-width:9.5em}
#verbo{color:var(--ambar)}#verbo.ok{color:var(--verde)}
.sub{max-width:33em;margin:16px 0 0;font-size:clamp(18px,1.5vw,21px)}
.painel{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.troca{display:flex;background:rgba(255,255,255,.12);border-radius:8px;padding:4px}
.troca button,.tocar{font:600 17px var(--sans);min-height:46px;padding:0 18px;border:0;border-radius:6px;background:none;color:var(--osso);cursor:pointer}
.troca [aria-checked=true]{background:var(--ambar);color:var(--preto)}.troca #depois[aria-checked=true]{background:var(--verde)}
.tocar{border:1.5px solid var(--osso)}.dica{margin:0;font-size:15px}

.numeros{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid rgba(243,235,223,.22)}
.numeros p{margin:0;padding:22px clamp(16px,3vw,40px);border-left:1px solid rgba(243,235,223,.22);font-size:16px}.numeros p:first-child{border:0}
.numeros b{display:block;font:700 clamp(40px,4.4vw,66px)/1 var(--cond);color:var(--ambar)}

.fila{padding:clamp(72px,9vw,130px) clamp(16px,4vw,56px)}
.fila h2{font-size:clamp(52px,7.6vw,118px);margin-bottom:36px}
.fila ol{list-style:none;margin:0;padding:0}
.fila li{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;padding:18px 0;border-top:1px solid rgba(243,235,223,.22)}
.fila h3{font-size:clamp(38px,5vw,76px);font-weight:600;color:var(--osso);transition:color .2s,transform .2s}
.fila li:hover h3{color:var(--verde);transform:translateX(10px)}

.linha{background:var(--osso);color:var(--preto);padding:clamp(72px,9vw,120px) clamp(16px,4vw,56px);display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.linha-txt{grid-column:1/6;align-self:center;padding-right:24px}.linha h2{font-size:clamp(52px,6.8vw,104px);margin-bottom:18px}.linha cite{color:#8a4b12}.linha blockquote{margin-top:22px}
.linha img{width:100%;height:100%;object-fit:cover}
.g1{grid-column:6/10;grid-row:1}.g2{grid-column:10/13;grid-row:1}.g3{grid-column:1/4;grid-row:2}.g4{grid-column:4/13;grid-row:2;height:420px}.g3{height:420px}.g1,.g2{height:620px}

.curso{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:var(--madeira)}
.curso img{width:100%;height:100%;object-fit:cover}.curso>div{padding:clamp(40px,6vw,88px) clamp(16px,4vw,56px)}
.curso h2{font-size:clamp(46px,5.4vw,84px);margin-bottom:14px}.curso blockquote{margin:22px 0}

.juliano{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(72px,9vw,120px) clamp(16px,4vw,56px)}
.juliano img{width:100%;aspect-ratio:5/6;object-fit:cover}
.juliano h2{font-size:clamp(46px,6.2vw,96px)}.autor{color:var(--ambar);font-weight:600;font-size:15px;margin:14px 0 18px}

.levar{background:var(--ambar);color:var(--preto);padding:clamp(72px,9vw,120px) clamp(16px,4vw,56px)}
.levar h2{font-size:clamp(52px,7.6vw,118px);margin-bottom:30px}
form{display:grid;gap:22px;max-width:780px}fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}legend{font-weight:600;margin-bottom:8px;padding:0}
fieldset span{display:flex;align-items:center;min-height:46px;padding:0 18px;border:1.5px solid var(--preto);border-radius:6px;cursor:pointer}
fieldset input{position:absolute;opacity:0}fieldset input:checked+span{background:var(--preto);color:var(--osso)}fieldset input:focus-visible+span{outline:3px solid var(--preto);outline-offset:2px}
.prev{margin:0;padding:14px 16px;background:rgba(18,13,10,.1);border-radius:6px}
.btn{justify-self:start;background:var(--preto);color:var(--osso);font-weight:600;text-decoration:none;padding:16px 26px;border-radius:6px}
address{font-style:normal;margin-top:36px;font-size:16px;line-height:1.7}

@media(max-width:860px){
 h1{font-size:clamp(62px,19vw,110px)}.hero{gap:18px}
 .numeros{grid-template-columns:1fr 1fr}.numeros p:nth-child(3){border-left:0}.numeros p:nth-child(n+3){border-top:1px solid rgba(243,235,223,.22)}
 .fila li{grid-template-columns:1fr;gap:6px}blockquote{font-size:21px}
 .linha{display:block}.linha-txt{padding:0 0 24px}.linha figure{height:auto;margin-top:12px}.linha img{height:auto;aspect-ratio:4/5}
 .curso,.juliano{grid-template-columns:1fr}.curso img{height:auto;aspect-ratio:3/2}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fila h3{transition:none}}