[hidden]{display:none!important}.cms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cms-card{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--line);padding-bottom:25px}.cms-card img,.cms-card-blank{width:100%;aspect-ratio:4/3;object-fit:cover;background:#202720}.cms-card-blank{display:grid;place-items:center;color:var(--muted);font-size:60px;letter-spacing:-9px}.cms-card .eyebrow{font-size:9px;color:var(--muted);margin-top:10px}.cms-card h3{font-size:22px;margin:0}.cms-card p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.cms-card>span:last-child{font-size:11px;margin-top:10px}.cms-detail{max-width:1100px;margin:auto}.cms-detail h1{font-size:clamp(36px,5vw,70px);line-height:1.2;letter-spacing:-2px;font-weight:500}.cms-lead{font-size:17px;line-height:1.9;color:var(--muted)}.cms-cover{width:100%;max-height:700px;object-fit:contain;margin:30px 0;background:#171c18}.cms-body{max-width:760px;margin:35px auto}.cms-body p{font-size:15px;line-height:2;color:#c6c8c0}.cms-detail video,.cms-detail iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin:30px 0}.preview-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#e8d09c;color:#171c18;padding:14px;text-align:center;font:12px Poppins,Arial,sans-serif}.preview-banner a{text-decoration:underline;margin-left:15px}.blog-posts .cms-grid{margin-top:35px}@media(max-width:850px){.cms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.cms-grid{grid-template-columns:1fr}.cms-detail h1{font-size:38px}.cms-body p{font-size:14px}}

.cms-admin-link{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:9px 12px;border-radius:3px}footer{flex-wrap:wrap}

.cms-social-example { margin: 3rem 0; }
.cms-social-example h2 { font-size: clamp(1.5rem, 4vw, 2.5rem); margin: 0 0 1rem; }
.cms-social-example > p { color: var(--muted); max-width: 62ch; line-height: 1.7; }
.cms-social-slides { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.cms-social-slides figure { margin: 0; }
.cms-social-slides a { display: block; }
.cms-social-slides img { display: block; width: 100%; height: auto; border: 1px solid var(--line); }
.cms-social-slides figcaption { margin-top: .65rem; color: var(--muted); }
@media (max-width: 600px) {
  .cms-social-slides { grid-template-columns: minmax(0, 1fr); }
}

.cms-performance-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.cms-performance-grid article { border: 1px solid var(--line); padding: clamp(1rem, 3vw, 1.5rem); }
.cms-performance-grid h3 { margin: .5rem 0; }
.cms-performance-grid p { margin: 0 0 1rem; color: var(--ivory); }
.cms-performance-grid img { display: block; width: 100%; height: auto; border-radius: 6px; }
@media (max-width: 650px) {
  .cms-performance-grid { grid-template-columns: minmax(0, 1fr); }
}

.cms-gallery { margin: clamp(2rem, 5vw, 4rem) 0 4rem; border-top: 1px solid var(--line); padding-top: clamp(1.25rem, 3vw, 2rem); }
.cms-gallery h2 { color: #f8f2e7; font-weight: 600; letter-spacing: -.035em; }
.cms-gallery-label { margin: 2rem 0 1rem; color: #f8f2e7; font-size: 1.125rem; font-weight: 600; }
.cms-gallery-photos, .cms-gallery-videos { display: grid; gap: clamp(1rem, 3vw, 1.75rem); }
.cms-gallery-photos { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.cms-gallery-photos > div { display: grid; align-content: start; gap: clamp(1rem, 3vw, 1.75rem); }
.cms-gallery-videos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cms-gallery-card { min-width: 0; margin: 0; background: #1b201b; }
.cms-gallery-image { display: block; position: relative; background: #191b18; }
.cms-gallery-image img { display: block; width: 100%; height: auto; }
.cms-gallery-image[data-video] { display: grid; aspect-ratio: 4/3; place-items: center; }
.cms-gallery-icon, .cms-gallery-play { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border: 1px solid #ffffff91; border-radius: 50%; color: #fff; background: #161713e6; }
.cms-gallery-icon { position: absolute; right: .65rem; bottom: .65rem; }
.cms-gallery-image[data-video] img { height: 100%; min-height: 0; object-fit: contain; }
.cms-gallery-play { position: absolute; width: 3.25rem; height: 3.25rem; }
.cms-gallery-image:hover :is(.cms-gallery-icon,.cms-gallery-play) { background: #f8f2e7; color: #181916; }
.cms-gallery-card figcaption { padding: .9rem 1rem 1rem; }
.cms-gallery-card h4 { margin: 0 0 .25rem; color: #f8f2e7; font-size: clamp(1.125rem, 2.5vw, 1.5rem); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.cms-gallery-card p { margin: 0; color: #d3d4c8; font-size: .875rem; line-height: 1.55; }
.cms-gallery button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); background: transparent; color: var(--ivory); font-size: 1.2rem; cursor: pointer; }
.cms-gallery-image:focus-visible, .cms-gallery button:focus-visible { outline: 2px solid #f8f2e7; outline-offset: -3px; }
.cms-gallery-dialog { width: min(94vw, 62rem); max-height: 94dvh; padding: .85rem; background: #141613; color: var(--ivory); border: 1px solid var(--line); }
.cms-gallery-dialog::backdrop { background: #080908dc; }
.cms-gallery-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 0 .15rem .65rem; }
.cms-gallery-viewer img, .cms-gallery-viewer video { display: block; width: 100%; height: min(72dvh, 46rem); margin: 0; object-fit: contain; }
@media (max-width: 680px) {
  .cms-gallery-videos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .cms-gallery-photos, .cms-gallery-videos { grid-template-columns: minmax(0, 1fr); }
}

.cms-social-hero {
  background: linear-gradient(90deg, #101210f2, #101210b3 48%, #10121030),
    url("/assets/sosyal-medya-set-kapak.jpg") center 43% / cover;
  border-bottom: 1px solid var(--line);
}
.cms-social-hero .cms-detail { padding-block: clamp(3rem, 8vw, 7rem); }
.cms-social-hero h1, .cms-social-hero .cms-lead, .cms-social-hero .breadcrumb { color: #f8f2e7; }
.cms-social-hero .cms-lead { max-width: 36rem; }
.cms-social-content { padding-top: clamp(1.5rem, 4vw, 3.5rem); }
.cms-social-content > .cms-body { margin: 0; }
@media (max-width: 650px) {
  .cms-social-hero {
    background-image: linear-gradient(90deg, #101210ed, #10121095), url("/assets/sosyal-medya-set-kapak.jpg");
  }
}

.cms-social-topic + .cms-social-topic { margin-top: 1.5rem; }
.cms-social-topic h2 {
  margin: 0 0 .35rem;
  color: #f8f2e7;
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  font-weight: 600;
  line-height: 1.3;
}
.cms-social-topic p { margin: 0; }
.cms-social-topic p + p { margin-top: .6rem; }

.cms-drone-body .cms-social-topic h2 {
  margin-bottom: .75rem;
}
.cms-drone-body .cms-social-topic + .cms-social-topic {
  margin-top: clamp(1.75rem, 4vw, 2.5rem);
  padding-top: clamp(1.25rem, 3vw, 1.75rem);
  border-top: 1px solid var(--line);
}

.cms-cover + .cms-drone-photo { display: block; margin-top: 0; }

.cms-product-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.75rem, 2vw, 1.5rem);
  margin: 2rem 0 3rem;
}
.cms-product-gallery a { display: block; background: #eee; }
.cms-product-gallery img { display: block; width: 100%; height: 100%; aspect-ratio: 2/3; object-fit: contain; }
.cms-product-gallery a:focus-visible { outline: 2px solid var(--ivory); outline-offset: 4px; }
@media (max-width: 480px) {
  .cms-product-gallery { grid-template-columns: minmax(0, 1fr); }
}

/* Brand feedback for visitor controls and links styled as buttons. */
:root {
  --action-sage: color-mix(in srgb, var(--sage) 65%, var(--ivory));
  --action-sage-text: color-mix(in srgb, var(--sage) 45%, var(--ivory));
}
button:not(:disabled):is(:hover, :focus-visible),
.home-page .tabs button[aria-selected]:is(:hover, :focus-visible),
.header nav > a.nav-contact:is(:hover, :focus-visible),
a:is(.nav-contact, .button-primary, .contact-cta, .whatsapp-float, .contact-channel):is(:hover, :focus-visible),
.social-links a:is(:hover, :focus-visible),
.round-link:is(:hover, :focus-visible) i,
.cms-gallery-image:is(:hover, :focus-visible) :is(.cms-gallery-icon, .cms-gallery-play) {
  background-color: var(--action-sage);
  border-color: var(--action-sage);
  color: var(--bg);
}
a:is(.text-link, .back-top, .round-link, .cms-card):is(:hover, :focus-visible),
.header nav > a:not(.nav-contact):is(:hover, :focus-visible) {
  color: var(--action-sage-text);
  border-bottom-color: currentColor;
}
.home-page .service-card-link:is(:hover, :focus-visible) {
  background-color: color-mix(in srgb, var(--action-sage) 12%, transparent);
}
.service-card-link:is(:hover, :focus-visible) :is(h3, .service-arrow),
.portfolio-tile:is(:hover, :focus-visible) h3 {
  color: var(--action-sage-text);
}
.portfolio-tile:is(:hover, :focus-visible) .portfolio-tile-arrow {
  background-color: var(--action-sage);
  border-color: var(--action-sage);
  color: var(--bg);
}
@media (prefers-reduced-motion: no-preference) {
  .project-contact { transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
}

.inquiry-section { padding-block: clamp(1.25rem, 4vw, 3rem) 1.25rem; }
.service-inquiry {
 scroll-margin-top: 1rem;
 padding: clamp(1.25rem, 4vw, 3rem);
 border: 1px solid color-mix(in srgb, var(--sage, #a4ad99) 45%, transparent);
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
 gap: clamp(1.5rem, 4vw, 3.5rem);
}
.service-inquiry h2 { margin: 0 0 1rem; font-size: clamp(1.8rem, 4vw, 3rem); }
.service-inquiry p { margin: 0; }
.service-inquiry form, .service-inquiry label { display: grid; gap: .45rem; }
.service-inquiry form { gap: 1rem; }
.service-inquiry input, .service-inquiry textarea {
 width: 100%;
 background: transparent;
 color: inherit;
 font: inherit;
 border: 1px solid var(--sage, #a4ad99);
 border-radius: .25rem;
 padding: .65rem .75rem;
}
.service-inquiry textarea { resize: vertical; }
.service-inquiry .inquiry-submit {
 justify-self: start;
 padding: .75rem 1.2rem;
 border: 1px solid var(--ivory);
 border-radius: .25rem;
 color: var(--bg);
 background: var(--ivory);
 cursor: pointer;
}
.service-inquiry .inquiry-submit:is(:hover, :focus-visible):enabled {
 background: var(--sage);
 border-color: var(--sage);
 color: #0f1112;
}
.service-inquiry .inquiry-submit:disabled { opacity: .65; cursor: wait; }
.service-inquiry .inquiry-note { font-size: .85rem; }
.service-inquiry [role="status"]:empty { display: none; }
@media (max-width: 700px) {
 .service-inquiry { grid-template-columns: minmax(0, 1fr); }
}

.client-showcase { padding-block: clamp(2rem, 5vw, 4.5rem) 0; }
.client-heading { margin-bottom: 1rem; }
.client-heading h2 {
 font-size: clamp(1.25rem, 2.4vw, 2rem);
 letter-spacing: -.025em;
}
.client-strip {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 1px;
 list-style: none;
 margin: 0;
 padding: 1px;
 background: color-mix(in srgb, var(--ivory, #f6f0e2) 84%, #222a25);
}
.client-strip li {
 flex: 1 1 16%;
 min-width: 96px;
 display: grid;
 place-items: center;
 min-height: 76px;
 padding: 12px;
 background: var(--ivory, #f6f0e2);
}
.client-strip img {
 display: block;
 width: 100%;
 height: 44px;
 max-width: 104px;
 object-fit: contain;
}
@media (max-width: 700px) {
 .client-strip li { flex-basis: 22%; }
}

.cms-featured-video { max-width: 34rem; margin-block: 1.5rem; }
.cms-gallery-image[data-video] { overflow: hidden; }
.cms-gallery-image[data-video] img { position: absolute; inset: 0; }
.cms-gallery-dialog-header button { cursor: pointer; }
.cms-gallery-viewer iframe { display: block; width: 100%; height: min(72dvh, 46rem); border: 0; }