/* Amaral Sheet — marca: selo pequeno com anel girando, nome em duas linhas e animação de abertura. */
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#e4e4e4;min-width:0}
.marca-selo{width:46px;height:46px;flex:none;display:block}
.marca-selo svg{width:100%;height:100%;display:block;overflow:visible}
.marca-txt{display:grid;line-height:1;gap:4px;min-width:0}
.marca-txt b{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:800;font-stretch:125%;font-size:1.06rem;letter-spacing:.05em;white-space:nowrap;color:#e4e4e4}
.marca-txt small{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:600;font-stretch:112%;font-size:.58rem;letter-spacing:.3em;color:#f16001;white-space:nowrap}
.marca.sm .marca-selo{width:32px;height:32px}
.marca.sm .marca-txt b{font-size:.86rem}
.marca.sm .marca-txt small{font-size:.5rem;letter-spacing:.26em}

.selo-anel{transform-origin:100px 100px;transform-box:view-box}
.selo-anel text{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:800;font-stretch:125%;font-size:17px;letter-spacing:.06em}
.marca.girar .selo-anel{animation:marcaGira 1.6s cubic-bezier(.65,0,.25,1) 1}
@keyframes marcaGira{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* abertura da página inicial */
.marca-intro{position:relative;height:var(--h,150px);cursor:pointer;-webkit-tap-highlight-color:transparent;max-width:100%}
.marca-intro:focus-visible{outline:2px solid #f16001;outline-offset:6px;border-radius:12px}
.mi-anel{position:absolute;left:0;top:0;width:0;height:0}
.mi-l{position:absolute;left:0;top:0;transform-origin:0 0;font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:800;font-stretch:125%;line-height:1;white-space:pre;will-change:transform}
.mi-l.branca{color:#e4e4e4} .mi-l.laranja{color:#f16001}
.mi-l.ponto{transition:opacity .4s ease}
.mi-lockup{position:absolute;left:0;top:0;display:flex;align-items:center;gap:var(--gap,16px)}
.mi-lockup svg{width:var(--g,62px);height:var(--g,62px);flex:none;display:block}
.mi-txt{display:grid;gap:8px;line-height:1}
.mi-txt .l1{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:800;font-stretch:125%;font-size:var(--f1,34px);letter-spacing:.05em;color:#e4e4e4;white-space:nowrap}
.mi-txt .l2{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:700;font-stretch:112%;font-size:var(--f2,13px);letter-spacing:.32em;color:#f16001;white-space:nowrap}
.mi-txt span.c{display:inline-block}
.marca-intro.fim .mi-l{visibility:hidden}
.marca-intro:not(.fim) .mi-txt{visibility:hidden}
@media (max-width:480px){ .marca-intro{--h:126px} }