/* She Is Agency · detalhes próprios dentro do sistema da Startup */
.ag-vis .ag-photo { position: absolute; right: 0; top: 70px; width: 34%; aspect-ratio: 3/4.2; margin: 0; border-radius: 18px; overflow: hidden; box-shadow: var(--sh-2); border: 5px solid #fff; }
.ag-vis .ag-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.55) contrast(1.05); }
/* caso em destaque */
.pf-case { display: grid; grid-template-columns: .9fr 1.1fr; gap: 36px; align-items: center; background: #fff; border-radius: 28px; padding: 36px; box-shadow: var(--sh-1); overflow: hidden; }
@media (max-width: 920px) { .pf-case { grid-template-columns: 1fr; padding: 24px; } }
.pf-case h3 { font-size: clamp(30px, 3.4vw, 42px); margin: 10px 0 12px; } .pf-case p { color: var(--muted); line-height: 1.6; margin: 0 0 18px; }
.pf-case .u-k { font: 500 11px var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--accent-ink); }
.pf-case-do { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; } .pf-case-do span { font-size: 13px; font-weight: 600; background: var(--accent-soft); color: var(--accent-ink); padding: 7px 11px; border-radius: 999px; }
.pf-case-kpi { grid-template-columns: 1fr 1fr; margin-bottom: 26px; }
.pf-case-vis { position: relative; min-height: 360px; background: linear-gradient(135deg, #F4F1FF, #FBF7EA); border-radius: 22px; padding: 26px; }
.pf-case-desk { position: relative !important; width: 86%; }
.pf-case-phone { position: absolute; right: 22px; bottom: 22px; width: 25%; border-radius: 22px; overflow: hidden; border: 6px solid #1C1718; box-shadow: var(--sh-2); background: #1C1718; }
.pf-case-phone img { display: block; width: 100%; }
/* cartões do portfólio */
.pf2 { padding: 14px 14px 22px; } .pf2 > .u-k, .pf2 > h3, .pf2 > p, .pf2 > .u-go { margin-inline: 10px; }
.pf2-shot { border-radius: 14px; overflow: hidden; background: #F4F1EE; box-shadow: 0 0 0 1px var(--line); aspect-ratio: 16/11; position: relative; margin-bottom: 8px; }
.pf2-shot img { display: block; width: 100%; height: calc(100% - 34px); object-fit: cover; object-position: top; transition: transform .6s var(--ease); }
a.pf2:hover .pf2-shot img { transform: scale(1.03); }
.pf2 [hidden] { display: none; } .u-grid > [hidden] { display: none !important; }
.pf2-ig { background: #fff; padding: 12px; } .pf2-ighead { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 10px; } .pf2-ighead span { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #8B7CF6, #FBE9A6); } .pf2-ighead small { color: var(--muted); margin-left: auto; }
.pf2-g9 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; } .pf2-g9 img { aspect-ratio: 1; height: auto !important; filter: saturate(.7); }
.pf2-ad { background: #fff; padding: 12px; display: flex; flex-direction: column; } .pf2-adh { display: flex; gap: 8px; align-items: center; font-size: 12px; } .pf2-adh span { width: 26px; height: 26px; border-radius: 50%; background: #1C1718; } .pf2-adh small { display: block; color: var(--muted); }
.pf2-ad img { flex: 1; min-height: 0; height: auto !important; margin: 10px 0; border-radius: 8px; object-position: center 30%; } .pf2-adf { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 600; } .pf2-adf em { font-style: normal; background: #EEEBFF; color: #5B47E0; padding: 6px 10px; border-radius: 8px; }
.pf2-kit { background: #1C1718; color: #fff; padding: 22px; display: grid; align-content: space-between; } .pf2-logo { font: 800 30px var(--font-title); letter-spacing: -0.04em; } .pf2-logo em { font-style: italic; color: #C9C0FF; margin-left: 4px; }
.pf2-sw { display: flex; gap: 8px; } .pf2-sw i { width: 34px; height: 34px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 1px rgba(255,255,255,.2); }
.pf2-type { display: flex; gap: 12px; align-items: center; font-size: 12px; color: #BDB6B1; } .pf2-type b { font: 800 36px var(--font-title); color: #fff; }