/* /hakkimizda. Loaded only by resources/views/about.blade.php; content in config/about.php.
   Selectors are scoped under .premium-home because typography.css loads after page styles. */
.ab{
 --ab-paper:#eae7e0;--ab-paper-deep:#e1ddd3;--ab-ink:#30342f;--ab-muted:#62695d;--ab-line:#c8c2b6;
 --ab-accent:#786b55;--ab-soft:#8a806f;--ab-dark:#292e27;--ab-ease:cubic-bezier(.2,.7,.2,1);
 background:var(--ab-paper);color:var(--ab-ink);overflow-x:clip
}
.premium-home .ab h1,.premium-home .ab h2,.premium-home .ab h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}
.premium-home .ab h1 em,.premium-home .ab h2 em{font-style:normal;color:var(--ab-soft)}
.ab .premium-eyebrow{color:var(--ab-accent);margin-bottom:22px}
.ab a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ab figure{margin:0;overflow:hidden;background:#d9d5cb}
.ab figure img{display:block;width:100%;height:100%;object-fit:cover}
.premium-home .ab section h2{font-size:var(--type-section);line-height:1.06}

/* 1. Opening ----------------------------------------------------------------- */
.ab-open{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,7fr);gap:7%;align-items:center;padding:80px var(--premium-gutter) 100px}
.premium-home .ab-open h1{font-size:clamp(2.75rem,4.6vw,4.5rem);line-height:1.02;margin-bottom:28px}
.premium-home .ab-open-copy>p:last-child{color:var(--ab-muted);max-width:40ch}
.ab-open-media{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;aspect-ratio:1.42}
.ab-open-main{grid-column:1/5;grid-row:1/3}
.ab-open-side{grid-column:5/7;grid-row:1}
.ab-open-small{grid-column:5/7;grid-row:2}
.ab-open-main img{animation:ab-settle 1.6s var(--ab-ease) both}
@keyframes ab-settle{from{transform:scale(1.05)}to{transform:none}}

/* 2. Figures ------------------------------------------------------------------ */
.ab-stats{padding:0 var(--premium-gutter) 110px}
.ab-stats dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--ab-line);border-bottom:1px solid var(--ab-line)}
.ab-stat{padding:34px 28px 32px 0}
.ab-stat+.ab-stat{padding-left:28px;border-left:1px solid var(--ab-line)}
.ab-stat dt{display:flex;flex-direction:column;gap:12px}
.ab-stat-value{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(3.5rem,6vw,5.75rem);line-height:.9;letter-spacing:-.02em;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.ab-stat-label{font-size:var(--type-ui);font-weight:500}
.ab-stat dd{margin:10px 0 0;font-size:var(--type-small);color:var(--ab-muted);line-height:1.5}

/* 3. Story (dark band) ---------------------------------------------------------- */
.ab-story{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:7%;padding:120px var(--premium-gutter);background:var(--ab-dark);color:#ece9e1;--ab-line:#ffffff24;--ab-muted:#b9bcb0;--ab-accent:#cbbfa6;--ab-soft:#a8a291}
.ab-story-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.ab-story-steps li{position:relative;padding-top:30px;border-top:1px solid var(--ab-line)}
.ab-story-steps li::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--ab-accent)}
.premium-home .ab .ab-step-title{font-size:var(--type-small);letter-spacing:.08em;text-transform:uppercase;color:var(--ab-accent);margin-bottom:14px}
.premium-home .ab-story h3{font-size:clamp(1.6rem,2.2vw,2rem);line-height:1.15;margin-bottom:16px}
.premium-home .ab-story-steps p:last-child{color:var(--ab-muted)}

/* 4. Process -------------------------------------------------------------------- */
.ab-process{padding:120px var(--premium-gutter);background:var(--ab-paper-deep)}
.ab-process-head{margin-bottom:56px}
.ab-process-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.ab-process-step figure{aspect-ratio:4/5;margin-bottom:22px}
.ab-process-step img{transition:transform .9s var(--ab-ease)}
.ab-process-step:hover img{transform:scale(1.03)}
.ab-process-num{display:block;font-size:var(--type-small);letter-spacing:.08em;color:var(--ab-accent);margin-bottom:8px;font-variant-numeric:tabular-nums}
.premium-home .ab-process h3{font-size:var(--type-card);line-height:1.15;margin-bottom:12px}
.premium-home .ab-process-step p{color:var(--ab-muted)}

/* 5. Places --------------------------------------------------------------------- */
.ab-places{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:7%;padding:120px var(--premium-gutter)}
.premium-home .ab-places-head>p:last-child{color:var(--ab-muted);max-width:36ch;margin-top:22px}
.ab-places-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ab-line)}
.ab-places-list a,.ab-place-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:20px;padding:18px 0;border-bottom:1px solid var(--ab-line)}
.ab-places-list a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ab-ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ab-ease)}
.ab-places-list a:hover::after,.ab-places-list a:focus-visible::after{transform:scaleX(1)}
.ab-place-name{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.1;grid-column:1}
.ab-place-note{font-size:var(--type-small);color:var(--ab-muted);grid-column:2}
.ab-place-count{font-size:var(--type-ui);color:var(--ab-muted);font-variant-numeric:tabular-nums;grid-column:3;min-width:8ch;text-align:right}
.ab-places-list a .ab-place-name{transition:color .25s}
.ab-places-list a:hover .ab-place-name{color:var(--ab-accent)}

/* 6. Systems -------------------------------------------------------------------- */
.ab-systems{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:7%;padding:110px var(--premium-gutter);border-top:1px solid var(--ab-line)}
.ab-systems-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ab-line)}
.ab-systems-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--ab-line);font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.1;transition:color .25s}
.ab-systems-list a svg{flex-shrink:0;transition:transform .3s var(--ab-ease)}
.ab-systems-list a:hover{color:var(--ab-accent)}
.ab-systems-list a:hover svg{transform:translateX(4px)}
.premium-home .ab-systems-note{margin-top:22px;font-size:var(--type-ui);color:var(--ab-muted)}
.ab-systems-note a{color:var(--ab-ink);border-bottom:1px solid var(--ab-line)}
.ab-invitation{border-top:1px solid var(--ab-line)}

/* Reveals (enabled by about.js; content stays visible without JavaScript). */
.ab-js .ab-reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ab-ease),transform .9s var(--ab-ease)}
.ab-js figure.ab-reveal{transform:none;clip-path:inset(0 0 12% 0);transition:opacity .9s var(--ab-ease),clip-path 1.1s var(--ab-ease)}
.ab-js .ab-reveal.is-in{opacity:1;transform:none;clip-path:inset(0)}
.ab-js .ab-stat:nth-child(2),.ab-js .ab-story-steps li:nth-child(2),.ab-js .ab-process-step:nth-child(2){transition-delay:.08s}
.ab-js .ab-stat:nth-child(3),.ab-js .ab-story-steps li:nth-child(3),.ab-js .ab-process-step:nth-child(3){transition-delay:.16s}
.ab-js .ab-stat:nth-child(4),.ab-js .ab-process-step:nth-child(4){transition-delay:.24s}

/* Tablet ------------------------------------------------------------------------- */
@media(max-width:1000px){
 .ab-open{grid-template-columns:1fr;gap:48px;padding-top:60px}
 .ab-stats dl{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ab-stat:nth-child(3){padding-left:0;border-left:0}
 .ab-stat:nth-child(n+3){border-top:1px solid var(--ab-line)}
 .ab-story,.ab-places,.ab-systems{grid-template-columns:1fr;gap:48px}
 .ab-story,.ab-process,.ab-places{padding-top:90px;padding-bottom:90px}
 .ab-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
}

/* Phone -------------------------------------------------------------------------- */
@media(max-width:700px){
 .ab-open{padding:44px var(--premium-gutter) 64px;gap:36px}
 .ab-open-media{gap:8px;aspect-ratio:1.1}
 .ab-stats{padding-bottom:70px}
 .ab-stat,.ab-stat+.ab-stat{padding:24px 12px 22px 0}
 .ab-stat:nth-child(even){padding-left:16px;border-left:1px solid var(--ab-line)}
 .ab-stat-value{font-size:3.25rem}
 .ab-story,.ab-process,.ab-places,.ab-systems{padding:70px var(--premium-gutter)}
 .ab-story-steps{grid-template-columns:1fr;gap:34px}
 .ab-process-head{margin-bottom:36px}
 .ab-process-list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--ab-line)}
 .ab-process-step{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:18px;padding:20px 0;border-bottom:1px solid var(--ab-line)}
 .ab-process-step figure{grid-row:1/4;aspect-ratio:1;margin:0}
 .premium-home .ab-process h3{margin-bottom:6px}
 .ab-places-list a,.ab-place-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
 .ab-place-note{grid-column:1;grid-row:2}
 .ab-place-count{grid-column:2;grid-row:1}
}

@media(prefers-reduced-motion:reduce){
 .ab-open-main img{animation:none}
 .ab-js .ab-reveal,.ab-js figure.ab-reveal{opacity:1;transform:none;clip-path:none;transition:none}
 .ab-process-step img,.ab-places-list a::after,.ab-systems-list a,.ab-systems-list a svg{transition:none}
 .ab-process-step:hover img{transform:none}
}