/* ============================================================================
   SOBRE · Isabella Victória
   Abertura em duas colunas assimétricas: o texto na larga, a coluna de quadros
   na estreita, e a órbita atrás dos quadros, sangrando para fora da margem.
   O contato vive em contato.css, dividido com a home.
   ========================================================================= */

[data-sb-page]{--motion-enter:240ms}
[data-sb-fio]{height:1px;background:color-mix(in srgb,var(--tinta) 15%,transparent)}
[data-sb-t1]{margin:0;font:600 var(--size-t1)/var(--lh-t1) var(--font-sans);letter-spacing:var(--track-t1)}
[data-sb-kicker]{margin:10px 0 0;font:400 var(--size-caption)/var(--lh-caption) var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-muted)}

[data-sb-grid]{position:relative;display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);column-gap:var(--space-6);align-items:stretch;margin-top:var(--space-5)}
[data-sb-txt]{grid-column:1;grid-row:1;position:relative;z-index:1;display:flex;flex-direction:column}
[data-sb-p]{margin:0;font:400 17px/1.65 var(--font-sans);color:var(--tinta);text-wrap:pretty}
[data-sb-p]+[data-sb-p]{margin-top:32px}

/* COLUNA DE QUADROS · uma medida de vão para toda a pilha, igual entre os três
   quadros e igual quando a coluna vira grade no telefone. */
[data-sb-fotos]{grid-column:2;grid-row:1;position:relative;z-index:1;display:flex;flex-direction:column;gap:48px}
[data-sb-moldura]{position:relative;border:1px solid var(--tinta-30);padding:12px}
[data-sb-c]{position:absolute;width:10px;height:10px;pointer-events:none}
[data-sb-c="tl"]{left:-10px;top:-10px;border-left:1px solid rgba(23,19,15,.45);border-top:1px solid rgba(23,19,15,.45)}
[data-sb-c="tr"]{right:-10px;top:-10px;border-right:1px solid rgba(23,19,15,.45);border-top:1px solid rgba(23,19,15,.45)}
[data-sb-c="bl"]{left:-10px;bottom:-10px;border-left:1px solid rgba(23,19,15,.45);border-bottom:1px solid rgba(23,19,15,.45)}
[data-sb-c="br"]{right:-10px;bottom:-10px;border-right:1px solid rgba(23,19,15,.45);border-bottom:1px solid rgba(23,19,15,.45)}
[data-sb-foto]{position:relative;overflow:hidden}
[data-sb-foto] img{display:block;width:100%;height:100%;object-fit:cover}
[data-sb-r34]{aspect-ratio:3 / 4}
[data-sb-r11]{aspect-ratio:1 / 1}
/* O rótulo do quadro fica no piso de 0,62, não em 0,45: Mono 11 abaixo do piso
   reprova o contraste, e o piso é regra da página inteira. */
[data-sb-rot]{margin:10px 0 0;font:400 var(--size-caption)/1.4 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-muted)}

/* FICHA PESSOAL · rótulo na coluna fixa de 180px e valor à esquerda dele, sem
   contorno e sem fundo. Abaixo de 768px o rótulo sobe para cima do valor. */
[data-sb-ficha]{display:grid;grid-template-columns:180px minmax(0,1fr);row-gap:14px;column-gap:var(--space-2);margin:24px 0 0;align-items:baseline}
[data-sb-ficha] dt{margin:0;font:400 10px/1.4 var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:rgba(23,19,15,.45)}
[data-sb-ficha] dd{margin:0;font:400 12px/1.4 var(--font-mono);letter-spacing:var(--track-caption);color:var(--tinta)}
@media (max-width:767px){
[data-sb-ficha]{grid-template-columns:minmax(0,1fr);row-gap:4px}
[data-sb-ficha] dd{margin-bottom:14px}
}

/* ÓRBITA · único movimento contínuo da página. Cada anel gira em torno do centro
   do desenho, em velocidade constante, uma volta entre 126 e 172s. Só transform. */
[data-sb-orbita]{position:absolute;z-index:0;top:210px;left:58%;width:min(760px,86vw);pointer-events:none}
[data-sb-orbita] svg{display:block;width:100%;height:auto;overflow:visible}
@keyframes orbGira{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
[data-sb-orbita] [data-orb]{transform-origin:380px 310px;transform-box:view-box;animation-name:orbGira;animation-timing-function:linear;animation-iteration-count:infinite}
@media (prefers-reduced-motion:reduce){[data-sb-orbita] [data-orb]{animation:none}}
[data-parado] [data-sb-orbita] [data-orb]{animation:none}
@media (max-width:899px){[data-sb-orbita]{display:none}}

/* VALORES · fecham a coluna de texto: coluna única, numeral na sub-coluna de
   32px e fio de 1px no topo de cada item, menos no primeiro. O bloco cresce
   para a base coincidir com a da última moldura, e o vão entre itens tem 28px
   de mínimo — faltando espaço, o bloco passa da foto em vez de comprimir. */
[data-sb-val-blk]{margin-top:56px;display:flex;flex-direction:column;flex:1 1 auto}
[data-sb-val-blk] [data-sb-lb]{margin-bottom:24px}
[data-sb-valores]{display:flex;flex-direction:column;justify-content:space-between;gap:28px;flex:1 1 auto}
[data-sb-vi]{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start}
[data-sb-vi]+[data-sb-vi]{position:relative;padding-top:16px}
[data-sb-vi]+[data-sb-vi]::before{content:"";position:absolute;top:0;left:0;width:82%;height:1px;background:rgba(23,19,15,.12)}
[data-sb-vi-n]{font:400 11px/23px var(--font-mono);letter-spacing:var(--track-caption);color:var(--ferrugem)}
[data-sb-vi-t]{margin:0;font:500 17px/1.35 var(--font-sans);color:var(--tinta)}
[data-sb-vi-d]{margin:6px 0 0;font:400 14px/1.6 var(--font-sans);color:rgba(23,19,15,.85)}
[data-sb-lb]{margin:0;font:400 var(--size-caption)/var(--lh-caption) var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--tinta-72)}
[data-sb-set-lb]{margin-top:48px;color:var(--text-muted)}
[data-sb-setores]{margin-top:var(--space-2)}

@media (max-width:899px){
[data-sb-grid]{grid-template-columns:minmax(0,1fr);row-gap:var(--space-5)}
[data-sb-txt]{grid-column:1;grid-row:1}
[data-sb-fotos]{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
/* Em coluna única não há base para acertar: o vão volta a ser fixo. */
[data-sb-val-blk]{flex:0 0 auto}
[data-sb-valores]{justify-content:flex-start;gap:32px}
}
@media (max-width:599px){
[data-sb-fotos]{grid-template-columns:minmax(0,1fr)}
}