.editorial-home { --paper: #fcfbf8; --stone: #f8f7f3; }
.editorial-nav {
  position: sticky; z-index: 5; top: 0; display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center;
  padding-inline: clamp(14px, 5vw, 72px);
  min-height: 64px; background: var(--paper); border-bottom: 1px solid var(--rule);
  font-size: 11px; text-transform: uppercase; letter-spacing: .08em;
}
.editorial-nav > a:first-child { justify-self: start; }
.editorial-brand { font: 500 clamp(23px, 3.3vw, 43px)/1 var(--serif); letter-spacing: .2em; padding-left: .2em; }
.editorial-menu { justify-self: end; }
.editorial-menu summary { cursor: pointer; min-height: 44px; display: grid; align-items: center; }
.editorial-menu summary::-webkit-details-marker { display: none; }
.editorial-menu nav {
  position: absolute; top: 100%; right: 0; width: min(280px, 100vw); padding: 10px 24px;
  background: var(--paper); border: 1px solid var(--rule);
}
.editorial-menu nav a { display: block; padding: 12px 0; }
.editorial-menu nav a + a { border-top: 1px solid var(--rule); }
.editorial-home .gallery-hero { min-height: min(75svh, 820px); padding: 0; }
.editorial-home .gallery-reveal { padding: 0; border: 0; }
.editorial-home .gallery-glass video { object-position: center 52%; }
#anasayfa { scroll-margin-top: 64px; }
.editorial-intro { text-align: center; padding: clamp(35px, 6vw, 88px) 20px; }
.editorial-intro h1, .editorial-intro h2, .editorial-process h2 {
  font: 500 clamp(30px, 4.5vw, 64px)/1 var(--serif); margin: 0;
}
.editorial-intro p { max-width: 54ch; margin: 13px auto 0; color: var(--muted); }
.editorial-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; }
.editorial-scene { position: relative; display: grid; aspect-ratio: 5 / 6; overflow: hidden; background: #e1dbcf; color: #fff; }
.editorial-scene img, .editorial-application img { display: block; width: 100%; height: 100%; object-fit: cover; }
.editorial-scene img { position: absolute; inset: 0; }
.editorial-caption {
  position: relative; align-self: end; display: grid; justify-items: center;
  text-align: center; padding: 60px 8px clamp(15px, 4vw, 52px);
  background: linear-gradient(transparent, #15130fe8);
}
.editorial-caption strong { font: 500 clamp(25px, 4vw, 62px)/1 var(--serif); }
.editorial-caption > span { font-size: clamp(9px, 1vw, 13px); margin-top: 9px; }
.editorial-scene:hover .editorial-caption > span, .editorial-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.editorial-application { margin-top: 3px; }
.editorial-application img { height: clamp(190px, 38vw, 540px); }
.editorial-link { display: inline-block; margin-top: 14px; padding: 8px 0; border-bottom: 1px solid var(--rule); }
.editorial-process { text-align: center; padding-block: clamp(30px, 5vw, 75px); border-top: 1px solid var(--rule); }
.editorial-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(8px, 2vw, 26px); margin-top: 24px; }
.editorial-steps a { display: grid; align-content: start; gap: 6px; padding: clamp(10px, 3vw, 35px); background: var(--stone); text-align: left; }
.editorial-steps span, .editorial-steps small { color: var(--muted); font-size: 12px; }
.editorial-steps strong { font-weight: 500; line-height: 1.3; }
.editorial-steps a:hover strong { text-decoration: underline; }
.editorial-bottom { padding-bottom: 40px; }
@media (max-width: 520px) {
  .editorial-nav { min-height: 54px; }
  .editorial-home .gallery-hero { min-height: 63svh; }
  .editorial-scene { aspect-ratio: 3 / 5; }
  .editorial-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .editorial-steps a:last-child { grid-column: 1 / -1; }
}
.editorial-nav { margin-bottom: -64px; }
.editorial-nav.over-film {
  color: #fff; background: linear-gradient(#171510b0, #17151000);
  border-bottom-color: transparent;
}
.editorial-nav.over-film nav { color: var(--ink); }
.editorial-brand { display: flex; align-items: center; gap: 8px; }
.editorial-brand .office-brand-symbol { width: 28px; height: 28px; flex: 0 0 28px; }
@media (max-width: 520px) {
  .editorial-nav { margin-bottom: -54px; }
  .editorial-brand .office-brand-symbol { width: 22px; height: 22px; flex-basis: 22px; }
}
.editorial-frame { position: relative; min-width: 0; }
.editorial-scene .editorial-video, .editorial-wide .editorial-video {
  display: block; width: 100%; height: 100%; object-fit: cover;
}
.editorial-scene .editorial-video { position: absolute; inset: 0; }
.editorial-pair .editorial-frame:first-child video { object-position: 61% center; }
.editorial-wide { height: clamp(220px, 43vw, 640px); background: #d5cabb; }
.editorial-wide video { object-position: center 61%; }
.panel-playback {
  position: absolute; bottom: 10px; right: 10px; width: 44px; height: 44px;
  color: #fff; background: #16130ed9; border: 1px solid #fff9; font: 14px Arial, sans-serif;
}
.panel-playback:focus-visible { outline-color: #fff; outline-offset: 2px; }
.editorial-caption { padding-bottom: clamp(56px, 5vw, 72px); }
.editorial-strip {
  display: grid; place-items: center; min-height: 34px; padding: 4px 12px;
  background: #181613; color: #fff; font-size: 11px; letter-spacing: .04em;
}
.editorial-strip a { text-decoration: underline; text-underline-offset: 3px; }
.editorial-caption .editorial-action {
  display: inline-grid; place-items: center; min-height: 38px;
  margin-top: 12px; padding: 5px clamp(10px, 2vw, 24px);
  border: 1px solid #fff; background: #19161160; color: #fff;
  font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
}
.editorial-wide-caption { position: absolute; inset: auto 0 0; color: #fff; }
.editorial-wide-caption h2 { margin: 0; font: 500 clamp(25px, 4vw, 58px)/1 var(--serif); }
.editorial-action:hover, .editorial-scene:hover .editorial-action { background: #181613; }
.editorial-inner .editorial-nav { margin-bottom: 0; }
.menu-trigger { justify-self: end; background: none; border: 0; color: inherit; min-height: 44px; font: inherit; text-transform: inherit; letter-spacing: inherit; }
.menu-trigger span { margin-right: 5px; }
.menu-drawer { position: fixed; inset: 0 0 0 auto; margin: 0; width: min(100%, 470px); height: 100%; max-width: none; max-height: none; padding: 32px clamp(24px, 5vw, 56px); background: var(--paper); color: var(--ink); border: 0; }
.menu-drawer::backdrop { background: #15130e80; }
.menu-drawer form { text-align: right; }
.menu-drawer button { border: 0; background: none; color: inherit; font-size: 26px; min-width: 44px; min-height: 44px; }
.menu-drawer h2 { font-size: 32px; letter-spacing: .15em; }
.menu-drawer nav a { display: block; border-top: 1px solid var(--rule); padding: 16px 0; font-size: 20px; }
.menu-drawer nav a[aria-current], .menu-drawer nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
.opening-cta { position: absolute; bottom: clamp(60px, 10vh, 105px); inset-inline: 0; text-align: center; color: white; text-shadow: 0 1px 8px #000; }
.opening-cta p { margin: 0 0 10px; }
.opening-cta a { display: inline-block; padding: 10px 18px; background: #fff; color: #181613; text-shadow: none; font-size: 10px; letter-spacing: .09em; }
.campaign-intro { padding-block: clamp(23px, 4vw, 55px); }
.campaign-intro h1, .editorial-process h2 { font: 600 13px/1.3 var(--sans); letter-spacing: .05em; }
.campaign-intro p, .editorial-process > p { font-size: 13px; }
.editorial-process { padding-inline: clamp(20px, 5vw, 80px); }
.service-gallery { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: clamp(16px, 3vw, 42px); margin-top: 28px; }
.service-gallery a { display: block; text-align: center; }
.service-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; }
.service-gallery strong, .service-gallery small { display: block; margin-top: 10px; }
.service-gallery strong { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.service-gallery small { font-size: 12px; }
.campaign-footer { color: #fff; background: #10100f; padding: 45px clamp(20px, 6vw, 85px) 12px; }
.footer-intro { text-align: center; padding-block: 12px 50px; }
.footer-intro span, .footer-columns summary { font-size: 11px; letter-spacing: .06em; }
.footer-intro h2 { font-size: clamp(30px, 6vw, 56px); margin: 6px 0; }
.campaign-footer a:hover, .footer-intro a { text-decoration: underline; text-underline-offset: 4px; }
.footer-columns { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; border-top: 1px solid #444; padding-top: 22px; }
.footer-columns summary { cursor: pointer; }
.footer-columns a { display: block; margin-top: 10px; font-size: 13px; overflow-wrap: anywhere; }
.footer-wordmark { display: block; text-align: center; font: 500 clamp(40px, 15vw, 215px)/1 var(--serif); letter-spacing: .095em; margin-top: 30px; }
.inner-banner { position: relative; min-height: clamp(320px, 56vw, 670px); display: grid; place-items: end center; text-align: center; color: white; }
.inner-banner img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.inner-banner div { position: relative; width: 100%; padding: 55px 14px 35px; background: linear-gradient(transparent,#181613d9); }
.inner-banner h1, .archive-intro h1 { font: 500 clamp(48px, 10vw, 120px)/.95 var(--serif); margin: 0; }
.inner-banner p { margin: 8px 0 0; }
.campaign-rows { width: min(92%, 1350px); margin: 40px auto 0; }
.campaign-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; scroll-margin-top: 76px; }
.campaign-row:nth-child(even) img { order: 1; }
.campaign-row img { width: 100%; height: 100%; object-fit: cover; }
.campaign-row div { background: var(--stone); padding: clamp(14px,5vw,65px); align-content: center; }
.campaign-row h2 { font: 500 clamp(23px,4vw,55px)/1 var(--serif); margin: 5px 0; }
.campaign-row p { margin: 8px 0 0; }
.inner-action { text-align: center; margin: 35px 0 50px; }
.inner-action a { text-decoration: underline; text-underline-offset: 4px; }
.archive-intro { padding-block: clamp(70px, 13vw, 170px); }
.archive-intro > span { font-size: 11px; letter-spacing: .1em; display: block; margin-bottom: 15px; }
.contact-intro { padding-bottom: 32px; }
.contact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; width: min(92%, 1200px); margin: 0 auto 55px; }
.contact-grid a { display: grid; gap: 8px; padding: clamp(14px,4vw,42px); background: var(--stone); overflow-wrap: anywhere; }
.contact-grid small { text-decoration: underline; }
@media (max-width: 700px) {
  .editorial-nav { grid-template-columns: 1fr auto; }
  .editorial-contact { display: none; }
  .editorial-brand { justify-self: start; }
  .editorial-home .gallery-hero { min-height: 70svh; }
  .editorial-pair { grid-template-columns: 1fr; gap: 0; }
  .editorial-scene { aspect-ratio: 4/5; }
  .editorial-wide { height: auto; aspect-ratio: 4/5; }
  .editorial-process { padding-inline: 0; }
  .editorial-process > p { padding-inline: 18px; }
  .service-gallery { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-inline: 16px; gap: 12px; }
  .service-gallery a { flex: 0 0 68%; scroll-snap-align: center; }
  .footer-columns { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .footer-columns details { border-bottom: 1px solid #444; padding: 15px 0; }
  .contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .contact-grid a:first-child { grid-column: 1/-1; }
  .campaign-row p { font-size: 13px; line-height: 1.4; }
}
.editorial-brand { font-size: clamp(30px, 4.3vw, 58px); letter-spacing: .14em; gap: clamp(8px, 1vw, 14px); }
.editorial-brand .office-brand-symbol { width: 40px; height: 32px; flex-basis: 40px; }
.editorial-nav.over-film .editorial-brand { text-shadow: 0 1px 12px #0009; }
.service-card { min-width: 0; }
.service-film { aspect-ratio: 4/5; background: #e1dbcf; }
.service-film video { display: block; width: 100%; height: 100%; object-fit: cover; }
.service-card a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 700px) {
  .service-gallery .service-card { flex: 0 0 68%; scroll-snap-align: center; }
  .editorial-brand { font-size: clamp(28px, 7.8vw, 39px); }
  .editorial-brand .office-brand-symbol { width: 30px; height: 25px; flex-basis: 30px; }
}
.architecture-feature {
  display: grid; grid-template-columns: 1fr 1fr;
  background: #eee9df; margin-top: 3px;
}
.architecture-film { aspect-ratio: 4 / 5; max-height: 740px; background: #28241e; }
.architecture-film video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 32%; }
.architecture-note { align-self: center; padding: clamp(25px, 7vw, 105px); }
.architecture-note > span { font-size: 11px; letter-spacing: .1em; }
.architecture-note h2 { margin: 10px 0; font: 500 clamp(37px, 6vw, 82px)/.95 var(--serif); }
.architecture-note p { max-width: 40ch; color: var(--muted); }
.architecture-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 960px; margin-inline: auto; }
.architecture-gallery .service-film { overflow: hidden; }
.architecture-gallery .service-film img { height: 100%; }
@media(max-width:700px) {
  .architecture-feature { grid-template-columns: 1fr; }
  .architecture-note { padding: 30px 24px 38px; }
}
.studio-intro { background: var(--paper); padding: clamp(48px, 9vw, 135px) clamp(20px, 7vw, 112px); }
.studio-intro-inner { max-width: 1360px; margin-inline: auto; }
.studio-intro .studio-kicker { margin: 0; font-size: 10px; letter-spacing: .16em; }
.studio-kicker span { margin-inline: .5em; color: var(--muted); }
.studio-intro-grid {
  display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: end; gap: clamp(28px, 6vw, 112px);
  margin-top: 16px; padding-top: clamp(22px, 4vw, 52px); border-top: 1px solid var(--rule);
}
.studio-intro h1 { margin: 0; font: 500 clamp(42px, 6.2vw, 102px)/.93 var(--serif); letter-spacing: -.045em; }
.studio-intro-copy p { max-width: 30ch; margin: 0; color: var(--muted); font-size: clamp(16px, 1.6vw, 23px); line-height: 1.45; }
.studio-intro-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: clamp(16px, 3vw, 32px); }
.studio-intro-links a { display: flex; gap: 6px; align-items: center; justify-content: space-between; min-height: 44px; padding: 8px clamp(7px, 1.4vw, 17px); border: 1px solid var(--rule); font-size: clamp(11px, 1.15vw, 14px); line-height: 1.2; }
.studio-intro-links a:first-child { background: var(--ink); border-color: var(--ink); color: #fff; }
.studio-intro-links a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  .studio-intro-grid { grid-template-columns: 1fr; gap: 20px; }
}

.studio-services { scroll-margin-top: 72px; }
.studio-service { display: block; min-width: 0; background: #eeebe4; text-align: center; }
.studio-service:nth-child(2) { background: #e8e3da; }
.studio-service img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.studio-service > div { padding: 0 20px clamp(25px, 5vw, 60px); }
.studio-service h2 { margin: 6px 0 0; font: 500 clamp(37px, 5vw, 72px)/1 var(--serif); }
.studio-service p { margin: 10px 0 16px; color: var(--muted); }
.studio-service div > span:first-child, .studio-destinations a > span:first-child { font-size: 11px; letter-spacing: .08em; }
.studio-link { text-decoration: underline; text-underline-offset: 4px; font-size: 13px; }
.studio-application { background: var(--stone); }
.studio-application img { display: block; width: 100%; height: 100%; object-fit: cover; }
.studio-application h2 { font-size: clamp(36px, 5vw, 74px); }
.studio-destinations { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; width: min(90%, 1200px); margin: clamp(36px, 7vw, 92px) auto; }
.studio-destinations a { display: grid; gap: 9px; padding: clamp(16px, 4vw, 52px); border: 1px solid var(--rule); }
.studio-destinations strong { font: 500 clamp(28px, 5vw, 58px)/1 var(--serif); }
.studio-design-intro { padding-block: clamp(40px, 8vw, 96px) 0; }
.studio-design-intro h1 { font-size: clamp(40px, 7vw, 98px); }
.editorial-nav .menu-trigger { grid-column: 1; grid-row: 1; justify-self: start; padding: 0; }
.editorial-nav .editorial-brand { grid-column: 2; grid-row: 1; justify-self: center; }
.editorial-nav .editorial-contact { grid-column: 3; grid-row: 1; justify-self: end; }
.editorial-brand .brand-type { display: grid; text-align: center; gap: 3px; }
.brand-type small { font: 500 8px/1.05 var(--sans); letter-spacing: .19em; }
.editorial-brand { font-size: clamp(29px, 4.1vw, 53px); }
.editorial-brand .office-brand-symbol { width: 40px; height: 34px; flex-basis: 40px; }
.menu-drawer { inset: 0 auto 0 0; }
.menu-drawer nav a { border: 0; padding-block: 9px; font-size: clamp(17px,2.6vw,22px); }
.campaign-services { gap: 3px; }
.campaign-film { aspect-ratio: 5/6; overflow: hidden; background: #201c18; }
.campaign-film-wide { grid-column: 1/-1; aspect-ratio: 2.15; }
.campaign-film video, .service-film-detail video { display: block; width: 100%; height: 100%; object-fit: cover; }
.campaign-film:first-child video { object-position: 61% center; }
.campaign-film-wide video { object-position: center 60%; }
.film-caption { position: absolute; inset: auto 0 0; color: white; }
.film-caption h2 { margin: 0; font: 500 clamp(31px, 4.8vw, 72px)/1 var(--serif); }
.campaign-row .service-film-detail { padding: 0; min-height: 230px; overflow: hidden; }
.service-film-detail video { position: absolute; inset: 0; }
.campaign-row:nth-child(even) .service-film-detail { order: 1; }
@media (max-width: 700px) {
  .editorial-nav { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
  .editorial-nav .editorial-contact { display: block; font-size: 9px; }
  .editorial-nav .menu-trigger { font-size: 0; min-width: 36px; text-align: left; }
  .editorial-nav .menu-trigger span { font-size: 17px; }
  .editorial-brand { font-size: clamp(23px,6vw,34px); letter-spacing: .1em; gap: 6px; }
  .editorial-brand .office-brand-symbol { width: 25px; height: 22px; flex-basis: 25px; }
  .brand-type small { font-size: 6px; letter-spacing: .1em; }
  .campaign-film, .campaign-film-wide { aspect-ratio: 4/5; }
  .campaign-row .service-film-detail { min-height: 200px; }
}
.editorial-home .gallery-hero { min-height: min(85svh, 1020px); }
.editorial-home .gallery-glass video { object-position: center; }
.editorial-home .gallery-glass::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(0deg, #19140e80, transparent 39%);
}
.editorial-home .gallery-playback { z-index: 1; }
@media (max-width: 700px) {
  .editorial-home .gallery-hero { min-height: 77svh; }
  .editorial-home .gallery-glass video { object-position: 48% center; }
}
.editorial-nav > a.editorial-contact:first-child { justify-self: end; }
.visual-pair { gap: 3px; }
.visual-panel { position: relative; display: block; aspect-ratio: 5/6; overflow: hidden; background: #392e24; }
.visual-panel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.visual-caption { position: absolute; inset: auto 0 0; color: #fff; }
.visual-caption strong { font: 500 clamp(24px, 4.1vw, 66px)/.96 var(--serif); }
.services-intro { padding-block: clamp(33px, 6vw, 72px); }
.services-intro .studio-kicker { margin: 0 0 9px; font-size: 10px; letter-spacing: .14em; }
.project-inquiry { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 18px; margin-top: 12px; border: 1px solid currentColor; text-decoration: none; }
.footer-intro .project-inquiry { color: #171510; background: #fcfbf8; border-color: #fcfbf8; text-decoration: none; }
@media (max-width: 700px) {
  .editorial-pair.visual-pair { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .visual-panel { aspect-ratio: 3/5; }
  .visual-caption { padding: 45px 5px 12px; }
  .visual-caption .editorial-action { font-size: 8px; padding-inline: 6px; }
}
.process-section { scroll-margin-top: 70px; padding: 0 0 clamp(38px, 7vw, 92px); }
.process-section .services-intro { padding-bottom: clamp(22px, 3vw, 40px); }
.process-section .services-intro .studio-kicker { max-width: none; }
.process-section .process-hint { display: none; }
.process-track { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: clamp(14px, 2.5vw, 36px); width: min(90%, 1320px); margin-inline: auto; }
.process-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.process-media { width: 100%; aspect-ratio: 3/2; background: #dfd9ce; }
.process-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.process-card h3 { font: 500 clamp(24px, 2.65vw, 42px)/1 var(--serif); margin: 15px 0 0; }
.process-card p { margin: 7px 0 12px; color: var(--muted); font-size: 13px; }
.process-card > a { margin-top: auto; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; padding-block: 6px; }
@media (max-width: 700px) {
  .process-section .process-hint { display: block; font-size: 11px; }
  .process-track { width: 100%; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; padding: 0 20px 10px; }
  .process-card { flex: 0 0 76%; scroll-snap-align: start; }
}
.editorial-nav { --brand-bar: 88px; min-height: var(--brand-bar); margin-bottom: calc(-1 * var(--brand-bar)); }
.editorial-inner .editorial-nav { margin-bottom: 0; }
.editorial-nav .editorial-brand {
  padding: 7px 0; gap: clamp(11px, 1.4vw, 22px);
  font-size: clamp(42px, 5.15vw, 74px); line-height: .79; letter-spacing: .105em;
}
.editorial-nav .office-brand-symbol { width: clamp(38px, 3.55vw, 54px); height: auto; flex: 0 0 auto; }
.editorial-brand .brand-type { gap: 9px; padding-left: 1px; }
.brand-type small { font-size: 9px; letter-spacing: .27em; }
.editorial-nav.over-film { background: linear-gradient(#171510c4, #17151024); }
#anasayfa, .process-section, .campaign-row { scroll-margin-top: 94px; }
@media (max-width: 700px) {
  .editorial-nav { --brand-bar: 68px; padding-inline: 12px; }
  .editorial-nav .editorial-brand { font-size: clamp(28px, 8vw, 48px); gap: 8px; letter-spacing: .085em; }
  .editorial-nav .office-brand-symbol { width: clamp(24px, 6.5vw, 37px); }
  .editorial-brand .brand-type { gap: 6px; }
  .brand-type small { font-size: 6px; letter-spacing: .15em; }
  #anasayfa, .process-section, .campaign-row { scroll-margin-top: 74px; }
}
.editorial-nav .editorial-brand { font-size: clamp(43px, 5.6vw, 78px); }
.contact-intro .email-inquiry { margin-inline-start: 6px; }
@media (max-width: 700px) {
  .editorial-nav .editorial-brand { font-size: clamp(29px, 8.5vw, 49px); }
}
.portfolio-intro { padding-block: clamp(40px, 6vw, 95px); }
.portfolio-card { position: relative; display: grid; overflow: hidden; min-height: clamp(370px, 61vw, 720px); background: #241c17; color: #fff; }
.portfolio-card > img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.portfolio-caption { position: relative; align-self: end; display: grid; justify-items: center; text-align: center; padding: 90px 20px clamp(30px, 6vw, 85px); background: linear-gradient(transparent,#18110cde); }
.portfolio-caption > span:first-child, .project-eyebrow { font-size: 10px; letter-spacing: .13em; }
.portfolio-caption strong, .portfolio-caption h1 { margin: 8px 0; font: 500 clamp(52px, 8vw, 122px)/.9 var(--serif); }
.portfolio-card .editorial-action { border: 1px solid #fff; margin-top: 10px; padding: 8px 16px; font-size: 12px; }
.portfolio-card:hover .editorial-action { background: #fff; color: #201a14; }
.project-overview, .project-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(20px, 7vw, 100px); align-items: center; width: min(88%, 1320px); margin: clamp(42px, 9vw, 125px) auto; }
.project-overview h2, .project-layout h2 { margin: 8px 0; font: 500 clamp(35px, 5vw, 76px)/.98 var(--serif); }
.project-overview p, .project-layout p { max-width: 50ch; color: var(--muted); }
.project-scenes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; }
.project-scenes figure { margin: 0; min-width: 0; }
.project-scenes img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
.project-scenes figcaption { display: flex; gap: 10px; padding: 12px 16px 20px; font-size: 13px; }
.project-scenes figcaption span { color: var(--muted); }
.project-scenes .project-scene-wide { grid-column: 1/-1; }
.project-scene-wide img { aspect-ratio: 2.35; }
.project-layout img { display: block; width: 100%; height: auto; }
@media (prefers-reduced-motion: no-preference) {
  .project-hero > img { animation: project-reveal 9s ease-out both; }
  @keyframes project-reveal { from { transform: scale(1.065); } to { transform: scale(1); } }
}
@media (max-width: 700px) {
  .portfolio-card { min-height: 68svh; }
  .project-overview, .project-layout { grid-template-columns: 1fr; }
  .project-scenes img { aspect-ratio: 1; }
  .project-scene-wide img { aspect-ratio: 1.65; }
  .project-scenes figcaption { padding-inline: 9px; }
}
.portfolio-card > img, .portfolio-detail img { filter: grayscale(1); }
.site-visit { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: #eee9df; }
.site-visit-media { justify-self: end; width: min(100%, 480px); aspect-ratio: 9 / 16; background: #27231f; }
.site-visit-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.site-visit-copy { align-self: center; padding: clamp(26px, 7vw, 96px); }
.site-visit-copy > span { font-size: 10px; letter-spacing: .14em; }
.site-visit-copy h2 { font: 500 clamp(42px, 6vw, 88px)/.95 var(--serif); margin: 8px 0; }
.site-visit-copy p { max-width: 35ch; color: var(--muted); }
@media (max-width: 700px) {
  .site-visit { grid-template-columns: 1fr; }
  .site-visit-media { justify-self: center; width: 100%; }
  .site-visit-copy { padding: 28px 22px 40px; }
}

.editorial-frame video.application-video { object-fit: cover; object-position: 50% 55%; background: #292822; }

.process-media video.application-video { position: absolute; inset: 0; width: 100%; height: 100%; }

.visual-panel img { animation: architectural-drift 20s ease-in-out infinite alternate; }
.visual-panel:nth-child(2) img { animation-delay: -10s; }
.visual-pair .visual-caption { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; text-align: left; padding: 90px 36px 38px; background: linear-gradient(transparent, rgba(17,17,15,.68)); }
.visual-pair .visual-caption strong { display: block; font: 400 clamp(25px, 2.7vw, 44px)/1.1 var(--serif); }
.visual-pair .visual-caption .editorial-action { display: inline-block; min-height: 0; padding: 0 0 5px; margin-top: 16px; border: 0; border-bottom: 1px solid #ffffffa6; background: transparent; font-size: 10px; letter-spacing: .08em; }
@keyframes architectural-drift { from { transform: scale(1); } to { transform: scale(1.055); } }
@media (max-width: 700px) {
  .visual-pair .visual-caption { padding: 60px 15px 22px; }
  .visual-pair .visual-caption strong { font-size: clamp(19px, 5vw, 28px); }
  .visual-pair .visual-caption .editorial-action { font-size: 8px; letter-spacing: .02em; margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) { .visual-panel img { animation: none; } }

.visual-panel > video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.visual-pair .visual-panel:first-child video { object-position: 65% center; }
.visual-pair .visual-panel:nth-child(2) video { object-position: 48% center; }
.visual-panel .visual-caption { text-decoration: none; }
.visual-panel .panel-playback { z-index: 2; bottom: 22px; right: 18px; }

.project-archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; }
.photo-project-card > img, .photo-project img { filter: none; }
.photo-project-card { min-height: 540px; text-decoration: none; }
.photo-project-card .portfolio-caption strong { font-size: clamp(38px, 5vw, 72px); }
.photo-project-card:first-child > img { object-position: center 30%; }
.photo-project-gallery { width: min(92%, 1320px); margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: clamp(12px, 2vw, 30px); }
.photo-project-gallery img { display: block; width: 100%; height: auto; }
.photo-project-gallery a { display: block; }
.photo-project-back { padding: 40px 4% 65px; text-align: center; }
@media(max-width: 700px) {
 .project-archive-grid, .photo-project-gallery { grid-template-columns: 1fr; }
 .photo-project-card { min-height: 65svh; }
 .photo-project-card .portfolio-caption strong { font-size: 54px; }
}

.selected-projects { scroll-margin-top: 100px; background: #f2eee6; }
.selected-projects .services-intro h2 { font: 500 clamp(38px, 5vw, 72px)/1 var(--serif); margin: 8px 0 0; }
.selected-projects-more { padding: 30px 20px 45px; text-align: center; }

.project-archive-grid > .photo-project-card:nth-child(3) > img { object-position: center; }

.project-archive-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.project-archive-grid .portfolio-caption strong { font-size: clamp(34px, 4vw, 58px); }
.project-date { display: block; margin: 5px 0 8px; font-size: 13px; letter-spacing: .1em; }
@media (max-width: 700px) {
 .project-archive-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; overflow-x: auto; scroll-snap-type: x mandatory; }
 .project-archive-grid .photo-project-card { min-height: 450px; scroll-snap-align: start; }
 .project-archive-grid .portfolio-caption strong { font-size: 40px; }
}

.selected-projects .services-intro .studio-kicker { max-width: none; width: 100%; margin-inline: auto; text-align: center; }
.project-archive-grid .portfolio-caption { grid-template-rows: minmax(28px, auto) auto 30px auto; align-items: center; }
.project-archive-grid .portfolio-caption > span:first-child { grid-row: 1; display: grid; place-items: center; min-height: 28px; }
.project-archive-grid .portfolio-caption strong { grid-row: 2; min-height: 1.8em; display: flex; align-items: center; justify-content: center; }
.project-archive-grid .portfolio-caption .project-date { grid-row: 3; margin: 0; }
.project-archive-grid .portfolio-caption .editorial-action { grid-row: 4; }

/* Brand story and four-project collection */
.project-archive-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.project-archive-grid .portfolio-caption strong { font-size:clamp(30px,3.1vw,50px); }
.project-render-note { font-size:12px!important;letter-spacing:.04em;color:var(--muted); }
@media(max-width:1000px) and (min-width:701px){.project-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.project-archive-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;}.project-archive-grid .portfolio-caption strong{font-size:40px;}}

.brand-home{padding:clamp(55px,8vw,115px) 7%;background:#f2eee6;text-align:center}.brand-home>span{font-size:10px;letter-spacing:.15em}.brand-home>h2{font:500 clamp(42px,6vw,82px)/1.02 var(--serif);margin:20px 0 28px}.brand-home>p{max-width:65ch;margin:0 auto 30px;line-height:1.85;color:var(--muted)}
.brand-introduction{width:88%;max-width:1120px;margin:0 auto 75px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.brand-introduction h2{font:500 clamp(36px,4.6vw,65px)/1.08 var(--serif);margin:0}.brand-introduction p{margin:0 0 20px}
.brand-principles{width:88%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6vw}.brand-principles article{border-top:1px solid #b8b0a2;padding-top:28px}.brand-principles h2{font-size:13px;letter-spacing:.13em;font-weight:400;margin:0 0 22px}.brand-principles p,.brand-introduction p{font-size:15px;line-height:1.85;color:var(--muted)}.about-page{padding-bottom:85px}.menu-drawer nav a{text-transform:uppercase;letter-spacing:.07em}.menu-trigger:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:700px){.brand-principles,.brand-introduction{grid-template-columns:1fr;gap:32px}.about-page .portfolio-intro h1{font-size:clamp(36px,10vw,64px)}.brand-home .editorial-link{font-size:10px}.brand-introduction{margin-bottom:45px}}

.visual-pair .visual-panel:first-child video{object-position:33% center}.visual-pair .visual-panel:nth-child(2) video{object-position:48% center}

/* About: architectural image, founder identity and concise principles. */
.about-editorial .portfolio-intro{padding-bottom:clamp(35px,5vw,65px)}
.about-statement{width:88%;max-width:1120px;margin:0 auto 65px;display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:center}
.about-statement h2{font:500 clamp(35px,4.3vw,62px)/1.05 var(--serif);color:#24221d;margin:0}
.about-statement p{font-size:15px;line-height:1.85;color:#45413a;margin:0;max-width:48ch}
.about-project-image{width:92%;max-width:1440px;margin:0 auto 65px}
.about-project-image img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover;filter:none}
.about-project-image figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:14px;color:#45413a;font-size:9px;letter-spacing:.12em}
.founder-section{width:88%;max-width:1120px;margin:0 auto 75px;padding:44px 0;border-top:1px solid #b8b0a2;border-bottom:1px solid #b8b0a2;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}
.founder-eyebrow{font-size:11px;letter-spacing:.14em;color:#25231f;font-weight:600}
.founder-identity>p{font-size:11px;letter-spacing:.14em;color:#35312b;font-weight:600;margin:0 0 15px}
.founder-identity h2{font:500 clamp(38px,5.5vw,76px)/1.05 var(--serif);color:#24221d;margin:0}
.founder-rule{display:block;width:70px;border-top:2px solid #484238;margin-top:25px}
.about-values{width:88%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.about-values article>span{font:500 32px/1 var(--serif);color:#716450}
.about-values h2{font:600 15px/1.3 Arial,sans-serif;letter-spacing:.12em;color:#24221d;margin:20px 0 15px}
.about-values p{font-size:15px;line-height:1.85;color:#45413a;margin:0;max-width:48ch}
@media(max-width:700px){.about-statement{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.about-project-image{margin-bottom:38px}.about-project-image figcaption{flex-direction:column;gap:6px;font-size:8px}.founder-section{grid-template-columns:1fr;gap:28px;padding:30px 0;margin-bottom:40px}.about-values{grid-template-columns:1fr;gap:34px}.about-values h2{margin-top:12px}.about-statement h2{font-size:38px}}

/* Single-color, font-independent interface icons. */
.ui-icon{display:inline-block;width:16px;height:16px;min-width:16px;flex:none;vertical-align:-.18em;color:inherit}
.ui-icon-arrow,.ui-icon-down{width:13px;height:13px;min-width:13px;margin-left:.35em}
.icon-link{display:inline-flex;align-items:center;gap:9px}
.editorial-nav .editorial-contact{display:inline-flex;align-items:center;gap:7px}
.editorial-contact .ui-icon{width:14px;height:14px;min-width:14px}
.footer-columns a.icon-link{display:flex;align-items:flex-start;gap:9px}
.footer-columns a.icon-link>.ui-icon{margin-top:3px}
.project-inquiry.icon-link{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.project-inquiry.icon-link .ui-icon-whatsapp,.project-inquiry.icon-link .ui-icon-mail{width:18px;height:18px}
.contact-card-heading{display:flex;align-items:center;gap:12px}
.contact-card-heading .ui-icon{width:22px;height:22px}
@media(max-width:520px){.editorial-nav .editorial-contact{gap:5px}.editorial-contact .ui-icon{width:12px;height:12px;min-width:12px}}