.hakkinda-basi{--hakkinda-isaret:64px;--hakkinda-pay:400px}@media (min-width:768px){.hakkinda-basi{--hakkinda-isaret:160px}}.hakkinda-isareti{inline-size:var(--hakkinda-isaret);block-size:var(--hakkinda-isaret);display:block}.hakkinda-isiklar{z-index:-1;inset:calc(-1 * var(--hakkinda-pay));pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--baslik-ustu), black calc(100% - var(--hakkinda-pay)), transparent);mask-image:linear-gradient(to bottom, transparent, black var(--baslik-ustu), black calc(100% - var(--hakkinda-pay)), transparent);position:absolute;inset-block-start:calc(-1 * var(--baslik-ustu))}.hakkinda-isik{aspect-ratio:1;border-radius:50%;position:absolute;translate:-50% -50%}.hakkinda-isik-bronz{background:var(--isik-hakkinda-bronz) center / 100% 100% no-repeat;inline-size:min(150vw,760px);inset-block-start:calc(var(--baslik-ustu) + var(--hakkinda-isaret) / 2);inset-inline-start:calc(var(--hakkinda-pay) + var(--hakkinda-isaret) / 2)}.hakkinda-isik-bordo{background:var(--isik-hakkinda-bordo) center / 100% 100% no-repeat;inline-size:min(130vw,640px);inset-block-start:calc(100% - var(--hakkinda-pay) * 1.6);inset-inline-start:calc(100% - var(--hakkinda-pay) * 1.1)}@media (prefers-reduced-motion:no-preference){.hakkinda-isik{animation:afis-isik-gel var(--motion-light) var(--motion-ease-out) 1 both}.hakkinda-isik-bordo{animation-delay:calc(3 * var(--motion-stagger))}}.hakkinda-duzen{flex-direction:column;gap:2.5rem;display:flex}.hakkinda-vitrin{width:100%;max-width:26rem}@media (min-width:48rem){.hakkinda-duzen{column-gap:var(--izgara-aralik);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:3rem;max-width:none;display:grid}.hakkinda-basi{grid-column:1/span 7}.hakkinda-vitrin-alani{grid-area:1/8/auto/span 5;align-self:start}.hakkinda-vitrin{max-width:none}.hakkinda-govde{max-width:var(--okuma-genislik);grid-column:1/-1}.hakkinda-eylem{grid-column:1/-1}}@media (min-width:75rem){.hakkinda-duzen{column-gap:var(--izgara-aralik);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));max-width:none;display:grid}.hakkinda-basi,.hakkinda-govde{max-width:var(--okuma-genislik);grid-column:1/span 7}.hakkinda-vitrin-alani{grid-area:1/8/span 2/span 5;align-self:stretch}.hakkinda-vitrin{top:calc(var(--header-kucuk) + var(--baslik-ustu));max-width:27.5rem;margin-inline-start:auto;position:sticky}.hakkinda-eylem{grid-area:3/1/auto/-1}}.hakkinda-devam{background-color:color-mix(in oklab, var(--accent) 14%, var(--surface));border:1px solid color-mix(in oklab, var(--accent) 32%, transparent);border-radius:var(--radius-sm);min-block-size:12rem;color:var(--fg-strong);transition:background-color var(--motion-fast) var(--motion-ease-out), border-color var(--motion-fast) var(--motion-ease-out);flex-direction:column;grid-row:1;justify-content:space-between;align-self:stretch;gap:1.5rem;margin-block-end:.75rem;padding:1.5rem;text-decoration:none;display:flex}.hakkinda-devam-etiket{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:6px;transition:text-decoration-color var(--motion-fast) var(--motion-ease-out);text-decoration-thickness:1px}@media (hover:hover){.hakkinda-devam:hover{background-color:color-mix(in oklab, var(--accent) 22%, var(--surface));border-color:color-mix(in oklab, var(--accent) 48%, transparent)}.hakkinda-devam:hover .hakkinda-devam-etiket{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}.hakkinda-devam:is(:focus-visible,:active){background-color:color-mix(in oklab, var(--accent) 22%, var(--surface));border-color:color-mix(in oklab, var(--accent) 48%, transparent)}.hakkinda-devam:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.hakkinda-mozaik{flex-direction:column;gap:.5rem;display:flex}.hakkinda-mozaik-satir{align-items:flex-start;gap:.5rem;display:flex}.hakkinda-mozaik-ogesi{background-color:var(--bg-elevated);flex-shrink:1;flex-basis:0;min-inline-size:0;display:block;overflow:hidden}.hakkinda-mozaik-ogesi img{object-fit:contain;block-size:100%;inline-size:100%;display:block}
