/* ==========================================================================
   Geyik — pages.css (inner pages; not loaded on the home page)
   ========================================================================== */

.page-hero{padding-top:calc(var(--header-h) + clamp(48px,7vw,120px));padding-bottom:clamp(40px,5vw,80px)}
.page-hero__title{font-size:var(--fs-h1);font-weight:800;line-height:.92;letter-spacing:-.05em;max-width:16ch;margin-top:1.5rem}
.page-hero__lead{margin-top:clamp(20px,3vw,40px)}
.section--tight{padding-block:clamp(56px,8vw,120px)}

.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .6rem;list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.breadcrumbs li+li::before{content:"/";margin-right:.6rem;color:var(--accent)}
.breadcrumbs a:hover{color:var(--foreground)}

/* Editorial prose (Gutenberg) */
.prose{max-width:760px}
.prose>*+*{margin-top:1.25em}
.prose h2{font-size:clamp(1.75rem,1rem + 2vw,2.75rem);margin-top:2em;line-height:1.05}
.prose h3{margin-top:1.75em}
.prose p,.prose li{color:#2A2A2C}
.prose ul,.prose ol{padding-left:1.2em}
.prose li+li{margin-top:.4em}
.prose blockquote{border-left:2px solid var(--accent);padding-left:1.25em;font-family:var(--font-display);font-size:var(--fs-lead);line-height:1.35}
.prose img,.prose figure{max-width:100%;height:auto}
.prose .alignwide{max-width:min(1200px,90vw);margin-inline:auto}
.prose .alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.prose figcaption{font-size:.85rem;color:var(--muted);margin-top:.5em}
.prose hr{border:0;border-top:1px solid var(--border);margin-block:3em}

/* Pagination */
.pagination,.nav-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(48px,6vw,80px)}
.page-numbers{display:grid;place-items:center;min-width:48px;height:48px;padding:0 1rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--border);font-family:var(--font-mono);font-size:.8rem}
.page-numbers.current,.page-numbers:hover{background:var(--foreground);color:var(--background)}

/* Search form */
.search-form{display:flex;gap:.5rem}
.search-form label{flex:1}
.search-field{width:100%;height:3.5rem;padding:0 1.25rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:inherit;font:inherit}
.search-submit{height:3.5rem;padding:0 1.5rem;border-radius:999px;background:var(--foreground);color:var(--background);font-weight:600;border:0;cursor:pointer}

/* Contact form */
.contact-form{display:grid;gap:1.5rem}
@media (min-width:768px){.contact-form{grid-template-columns:1fr 1fr}.field--full,.field--chips,.form-foot{grid-column:1/-1}}
.field{display:grid;gap:.5rem;border:0;margin:0;padding:0;min-width:0}
.field label,.field legend{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0}
.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea{width:100%;padding:.9rem 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;font:inherit;font-size:1.15rem;border-radius:0;transition:border-color .3s}
.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--accent)}
.field textarea{resize:vertical;min-height:140px}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;height:2.6rem;padding:0 1.1rem;border-radius:999px;background:var(--background);box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;transition:background .25s,color .25s,box-shadow .25s}
.chip input:checked+span{background:var(--accent);color:#fff;box-shadow:none}
.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.field--check label{display:flex;gap:.75rem;align-items:flex-start;text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:.9rem;color:var(--muted)}
.field--check input{margin-top:.2rem;accent-color:var(--accent);width:18px;height:18px}
.field--check a{color:var(--foreground);text-decoration:underline}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.form-status{font-size:.95rem}
.form-status.is-error{color:#ff6b81}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ==========================================================================
   Service landing
   ========================================================================== */
.service-hero{position:relative;overflow:hidden}
.service-hero__num{position:absolute;right:calc(var(--gutter) - .06em);top:calc(var(--header-h) + 1rem);font-family:var(--font-display);font-size:clamp(8rem,24vw,26rem);font-weight:800;font-stretch:125%;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(14,14,16,.1);pointer-events:none;user-select:none}
.service-hero__answer{max-width:52ch;margin-top:clamp(24px,3vw,40px);color:var(--foreground);position:relative}

.facts__list{display:grid;gap:clamp(10px,1vw,16px)}
.fact{display:grid;gap:.5rem;align-content:start;padding:clamp(20px,2vw,28px);border-radius:var(--radius);background:var(--surface)}
.fact dt{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.fact dd{margin:0;font-size:1.05rem;line-height:1.55;max-width:48ch}
@media (min-width:768px){.facts__list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1200px){.facts__list{grid-template-columns:repeat(4,1fr)}}

.split__grid{display:grid;gap:1.5rem}
@media (min-width:1024px){.split__grid{grid-template-columns:3fr 9fr;gap:var(--gap)}.split__grid>.eyebrow{padding-top:.9rem;align-self:start}}
.split__title{font-size:clamp(2rem,1rem + 3vw,4.25rem);max-width:18ch;margin-bottom:clamp(24px,3vw,48px)}
.split__lead{max-width:48ch}
.split .prose{margin-top:2rem}

.caps__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border);columns:1}
.caps__list li{display:flex;align-items:baseline;gap:1.25rem;padding:1.1rem 0;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:clamp(1.25rem,1rem + 1.1vw,2rem);font-weight:650;letter-spacing:-.03em;break-inside:avoid}
.caps__num{font-family:var(--font-mono);font-size:var(--fs-mono);font-weight:400;letter-spacing:.14em;color:var(--accent);min-width:2.5ch}
@media (min-width:768px){.caps__list{columns:2;column-gap:var(--gap)}}

.process__list{list-style:none;margin:clamp(24px,4vw,56px) 0 0;padding:0;display:grid;gap:var(--gap);counter-reset:p}
@media (min-width:768px){.process__list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1200px){.process__list{grid-template-columns:repeat(4,1fr)}}
.process__step{position:relative;padding:clamp(22px,2.4vw,34px);border-radius:var(--radius);background:var(--surface);overflow:hidden}
.process__step::before{content:"";position:absolute;top:-1px;left:0;width:0;height:1px;background:var(--accent);transition:width 1.2s var(--ease-out) .2s}
.process__step.is-in::before,.no-js .process__step::before{width:100%}
.process__num{display:block;font-family:var(--font-display);font-size:clamp(3rem,1rem + 4vw,5.5rem);font-weight:800;line-height:.9;letter-spacing:-.05em;color:var(--accent);margin-bottom:1.25rem}
.process__title{margin-bottom:.6rem}
.process__text{color:var(--muted);font-size:.98rem;max-width:34ch}

.why__list{list-style:none;margin:clamp(24px,4vw,56px) 0 0;padding:0;display:grid;gap:clamp(32px,4vw,56px) var(--gap)}
@media (min-width:768px){.why__list{grid-template-columns:repeat(3,1fr)}}
.why__item{padding:clamp(22px,2.4vw,34px);border-radius:var(--radius);background:var(--surface)}
.section--light .why__item{background:var(--background)}
.why__title{margin-bottom:.75rem;color:var(--foreground)}
.why__item p{color:var(--muted)}


.work-grid--pair{margin-top:0}
.others{border-top:1px solid var(--border)}
.others__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.others__list a{display:inline-flex;align-items:center;height:2.75rem;padding:0 1.2rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;transition:background .3s,color .3s}
.others__list a:hover{background:var(--foreground);color:var(--background)}

/* ==========================================================================
   Projects archive / filters
   ========================================================================== */
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(32px,4vw,56px)}
.filter{display:inline-flex;align-items:center;gap:.35rem;height:2.6rem;padding:0 1.1rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--border);font-size:.92rem;transition:background .3s,color .3s}
.filter sup{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);top:-.3em}
.filter:hover,.filter.is-active{background:var(--foreground);color:var(--background)}
.filter.is-active sup,.filter:hover sup{color:inherit}
.filter--industry{box-shadow:inset 0 0 0 1px transparent;color:var(--muted)}
.posts-grid--2{grid-template-columns:1fr}
@media (min-width:768px){.posts-grid--2{grid-template-columns:repeat(2,1fr)}}

/* ==========================================================================
   Case study
   ========================================================================== */
.case-hero{border-bottom:0;padding-bottom:clamp(32px,4vw,64px)}
.case-hero__client{margin-top:1.5rem}
.case-hero__title{max-width:18ch}
.case-cover{position:relative;margin:0 auto;max-width:calc(var(--max) - 2 * var(--gutter));width:calc(100% - 2 * var(--gutter));border-radius:var(--radius);aspect-ratio:16/8;max-height:88svh;width:100%;overflow:hidden;background:var(--surface);container-type:inline-size}
.case-cover img{width:100%;height:100%;object-fit:cover}
.case-cover .project-card__placeholder{font-size:clamp(3rem,12cqi,12rem);padding:var(--gutter)}
.case-intro__grid{display:grid;gap:clamp(32px,5vw,80px)}
@media (min-width:1024px){.case-intro__grid{grid-template-columns:4fr 8fr}}
.case-meta{display:grid;gap:0;border-top:1px solid var(--border);align-content:start}
.case-meta>div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}
.case-meta dt{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:.2rem}
.case-meta dd{margin:0}
.case-meta a{background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat}
.case-meta a:hover{color:var(--case-accent,var(--accent))}
.case-meta__list{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.case-intro__summary{font-family:var(--font-display);font-size:clamp(1.5rem,1rem + 1.9vw,3rem);font-weight:600;font-stretch:104%;line-height:1.15;letter-spacing:-.02em;text-wrap:pretty}
.case-chapter{padding-block:clamp(32px,4vw,56px);border-top:1px solid var(--border)}
.case-chapter__title{font-size:clamp(1.75rem,1rem + 2vw,3rem);margin-bottom:1.25rem}
.case-chapter__text{max-width:62ch;color:var(--foreground);font-size:1.08rem}
.case-chapter__text p+p{margin-top:1em}
.case-gallery__grid{display:grid;gap:var(--gap)}
@media (min-width:768px){.case-gallery__grid{grid-template-columns:repeat(2,1fr)}.case-gallery__item:nth-child(3n+1){grid-column:1/-1}}
.case-gallery__item{margin:0;overflow:hidden;border-radius:var(--radius);background:var(--surface)}
.case-gallery__item img{width:100%;height:auto}
.case-gallery__item figcaption{padding:.75rem 0;font-size:.85rem;color:var(--muted)}
.case-video{padding-block:var(--section) 0}
.case-outcome__text{max-width:56ch}
.case-results{margin-top:clamp(40px,5vw,72px)}
.case-next{border-top:1px solid var(--border)}
.case-next__link{display:block;padding-block:clamp(64px,10vw,160px);transition:background .5s var(--ease-out),color .5s}
.case-next__link:hover{background:var(--case-accent,var(--accent));color:#fff}
.case-next__link .container{display:grid;gap:1rem}
.case-next__title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:800;line-height:.92;letter-spacing:-.05em;max-width:18ch}

/* ==========================================================================
   About
   ========================================================================== */
.about-hero{position:relative;overflow:hidden}
.about-hero__heart{position:absolute;right:var(--gutter);bottom:clamp(24px,4vw,64px);width:clamp(140px,22vw,360px);color:var(--accent);transform:rotate(-6deg)}
@media (max-width:767px){.about-hero__heart{position:relative;right:auto;bottom:auto;margin:2rem 0 0 var(--gutter)}}
.about-story{display:grid;gap:1.25rem;max-width:62ch}
.about-story p:not(.lead){color:var(--muted);font-size:1.05rem}
.philosophy{position:relative;overflow:hidden;margin-inline:clamp(8px,1.2vw,20px);border-radius:calc(var(--radius) * 1.4);padding-block:clamp(120px,16vw,240px);isolation:isolate}
.philosophy__text{font-family:var(--font-display);font-size:clamp(2.6rem,1rem + 7vw,10rem);font-weight:800;line-height:.88;letter-spacing:-.055em}
.team__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,3vw,48px) var(--gap)}
@media (min-width:1024px){.team__grid{grid-template-columns:repeat(4,1fr)}}
.member{position:relative}
.member__photo{aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:var(--surface);margin-bottom:1rem}
.member__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .6s,transform 1.2s var(--ease-out)}
.member:hover .member__photo img{filter:none;transform:scale(1.04)}
.member__name{font-size:clamp(1.1rem,1rem + .5vw,1.4rem)}
.member__role{color:var(--muted);font-size:.9rem;margin-top:.2rem}
.member__link{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#0B0B0B}
.member__link .icon{width:16px;height:16px}
@media (min-width:768px){.why__list--4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1200px){.why__list--4{grid-template-columns:repeat(4,1fr)}}
.timeline__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.timeline__item{display:grid;grid-template-columns:minmax(5rem,9rem) 1fr;gap:1.5rem;align-items:baseline;padding:1.5rem 0;border-bottom:1px solid var(--border)}
.timeline__year{font-family:var(--font-display);font-size:clamp(1.75rem,1rem + 2vw,3rem);font-weight:800;letter-spacing:-.04em;color:var(--accent)}
.timeline__item p{font-size:1.1rem;max-width:52ch}

/* ==========================================================================
   Contact
   ========================================================================== */
.contact-hero__direct{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;margin-top:clamp(32px,4vw,56px)}
.contact-big{font-family:var(--font-display);font-size:clamp(1.4rem,1rem + 1.8vw,2.75rem);font-weight:700;font-stretch:110%;letter-spacing:-.02em;background:linear-gradient(var(--accent),var(--accent)) left bottom/0 2px no-repeat;transition:background-size .6s var(--ease-out),color .3s}
.contact-big:hover{background-size:100% 2px;color:var(--accent)}
.contact-note{margin-top:1.5rem;color:var(--muted);max-width:28ch}
.office-cards{display:grid;gap:var(--gap)}
@media (min-width:768px){.office-cards{grid-template-columns:repeat(3,1fr)}}
.office-card{display:grid;gap:.9rem;align-content:start;padding:clamp(24px,3vw,40px);border-radius:var(--radius);background:var(--surface)}
.office-card__name{font-size:clamp(2rem,1rem + 2.4vw,3.5rem);font-weight:800;letter-spacing:-.045em}
.office-card address{font-style:normal;color:var(--muted);line-height:1.55}

/* ==========================================================================
   Blog post
   ========================================================================== */
.post-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.5rem;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.post-hero__meta a{color:var(--accent)}
.post-cover{margin:0;aspect-ratio:16/8;overflow:hidden;background:var(--surface)}
.post-cover img{width:100%;height:100%;object-fit:cover}
.post-body{display:grid;gap:clamp(32px,5vw,80px)}
@media (min-width:1024px){.post-body{grid-template-columns:3fr 9fr}}
.post-aside{display:grid;gap:1.5rem;align-content:start}
@media (min-width:1024px){.post-aside{position:sticky;top:calc(var(--header-h) + 24px)}}
.post-aside__box{padding:1.1rem 1.25rem;border-radius:16px;background:var(--surface);font-size:.92rem;color:var(--muted)}
.post-aside__box strong{display:block;color:var(--foreground);margin-bottom:.25rem;font-size:1rem}
.read-progress{position:fixed;top:0;left:0;right:0;z-index:120;height:2px;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}
@supports (animation-timeline:scroll()){.read-progress{animation:grow linear both;animation-timeline:scroll(root)}}
@keyframes grow{to{transform:scaleX(1)}}
.pillar-box{margin-top:3rem;padding:clamp(24px,3vw,40px);border-radius:var(--radius);background:var(--accent-soft);display:grid;gap:1rem}
.pillar-box p{color:var(--muted)}
.field .chip{font-family:var(--font-body);font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--foreground)}

.page-hero__pillar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.5rem;color:var(--muted)}