/* BLUESTUDIO — shared editorial refinement */
:root {
  --editorial-bg: #0b0c0c;
  --editorial-panel: #111211;
  --editorial-text: #eee9df;
  --editorial-muted: rgba(238, 233, 223, 0.61);
  --editorial-line: rgba(238, 233, 223, 0.16);
  --editorial-accent: #c99a72;
  --editorial-serif: "Cormorant Garamond", Georgia, serif;
  --editorial-sans: "Aeonik", "Inter", Arial, sans-serif;
  --editorial-max: 1280px;
  --editorial-gutter: clamp(22px, 4vw, 56px);
}

html { scroll-behavior: smooth; }

body.home-page,
body.projects-page,
body.about-page,
body.contact-page {
  margin: 0;
  background: var(--editorial-bg);
  color: var(--editorial-text);
  font-family: var(--editorial-sans);
  -webkit-font-smoothing: antialiased;
}

body.projects-page::before,
body.about-page::before,
body.contact-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9990;
  pointer-events: none;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

::selection { background: var(--editorial-accent); color: #101010; }

.editorial-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10020;
  width: 100%;
  height: 2px;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: left;
  background: var(--editorial-accent);
}

.brand-transition {
  position: fixed;
  inset: 0;
  z-index: 10040;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  background: #050606;
  transition: opacity .32s ease, visibility 0s linear .32s;
}

.brand-transition__mark {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 0;
  padding-bottom: 0;
  opacity: 0;
  transform: scale(.91);
  filter: blur(7px);
  transition: opacity .48s ease .24s, transform .78s cubic-bezier(.16, 1, .3, 1) .2s, filter .58s ease .2s;
}

.brand-transition__mark img {
  width: clamp(116px, 11vw, 176px);
  height: auto;
  display: block;
  filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .28));
}

.brand-transition__mark::after {
  display: none;
}

.brand-transition.is-active {
  opacity: 1 !important;
  visibility: visible;
  pointer-events: auto;
  transition: none;
}

.brand-transition.is-active .brand-transition__mark {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
}

.brand-transition.is-active .brand-transition__mark::after {
  display: none;
}

.brand-transition.is-active:not(.is-arriving) .brand-transition__mark {
  animation: brand-mark-in .62s cubic-bezier(.16, 1, .3, 1) .08s both;
}

.brand-transition.is-active.is-arriving .brand-transition__mark {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  transition: none;
}

.brand-transition.is-arriving:not(.is-active) .brand-transition__mark {
  transform: scale(1.045);
}

.brand-transition.is-arriving { transition: opacity .62s ease, visibility 0s linear .62s; }

@keyframes brand-mark-in {
  from { opacity: 0; transform: scale(.91); filter: blur(7px); }
  to { opacity: 1; transform: scale(1); filter: blur(0); }
}

html.brand-arrival-pending::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10039;
  background: #060707;
}

[data-editorial-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .75s ease, transform .9s cubic-bezier(.2,.8,.2,1);
}

[data-editorial-reveal].is-visible { opacity: 1; transform: none; }

/* Shared navigation */
.navbar,
.home-navbar {
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  z-index: 200 !important;
  width: min(calc(100% - (var(--editorial-gutter) * 2)), var(--editorial-max)) !important;
  height: 82px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(238,233,223,.18) !important;
  background: transparent !important;
}

.navbar .logo,
.home-navbar .logo {
  color: var(--editorial-text) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .22em !important;
}

.navbar .center-logo { width: 48px !important; height: auto !important; justify-self: center; opacity: .9; }

.navbar .nav-links,
.home-navbar .nav-links {
  position: static !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: clamp(16px, 2.1vw, 30px) !important;
  transform: none !important;
  grid-column: 3;
}

.navbar .nav-links > a:not(.orbit-link),
.home-navbar .nav-links > a:not(.orbit-link) {
  position: relative;
  padding: 8px 0 !important;
  color: rgba(238,233,223,.72) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.navbar .nav-links > a:not(.orbit-link)::after,
.home-navbar .nav-links > a:not(.orbit-link)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 1px;
  transform: scaleX(0);
  transform-origin: right;
  background: currentColor;
  transition: transform .3s ease;
}

.navbar .nav-links > a:hover::after,
.home-navbar .nav-links > a:hover::after,
.navbar .nav-links > a[aria-current="page"]::after,
.home-navbar .nav-links > a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.mini-globe-link {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  pointer-events: none;
}

.mini-globe {
  position: relative;
  width: 38px;
  height: 38px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(238, 233, 223, .2);
  border-radius: 50%;
  background: #0a1b27;
  box-shadow: inset -9px -4px 14px rgba(0,0,0,.78), 0 0 18px rgba(126,168,186,.08);
}

.mini-globe__map {
  position: absolute;
  inset: 0;
  width: 210%;
  background: url("../assets/earth/earth-day-4k.webp") 0 50% / auto 100% repeat-x;
  animation: mini-globe-spin 20s linear infinite;
  filter: saturate(.58) brightness(.67) contrast(1.15);
}

@keyframes mini-globe-spin { to { transform: translateX(-50%); } }

/* Fixed contact rail */
.side-contact {
  position: fixed !important;
  top: 50% !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 800 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 5px !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(238,233,223,.12) !important;
  border-radius: 40px !important;
  background: rgba(10,11,11,.62) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.25) !important;
  backdrop-filter: blur(14px) !important;
}

.side-contact .side-link {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: rgba(238,233,223,.65) !important;
  transition: color .25s ease, background .25s ease !important;
}

.side-contact .side-link:hover { color: var(--editorial-text) !important; background: rgba(238,233,223,.08) !important; }
.side-contact .side-link svg { width: 14px !important; height: 14px !important; }
.side-contact .side-language { font-size: 9px !important; letter-spacing: .04em; }

/* Home — existing opening film remains the lead */
.home-page { overflow: hidden; }
.home-page .home-intro { z-index: 10030; background: #0a0b0b; }
.home-page .home-intro img { width: min(28vw, 190px); }
.home-page .hero { min-height: 100svh; background: #090a0a; }
.home-page .hero-video { filter: saturate(.78) contrast(1.05) brightness(.72); }
.home-page .hero-overlay {
  background:
    linear-gradient(180deg, rgba(7,8,8,.42), rgba(7,8,8,.12) 45%, rgba(7,8,8,.78)),
    linear-gradient(90deg, rgba(7,8,8,.46), transparent 50%, rgba(7,8,8,.3));
}
.home-page .hero-grain { opacity: .08; }
.home-page .hero-glow { opacity: .18; }

.home-navbar { color: var(--editorial-text); }
.home-navbar .nav-links { grid-column: 3; }

.home-page .hero-content {
  top: auto !important;
  bottom: clamp(58px, 8vh, 104px) !important;
  left: 50% !important;
  width: min(calc(100% - (var(--editorial-gutter) * 2)), var(--editorial-max)) !important;
  max-width: none !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  text-align: left !important;
}

.home-page .hero-brand-lockup {
  width: min(100%, 640px);
  margin-inline: auto;
  display: grid;
  justify-items: center;
  text-align: center;
}

.home-page .hero-logo {
  width: clamp(108px, 9vw, 142px) !important;
  margin: 0 0 clamp(24px, 3vh, 34px) !important;
}

.home-page .hero-sub {
  max-width: 590px !important;
  margin: 0 0 clamp(24px, 3vh, 32px) !important;
  color: rgba(238,233,223,.78) !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.58 !important;
  letter-spacing: .045em !important;
  text-wrap: balance;
}

.home-page .hero-brand-lockup .home-project-cta {
  margin-inline: auto;
}
.home-index {
  position: absolute;
  right: 0;
  bottom: 2px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 28px;
  color: rgba(238,233,223,.5);
  font-size: 8px;
  line-height: 1.5;
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* Work index */
.projects-page { padding-top: 0 !important; }
.projects-page .navbar {
  position: relative !important;
  width: calc(100% - 96px) !important;
  max-width: none !important;
}
.projects-page .navbar .nav-links { justify-self: end !important; }
.projects-grid {
  width: min(calc(100% - (var(--editorial-gutter) * 2)), 1560px) !important;
  margin: 0 auto !important;
  padding: clamp(18px, 2.5vw, 38px) 0 clamp(78px, 8vw, 118px) !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: start;
  gap: clamp(12px, 1.15vw, 18px) !important;
}

.projects-grid::before { display: none !important; }

.projects-grid .project {
  position: relative !important;
  grid-column: span 6 !important;
  min-width: 0;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border: 1px solid rgba(238, 233, 223, .08);
  border-radius: 10px !important;
  background: #151615;
  box-shadow: 0 22px 50px rgba(0, 0, 0, .2) !important;
  animation: none !important;
}

.projects-grid .project--tranquility-base img {
  object-position: 50% 48% !important;
}

.projects-grid .project--tranquility-base .project-overlay h2 {
  max-width: 920px;
}

.projects-grid .project img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.01) !important;
  filter: saturate(.84) contrast(1.03) brightness(.88) !important;
  transition: transform 1s cubic-bezier(.16, 1, .3, 1), filter .65s ease !important;
}
.projects-grid .project::before { display: none !important; }
.projects-grid .project::after {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 6;
  display: grid !important;
  place-items: center;
  width: 35px;
  height: 35px;
  content: attr(data-project-index);
  color: rgba(238, 233, 223, .86);
  background: rgba(6, 7, 7, .26);
  border: 1px solid rgba(238, 233, 223, .3);
  border-radius: 50%;
  backdrop-filter: blur(8px);
  font-size: 8px;
  letter-spacing: .08em;
}
.projects-grid .project-overlay {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 4 !important;
  padding: clamp(22px, 3vw, 42px) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  text-align: left !important;
  background: linear-gradient(180deg, transparent 50%, rgba(5, 6, 6, .8)) !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  transition: opacity .45s ease, background .55s ease, backdrop-filter .55s ease !important;
}
.projects-grid .project-overlay > div {
  transform: translateY(0) !important;
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), opacity .4s ease !important;
}
.projects-grid .project-overlay h2 {
  margin: 0 0 8px !important;
  color: var(--editorial-text) !important;
  font-family: var(--editorial-sans) !important;
  font-size: clamp(28px, 3vw, 46px) !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
  line-height: .95 !important;
  transform: none !important;
}
.projects-grid .project-overlay p {
  margin: 0 !important;
  color: rgba(238, 233, 223, .67) !important;
  font-size: clamp(9px, .85vw, 12px) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .projects-grid .project-overlay {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: rgba(25, 13, 8, .08) !important;
    opacity: 0 !important;
  }
  .projects-grid .project-overlay > div { transform: translateY(18px) scale(.98) !important; }
  .projects-grid .project:hover img {
    transform: scale(1.045) !important;
    filter: blur(2px) saturate(.74) brightness(.46) !important;
  }
  .projects-grid .project:hover .project-overlay {
    opacity: 1 !important;
    background: rgba(20, 10, 6, .36) !important;
    backdrop-filter: blur(3px) !important;
  }
  .projects-grid .project:hover .project-overlay > div { transform: translateY(0) scale(1) !important; }
}

@media (max-width: 1050px) and (min-width: 701px) {
  .projects-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .projects-grid .project {
    grid-column: auto !important;
    aspect-ratio: 4 / 3 !important;
  }
}

.seo-services {
  margin: 0 !important;
  padding: clamp(80px, 10vw, 140px) var(--editorial-gutter) !important;
  border-top: 1px solid var(--editorial-line) !important;
  background: #0e0f0f !important;
}
.seo-services__inner { width: min(100%, 880px) !important; margin: 0 auto !important; }
.seo-services__eyebrow { color: var(--editorial-accent) !important; font-size: 9px !important; letter-spacing: .18em !important; }
.seo-services h2 { max-width: 820px !important; margin: 22px 0 !important; color: var(--editorial-text) !important; font-family: var(--editorial-serif) !important; font-size: clamp(38px, 5.3vw, 72px) !important; font-weight: 400 !important; letter-spacing: -.035em !important; line-height: .98 !important; }
.seo-services__text { max-width: 650px !important; color: var(--editorial-muted) !important; font-size: 14px !important; line-height: 1.75 !important; }
.seo-services__tags { gap: 8px !important; margin-top: 32px !important; }
.seo-services__tags span { padding: 9px 13px !important; border: 1px solid var(--editorial-line) !important; border-radius: 99px !important; background: transparent !important; color: var(--editorial-muted) !important; font-size: 8px !important; letter-spacing: .1em !important; }

/* About */
.about-page .navbar { position: absolute !important; }
.about-hero {
  min-height: 94svh !important;
  padding: 148px var(--editorial-gutter) 88px !important;
  display: flex !important;
  align-items: center !important;
  background: #0b0c0c !important;
}
.about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 9, 9, .94), rgba(8, 9, 9, .54) 52%, rgba(8, 9, 9, .72)),
    linear-gradient(0deg, rgba(8, 9, 9, .56), transparent 42%);
  pointer-events: none;
}
.about-hero-video { inset: 0 !important; opacity: .52 !important; }
.about-hero-video video { filter: saturate(.62) contrast(1.08) brightness(.68) !important; }
.about-hero-content {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, var(--editorial-max)) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(450px, 1fr) minmax(460px, 1.05fr) !important;
  gap: 28px clamp(54px, 7vw, 112px) !important;
  align-items: start !important;
}
.about-kicker {
  grid-column: 1 / -1;
  margin: 0 0 12px !important;
  color: var(--editorial-accent) !important;
  font-size: 9px !important;
  letter-spacing: .2em !important;
}
.about-title { margin: 0 !important; align-self: start; }
.about-title-bold {
  display: block;
  max-width: 650px;
  color: var(--editorial-text) !important;
  font-family: var(--editorial-sans) !important;
  font-size: clamp(58px, 5.8vw, 88px) !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
  line-height: .94 !important;
}
html[lang="tr"] .about-title-bold { font-size: clamp(54px, 5.35vw, 80px) !important; }
.about-long-text {
  max-width: 690px !important;
  margin: 0 !important;
  padding-left: clamp(22px, 2.6vw, 38px) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px 30px !important;
  columns: 1 !important;
  border-left: 1px solid rgba(201, 154, 114, .5);
  align-self: start;
}
.about-long-text p {
  margin: 0 !important;
  color: rgba(238, 233, 223, .63) !important;
  font-size: 12px !important;
  line-height: 1.72 !important;
  text-wrap: pretty;
}
.about-long-text p:first-child {
  grid-column: 1 / -1;
  max-width: 630px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(238, 233, 223, .13);
  color: rgba(238, 233, 223, .93) !important;
  font-family: var(--editorial-sans) !important;
  font-size: clamp(18px, 1.45vw, 22px) !important;
  font-weight: 400;
  letter-spacing: -.012em;
  line-height: 1.52 !important;
}

.about-slider-section { width: min(calc(100% - (var(--editorial-gutter) * 2)), var(--editorial-max)) !important; margin: 0 auto !important; padding: clamp(90px, 11vw, 150px) 0 !important; }
.about-slider-head { padding: 0 0 20px !important; border-bottom: 1px solid var(--editorial-line) !important; color: var(--editorial-muted) !important; }
.about-slider { margin-top: 30px !important; }
.about-track { align-items: stretch; }
.about-panel { min-height: 570px !important; display: grid !important; grid-template-columns: 1.12fr .88fr !important; background: #111211 !important; border: 1px solid var(--editorial-line) !important; }
.about-panel-media { min-height: 570px !important; }
.about-panel-media video { filter: saturate(.76) contrast(1.02) !important; }
.about-panel-content { padding: clamp(34px, 5vw, 70px) !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.about-panel-label { color: var(--editorial-accent) !important; font-size: 8px !important; letter-spacing: .18em !important; }
.about-panel-content h2 { margin: 18px 0 24px !important; color: var(--editorial-text) !important; font-family: var(--editorial-sans) !important; font-size: clamp(38px, 4.6vw, 64px) !important; font-weight: 500 !important; letter-spacing: -.045em !important; line-height: .94 !important; }
.about-panel-content h2 em { color: rgba(238,233,223,.58) !important; font-weight: 500 !important; font-style: normal !important; }
.about-panel-content > p:not(.about-panel-label) { max-width: 510px !important; color: var(--editorial-muted) !important; font-size: 13px !important; line-height: 1.7 !important; }
.about-tags span, .about-list span { border-color: var(--editorial-line) !important; background: transparent !important; color: var(--editorial-muted) !important; }
.about-steps > div { border-color: var(--editorial-line) !important; }
.about-arrow { width: 40px !important; height: 40px !important; border: 1px solid var(--editorial-line) !important; border-radius: 50% !important; background: rgba(10,11,11,.7) !important; color: var(--editorial-text) !important; }
.about-prev { left: 18px !important; }
.about-next { right: 18px !important; }
.about-dots { margin-top: 23px !important; }

/* Contact */
.contact-page .navbar { position: relative !important; }
.contact-shell { width: min(calc(100% - (var(--editorial-gutter) * 2)), var(--editorial-max)) !important; margin: 0 auto !important; padding: clamp(78px, 10vw, 136px) 0 110px !important; }
.contact-hero { padding: 0 0 clamp(60px, 9vw, 118px) !important; border-bottom: 1px solid var(--editorial-line) !important; }
.contact-kicker { color: var(--editorial-accent) !important; font-size: 9px !important; letter-spacing: .18em !important; }
.contact-hero h1 { max-width: 950px !important; margin: 22px 0 !important; color: var(--editorial-text) !important; font-family: var(--editorial-serif) !important; font-size: clamp(56px, 8vw, 108px) !important; font-weight: 400 !important; letter-spacing: -.05em !important; line-height: .84 !important; }
.contact-hero > p { max-width: 530px !important; margin: 0 0 0 auto !important; color: var(--editorial-muted) !important; font-size: 15px !important; line-height: 1.7 !important; }
.contact-grid { padding: clamp(62px, 8vw, 104px) 0 0 !important; display: grid !important; grid-template-columns: .72fr 1.28fr !important; gap: clamp(44px, 8vw, 118px) !important; }
.contact-side { padding: 0 !important; background: transparent !important; border: 0 !important; }
.contact-side-label { color: var(--editorial-accent) !important; font-size: 8px !important; letter-spacing: .18em !important; }
.contact-side h2 { margin: 18px 0 !important; color: var(--editorial-text) !important; font-family: var(--editorial-serif) !important; font-size: clamp(38px, 4.3vw, 59px) !important; font-weight: 400 !important; letter-spacing: -.035em !important; line-height: .95 !important; }
.contact-side p, .contact-side-small { color: var(--editorial-muted) !important; font-size: 12px !important; line-height: 1.7 !important; }
.contact-side-line { background: var(--editorial-line) !important; }
.contact-direct__item { padding: 15px 0 !important; border-color: var(--editorial-line) !important; }
.contact-direct__label { color: var(--editorial-accent) !important; font-size: 8px !important; }
.contact-direct__item strong { color: var(--editorial-text) !important; font-size: 11px !important; font-weight: 400 !important; }
.contact-form-card { padding: clamp(30px, 5vw, 60px) !important; border: 1px solid var(--editorial-line) !important; border-radius: 0 !important; background: #111211 !important; box-shadow: none !important; }
.contact-form { gap: 28px !important; }
.form-field label { color: rgba(238,233,223,.58) !important; font-size: 9px !important; letter-spacing: .12em !important; }
.form-field input, .form-field textarea { padding: 12px 0 !important; border-width: 0 0 1px !important; border-color: var(--editorial-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--editorial-text) !important; }
.form-field input:focus, .form-field textarea:focus { border-color: var(--editorial-accent) !important; box-shadow: none !important; outline: none !important; }
.contact-submit { min-height: 52px !important; margin-top: 8px !important; padding: 0 18px !important; border: 1px solid rgba(238,233,223,.32) !important; border-radius: 0 !important; background: transparent !important; color: var(--editorial-text) !important; font-size: 10px !important; letter-spacing: .15em !important; }
.contact-submit:hover { background: var(--editorial-text) !important; color: #101010 !important; }

/* Shared footer */
.site-footer { margin: 0 !important; padding: clamp(80px, 10vw, 136px) var(--editorial-gutter) 34px !important; border-top: 1px solid var(--editorial-line) !important; background: #080909 !important; }
.footer-inner { width: min(100%, var(--editorial-max)) !important; margin: 0 auto !important; }
.footer-eyebrow { color: var(--editorial-accent) !important; font-size: 8px !important; letter-spacing: .18em !important; }
.footer-top h2 { max-width: 830px !important; margin: 20px 0 52px !important; color: var(--editorial-text) !important; font-family: var(--editorial-serif) !important; font-size: clamp(44px, 6vw, 80px) !important; font-weight: 400 !important; letter-spacing: -.04em !important; line-height: .9 !important; }
.footer-cards { display: grid !important; grid-template-columns: 1.4fr 1fr 1fr !important; gap: 1px !important; padding: 1px !important; background: var(--editorial-line) !important; }
.footer-card { min-height: 156px !important; padding: 24px !important; border: 0 !important; border-radius: 0 !important; background: #0d0e0e !important; color: var(--editorial-text) !important; }
.footer-card-main { background: #151412 !important; }
.footer-card span { color: var(--editorial-accent) !important; font-size: 8px !important; letter-spacing: .16em !important; }
.footer-card strong { font-family: var(--editorial-serif) !important; font-size: clamp(24px, 2.4vw, 34px) !important; font-weight: 400 !important; }
.footer-card b { font-weight: 400 !important; }
.footer-bottom { margin-top: 60px !important; padding-top: 22px !important; border-top: 1px solid var(--editorial-line) !important; color: var(--editorial-muted) !important; }
.footer-logo { color: var(--editorial-text) !important; font-size: 11px !important; letter-spacing: .2em !important; }
.footer-nav a, .footer-bottom p { color: var(--editorial-muted) !important; font-size: 9px !important; letter-spacing: .1em !important; }

@media (max-width: 920px) {
  .navbar, .home-navbar { height: 72px !important; grid-template-columns: auto 1fr !important; }
  .navbar .nav-links, .home-navbar .nav-links { grid-column: 2; }
  .navbar .center-logo { display: none !important; }
  .about-hero-content, .about-panel { grid-template-columns: 1fr !important; }
  .about-hero { min-height: 920px !important; align-items: flex-end !important; }
  .about-long-text { max-width: 740px !important; }
  .about-panel { min-height: 0 !important; }
  .about-panel-media { min-height: 52vw !important; }
  .contact-grid { grid-template-columns: 1fr !important; }
  .footer-cards { grid-template-columns: 1fr !important; }
}

@media (max-width: 700px) {
  :root { --editorial-gutter: 19px; }
  .navbar, .home-navbar { width: calc(100% - 38px) !important; }
  .navbar .logo, .home-navbar .logo { font-size: 9px !important; }
  .navbar .nav-links, .home-navbar .nav-links { gap: 12px !important; }
  .navbar .nav-links > a:not(.orbit-link), .home-navbar .nav-links > a:not(.orbit-link) { font-size: 8px !important; letter-spacing: .08em !important; }
  .navbar .nav-links > a:nth-child(4), .home-navbar .nav-links a:nth-child(4) { display: none !important; }
  .side-contact { top: auto !important; right: 50% !important; bottom: 12px !important; flex-direction: row !important; transform: translateX(50%) !important; }
  .home-page .hero-content { bottom: 88px !important; }
  .home-index { display: none; }
  .projects-page .navbar { width: calc(100% - 38px) !important; }
  .projects-grid { grid-template-columns: 1fr !important; padding-top: 20px !important; gap: 12px !important; }
  .projects-grid .project {
    grid-column: auto !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 5px !important;
  }
  .projects-grid .project-overlay {
    padding: 18px !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    text-align: left !important;
    opacity: 1 !important;
    background: linear-gradient(180deg, transparent 48%, rgba(5, 6, 6, .82)) !important;
    backdrop-filter: none !important;
  }
  .projects-grid .project-overlay > div { transform: none !important; }
  .about-hero { min-height: 820px !important; padding-top: 110px !important; }
  .about-hero-content { gap: 27px !important; }
  .about-title-bold { font-size: clamp(64px, 20vw, 82px) !important; }
  .about-long-text { grid-template-columns: 1fr !important; padding-left: 18px !important; gap: 18px !important; }
  .about-long-text p:first-child { grid-column: auto; padding-bottom: 18px; }
  .about-slider-section { width: calc(100% - 38px) !important; }
  .about-panel-media { min-height: 66vw !important; }
  .about-panel-content { padding: 30px 23px 38px !important; }
  .about-panel-content h2 { font-size: 42px !important; }
  .contact-shell { width: calc(100% - 38px) !important; padding-top: 66px !important; }
  .contact-hero h1 { font-size: clamp(52px, 15vw, 78px) !important; }
  .contact-form-card { padding: 28px 20px !important; }
  .form-row { grid-template-columns: 1fr !important; }
  .footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; }
}

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

/* 2026-08 — quieter, more project-led refinement */
.home-page .hero-brand-lockup {
  width: min(100%, 590px);
}

.home-page .hero-logo {
  width: clamp(102px, 8vw, 126px) !important;
  margin-bottom: clamp(17px, 2.2vh, 24px) !important;
}

.home-page .hero-sub {
  max-width: 520px !important;
  margin-bottom: clamp(20px, 2.6vh, 28px) !important;
  font-size: clamp(13px, .98vw, 15px) !important;
  line-height: 1.55 !important;
  letter-spacing: .025em !important;
}

.home-index,
.home-page .global-footer,
.home-page > .side-contact {
  display: none !important;
}

.projects-grid {
  max-width: 1480px !important;
  gap: clamp(12px, 1.25vw, 20px) !important;
  padding-bottom: clamp(62px, 7vw, 96px) !important;
}

.projects-grid .project {
  --card-accent: #a88f7a;
  border-color: color-mix(in srgb, var(--card-accent) 28%, transparent) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.projects-grid .project--tranquility-base { --card-accent: #c44737; }
.projects-grid .project--gua-alkent { --card-accent: #b48650; }
.projects-grid .project--polaroid { --card-accent: #a16d3e; }
.projects-grid .project--misirli { --card-accent: #8a835b; }
.projects-grid .project--saol { --card-accent: #bd7955; }
.projects-grid .project--gallery { --card-accent: #b6a592; }
.projects-grid .project--chocoberry { --card-accent: #d9ad68; }
.projects-grid .project--atlantis { --card-accent: #6e9ba0; }
.projects-grid .project--ligno { --card-accent: #a3835e; }
.projects-grid .project--vinora { --card-accent: #8a6672; }
.projects-grid .project--yemen { --card-accent: #c0a26f; }

.projects-grid .project {
  grid-column: span 6 !important;
  aspect-ratio: 4 / 3 !important;
  align-self: stretch !important;
  margin-top: 0 !important;
}

.projects-grid .project--gua-alkent img {
  object-position: 50% 78% !important;
  transform: scale(1.08) !important;
}

.projects-grid .project::after {
  color: rgba(255,255,255,.9) !important;
  background: color-mix(in srgb, var(--card-accent) 34%, rgba(5,6,6,.55)) !important;
  border-color: color-mix(in srgb, var(--card-accent) 72%, white 8%) !important;
}

.projects-grid .project img {
  filter: saturate(.78) contrast(1.02) brightness(.78) !important;
}

.projects-grid .project-overlay {
  align-items: flex-end !important;
  justify-content: flex-start !important;
  text-align: left !important;
  opacity: 1 !important;
  background: linear-gradient(180deg, transparent 43%, rgba(5,6,6,.82) 100%) !important;
  backdrop-filter: none !important;
}

.projects-grid .project-overlay > div {
  transform: none !important;
}

.projects-grid .project-overlay h2 {
  max-width: 92%;
  font-size: clamp(24px, 2.55vw, 40px) !important;
  letter-spacing: -.035em !important;
}

.projects-grid .project-overlay h2::after {
  content: "";
  width: 38px;
  height: 2px;
  margin-top: 13px;
  display: block;
  background: var(--card-accent);
  transform-origin: left;
  transition: width .5s cubic-bezier(.16,1,.3,1);
}

.projects-grid .project-overlay p {
  color: rgba(238,233,223,.72) !important;
  letter-spacing: .08em !important;
}

@media (hover: hover) and (pointer: fine) {
  .projects-grid .project:hover img {
    transform: scale(1.035) !important;
    filter: saturate(.88) contrast(1.03) brightness(.66) !important;
  }

  .projects-grid .project:hover .project-overlay {
    opacity: 1 !important;
    background: linear-gradient(180deg, rgba(5,6,6,.04) 28%, rgba(5,6,6,.86) 100%) !important;
    backdrop-filter: none !important;
  }

  .projects-grid .project:hover .project-overlay > div { transform: translateY(-4px) !important; }
  .projects-grid .project:hover .project-overlay h2::after { width: 72px; }
}

.about-hero {
  min-height: 78svh !important;
  padding-top: 132px !important;
  padding-bottom: 72px !important;
}

.about-hero-content {
  width: min(100%, 1120px) !important;
  display: block !important;
}

.about-kicker {
  margin-bottom: clamp(34px, 5vw, 64px) !important;
}

.about-title { display: none !important; }

.about-long-text {
  max-width: none !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 24px clamp(24px, 4vw, 58px) !important;
  border-left: 0 !important;
}

.about-long-text p {
  font-family: var(--editorial-sans) !important;
  font-size: clamp(13px, 1.05vw, 15px) !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  letter-spacing: -.005em !important;
}

.about-long-text p:first-child {
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 2;
  padding: 0 !important;
  border: 0 !important;
  font-family: var(--editorial-sans) !important;
  font-size: clamp(24px, 2.45vw, 36px) !important;
  font-weight: 450 !important;
  letter-spacing: -.025em !important;
  line-height: 1.2 !important;
}

.about-long-text p:nth-child(2),
.about-long-text p:nth-child(3) {
  grid-column: 8 / -1;
}

.about-panel,
.about-panel-media {
  min-height: 520px !important;
}

.about-panel-content h2 {
  font-family: var(--editorial-sans) !important;
  font-size: clamp(30px, 3.6vw, 48px) !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  line-height: 1.02 !important;
}

.about-panel-content h2 em {
  font-family: var(--editorial-sans) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

@media (max-width: 1050px) and (min-width: 701px) {
  .projects-grid .project {
    grid-column: auto !important;
    aspect-ratio: 4 / 3 !important;
  }
}

@media (max-width: 760px) {
  .about-hero { min-height: 0 !important; padding-top: 118px !important; }
  .about-long-text { grid-template-columns: 1fr !important; }
  .about-long-text p:first-child,
  .about-long-text p:nth-child(2),
  .about-long-text p:nth-child(3) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .about-long-text p:first-child { margin-bottom: 14px !important; }
}

@media (max-width: 700px) {
  .projects-grid .project {
    grid-column: 1 / -1 !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 5px !important;
  }
}

/* Final editorial pass — compact architecture portfolio index */
.projects-chrome-page .projects-grid {
  width: calc(100% - 8px) !important;
  max-width: none !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3px !important;
  padding: 88px 0 4px !important;
}

.projects-chrome-page .projects-grid .project {
  grid-column: auto !important;
  aspect-ratio: 4 / 5 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 1px !important;
  background: #0b0c0c !important;
}

.projects-chrome-page .projects-grid .project img,
.projects-chrome-page .projects-grid .project--gua-alkent img {
  object-position: center !important;
  transform: scale(1.001) !important;
  filter: saturate(.82) contrast(1.025) brightness(.84) !important;
}

.projects-chrome-page .projects-grid .project--gua-alkent img { object-position: 50% 72% !important; }
.projects-chrome-page .projects-grid .project--tranquility-base img { object-position: 50% 51% !important; }
.projects-chrome-page .projects-grid .project--polaroid img { object-position: 50% 52% !important; }
.projects-chrome-page .projects-grid .project--misirli img { object-position: 50% 50% !important; }

.projects-chrome-page .projects-grid .project::after {
  top: 16px !important;
  right: 17px !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: rgba(245, 241, 231, .7) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  font-size: 8px !important;
  letter-spacing: .16em !important;
}

.projects-chrome-page .projects-grid .project-overlay {
  padding: 16px 18px !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  opacity: 1 !important;
  background: linear-gradient(180deg, rgba(5, 6, 6, .57) 0%, rgba(5, 6, 6, .06) 31%, transparent 58%) !important;
}

.projects-chrome-page .projects-grid .project-overlay > div {
  width: calc(100% - 36px) !important;
  transform: none !important;
}

.projects-chrome-page .projects-grid .project-overlay h2 {
  max-width: 92% !important;
  margin: 0 0 5px !important;
  font-family: var(--editorial-sans) !important;
  font-size: clamp(10px, .82vw, 13px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
}

.projects-chrome-page .projects-grid .project-overlay h2 br { display: none; }
.projects-chrome-page .projects-grid .project-overlay h2::after { display: none !important; }

.projects-chrome-page .projects-grid .project-overlay p {
  font-size: clamp(8px, .58vw, 10px) !important;
  line-height: 1.4 !important;
  letter-spacing: .13em !important;
  color: rgba(245, 241, 231, .62) !important;
}

@media (hover: hover) and (pointer: fine) {
  .projects-chrome-page .projects-grid .project:hover img {
    transform: scale(1.018) !important;
    filter: saturate(.92) contrast(1.03) brightness(.76) !important;
  }
  .projects-chrome-page .projects-grid .project:hover .project-overlay {
    opacity: 1 !important;
    background: linear-gradient(180deg, rgba(5, 6, 6, .66) 0%, rgba(5, 6, 6, .05) 34%, transparent 62%) !important;
    backdrop-filter: none !important;
  }
  .projects-chrome-page .projects-grid .project:hover .project-overlay > div { transform: none !important; }
}

.about-long-text p:first-child {
  font-family: var(--editorial-sans) !important;
  font-size: clamp(24px, 2.45vw, 36px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
}

.about-long-text p:nth-child(2),
.about-long-text p:nth-child(3) {
  font-family: var(--editorial-sans) !important;
  font-size: clamp(13px, .98vw, 15px) !important;
  line-height: 1.75 !important;
}

.contact-shell {
  padding-top: clamp(116px, 12vw, 156px) !important;
}

.contact-hero { display: none !important; }

.contact-grid {
  padding-top: 0 !important;
  grid-template-columns: minmax(250px, .58fr) minmax(0, 1.42fr) !important;
  gap: clamp(46px, 8vw, 112px) !important;
  align-items: start !important;
}

.contact-title {
  margin: 0 0 38px !important;
  color: var(--editorial-text) !important;
  font-family: var(--editorial-serif) !important;
  font-size: clamp(50px, 6vw, 82px) !important;
  font-weight: 400 !important;
  line-height: .9 !important;
  letter-spacing: -.045em !important;
}

@media (max-width: 1050px) {
  .projects-chrome-page .projects-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 700px) {
  .projects-chrome-page .projects-grid {
    width: calc(100% - 6px) !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    padding-top: 82px !important;
  }
  .projects-chrome-page .projects-grid .project { aspect-ratio: 4 / 5 !important; }
  .contact-grid { grid-template-columns: 1fr !important; gap: 42px !important; }
  .contact-title { font-size: clamp(50px, 16vw, 72px) !important; }
}