/* Layout-only styles for the Kök Finans website kit. Primitives come from the bundle. */
.kf-wrap{max-width:var(--container-max);margin:0 auto;padding-inline:var(--gutter-page)}
.kf-head{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--parchment-100) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-hairline)}
.kf-head__in{display:flex;align-items:center;gap:var(--space-8);height:72px}
.kf-nav{display:flex;align-items:center;gap:var(--space-7);margin-inline-start:var(--space-6)}
.kf-nav a{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-muted);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;cursor:pointer}
.kf-nav a:hover{color:var(--text-strong)}
.kf-nav a.is-active{color:var(--text-strong);border-bottom-color:var(--coin-500)}
.kf-head__right{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-4)}
.kf-head__search{width:210px}

.kf-hero{background:var(--bark-900) url("../patterns/girih-tile.svg") center/150px repeat;color:var(--parchment-100);padding-block:var(--space-12)}
.kf-hero__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-10);align-items:center}
.kf-hero__title{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--parchment-50);margin:var(--space-5) 0 var(--space-5)}
.kf-hero__lead{font-family:var(--font-reading);font-size:var(--text-lead);line-height:var(--leading-relaxed);color:var(--bark-200);max-width:52ch}
.kf-hero__meta{display:flex;gap:var(--space-6);font-size:var(--text-caption);color:var(--bark-300);margin-top:var(--space-6)}
.kf-hero__player{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;background:var(--bark-700) url("../patterns/girih-tile.svg") center/110px repeat;box-shadow:var(--shadow-lg);cursor:pointer}
.kf-hero__player::after{content:"";position:absolute;inset:0;background:var(--scrim-full);opacity:.7}
.kf-hero__play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:var(--radius-circle);background:var(--coin-500);color:var(--bark-900);display:flex;align-items:center;justify-content:center;font-size:24px;z-index:2;transition:transform var(--duration-base) var(--ease-out)}
.kf-hero__player:hover .kf-hero__play{transform:scale(1.06)}

.kf-section{padding-block:var(--section-y)}
.kf-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-9) var(--grid-gap)}
.kf-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}
.kf-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin:var(--space-7) 0 var(--space-8)}

.kf-series{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);cursor:pointer;transition:var(--transition-lift)}
.kf-series:hover{transform:var(--lift-hover);box-shadow:var(--shadow-md)}
.kf-series__n{font-family:var(--font-display);font-size:34px;font-weight:var(--weight-semibold);color:var(--coin-500);line-height:1}

.kf-cta{background:var(--leaf-800) url("../patterns/girih-tile.svg") center/160px repeat;color:var(--parchment-100);border-radius:var(--radius-lg);padding:var(--space-10);display:grid;grid-template-columns:1fr auto;gap:var(--space-9);align-items:center}
.kf-cta h3{color:var(--parchment-50);font-size:var(--text-display-sm)}
.kf-cta p{color:var(--leaf-200);font-size:var(--text-body-sm);margin-top:var(--space-3);max-width:44ch}
.kf-cta__form{display:flex;gap:var(--space-4);align-items:flex-start}

.kf-foot{background:var(--bark-900);color:var(--bark-200);padding-block:var(--space-11) var(--space-8);margin-top:var(--space-12)}
.kf-foot__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--space-9)}
.kf-foot h5{font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--bark-300);margin:0 0 var(--space-5);font-weight:var(--weight-semibold)}
.kf-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}
.kf-foot a{color:var(--parchment-200);text-decoration:none;font-size:var(--text-body-sm)}
.kf-foot a:hover{color:var(--coin-400)}
.kf-foot__bar{display:flex;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-inverse);font-size:var(--text-caption);color:var(--bark-400)}

.kf-player{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;background:var(--bark-900) url("../patterns/girih-tile.svg") center/130px repeat}
.kf-player__bar{position:absolute;inset-inline:0;bottom:0;padding:var(--space-5) var(--space-6);background:var(--scrim-bottom);display:flex;align-items:center;gap:var(--space-5);color:var(--parchment-100)}
.kf-player__track{flex:1;height:3px;border-radius:2px;background:rgba(247,237,212,.25);position:relative}
.kf-player__fill{position:absolute;inset-block:0;inset-inline-start:0;width:34%;background:var(--coin-500);border-radius:2px}
.kf-player__fill::after{content:"";position:absolute;inset-inline-end:-5px;top:-3.5px;width:10px;height:10px;border-radius:var(--radius-circle);background:var(--coin-400)}
.kf-player__t{font-family:var(--font-mono);font-size:var(--text-micro)}

.kf-detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--space-11);align-items:start;padding-block:var(--space-8) 0}
.kf-prose{font-family:var(--font-reading);font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--text-body)}
.kf-prose p{margin:0 0 var(--space-6)}
.kf-prose h3{font-size:var(--text-title);margin:var(--space-9) 0 var(--space-4)}
.kf-prose ol,.kf-prose ul{margin:0 0 var(--space-6);padding-inline-start:var(--space-7);display:flex;flex-direction:column;gap:var(--space-3)}
.kf-pull{border-inline-start:2px solid var(--coin-500);padding-inline-start:var(--space-6);margin:var(--space-8) 0;font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-snug);color:var(--text-strong)}
.kf-pull cite{display:block;font-family:var(--font-body);font-size:var(--text-caption);font-style:normal;color:var(--text-muted);margin-top:var(--space-4)}
.kf-side{display:flex;flex-direction:column;gap:var(--space-8);position:sticky;top:96px}
.kf-side h5{font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-5);font-weight:var(--weight-semibold)}
.kf-srclist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kf-srclist li{display:flex;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--border-hairline);font-size:var(--text-body-sm)}
.kf-srclist span{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-subtle)}
.kf-chapters{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kf-chapters li{display:flex;gap:var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--border-hairline);font-size:var(--text-body-sm);cursor:pointer}
.kf-chapters li:hover{color:var(--text-accent)}
.kf-chapters b{font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-regular);color:var(--text-subtle);min-width:42px}

.kf-lib{display:grid;grid-template-columns:230px minmax(0,1fr);gap:var(--space-10);padding-block:var(--space-9)}
.kf-facet{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-7);border-bottom:1px solid var(--border-hairline);margin-bottom:var(--space-7)}
.kf-facet h5{font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:var(--weight-semibold)}
.kf-pagebar{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-10)}
.kf-pagebar button{min-width:34px;height:34px;border:1px solid var(--border-hairline);background:var(--surface-card);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-caption);cursor:pointer;color:var(--text-body)}
.kf-pagebar button[aria-current=true]{background:var(--surface-inverse);color:var(--parchment-100);border-color:var(--surface-inverse)}

.kf-about__hero{padding-block:var(--space-12) var(--space-10)}
.kf-about__hero h1{font-size:var(--text-display-xl);max-width:16ch}
.kf-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}
.kf-pillar{padding:var(--space-8);border-radius:var(--radius-card);border:1px solid var(--border-hairline);background:var(--surface-card);display:flex;flex-direction:column;gap:var(--space-4)}
.kf-pillar__i{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px}
@media (max-width:1000px){.kf-hero__grid,.kf-detail,.kf-lib,.kf-grid3,.kf-foot__grid,.kf-pillars{grid-template-columns:1fr}.kf-nav{display:none}}