/* makeR İstanbul v0.3 — premium editorial system */
:root {
  --ink: #0d0d0f;
  --ink-soft: #171719;
  --paper: #f2eee7;
  --orange: #e84c30;
  --pink: #f0839a;
  --muted: #a8a49d;
  --grid-dark: rgba(255,255,255,.12);
  --grid-light: rgba(13,13,15,.14);
  --max: 1540px;
  --pad: clamp(22px,4.1vw,72px);
  --ease: cubic-bezier(.22,1,.36,1);
}

body.maker-home-v03 { background: var(--ink); color: var(--paper); }
.maker-home-v03 .home-flow { display: flex; flex-direction: column; }
.maker-home-v03 .shell { width: min(100%,var(--max)); }
.maker-width-focused { --max: 1280px; }
.maker-width-wide { --max: 1540px; }
.maker-width-full { --max: 1800px; }

/* Header */
.maker-home-v03 .site-header {
  position: absolute;
  height: 126px;
  border-bottom: 1px solid var(--grid-dark);
  background: linear-gradient(180deg,rgba(13,13,15,.92),rgba(13,13,15,.18));
  backdrop-filter: blur(10px);
}
.maker-home-v03 .nav { height: 100%; }
.maker-home-v03 .brand { width: clamp(235px,19vw,330px); }
.maker-home-v03 .nav-links { gap: clamp(21px,2vw,38px); font-size: clamp(13px,.92vw,16px); }
.maker-home-v03 .nav-links a { padding-block: 9px; }
.maker-home-v03 .nav-links a:not(.nav-cta)::after { background: linear-gradient(90deg,var(--orange),var(--pink)); }
.maker-home-v03 .nav-cta { padding: 13px 20px; border-color: rgba(255,255,255,.35); }

/* Hero */
.maker-home-v03 .hero {
  min-height: min(920px,100svh);
  padding: clamp(170px,20vh,220px) 0 clamp(55px,7vh,88px);
  align-items: flex-end;
  overflow: hidden;
  background:
    linear-gradient(90deg,transparent calc(25% - 1px),var(--grid-dark) 25%,transparent calc(25% + 1px)),
    linear-gradient(90deg,transparent calc(75% - 1px),var(--grid-dark) 75%,transparent calc(75% + 1px)),
    var(--ink);
}
.maker-home-v03 .hero::before {
  inset: 126px 0 0;
  background:
    linear-gradient(118deg,rgba(232,76,48,.16),transparent 34%),
    linear-gradient(306deg,rgba(240,131,154,.11),transparent 30%);
}
.maker-home-v03 .hero::after { display: none; }
.maker-home-v03 .hero-grid {
  grid-template-columns: minmax(0,1.55fr) minmax(260px,.45fr);
  gap: clamp(40px,6vw,105px);
  align-items: end;
}
.maker-home-v03 .hero-title {
  font-size: clamp(4rem,8.05vw,9.1rem);
  line-height: .86;
  letter-spacing: -.078em;
  max-width: 1180px;
}
.maker-home-v03 .hero-topline { white-space: nowrap; }
.maker-home-v03 .hero-bottomline { display: block; margin-top: .08em; }
.maker-home-v03 .motion-word {
  margin-left: .12em;
  color: var(--pink)!important;
  background: none;
  -webkit-text-fill-color: currentColor;
  filter: none;
  transform: translate(var(--mx),var(--my));
  font-family: Georgia,serif;
  font-style: italic;
  letter-spacing: -.08em;
  animation: none;
}
.maker-home-v03 .motion-word::before {
  content: "";
  position: absolute;
  inset: -.04em -.06em .03em;
  z-index: -1;
  border: 1px solid rgba(240,131,154,.55);
  transform: skewX(-7deg) scaleX(0);
  transform-origin: left;
  animation: maker-frame 1.25s .65s var(--ease) forwards;
}
.maker-home-v03 .motion-word::after { height: .025em; bottom: .04em; }
.maker-home-v03 .motion-word span { animation-duration: 5.2s; }
.maker-home-v03 .hero-aside { border-top: 1px solid var(--grid-dark); padding-top: 22px; padding-bottom: 7px; }
.maker-home-v03 .hero-aside p { color: #c4c0b9; font-size: clamp(15px,1.15vw,19px); }
.maker-home-v03 .hero-index { top: 170px; opacity: .72; }

/* Shared editorial markers */
.maker-home-v03 .eyebrow { display: flex; align-items: center; gap: 12px; font-size: 10px; }
.maker-home-v03 .eyebrow::before { width: 35px; margin: 0; }
.maker-home-v03 .section-title { font-size: clamp(3.2rem,6.8vw,8rem); }

/* About intro */
.maker-home-v03 .intro {
  position: relative;
  padding: clamp(115px,14vw,220px) 0;
  background: var(--paper);
  color: var(--ink);
  border-bottom: 1px solid var(--grid-light);
}
.maker-home-v03 .intro::after {
  content: "01";
  position: absolute;
  right: var(--pad);
  top: 45px;
  font-size: 12px;
  color: #77726b;
}
.maker-home-v03 .intro-grid { grid-template-columns: .32fr 1.68fr; gap: clamp(50px,8vw,145px); }
.maker-home-v03 .intro-label { padding-top: 17px; border-top: 1px solid var(--grid-light); }
.maker-home-v03 .intro-statement {
  max-width: 1180px;
  font-size: clamp(3.15rem,6vw,7rem);
  line-height: .96;
  letter-spacing: -.065em;
}
.maker-home-v03 .intro-statement em { color: var(--orange); }
.maker-home-v03 .intro-note {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: none;
  margin: clamp(55px,8vw,120px) 0 0;
  padding: 25px 0 0 50%;
  border-top: 1px solid var(--grid-light);
  color: #514d47;
}

/* Services */
.maker-home-v03 .services {
  position: relative;
  padding: clamp(110px,13vw,200px) 0;
  background: var(--ink);
}
.maker-home-v03 .services-manifesto { grid-template-columns: 1fr; gap: 45px; margin-bottom: 75px; }
.maker-home-v03 .services-words {
  display: grid;
  grid-template-columns: .9fr .82fr 1.5fr;
  align-items: baseline;
  gap: 18px;
  font-size: clamp(3rem,6.3vw,7.3rem);
}
.maker-home-v03 .services-words span { white-space: nowrap; }
.maker-home-v03 .services-words span:nth-child(1) { color: var(--paper); }
.maker-home-v03 .services-words span:nth-child(2) { color: var(--orange); }
.maker-home-v03 .services-words span:nth-child(3) { color: var(--pink); text-align: right; }
.maker-home-v03 .services-summary { display: grid; grid-template-columns: 1fr 1fr; align-items: end; border-top: 1px solid var(--grid-dark); padding-top: 24px; }
.maker-home-v03 .services-summary .section-copy { grid-column: 2; }
.maker-home-v03 .services-summary .section-action { grid-column: 2; }
.maker-home-v03 .service-list { border-color: var(--grid-dark); counter-reset: service; }
.maker-home-v03 .service-row { grid-template-columns: 62px 1.15fr 1fr 30px; padding: 29px 0; }
.maker-home-v03 .service-row h3 { font-size: clamp(1.8rem,2.8vw,3.5rem); }
.maker-home-v03 .service-row:hover { padding-left: 18px; color: var(--pink); }

/* Work */
.maker-home-v03 .work { padding: clamp(115px,14vw,215px) 0; background: var(--paper); }
.maker-home-v03 .work-head {
  grid-template-columns: 1.35fr .65fr;
  align-items: end;
  margin-bottom: 80px;
  padding-bottom: 35px;
}
.maker-home-v03 .project-list { grid-template-columns: repeat(var(--project-columns,2),minmax(0,1fr)); gap: clamp(28px,3.5vw,58px); }
.maker-project-columns-1 { --project-columns: 1; }
.maker-project-columns-2 { --project-columns: 2; }
.maker-project-columns-3 { --project-columns: 3; }
.maker-home-v03 .project-card { display: block; padding: 0 0 clamp(55px,7vw,90px); border: 0; }
.maker-home-v03 .project-media { min-height: auto; aspect-ratio: 1.38/1; border: 1px solid var(--grid-light); }
.maker-home-v03 .project-media video { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.maker-project-columns-1 .project-media { aspect-ratio: 2.05/1; }
.maker-project-columns-3 .project-media { aspect-ratio: 1.05/1; }
.maker-home-v03 .project-info { padding-top: 23px; }
.maker-home-v03 .project-info h3 { font-size: clamp(2.4rem,4vw,5rem); margin: 17px 0 14px; }
.maker-project-columns-3 .project-info h3 { font-size: clamp(2rem,3vw,3.6rem); }
.maker-home-v03 .project-card:nth-child(3n+2) { transform: translateY(clamp(0px,4vw,55px)); }

/* About / stats */
.maker-home-v03 .about {
  padding: clamp(115px,13vw,200px) 0;
  background: var(--ink-soft);
  background-image: linear-gradient(90deg,transparent 49.95%,var(--grid-dark) 50%,transparent 50.05%);
}
.maker-home-v03 .about-grid { grid-template-columns: .3fr 1.7fr; }
.maker-home-v03 .about-copy { max-width: 1200px; font-size: clamp(2.4rem,4.8vw,5.8rem); }
.maker-home-v03 .stats { grid-template-columns: repeat(4,1fr); border: 1px solid var(--grid-dark); }
.maker-home-v03 .stat { min-height: 175px; background: transparent!important; }
.maker-home-v03 .stat:nth-child(1) { border-top: 3px solid var(--orange)!important; }
.maker-home-v03 .stat:nth-child(2) { border-top: 3px solid var(--pink)!important; }
.maker-home-v03 .stat:nth-child(3) { border-top: 3px solid #d8d3ca!important; }
.maker-home-v03 .stat:nth-child(4) { border-top: 3px solid #77716a!important; }

/* Leisure */
.maker-home-v03 .leisure-band { background: var(--ink-soft); color: var(--paper); border: 0; border-top: 12px solid var(--pink); }
.maker-home-v03 .leisure-link { min-height: 500px; position: relative; }
.maker-home-v03 .leisure-link::before { content:"SPECIAL PROJECT / CORPORATE LEISURE"; position:absolute; right:var(--pad); top:60px; font-size:10px; letter-spacing:.18em; }
.maker-home-v03 .leisure-link h2 { max-width: 1100px; }
.maker-home-v03 .leisure-link p:last-child { color: #aaa69f; }
.maker-home-v03 .leisure-link .go { color: var(--pink); }

/* Partners */
.maker-home-v03 .partners { padding: clamp(105px,12vw,180px) 0; }
.maker-home-v03 .partner-heading { margin-bottom: 40px; }
.maker-home-v03 .partner-tabs { border-bottom: 1px solid var(--grid-light); gap: 0; }
.maker-home-v03 .partner-tabs button { border: 0; border-bottom: 3px solid transparent; padding: 16px 24px; }
.maker-home-v03 .partner-tabs button[aria-selected="true"] { color: var(--ink); background: transparent; border-color: var(--orange); }
.maker-home-v03 .partner-track { border: 1px solid var(--grid-light); }
.maker-home-v03 .partner { min-height: 175px; background: rgba(255,255,255,.17); }

/* Contact */
.maker-home-v03 .contact-band {
  padding: clamp(115px,13vw,200px) 0 65px;
  background: var(--ink);
  background-image: linear-gradient(90deg,transparent 49.95%,var(--grid-dark) 50%,transparent 50.05%);
}
.maker-home-v03 .contact-band h2 { margin-top: 34px; max-width: 1250px; }
.maker-home-v03 .contact-band h2 a { color: var(--paper); }
.maker-home-v03 .contact-band h2 a::after { content:"↗"; color:var(--orange); display:inline-block; margin-left:.14em; font-size:.65em; transition:transform .35s var(--ease); }
.maker-home-v03 .contact-band h2 a:hover::after { transform:translate(10px,-10px); }
.maker-home-v03 .contact-meta { margin-top: clamp(70px,10vw,140px); }

/* Footer */
.maker-home-v03 .site-footer { background: #09090a; }
.maker-home-v03 .footer-main { padding-top: 75px; padding-bottom: 75px; }
.maker-home-v03 .footer-brand p { color: var(--paper); }

/* Animation control */
.maker-animations-off *, .maker-animations-off *::before, .maker-animations-off *::after { animation: none!important; transition-duration: 0s!important; scroll-behavior: auto!important; }
.maker-animations-off [data-reveal] { opacity: 1!important; transform: none!important; }
.maker-animations-subtle .motion-word span { animation: none; }
.maker-animations-medium .project-card:hover .project-media img { transform: scale(1.055); }
.maker-animations-medium .service-row:hover { transform: translateX(8px); }

@keyframes maker-frame { to { transform: skewX(-7deg) scaleX(1); } }

.case-gallery { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px);padding-top:clamp(65px,9vw,130px);padding-bottom:clamp(65px,9vw,130px); }
.case-gallery img { width:100%;height:auto; }
.case-gallery img:nth-child(3n+1) { grid-column:1/-1; }

@media (max-width: 1100px) and (min-width: 901px) {
  .maker-home-v03 .nav-links { font-size: 13px; gap: 18px; }
  .maker-home-v03 .brand { width: 230px; }
  .maker-home-v03 .services-words { font-size: 5.7vw; }
}

@media (max-width: 900px) {
  .maker-home-v03 .site-header { height: 88px; }
  .maker-home-v03 .hero { min-height: 780px; padding-top: 135px; background: var(--ink); }
  .maker-home-v03 .hero::before { inset: 88px 0 0; }
  .maker-home-v03 .hero-grid { grid-template-columns: 1fr; }
  .maker-home-v03 .hero-topline { white-space: normal; }
  .maker-home-v03 .motion-word { margin-left: 0; width: max-content; }
  .maker-home-v03 .intro-grid,.maker-home-v03 .about-grid { grid-template-columns: 1fr; }
  .maker-home-v03 .intro-label { width: 100%; }
  .maker-home-v03 .intro-note { padding-left: 0; }
  .maker-home-v03 .services-words { grid-template-columns: 1fr 1fr; }
  .maker-home-v03 .services-words span:nth-child(3) { grid-column: 1/-1; text-align: left; }
  .maker-home-v03 .services-summary { grid-template-columns: 1fr; }
  .maker-home-v03 .services-summary .section-copy,.maker-home-v03 .services-summary .section-action { grid-column: 1; }
  .maker-home-v03 .work-head { grid-template-columns: 1fr; }
  .maker-home-v03 .project-list { grid-template-columns: 1fr; }
  .maker-home-v03 .project-card:nth-child(3n+2) { transform: none; }
  .maker-home-v03 .stats { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 560px) {
  .maker-home-v03 .hero { min-height: 700px; padding-bottom: 38px; }
  .maker-home-v03 .hero-title { font-size: clamp(3rem,14.2vw,4.75rem); }
  .maker-home-v03 .hero-aside { margin-top: 25px; }
  .maker-home-v03 .intro { padding-block: 100px; }
  .maker-home-v03 .intro-statement { font-size: clamp(2.55rem,12vw,4.1rem); }
  .maker-home-v03 .intro-note { display: block; font-size: 17px; }
  .maker-home-v03 .services-words { display: flex; flex-wrap: wrap; font-size: clamp(3rem,13vw,4.5rem); }
  .maker-home-v03 .service-row { grid-template-columns: 38px 1fr 22px; }
  .maker-home-v03 .project-media { aspect-ratio: 1.15/1; }
  .maker-home-v03 .stats { margin-top: 45px; }
  .maker-home-v03 .stat { min-height: 125px; padding: 17px!important; }
  .maker-home-v03 .leisure-link { min-height: 390px; }
  .maker-home-v03 .leisure-link::before { left: var(--pad); right: auto; top: 34px; }
  .maker-home-v03 .contact-band { background-image: none; }
  .case-gallery { grid-template-columns:1fr; }
  .case-gallery img:nth-child(3n+1) { grid-column:auto; }
}
