:root {
  --review-height: 68px;
  --a-paper: #f3f3ef;
  --a-white: #fbfbf8;
  --a-ink: #111210;
  --a-grey: #686b65;
  --a-line: rgba(17, 18, 16, .18);
  --a-red: #e74325;
  --b-ink: #100f0d;
  --b-charcoal: #191713;
  --b-copper: #b86f49;
  --b-copper-light: #ca8a64;
  --b-copper-deep: #a85e3c;
  --b-white: #f3efe9;
  --b-line: rgba(243, 239, 233, .18);
  --c-ink: #0b1712;
  --c-green: #123127;
  --c-green-light: #1c4738;
  --c-gold: #c8a76c;
  --c-cream: #f2eee4;
  --c-line: rgba(242, 238, 228, .2);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--a-ink); background: var(--a-paper); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body[data-active-view="cinematic"] { background: var(--b-ink); }
body[data-active-view="structural"] { background: var(--a-paper); }
body[data-active-view="portfolio"] { background: var(--c-ink); }
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.concept[hidden] { display: none !important; }

.review-bar {
  position: sticky;
  z-index: 1000;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--review-height);
  padding: 0 26px;
  color: #fff;
  background: #0a0b0b;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.review-bar__title { display: flex; align-items: baseline; gap: 18px; }
.review-bar__title strong { font-size: 14px; letter-spacing: .05em; }
.review-bar__title span { color: #888d89; font-size: 12px; }
.review-bar__switch { display: flex; gap: 4px; padding: 4px; border: 1px solid rgba(255,255,255,.16); }
.review-choice { display: flex; align-items: center; gap: 12px; min-width: 176px; padding: 10px 15px; border: 0; color: #989d99; background: transparent; cursor: pointer; font-size: 12px; letter-spacing: .03em; transition: color .25s, background .25s; }
.review-choice b { color: #656a67; font-size: 12px; }
.review-choice.is-active { color: #101211; background: #f1f1ed; }
.review-choice.is-active b { color: var(--a-red); }
body[data-active-view="cinematic"] .review-choice.is-active b { color: var(--b-copper); }
body[data-active-view="portfolio"] .review-choice.is-active b { color: var(--c-gold); }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.65,.25,1); }
.reveal.in-view { opacity: 1; transform: none; }
.nav-toggle { display: none; }

/* CONCEPT A — YAPISAL NETLİK */
.concept--structural { overflow: hidden; color: var(--a-ink); background: var(--a-paper); }
.a-header {
  position: absolute;
  z-index: 20;
  top: var(--review-height);
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 94px;
  padding: 0 3.8vw;
  background: rgba(243,243,239,.94);
  border-bottom: 1px solid var(--a-line);
  backdrop-filter: blur(12px);
}
.a-logo { display: flex; align-items: flex-end; gap: 10px; width: max-content; line-height: 1; }
.a-logo strong { font-size: 24px; font-weight: 750; letter-spacing: -.06em; }
.a-logo strong span { color: var(--a-red); }
.a-logo small { margin-bottom: 2px; color: #777a75; font-size: 12px; letter-spacing: .19em; text-transform: uppercase; }
.a-nav { display: flex; align-items: center; gap: clamp(25px, 3vw, 48px); }
.a-nav > a, .a-nav__projects > a { font-size: 13px; font-weight: 600; }
.a-nav__projects { position: relative; }
.a-nav__projects > a span { margin-left: 5px; font-size: 12px; }
.a-nav__drop {
  position: absolute;
  top: 22px;
  left: -24px;
  display: grid;
  width: 254px;
  padding: 12px 20px;
  visibility: hidden;
  opacity: 0;
  color: #fff;
  background: var(--a-ink);
  transform: translateY(10px);
  transition: .25s ease;
}
.a-nav__projects:hover .a-nav__drop, .a-nav__projects:focus-within .a-nav__drop { visibility: visible; opacity: 1; transform: none; }
.a-nav__drop a { display: flex; gap: 15px; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 13px; }
.a-nav__drop a:last-child { border-bottom: 0; }
.a-nav__drop b { color: var(--a-red); font-size: 12px; }
.a-header__contact { justify-self: end; display: flex; justify-content: space-between; width: 188px; padding: 13px 0; border-top: 1px solid var(--a-ink); border-bottom: 1px solid var(--a-ink); font-size: 12px; font-weight: 600; }

.a-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(430px, .83fr) 1.17fr;
  min-height: calc(100vh - var(--review-height));
  padding-top: 94px;
  background: var(--a-paper);
}
.a-hero__copy { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; padding: 85px 3.8vw 120px; }
.a-kicker { display: flex; align-items: center; gap: 16px; margin: 0; color: #626560; font-size: 12px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.a-kicker span { display: grid; place-items: center; width: 29px; height: 29px; color: #fff; background: var(--a-red); font-size: 12px; }
.a-hero h1 {
  max-width: 760px;
  margin: 38px 0 54px;
  font-size: clamp(48px, 5.2vw, 88px);
  font-weight: 430;
  letter-spacing: -.072em;
  line-height: .96;
}
.a-hero h1 em { color: var(--a-red); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.a-hero__lead { display: grid; grid-template-columns: 1fr 190px; gap: 38px; align-items: end; max-width: 680px; }
.a-hero__lead p { margin: 0; color: #555853; font-size: 16px; line-height: 1.7; }
.a-hero__lead a { display: flex; justify-content: space-between; padding: 15px 0; border-top: 1px solid var(--a-ink); border-bottom: 1px solid var(--a-ink); font-size: 12px; font-weight: 650; }
.a-hero__visual { position: relative; z-index: 2; overflow: hidden; margin: 0; min-height: 680px; background: #d7dad7; }
.a-hero__visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; animation: aHeroImage 13s ease-out both; }
@keyframes aHeroImage { from { transform: scale(1.035); } to { transform: scale(1); } }
.a-hero__visual::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); pointer-events: none; }
.a-hero__visual figcaption { position: absolute; right: 0; bottom: 0; display: grid; grid-template-columns: auto auto; gap: 7px 22px; min-width: 250px; padding: 22px 26px; color: #fff; background: rgba(12,15,14,.88); backdrop-filter: blur(8px); }
.a-hero__visual figcaption b { color: #9da19e; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.a-hero__visual figcaption span { font-size: 12px; }
.a-hero__axis { position: absolute; z-index: 2; display: block; background: rgba(255,255,255,.46); pointer-events: none; }
.a-hero__axis--one { top: 0; bottom: 0; left: 31%; width: 1px; }
.a-hero__axis--two { top: 38%; right: 0; left: 0; height: 1px; }
.a-hero__word { position: absolute; z-index: 1; bottom: -2.7vw; left: 2vw; color: transparent; font-size: clamp(130px, 21vw, 350px); font-weight: 850; letter-spacing: -.1em; line-height: .7; -webkit-text-stroke: 1px rgba(17,18,16,.1); user-select: none; }
.a-hero__rail { position: absolute; z-index: 4; bottom: 31px; left: 3.8vw; display: flex; align-items: center; gap: 15px; color: #777a75; font-size: 12px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
.a-hero__rail i { width: 34px; height: 1px; background: #b0b2ad; }

.a-section-id { display: flex; align-items: center; gap: 13px; color: #6c6f69; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.a-section-id b { display: grid; place-items: center; width: 31px; height: 31px; color: #fff; background: var(--a-red); font-size: 12px; }
.a-manifest { display: grid; grid-template-columns: .48fr 1.52fr; gap: 52px 5vw; padding: 150px 5.5vw 170px; background: var(--a-white); }
.a-manifest .a-section-id { grid-row: 1 / span 2; align-self: start; }
.a-manifest h2 { max-width: 1140px; margin: 0; font-size: clamp(48px, 6vw, 96px); font-weight: 430; letter-spacing: -.07em; line-height: .98; }
.a-manifest__text { display: grid; grid-template-columns: minmax(320px, 560px) auto; gap: 60px; align-items: end; }
.a-manifest__text p { margin: 0; color: #5f625d; font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-size: 18px; line-height: 1.75; }
.a-manifest__text a { justify-self: end; display: flex; justify-content: space-between; min-width: 190px; padding: 15px 0; border-bottom: 1px solid var(--a-ink); font-size: 12px; font-weight: 650; }

.a-projects { padding: 140px 3.8vw 160px; background: #141614; color: #f4f5f1; }
.a-projects__head { display: grid; grid-template-columns: .48fr 1fr .55fr; gap: 5vw; align-items: end; }
.a-projects__head .a-section-id { align-self: start; color: #999d98; }
.a-projects__head h2 { margin: 0; font-size: clamp(66px, 8vw, 128px); font-weight: 420; letter-spacing: -.085em; line-height: .76; }
.a-projects__head h2 em { color: var(--a-red); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.a-projects__head > p { margin: 0 0 2px; color: #929690; font-size: 15px; line-height: 1.7; }
.a-project-filter { display: flex; gap: clamp(25px, 4vw, 65px); margin: 98px 0 42px; border-bottom: 1px solid rgba(255,255,255,.18); }
.a-project-filter button { position: relative; flex: 0 0 auto; padding: 0 0 20px; border: 0; color: #777c77; background: transparent; cursor: pointer; font-size: 13px; }
.a-project-filter button::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: var(--a-red); transform: scaleX(0); transform-origin: right; transition: .3s; }
.a-project-filter button.is-active { color: #fff; }
.a-project-filter button.is-active::after { transform: scaleX(1); transform-origin: left; }
.a-project-filter sup { margin-left: 5px; color: #70746f; font-size: 12px; }
.a-project-grid { display: grid; grid-template-columns: 1.22fr .78fr; gap: 72px 28px; }
.a-project-card { transition: opacity .3s, transform .3s; }
.a-project-card.is-hidden { display: none; }
.a-project-card--hero { grid-row: span 2; }
.a-project-card__image { position: relative; overflow: hidden; aspect-ratio: 1.33 / 1; background: #292d2a; }
.a-project-card--hero .a-project-card__image { aspect-ratio: .94 / 1; }
.a-project-card__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82); transition: transform .7s cubic-bezier(.2,.6,.2,1), filter .7s; }
.a-project-card:hover img { filter: saturate(1); transform: scale(1.025); }
.a-project-card__image > span { position: absolute; top: 20px; left: 20px; padding: 9px 12px; color: #151714; background: #f3f3ef; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.a-project-card__image > b { position: absolute; top: 18px; right: 20px; color: #fff; font-size: 13px; }
.a-project-card__info { display: grid; grid-template-columns: 1fr auto; gap: 30px; padding-top: 22px; }
.a-project-card__info small { color: var(--a-red); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.a-project-card__info h3 { margin: 10px 0 0; font-size: clamp(25px, 2.5vw, 42px); font-weight: 420; letter-spacing: -.05em; line-height: 1.04; }
.a-project-card__info p { margin: 0; color: #777c77; font-size: 12px; line-height: 1.7; text-align: right; }

.a-principles { display: grid; grid-template-columns: .82fr 1.18fr; gap: 7vw; padding: 150px 5.5vw; background: var(--a-red); }
.a-principles__title h2 { margin: 36px 0 0; font-size: clamp(52px, 6vw, 96px); font-weight: 430; letter-spacing: -.075em; line-height: .94; }
.a-principles .a-section-id { color: rgba(0,0,0,.62); }
.a-principles .a-section-id b { color: var(--a-red); background: #111; }
.a-principles__list { border-top: 1px solid rgba(0,0,0,.35); }
.a-principles__list article { display: grid; grid-template-columns: 54px .65fr 1fr; gap: 28px; align-items: baseline; padding: 29px 0; border-bottom: 1px solid rgba(0,0,0,.35); }
.a-principles__list article > b { font-size: 12px; }
.a-principles__list h3 { margin: 0; font-size: 20px; font-weight: 650; }
.a-principles__list p { margin: 0; font-size: 14px; line-height: 1.65; }

.a-about { display: grid; grid-template-columns: 1fr 1fr; min-height: 760px; background: var(--a-paper); }
.a-about__visual { position: relative; overflow: hidden; margin: 0; }
.a-about__visual img { width: 100%; height: 100%; object-fit: cover; }
.a-about__visual figcaption { position: absolute; right: 0; bottom: 0; padding: 18px 23px; color: #fff; background: #111; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.a-about__copy { display: flex; flex-direction: column; justify-content: center; padding: 90px 7vw; }
.a-about__copy h2 { margin: 38px 0 42px; font-size: clamp(45px, 5.2vw, 82px); font-weight: 430; letter-spacing: -.072em; line-height: .95; }
.a-about__copy > p { max-width: 600px; margin: 0 0 22px; color: #5d605b; font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-size: 16px; line-height: 1.78; }
.a-contact { padding: 130px 5.5vw 145px; color: #fff; background: #111310; }
.a-contact .a-section-id { color: #9ca09a; }
.a-contact h2 { margin: 55px 0 78px; font-size: clamp(55px, 7.5vw, 122px); font-weight: 430; letter-spacing: -.082em; line-height: .88; }
.a-contact > a { display: flex; justify-content: space-between; max-width: 680px; padding: 23px 0; color: var(--a-red); border-top: 1px solid var(--a-red); border-bottom: 1px solid var(--a-red); font-size: clamp(16px, 1.6vw, 23px); }
.a-footer { display: grid; grid-template-columns: 1.15fr 1fr 1fr auto; gap: 40px; align-items: end; padding: 68px 3.8vw 38px; background: #f2f2ee; }
.a-logo--footer { align-self: center; }
.a-footer p, .a-footer > small { margin: 0; color: #747771; font-size: 12px; line-height: 1.7; }
.a-footer nav { display: flex; gap: 26px; font-size: 12px; }

/* CONCEPT B — KENTSEL İMZA */
.concept--cinematic { overflow: hidden; color: var(--b-white); background: var(--b-ink); }
.b-header {
  position: absolute;
  z-index: 30;
  top: var(--review-height);
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 96px;
  padding: 0 4vw;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.b-logo { display: flex; align-items: center; width: max-content; font-size: 21px; letter-spacing: -.055em; }
.b-logo span { font-weight: 800; }
.b-logo i { margin: 0 7px; color: var(--b-copper); font-family: Georgia, serif; font-size: 30px; font-weight: 400; }
.b-logo strong { font-weight: 400; }
.b-nav { display: flex; gap: clamp(25px, 3.2vw, 52px); }
.b-nav a { color: rgba(255,255,255,.78); font-size: 13px; font-weight: 550; }
.b-nav a:hover { color: #fff; }
.b-header__link { justify-self: end; display: flex; align-items: center; gap: 17px; font-size: 12px; font-weight: 650; text-transform: uppercase; letter-spacing: .07em; }
.b-header__link i { display: grid; place-items: center; width: 40px; height: 40px; color: #17110d; background: var(--b-copper); font-style: normal; }

.b-hero { position: relative; min-height: calc(100vh - var(--review-height)); overflow: hidden; background: #1c1814; }
.b-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.55) contrast(1.08); transition: opacity .3s ease, transform .9s cubic-bezier(.2,.65,.2,1); animation: bHeroImage 13s ease-out both; }
@keyframes bHeroImage { from { transform: scale(1.045); } to { transform: scale(1); } }
.b-hero__image.is-changing { opacity: .18; transform: scale(1.025); }
.b-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,8,6,.92), rgba(10,8,6,.55) 52%, rgba(10,8,6,.18)), linear-gradient(0deg, rgba(10,8,6,.84), transparent 65%); }
.b-hero__grid { position: absolute; z-index: 2; inset: 96px 4vw 132px; display: grid; grid-template-columns: repeat(4,1fr); border-right: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); pointer-events: none; }
.b-hero__grid i { border-right: 1px solid rgba(255,255,255,.12); }
.b-hero__aside { position: absolute; z-index: 4; top: 150px; bottom: 155px; left: 4vw; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.b-hero__index { color: #c7cbc9; font-size: 12px; letter-spacing: .14em; }
.b-hero__vertical { color: rgba(255,255,255,.55); font-size: 12px; letter-spacing: .23em; writing-mode: vertical-rl; transform: rotate(180deg); }
.b-hero__copy { position: relative; z-index: 4; display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - var(--review-height)); padding: 170px 8vw 190px 10.5vw; }
.b-hero__copy > p { display: flex; align-items: center; gap: 14px; margin: 0; color: #c5c9c7; font-size: 12px; font-weight: 650; letter-spacing: .15em; text-transform: uppercase; }
.b-hero__copy > p span { width: 35px; height: 3px; background: var(--b-copper); }
.b-hero h1 { margin: 28px 0 0; font-size: clamp(61px, 8.1vw, 137px); font-weight: 300; letter-spacing: -.085em; line-height: .73; }
.b-hero h1 em { color: var(--b-copper); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.b-hero__statement { position: absolute; right: 7vw; bottom: 178px; display: flex; flex-direction: column; width: 280px; padding-left: 21px; border-left: 3px solid var(--b-copper); }
.b-hero__statement span { color: #aeb3b0; font-size: 12px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.b-hero__statement strong { margin: 11px 0 8px; font-size: 20px; font-weight: 430; }
.b-hero__statement small { color: #898f8c; font-size: 12px; }
.b-hero__chooser { position: absolute; z-index: 5; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(3,1fr) .72fr; min-height: 132px; background: rgba(13,11,9,.9); border-top: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(12px); }
.b-hero__chooser button, .b-hero__chooser > a { position: relative; display: flex; align-items: flex-end; gap: 20px; padding: 27px 30px; border: 0; border-right: 1px solid rgba(255,255,255,.18); color: #a9aeab; background: transparent; cursor: pointer; text-align: left; }
.b-hero__chooser button::before { content: ""; position: absolute; top: -1px; right: 0; left: 0; height: 4px; background: var(--b-copper); transform: scaleX(0); transform-origin: right; transition: .3s; }
.b-hero__chooser button.is-active { color: #fff; background: rgba(184,111,73,.2); }
.b-hero__chooser button.is-active::before { transform: scaleX(1); transform-origin: left; }
.b-hero__chooser b { color: var(--b-copper); font-size: 12px; }
.b-hero__chooser span { font-size: 15px; font-weight: 500; }
.b-hero__chooser > a { justify-content: space-between; align-items: center; color: #17110d; background: var(--b-copper); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.b-hero__chooser > a i { font-style: normal; }

.b-label { margin: 0; color: #766d66; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.b-intro { display: grid; grid-template-columns: .45fr 1.55fr; gap: 45px 6vw; padding: 155px 6vw 175px; color: #111; background: #f4f5f2; }
.b-intro .b-label { grid-row: 1 / span 2; padding-top: 14px; }
.b-intro h2 { margin: 0; font-size: clamp(55px, 7vw, 112px); font-weight: 320; letter-spacing: -.075em; line-height: .91; }
.b-intro h2 em { color: var(--b-copper); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.b-intro > div { display: grid; grid-template-columns: minmax(320px, 600px) auto; gap: 70px; align-items: end; margin-top: 20px; }
.b-intro > div p { margin: 0; color: #555a58; font-size: 16px; line-height: 1.75; }
.b-intro > div a { justify-self: end; display: flex; justify-content: space-between; min-width: 160px; padding: 16px 0; border-bottom: 1px solid #111; font-size: 12px; font-weight: 700; text-transform: uppercase; }

.b-projects { padding: 145px 4vw 160px; background: #11100e; }
.b-projects__head { display: grid; grid-template-columns: .45fr 1.55fr; gap: 6vw; align-items: start; margin-bottom: 88px; }
.b-projects__head h2 { margin: 0; font-size: clamp(63px, 8vw, 126px); font-weight: 300; letter-spacing: -.085em; line-height: .8; }
.b-project-list { border-top: 1px solid var(--b-line); }
.b-project-row { position: relative; display: grid; grid-template-columns: 90px .7fr 1fr 35px; gap: 3vw; align-items: center; min-height: 260px; padding: 26px 0; border-bottom: 1px solid var(--b-line); }
.b-project-row__number { align-self: start; padding-top: 7px; color: var(--b-copper); font-size: 12px; font-weight: 700; }
.b-project-row__image { overflow: hidden; aspect-ratio: 1.55 / 1; background: #29231f; }
.b-project-row__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.4); transition: transform .65s ease, filter .65s; }
.b-project-row:hover img { transform: scale(1.035); filter: saturate(.8); }
.b-project-row__copy small { color: #8a7e74; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.b-project-row__copy h3 { margin: 13px 0 25px; font-size: clamp(35px, 4.1vw, 66px); font-weight: 300; letter-spacing: -.065em; line-height: .91; }
.b-project-row__copy p { margin: 0; color: #81766d; font-size: 12px; }
.b-project-row__arrow { justify-self: end; font-size: 24px; transition: transform .25s; }
.b-project-row:hover .b-project-row__arrow { color: var(--b-copper); transform: translate(4px,-4px); }

.b-method { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; padding: 155px 6vw; color: #17110d; background: linear-gradient(135deg, var(--b-copper-light) 0%, var(--b-copper) 55%, var(--b-copper-deep) 100%); }
.b-method__sticky { align-self: start; }
.b-method .b-label { color: rgba(0,0,0,.57); }
.b-method__sticky h2 { margin: 35px 0 38px; font-size: clamp(52px, 6.4vw, 101px); font-weight: 320; letter-spacing: -.075em; line-height: .9; }
.b-method__sticky h2 em { color: #fff; font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.b-method__sticky > p:last-child { max-width: 460px; margin: 0; font-size: 15px; line-height: 1.7; }
.b-method__steps { border-top: 1px solid rgba(0,0,0,.38); }
.b-method__steps article { display: grid; grid-template-columns: 65px 1fr; gap: 25px; padding: 34px 0 38px; border-bottom: 1px solid rgba(0,0,0,.38); }
.b-method__steps article > b { font-size: 12px; }
.b-method__steps small { color: rgba(0,0,0,.56); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.b-method__steps h3 { margin: 5px 0 14px; font-size: 35px; font-weight: 350; letter-spacing: -.045em; }
.b-method__steps p { max-width: 520px; margin: 0; font-size: 14px; line-height: 1.7; }

.b-about { position: relative; min-height: 850px; overflow: hidden; }
.b-about > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.45) contrast(1.07); }
.b-about__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,8,6,.91), rgba(10,8,6,.48) 66%, rgba(10,8,6,.17)); }
.b-about__copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; min-height: 850px; padding: 110px 8vw; }
.b-about__copy .b-label { color: #b9aea5; }
.b-about__copy h2 { margin: 38px 0 46px; font-size: clamp(66px, 8vw, 132px); font-weight: 300; letter-spacing: -.085em; line-height: .76; }
.b-about__copy h2 em { color: var(--b-copper); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.b-about__copy > p:last-child { max-width: 590px; margin: 0; color: #d1c8c0; font-size: 16px; line-height: 1.78; }
.b-about__mark { position: absolute; z-index: 2; right: 5vw; bottom: 40px; color: transparent; font-size: clamp(115px, 19vw, 310px); font-weight: 800; letter-spacing: -.11em; line-height: .7; -webkit-text-stroke: 1px rgba(255,255,255,.27); }
.b-contact { display: grid; grid-template-columns: 1fr .75fr; gap: 8vw; align-items: end; padding: 140px 6vw 155px; background: #f3efe9; color: #17110d; }
.b-contact h2 { margin: 35px 0 0; font-size: clamp(56px, 7vw, 112px); font-weight: 320; letter-spacing: -.08em; line-height: .88; }
.b-contact > a { display: flex; justify-content: space-between; padding: 24px 0; color: var(--b-copper); border-top: 2px solid var(--b-copper); border-bottom: 2px solid var(--b-copper); font-size: clamp(16px, 1.7vw, 24px); }
.b-footer { display: grid; grid-template-columns: 1.15fr 1fr 1fr auto; gap: 40px; align-items: end; padding: 68px 4vw 38px; background: var(--b-ink); }
.b-footer p, .b-footer > small { margin: 0; color: #786e66; font-size: 12px; line-height: 1.7; }
.b-footer nav { display: flex; gap: 26px; color: #b6aca3; font-size: 12px; }

/* CONCEPT C — PROJE VİTRİNİ */
.concept--portfolio { overflow: hidden; color: var(--c-cream); background: var(--c-ink); }
.c-header {
  position: absolute;
  z-index: 30;
  top: var(--review-height);
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 94px;
  padding: 0 3.5vw;
  color: #fff;
  background: rgba(7,16,12,.66);
  border-bottom: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(12px);
}
.c-logo { display: flex; align-items: center; gap: 12px; width: max-content; }
.c-logo > span { display: grid; place-items: center; width: 42px; height: 42px; color: var(--c-ink); background: var(--c-gold); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-size: 23px; }
.c-logo strong { display: flex; flex-direction: column; font-size: 16px; font-weight: 700; letter-spacing: .13em; line-height: 1; }
.c-logo small { margin-top: 6px; color: #aeb7b1; font-size: 12px; font-weight: 500; letter-spacing: .32em; }
.c-nav { display: flex; align-items: center; gap: clamp(20px, 2.5vw, 42px); }
.c-nav a { color: rgba(255,255,255,.78); font-size: 12px; font-weight: 600; }
.c-nav a:hover { color: var(--c-gold); }
.c-header__contact { justify-self: end; display: flex; align-items: center; gap: 15px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.c-header__contact i { display: grid; place-items: center; width: 42px; height: 42px; color: var(--c-ink); background: var(--c-gold); font-style: normal; }

.c-showcase { display: grid; grid-template-columns: minmax(0, 1.95fr) minmax(390px, 1fr); min-height: calc(100vh - var(--review-height)); padding-top: 94px; background: var(--c-ink); }
.c-stage { position: relative; overflow: hidden; min-height: 680px; background: #15251e; }
.c-stage__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .28s ease, transform .8s cubic-bezier(.2,.65,.2,1); animation: cStageImage 13s ease-out both; }
@keyframes cStageImage { from { transform: scale(1.035); } to { transform: scale(1); } }
.c-stage__image.is-changing { opacity: .22; transform: scale(1.025); }
.c-stage__shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,13,9,.88), rgba(5,13,9,.1) 65%), linear-gradient(90deg, rgba(5,13,9,.38), transparent 55%); }
.c-stage__top { position: absolute; z-index: 2; top: 34px; right: 36px; left: 36px; display: flex; justify-content: space-between; color: rgba(255,255,255,.8); font-size: 12px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.c-stage__top b { color: var(--c-gold); }
.c-stage__copy { position: absolute; z-index: 3; right: 3.5vw; bottom: 52px; left: 3.5vw; display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; }
.c-stage__copy > p { margin: 0; color: #fff; font-size: clamp(52px, 5.7vw, 97px); font-weight: 300; letter-spacing: -.075em; line-height: .84; }
.c-stage__copy > p em { color: var(--c-gold); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.c-stage__copy > div { min-width: 245px; padding: 21px 0 3px 22px; border-left: 2px solid var(--c-gold); }
.c-stage__status { color: var(--c-gold); font-size: 12px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.c-stage__title { margin: 12px 0 8px; font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-size: clamp(27px, 2.8vw, 46px); font-weight: 400; letter-spacing: -.04em; }
.c-stage__meta { color: rgba(255,255,255,.67); font-size: 12px; }
.c-stage__corner { position: absolute; z-index: 2; top: 50%; left: -11px; color: transparent; font-size: clamp(110px, 13vw, 220px); font-weight: 800; line-height: .7; transform: translateY(-50%) rotate(-90deg); -webkit-text-stroke: 1px rgba(255,255,255,.22); }

.c-showcase__mosaic { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: .72fr 1fr 1fr; min-height: 680px; border-left: 1px solid rgba(255,255,255,.2); }
.c-mosaic-card { position: relative; overflow: hidden; min-height: 0; padding: 0; border: 0; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); color: #fff; background: #1a2b23; cursor: pointer; text-align: left; }
.c-mosaic-card:first-child { grid-column: span 2; }
.c-mosaic-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.5) brightness(.72); transition: transform .65s ease, filter .65s ease; }
.c-mosaic-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,13,9,.88), transparent 62%); }
.c-mosaic-card:hover img, .c-mosaic-card.is-active img { filter: saturate(.85) brightness(.82); transform: scale(1.035); }
.c-mosaic-card.is-active::before { content: ""; position: absolute; z-index: 3; top: 0; right: 0; left: 0; height: 4px; background: var(--c-gold); }
.c-mosaic-card > span { position: absolute; z-index: 2; right: 17px; bottom: 16px; left: 17px; display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; align-items: center; }
.c-mosaic-card > span b { grid-row: 1 / span 2; color: var(--c-gold); font-size: 12px; }
.c-mosaic-card > span small { color: rgba(255,255,255,.62); font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.c-mosaic-card > span strong { overflow: hidden; font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-size: clamp(16px, 1.25vw, 22px); font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }

.c-eyebrow { margin: 0; color: #7b877f; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.c-intro { padding: 150px 7vw 165px; color: #111611; background: var(--c-cream); }
.c-intro h2 { max-width: 1320px; margin: 38px 0 55px; font-size: clamp(55px, 7vw, 112px); font-weight: 320; letter-spacing: -.075em; line-height: .91; }
.c-intro h2 em { color: var(--c-green-light); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.c-intro > p:last-child { max-width: 680px; margin: 0 0 0 auto; color: #5d645f; font-size: 17px; line-height: 1.78; }

.c-projects { padding: 145px 4vw 165px; color: #101511; background: #f7f5ef; }
.c-projects__head { display: grid; grid-template-columns: .42fr 1.1fr .48fr; gap: 4vw; align-items: end; margin-bottom: 80px; }
.c-projects__head h2 { margin: 0; font-size: clamp(56px, 6.8vw, 108px); font-weight: 320; letter-spacing: -.075em; line-height: .88; }
.c-projects__legend { display: flex; flex-direction: column; gap: 12px; color: #68716b; font-size: 12px; }
.c-projects__legend span { display: flex; align-items: center; gap: 10px; }
.c-projects__legend i { width: 8px; height: 8px; background: var(--c-gold); border-radius: 50%; }
.c-projects__legend span:nth-child(2) i { background: var(--c-green-light); }
.c-projects__legend span:nth-child(3) i { background: #171d19; }
.c-project-wall { display: grid; grid-template-columns: repeat(12, 1fr); gap: 72px 25px; }
.c-wall-card { grid-column: span 5; }
.c-wall-card--wide { grid-column: span 7; }
.c-wall-card--full { grid-column: 2 / span 10; }
.c-wall-card figure { position: relative; overflow: hidden; margin: 0; aspect-ratio: 1.1 / 1; background: #d8d8cf; }
.c-wall-card--wide figure { aspect-ratio: 1.48 / 1; }
.c-wall-card--full figure { aspect-ratio: 2.25 / 1; }
.c-wall-card figure img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.75); transition: transform .7s cubic-bezier(.2,.65,.2,1), filter .7s; }
.c-wall-card:hover figure img { filter: saturate(1); transform: scale(1.025); }
.c-wall-card figcaption { position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 40px; height: 40px; color: var(--c-ink); background: var(--c-gold); font-size: 12px; font-weight: 700; }
.c-wall-card > div { position: relative; padding: 22px 55px 0 0; }
.c-wall-card > div span { color: var(--c-green-light); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.c-wall-card h3 { margin: 10px 0 6px; font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-size: clamp(29px, 3vw, 49px); font-weight: 400; letter-spacing: -.045em; }
.c-wall-card p { margin: 0; color: #777e79; font-size: 12px; }
.c-wall-card a { position: absolute; right: 0; bottom: 3px; display: grid; place-items: center; width: 40px; height: 40px; color: #fff; background: var(--c-green); font-size: 18px; transition: background .25s, transform .25s; }
.c-wall-card a:hover { background: var(--c-gold); transform: translate(3px,-3px); }

.c-proof { display: grid; grid-template-columns: 1fr .92fr; gap: 8vw; padding: 150px 7vw; background: var(--c-green); }
.c-proof__statement h2 { margin: 38px 0 0; font-size: clamp(59px, 7vw, 112px); font-weight: 300; letter-spacing: -.08em; line-height: .83; }
.c-proof__statement h2 em { color: var(--c-gold); font-family: "Iowan Old Style", "Baskerville", Georgia, serif; font-weight: 400; }
.c-proof__phases { align-self: end; border-top: 1px solid var(--c-line); }
.c-proof__phases a { display: grid; grid-template-columns: 50px 1fr 25px; gap: 20px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--c-line); }
.c-proof__phases a b { color: var(--c-gold); font-size: 12px; }
.c-proof__phases a span { font-size: clamp(19px, 2vw, 29px); font-weight: 350; }
.c-proof__phases a i { font-style: normal; transition: transform .25s; }
.c-proof__phases a:hover i { color: var(--c-gold); transform: translate(3px,-3px); }

.c-about { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 730px; color: #111611; background: var(--c-cream); }
.c-about__copy { display: flex; flex-direction: column; justify-content: center; padding: 90px 6vw; }
.c-about__copy h2 { margin: 35px 0 42px; font-size: clamp(48px, 5.8vw, 92px); font-weight: 320; letter-spacing: -.075em; line-height: .91; }
.c-about__copy > p:not(.c-eyebrow) { max-width: 600px; margin: 0 0 20px; color: #5d645f; font-size: 16px; line-height: 1.75; }
.c-about__image { position: relative; overflow: hidden; margin: 0; min-height: 650px; }
.c-about__image img { width: 100%; height: 100%; object-fit: cover; }
.c-about__image figcaption { position: absolute; right: 0; bottom: 0; padding: 19px 23px; color: var(--c-ink); background: var(--c-gold); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.c-contact { padding: 135px 7vw 150px; background: #0c1712; }
.c-contact h2 { margin: 45px 0 75px; font-size: clamp(58px, 7.8vw, 125px); font-weight: 300; letter-spacing: -.085em; line-height: .84; }
.c-contact > a { display: flex; justify-content: space-between; max-width: 690px; padding: 24px 0; color: var(--c-gold); border-top: 1px solid var(--c-gold); border-bottom: 1px solid var(--c-gold); font-size: clamp(17px, 1.8vw, 25px); }
.c-contact > a i { font-style: normal; }
.c-footer { display: grid; grid-template-columns: 1.15fr 1fr 1fr auto; gap: 40px; align-items: end; padding: 68px 3.5vw 38px; color: #fff; background: #07100c; border-top: 1px solid rgba(255,255,255,.12); }
.c-footer p, .c-footer > small { margin: 0; color: #77827b; font-size: 12px; line-height: 1.7; }
.c-footer nav { display: flex; gap: 26px; color: #b2b9b4; font-size: 12px; }

@media (max-width: 1100px) {
  .review-bar__title span { display: none; }
  .a-header, .b-header { grid-template-columns: 1fr auto; }
  .a-nav, .b-nav { position: absolute; top: 94px; right: 0; left: 0; display: none; flex-direction: column; gap: 0; padding: 22px 3.8vw 28px; color: #fff; background: rgba(15,17,15,.98); border-top: 1px solid rgba(255,255,255,.14); }
  .b-nav { top: 96px; background: rgba(13,11,9,.98); }
  .a-nav.is-open, .b-nav.is-open { display: flex; }
  .a-nav > a, .a-nav__projects > a, .b-nav a { display: block; padding: 16px 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 16px; }
  .a-nav__drop { position: static; display: grid; width: 100%; padding: 0 0 8px 18px; visibility: visible; opacity: 1; transform: none; }
  .a-header__contact, .b-header__link { display: none; }
  .nav-toggle { justify-self: end; display: flex; flex-direction: column; justify-content: center; gap: 7px; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; cursor: pointer; }
  .nav-toggle span { display: block; width: 24px; height: 1px; background: #111; transition: .25s; }
  .nav-toggle--light span { background: #fff; }
  .nav-toggle.is-open span:first-child { transform: translateY(4px) rotate(45deg); }
  .nav-toggle.is-open span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .a-hero { grid-template-columns: 1fr 1fr; }
  .a-hero h1 { font-size: clamp(47px, 6vw, 72px); }
  .a-hero__lead { grid-template-columns: 1fr; }
  .a-projects__head { grid-template-columns: .42fr 1.1fr; }
  .a-projects__head > p { grid-column: 2; }
  .a-project-grid { grid-template-columns: 1fr 1fr; }
  .a-project-card--hero { grid-row: auto; }
  .a-project-card--hero .a-project-card__image { aspect-ratio: 1.33 / 1; }
  .b-hero__statement { right: 5vw; }
}

@media (max-width: 760px) {
  :root { --review-height: 116px; }
  .review-bar { align-items: stretch; flex-direction: column; height: var(--review-height); padding: 13px 14px 11px; }
  .review-bar__title { justify-content: center; }
  .review-bar__switch { width: 100%; }
  .review-choice { flex: 1; justify-content: center; min-width: 0; padding: 9px 7px; }
  .review-choice span { font-size: 12px; }
  .a-header, .b-header { height: 76px; padding: 0 20px; }
  .a-nav, .b-nav { top: 76px; padding: 18px 20px 24px; }
  .a-logo strong { font-size: 22px; }

  .a-hero { display: flex; flex-direction: column; padding-top: 76px; }
  .a-hero__copy { order: 2; padding: 65px 22px 115px; }
  .a-hero__visual { order: 1; min-height: 410px; }
  .a-hero__visual figcaption { min-width: 218px; padding: 17px 19px; }
  .a-hero h1 { margin: 30px 0 37px; font-size: 47px; }
  .a-hero h1 br { display: none; }
  .a-hero__rail { bottom: 31px; left: 22px; }
  .a-hero__rail i { width: 18px; }
  .a-hero__word { bottom: 18px; left: 2px; font-size: 120px; }
  .a-manifest { grid-template-columns: 1fr; padding: 95px 22px 105px; }
  .a-manifest .a-section-id { grid-row: auto; }
  .a-manifest h2 { font-size: 49px; }
  .a-manifest h2 br { display: none; }
  .a-manifest__text { grid-template-columns: 1fr; gap: 36px; }
  .a-manifest__text a { justify-self: start; }
  .a-projects { padding: 95px 22px 105px; }
  .a-projects__head { grid-template-columns: 1fr; }
  .a-projects__head > p { grid-column: auto; }
  .a-projects__head h2 { font-size: 72px; }
  .a-project-filter { gap: 24px; margin-top: 65px; overflow-x: auto; }
  .a-project-grid { grid-template-columns: 1fr; gap: 54px; }
  .a-project-card__image, .a-project-card--hero .a-project-card__image { aspect-ratio: 1.02 / 1; }
  .a-project-card__info { grid-template-columns: 1fr; }
  .a-project-card__info p { text-align: left; }
  .a-principles { grid-template-columns: 1fr; padding: 95px 22px; }
  .a-principles__title h2 { font-size: 52px; }
  .a-principles__list article { grid-template-columns: 38px 1fr; }
  .a-principles__list p { grid-column: 2; }
  .a-about { grid-template-columns: 1fr; }
  .a-about__visual { min-height: 430px; }
  .a-about__copy { padding: 90px 22px 100px; }
  .a-about__copy h2 { font-size: 48px; }
  .a-contact { padding: 95px 22px 105px; }
  .a-contact h2 { margin: 44px 0 60px; font-size: 56px; }
  .a-footer { grid-template-columns: 1fr; gap: 30px; padding: 55px 22px 35px; }

  .b-hero { min-height: 900px; }
  .b-hero__grid { top: 76px; right: 18px; bottom: 235px; left: 18px; }
  .b-hero__aside { top: 120px; bottom: 255px; left: 19px; }
  .b-hero__copy { justify-content: flex-start; min-height: 900px; padding: 160px 32px 260px 55px; }
  .b-hero h1 { margin-top: 26px; font-size: 67px; line-height: .75; }
  .b-hero__statement { right: 28px; bottom: 252px; width: 245px; }
  .b-hero__chooser { grid-template-columns: repeat(3,1fr); min-height: 218px; }
  .b-hero__chooser button { align-items: flex-start; flex-direction: column; justify-content: center; gap: 10px; padding: 22px 13px; }
  .b-hero__chooser span { font-size: 12px; }
  .b-hero__chooser > a { grid-column: span 3; padding: 18px 20px; }
  .b-intro { grid-template-columns: 1fr; padding: 100px 22px 110px; }
  .b-intro .b-label { grid-row: auto; }
  .b-intro h2 { font-size: 55px; }
  .b-intro > div { grid-template-columns: 1fr; gap: 36px; }
  .b-intro > div a { justify-self: start; }
  .b-projects { padding: 95px 22px 105px; }
  .b-projects__head { grid-template-columns: 1fr; gap: 30px; }
  .b-projects__head h2 { font-size: 72px; }
  .b-project-row { grid-template-columns: 38px 1fr 24px; gap: 15px; padding: 35px 0; }
  .b-project-row__image { grid-column: 2 / span 2; grid-row: 1; margin-left: 0; }
  .b-project-row__number { grid-column: 1; grid-row: 1; }
  .b-project-row__copy { grid-column: 2 / span 2; }
  .b-project-row__copy h3 { font-size: 42px; }
  .b-project-row__arrow { grid-column: 3; grid-row: 2; align-self: end; }
  .b-method { grid-template-columns: 1fr; padding: 100px 22px; }
  .b-method__sticky h2 { font-size: 55px; }
  .b-about, .b-about__copy { min-height: 780px; }
  .b-about__copy { padding: 90px 28px; }
  .b-about__copy h2 { font-size: 68px; }
  .b-about__mark { bottom: 23px; font-size: 124px; }
  .b-contact { grid-template-columns: 1fr; padding: 100px 22px 110px; }
  .b-contact h2 { font-size: 56px; }
  .b-footer { grid-template-columns: 1fr; gap: 30px; padding: 55px 22px 35px; }
}

@media (max-width: 1100px) {
  .c-header { grid-template-columns: 1fr auto; }
  .c-nav { position: absolute; top: 94px; right: 0; left: 0; display: none; flex-direction: column; gap: 0; padding: 22px 3.8vw 28px; background: rgba(7,16,12,.98); border-top: 1px solid rgba(255,255,255,.14); }
  .c-nav.is-open { display: flex; }
  .c-nav a { display: block; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 15px; }
  .c-header__contact { display: none; }
  .c-showcase { grid-template-columns: minmax(0, 1.55fr) 360px; }
  .c-stage__copy { grid-template-columns: 1fr; }
  .c-stage__copy > p { font-size: clamp(54px, 7vw, 75px); }
  .c-stage__copy > div { width: 270px; }
  .c-projects__head { grid-template-columns: .4fr 1.2fr; }
  .c-projects__legend { grid-column: 2; flex-direction: row; flex-wrap: wrap; margin-top: 10px; }
}

@media (max-width: 760px) {
  .c-header { height: 76px; padding: 0 20px; }
  .c-nav { top: 76px; padding: 18px 20px 24px; }
  .c-logo > span { width: 36px; height: 36px; font-size: 20px; }
  .c-logo strong { font-size: 14px; }
  .c-logo small { font-size: 10px; }
  .c-showcase { display: block; padding-top: 76px; }
  .c-stage { min-height: 650px; }
  .c-stage__top { top: 24px; right: 22px; left: 22px; }
  .c-stage__copy { right: 22px; bottom: 42px; left: 22px; gap: 34px; }
  .c-stage__copy > p { font-size: 56px; }
  .c-stage__copy > div { width: 245px; min-width: 0; }
  .c-stage__title { font-size: 32px; }
  .c-stage__corner { display: none; }
  .c-showcase__mosaic { display: flex; min-height: 0; height: 205px; overflow-x: auto; border-top: 1px solid rgba(255,255,255,.2); border-left: 0; }
  .c-mosaic-card, .c-mosaic-card:first-child { flex: 0 0 220px; grid-column: auto; }
  .c-mosaic-card > span strong { font-size: 17px; }
  .c-intro { padding: 100px 22px 110px; }
  .c-intro h2 { margin: 32px 0 45px; font-size: 54px; }
  .c-intro h2 br { display: none; }
  .c-intro > p:last-child { margin-left: 0; }
  .c-projects { padding: 95px 22px 110px; }
  .c-projects__head { grid-template-columns: 1fr; gap: 27px; margin-bottom: 60px; }
  .c-projects__head h2 { font-size: 55px; }
  .c-projects__legend { grid-column: auto; flex-direction: column; }
  .c-project-wall { grid-template-columns: 1fr; gap: 55px; }
  .c-wall-card, .c-wall-card--wide, .c-wall-card--full { grid-column: auto; }
  .c-wall-card figure, .c-wall-card--wide figure, .c-wall-card--full figure { aspect-ratio: 1.1 / 1; }
  .c-wall-card h3 { font-size: 36px; }
  .c-proof { grid-template-columns: 1fr; gap: 70px; padding: 100px 22px; }
  .c-proof__statement h2 { font-size: 61px; }
  .c-about { grid-template-columns: 1fr; }
  .c-about__copy { padding: 95px 22px 105px; }
  .c-about__copy h2 { font-size: 52px; }
  .c-about__image { min-height: 430px; }
  .c-contact { padding: 100px 22px 110px; }
  .c-contact h2 { font-size: 59px; }
  .c-footer { grid-template-columns: 1fr; gap: 30px; padding: 55px 22px 35px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}