/* Hikâyemiz — dev başlık, derinlikli fotoğraf şeridi, cam ilke kartları, üretici duvarı, mağaza kartı */
.about-intro { --intro-tint: #FFE7C8; }
.about-intro h1 { max-width: 18ch; }
.about-strip { padding-block: var(--space-m) var(--space-2xl); overflow: clip; }
.about-strip__list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(.75rem, 1.6vw, 2rem); align-items: start; }
.about-strip__item a { display: grid; gap: .5rem; text-decoration: none; }
.about-strip__media { display: block; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: var(--shadow-glass); transition: transform var(--dur-l) var(--ease-out), box-shadow var(--dur-l); }
.about-strip__media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; transition: transform 1.4s var(--ease-out); }
.about-strip__item a:hover .about-strip__media { transform: translateY(-6px); box-shadow: 0 40px 70px -34px rgba(31, 59, 255, .4), 0 1px 0 rgba(255, 255, 255, .8) inset; }
.about-strip__item a:hover img { transform: scale(1.05); }
.about-strip__name { font-family: var(--font-display); font-size: var(--step-1); font-weight: 500; letter-spacing: -.02em; line-height: 1.15; }
.about-strip__item .label { margin-top: .3rem; }
.about-strip__item:nth-child(even) { margin-top: 3rem; }
@media (min-width: 900px) { .about-strip__list { grid-template-columns: repeat(4, 1fr); } .about-strip__item:nth-child(2) { margin-top: 4rem; } .about-strip__item:nth-child(3) { margin-top: 1.5rem; } .about-strip__item:nth-child(4) { margin-top: 6rem; } }

.about-principles .tiles { grid-template-columns: 1fr; }
@media (min-width: 700px) { .about-principles .tiles { grid-template-columns: 1fr 1fr; } }

.about-makers { overflow: clip; position: relative; }
.about-makers::before { content: ""; position: absolute; right: -10rem; top: -10rem; width: 34rem; height: 34rem; border-radius: 50%; background: radial-gradient(closest-side, rgba(124, 144, 255, .35), transparent); pointer-events: none; }
.about-makers__grid { display: grid; gap: var(--space-l); position: relative; }
.about-makers__title { max-width: 16ch; margin-top: var(--space-s); }
.about-makers__stats { display: flex; flex-wrap: wrap; gap: var(--space-l); margin-top: var(--space-l); }
.about-makers__stats div { display: grid; gap: .2rem; }
.about-makers__stats b { font-size: var(--step-5); font-weight: 200; letter-spacing: -.05em; line-height: 1; font-variant-numeric: tabular-nums; }
.about-makers__stats small { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--on-ink-2); }
.about-makers__list { display: flex; flex-wrap: wrap; gap: .5rem; }
.about-makers__list span { padding: .6rem 1rem; border-radius: 999px; border: 1px solid rgba(246, 247, 250, .2); background: rgba(246, 247, 250, .06); font-size: var(--step--1); font-weight: 500; transition: background var(--dur-s), border-color var(--dur-s); }
.about-makers__list span:hover { background: rgba(246, 247, 250, .14); border-color: rgba(246, 247, 250, .5); }
.about-makers__note { font-size: var(--step--2); color: var(--on-ink-2); }
@media (min-width: 1024px) { .about-makers__grid { grid-template-columns: 5fr 7fr; align-items: start; } }

.about-visit__card { position: relative; display: grid; gap: var(--space-l); overflow: hidden; }
.about-visit__card h2 { margin-top: var(--space-s); }
@media (min-width: 1024px) { .about-visit__card { grid-template-columns: 1.3fr 1fr; align-items: end; } }