/* Protótipo 3 · só a Arvo Boutique de Crédito (sobre o v2.css) */
.lock.solo{--lh:40px}
.hdr.solid .lock.solo{--lh:32px}
.lock.solo img{height:var(--lh)}
.ov-links a{font-size:clamp(32px,4.4vw,66px)}

/* selo "em breve / em construção" */
.soon{display:inline-block;vertical-align:middle;margin-left:14px;padding:6px 12px;border-radius:999px;border:1px dashed currentColor;font-family:var(--wide);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-style:normal;line-height:1}
.ov-links a .soon{color:var(--sage)}
.soon.big{margin:0 0 22px;font-size:11px;padding:9px 16px;background:repeating-linear-gradient(-45deg,rgba(185,201,180,.18) 0 8px,transparent 8px 16px)}

/* aviso RDG -> Arvo */
.rename{background:var(--paper);padding:34px 0}
.rename .wrap{display:grid;grid-template-columns:auto auto auto 1fr;gap:clamp(18px,3vw,44px);align-items:center}
.rn-old b{display:block;font-family:var(--serif);font-weight:200;font-size:26px;text-decoration:line-through;text-decoration-thickness:1px;color:var(--muted);margin-top:6px}
.rn-old .tag,.rn-new .tag{color:var(--moss)}
.rn-new img{height:40px;width:auto;margin-top:8px}
.rn-arrow{font-size:26px;color:var(--moss)}
.rename p{margin:0;font-size:15px;color:var(--muted);max-width:420px;justify-self:end}

/* citação */
.quote{padding:clamp(80px,10vw,140px) 0;text-align:center}
.quote p{margin:0 auto;max-width:1100px;font-family:var(--serif);font-weight:200;font-size:clamp(30px,4vw,58px);line-height:1.2;letter-spacing:-.02em}
.quote p::before{content:'“';display:block;font-size:2.2em;line-height:.6;color:var(--sage)}
.quote em{font-style:italic;color:var(--moss)}

/* faixa "em construção" */
.soonband{padding:clamp(56px,7vw,96px) 0;background:var(--green);color:var(--off);background-image:repeating-linear-gradient(-45deg,rgba(243,241,234,.035) 0 22px,transparent 22px 44px)}
.soonband .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.soonband h2{margin:0;font-size:clamp(34px,4.4vw,64px);line-height:1.04}
.soonband h2 em{color:var(--sage)}
.soonband p{margin:16px 0 0;max-width:480px;color:rgba(243,241,234,.75)}
.soonband .soon{color:var(--sage)}
.soonband .go i{background:var(--off);color:var(--green)}

/* página em construção */
.phero.build .soon{color:var(--sage);display:table}
.progress .pg-bar{height:6px;border-radius:999px;background:var(--paper);overflow:hidden}
.progress .pg-bar i{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--green) 0 10px,var(--moss) 10px 20px);border-radius:999px}
.progress ol{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.progress li b{display:block;font-family:var(--serif);font-weight:300;font-size:24px;letter-spacing:-.02em}
.progress li span{font-size:13px;color:var(--muted)}
.progress li.done span::before{content:'✓ ';color:var(--moss)}
.progress li.now b{font-style:italic;color:var(--moss)}
.progress li:not(.done):not(.now){opacity:.5}

.anchor{display:block;position:relative;top:-120px}
.catalog .pc .badge{background:rgba(243,241,234,.92);color:var(--green)}

@media (max-width:900px){
  .lock.solo{--lh:30px}.hdr.solid .lock.solo{--lh:26px}
  .rename .wrap{grid-template-columns:auto auto 1fr}.rename p{grid-column:1/-1;justify-self:start}
  .progress ol{grid-template-columns:1fr 1fr}
}