/* Identidade compartilhada: altere as variáveis para adaptar a marca. */
:root{color-scheme:dark;--bg:#08091e;--green:#b7fe00;--pink:#db0063;--text:#fafafc;--muted:#acaec3;--border:rgba(255,255,255,.11)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 12% 0%,#db00631a,transparent 45%),radial-gradient(ellipse at 95% 45%,#b7fe0008,transparent 40%),var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:48px 48px}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}.page{width:min(100% - 40px,440px);margin:auto;padding:32px 0 26px}.profile{text-align:center}.brand{display:inline-flex;margin-bottom:24px}.brand img{width:145px;height:auto;display:block}.portrait{padding:5px;width:138px;height:138px;margin:auto;border-radius:50%;background:linear-gradient(140deg,var(--green),#b7fe0022 40%,var(--pink));box-shadow:0 0 0 7px #ffffff03,0 12px 40px #0004}.portrait img{border:4px solid var(--bg);width:100%;height:100%;object-fit:cover;object-position:50% 57%;border-radius:50%;display:block;transform:scale(1)}h1{font-size:29px;letter-spacing:-1.1px;margin:18px 0 2px;font-weight:750}.handle{color:var(--green);font-size:13px;display:inline-block;padding:4px 8px}.role{font-size:12px;color:var(--muted);margin:9px 0 0}.intro{color:var(--muted);font-size:13px;line-height:1.8;margin:19px 0 27px}.intro strong{color:#e7e7ee;font-weight:500}.links{display:grid;gap:11px}.card{display:flex;gap:14px;align-items:center;min-height:80px;padding:15px 17px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(110deg,#ffffff08,#ffffff03);transition:transform .18s,border-color .18s,background .18s}.icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:#ffffff08;color:var(--green)}svg{width:23px;height:23px;display:block}.copy{flex:1;min-width:0}.copy strong{display:block;font-size:14px;font-weight:650;letter-spacing:-.25px}.copy>span{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}.arrow{font-size:25px;color:#85879d;font-weight:300}.featured{margin-top:3px;background:var(--green);color:#172000;border-color:var(--green);box-shadow:0 8px 30px #b7fe0010}.featured .icon{background:#14200013;color:#172000}.featured .copy>span{color:#354500}.featured .arrow{color:#354500}.about{border-bottom:1px solid var(--border);margin-top:20px;color:var(--muted);font-size:12px;line-height:1.8}.about summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;min-height:48px;padding:0 3px}.about summary::-webkit-details-marker{display:none}.about summary span{font-size:20px}.about[open] summary span{transform:rotate(45deg)}.about p{margin:0 3px 14px}.social{display:flex;justify-content:center;gap:13px;margin:23px 0 18px}.social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;color:#b8b9ca;background:#ffffff04}.social svg{width:19px;height:19px}footer{text-align:center;font-size:11px;color:var(--muted)}footer p{margin:0 0 10px}footer strong{color:var(--green);font-weight:500}footer>a{font-size:10px}footer small{display:block;font-size:9px;opacity:.75;margin-top:20px}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:var(--green);color:#172000;border-radius:8px}.skip:focus{top:12px}@media(hover:hover){.card:hover{transform:translateY(-2px);border-color:#b7fe0055;background-color:#ffffff06}.featured:hover{background:#c6ff38}.social a:hover{color:var(--green);border-color:var(--green)}}@media(max-width:360px){.page{width:calc(100% - 28px)}.card{padding:13px 12px;gap:11px}.copy strong{font-size:13px}.copy>span{font-size:10px}.intro{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.portrait-crop{width:100%;height:100%;border:4px solid var(--bg);border-radius:50%;overflow:hidden}.portrait .portrait-crop img{border:0;border-radius:0;transform:scale(2.2);transform-origin:50% 55%;object-position:50% 57%}

/* Enquadramento da nova foto: rosto centralizado, com ombros visíveis. */
.portrait .portrait-crop img{transform:scale(2.7);transform-origin:47.5% 41%;object-position:50% 50%}

/* Renderiza a foto no tamanho final, sem ampliar uma camada pequena. */
.portrait-crop{position:relative}.portrait .portrait-crop img{position:absolute;width:270%;height:270%;max-width:none;left:-80.75%;top:-69.7%;transform:none;object-fit:cover;object-position:50% 50%}
