/* ================================
   ALVER İNŞAAT – CLEAN STYLE.CSS
   (Çakışmasız / Mobil menü düzgün)
   ================================ */

:root{
  --dark:#0b1623;
  --dark-soft:#132235;
  --light:#f5f7fa;
  --gray:#8a94a6;
  --accent:#1f6fff;
  --white:#ffffff;
}

/* Reset */
*{ margin:0; padding:0; box-sizing:border-box; }
img{ max-width:100%; display:block; }
a{ color:inherit; }
html{ scroll-behavior:smooth; }

body{
  font-family:'Inter', sans-serif;
  background:var(--light);
  color:var(--dark);
  line-height:1.7;
  letter-spacing:-0.01em;
  /* Fixed header boşluğu (beyaz şerit sorununu çözer) */
  padding-top:90px;
}

.container{
  width:90%;
  max-width:1200px;
  margin:0 auto;
}

/* Typography */
h1,h2,h3{
  letter-spacing:-0.03em;
  font-weight:600;
}
p{ color:var(--gray); }

/* ================================
   HEADER
   ================================ */
.header{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  z-index:120;
  background:var(--dark); /* SOLID lacivert */
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.header-inner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:90px;
}

.logo a{
  color:#fff;
  text-decoration:none;
  font-weight:700;
  letter-spacing:1px;
}

/* Desktop panel (nav + social) */
.mobile-panel{
  display:flex;
  align-items:center;
  gap:34px;
}

/* Nav */
.nav{
  display:flex;
  align-items:center;
  gap:26px;
}

.nav a{
  color:rgba(255,255,255,0.82);
  text-decoration:none;
  font-size:14px;
  transition:opacity .25s ease;
}
.nav a:hover{ opacity:1; }

/* Social */
.social{
  display:flex;
  align-items:center;
  gap:16px;
  padding-left:26px;
  border-left:1px solid rgba(255,255,255,0.18);
}

.social a{
  color:rgba(255,255,255,0.75);
  font-size:15px;
  transition:transform .25s ease, color .25s ease;
}
.social a:hover{
  color:#fff;
  transform:translateY(-2px);
}

/* Hamburger */
.menu-toggle{
  display:none; /* desktop kapalı */
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,0.22);
  background:transparent;
  border-radius:12px;
  align-items:center;
  justify-content:center;
  padding:10px;
  gap:6px;
}

.menu-toggle span{
  display:block;
  height:2px;
  width:18px;
  background:#fff;
  opacity:.9;
  transform-origin:center;
  transition:transform .35s ease, opacity .25s ease;
}

/* X animasyonu */
.header.mobile-open .menu-toggle span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
.header.mobile-open .menu-toggle span:nth-child(2){
  opacity:0;
}
.header.mobile-open .menu-toggle span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

/* ================================
   BUTTONS
   ================================ */
.btn{
  padding:16px 36px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-decoration:none;
  display:inline-block;
  transition:
    transform .35s cubic-bezier(.22,.61,.36,1),
    box-shadow .35s cubic-bezier(.22,.61,.36,1),
    background .35s ease,
    color .35s ease,
    border-color .35s ease;
}

.btn-primary{
  background:var(--accent);
  color:#fff;
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(31,111,255,0.35);
}

.btn-outline{
  border:1px solid rgba(255,255,255,0.6);
  color:#fff;
}
.btn-outline:hover{
  background:#fff;
  color:var(--dark);
}

.btn.full{ width:100%; text-align:center; }

/* ================================
   HERO
   ================================ */
.hero{
  height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  background:linear-gradient(135deg, var(--dark), var(--dark-soft));
  color:#fff;
  overflow:hidden;
}

.hero-bg{
  position:absolute;
  inset:0;
  background:url('../assets/images/hero.jpg') center/cover no-repeat;
  opacity:0.15;
}

.hero-content{
  position:relative;
  z-index:2;
}

.hero h1{
  font-size:clamp(44px, 6vw, 72px);
  line-height:1.08;
  margin-bottom:22px;
  color:#fff;
}

.hero p{
  font-size:18px;
  max-width:540px;
  color:rgba(255,255,255,0.78);
}

.hero-buttons{
  margin-top:44px;
  display:flex;
  gap:18px;
}

/* ================================
   ABOUT
   ================================ */
.about{
  padding:160px 0;
  background:var(--light);
}

.about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}

.about-text h2{
  font-size:40px;
  margin-bottom:18px;
  color:var(--dark);
}

.about-text p{
  margin-bottom:16px;
  color:var(--gray);
}

.about-visual img{
  width:100%;
  border-radius:20px;
  box-shadow:0 40px 80px rgba(0,0,0,0.18);
}

/* ================================
   PROJECTS (Preview + Projects page)
   ================================ */
.projects-preview{
  padding:160px 0;
  background:#fff;
}

.projects-preview h2{
  font-size:42px;
  margin-bottom:54px;
  color:var(--dark);
}

.projects-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:40px;
}

/* Kartı link yapınca da bozulmasın */
.project-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  display:block;
  text-decoration:none;
}

.project-card img{
  width:100%;
  display:block;
  transform:scale(1.02);
  transition:transform .8s cubic-bezier(.22,.61,.36,1);
}

/* overlay */
.project-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:18px;
  background:linear-gradient(to top, rgba(11,22,35,0.86), rgba(11,22,35,0.12));
  opacity:0;
  transition:opacity .35s ease;
  color:#fff;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:12px;
}

.project-card:hover img{ transform:scale(1.12); }
.project-card:hover .project-overlay{ opacity:1; }

/* ================================
   CONTACT CTA
   ================================ */
.contact-cta{
  padding:140px 0;
  background:linear-gradient(135deg, var(--dark), var(--dark-soft));
  color:#fff;
  text-align:center;
}

.contact-cta h2{
  font-size:40px;
  margin-bottom:26px;
  color:#fff;
}

/* ================================
   CONTACT PAGE (Modern Form)
   ================================ */
.contact-modern{
  padding:160px 0;
  background:linear-gradient(135deg, #f5f7fa, #ffffff);
}

.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
}

.contact-info h1{
  font-size:42px;
  margin-bottom:18px;
  color:var(--dark);
}

.contact-info p{
  color:var(--gray);
  max-width:460px;
}

.contact-info ul{
  margin-top:26px;
  list-style:none;
}

.contact-info li{
  margin-bottom:10px;
  font-size:15px;
  color:var(--dark);
}
.contact-info li strong{ color:var(--dark); }

.contact-form{
  background:#fff;
  padding:50px;
  border-radius:20px;
  box-shadow:0 40px 80px rgba(0,0,0,0.08);
  border:1px solid rgba(11,22,35,0.06);
}

.form-group{
  position:relative;
  margin-bottom:26px;
}

.form-group input,
.form-group textarea{
  width:100%;
  padding:16px 14px;
  border:1px solid rgba(11,22,35,0.16);
  border-radius:12px;
  outline:none;
  font-size:15px;
  background:#fff;
  color:var(--dark);
}

.form-group input:focus,
.form-group textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(31,111,255,0.12);
}

.form-group label{
  position:absolute;
  top:50%;
  left:14px;
  transform:translateY(-50%);
  background:#fff;
  padding:0 6px;
  color:rgba(11,22,35,0.55);
  font-size:14px;
  pointer-events:none;
  transition:.25s ease;
}

.form-group textarea + label{
  top:18px;
  transform:none;
}

.form-group input:not(:placeholder-shown) + label,
.form-group textarea:not(:placeholder-shown) + label,
.form-group input:focus + label,
.form-group textarea:focus + label{
  top:-8px;
  font-size:12px;
  color:var(--accent);
}

/* ================================
   FOOTER
   ================================ */
.footer{
  background:var(--dark);
  color:rgba(255,255,255,0.78);
  padding:60px 0;
  font-size:14px;
  border-top:1px solid rgba(255,255,255,0.08);
}

.footer-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:26px;
}

.footer-left p{ margin:4px 0; color:rgba(255,255,255,0.76); }

.footer-center{
  flex:1;
  text-align:center;
  color:rgba(255,255,255,0.70);
  font-size:13px;
}

.footer-right{
  display:flex;
  align-items:center;
  gap:16px;
}

.footer-right a{
  color:rgba(255,255,255,0.72);
  font-size:16px;
  transition:transform .25s ease, color .25s ease;
}
.footer-right a:hover{
  color:#fff;
  transform:translateY(-2px);
}

/* ================================
   MOBILE MENU (Dropdown panel)
   ================================ */
@media (max-width: 900px){
  body{ padding-top:80px; }
  .header-inner{ height:80px; }

  /* Desktop paneli mobilde dropdown yap */
  .menu-toggle{ display:flex; }

  .mobile-panel{
    display:none;
    position:absolute;
    top:calc(100% + 10px);
    left:5%;
    right:5%;
    padding:14px;
    border-radius:18px;
    background:rgba(11,22,35,0.96);
    border:1px solid rgba(255,255,255,0.14);
    backdrop-filter: blur(14px);
    flex-direction:column;
    align-items:stretch;
    gap:12px;

    transform:translateY(-8px);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease, transform .25s ease;
  }

  .header.mobile-open .mobile-panel{
    display:flex;
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }

  .nav{
    flex-direction:column;
    gap:0;
  }

  .nav a{
    padding:12px 10px;
    font-size:15px;
  }

  .social{
    border-left:none;
    padding-left:0;
    margin-left:0;
    border-top:1px solid rgba(255,255,255,0.12);
    padding-top:10px;
    justify-content:flex-start;
  }

  .hero-buttons{
    flex-direction:column;
    align-items:flex-start;
  }

  .about-grid,
  .contact-grid{
    grid-template-columns:1fr;
  }

  .projects-grid{
    grid-template-columns:1fr;
  }

  .footer-grid{
    flex-direction:column;
    text-align:center;
  }

  .footer-right{
    justify-content:center;
  }
}

/* Mobilde hover yok → overlay görünür olsun (isteğe bağlı) */
@media (max-width: 900px){
  .project-overlay{ opacity:1; }
}

body.menu-lock { overflow: hidden; }


/* PROJECT CLICK DETAIL (overlay on image) */
.project-card{
  cursor:pointer;
}

.project-card img{
  transition: transform .7s cubic-bezier(.22,.61,.36,1), filter .35s ease;
}

.project-info{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  padding:18px;
  opacity:0;
  pointer-events:none;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease;
  background: linear-gradient(to top, rgba(11,22,35,.88), rgba(11,22,35,.12));
  color:#fff;
}

.pi-title{ font-size:18px; font-weight:600; letter-spacing:-.02em; }
.pi-meta{ font-size:13px; opacity:.8; }
.pi-desc{ font-size:13px; opacity:.85; max-width:90%; }
.pi-close{
  margin-top:10px;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  opacity:.85;
}

.project-card.active img{
  filter: brightness(.55);
  transform: scale(1.05);
}

.project-card.active .project-info{
  opacity:1;
  pointer-events:auto;
  transform: translateY(0);
}

/* Mobilde okunurluk */
@media (max-width:900px){
  .pi-desc{ max-width:100%; }
}

/* ===== Form Overlay Modal ===== */
.form-overlay{
  position: fixed;
  inset: 0;
  background: rgba(2, 8, 20, 0.62);
  backdrop-filter: blur(6px);
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 2000;
}
.form-overlay.show{ opacity: 1; pointer-events: auto; }

.form-modal{
  width: min(520px, 92vw);
  background: rgba(11, 22, 35, 0.92);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  padding: 26px 22px;
  box-shadow: 0 40px 120px rgba(0,0,0,0.35);
  color: #fff;
  transform: translateY(8px);
  transition: transform .25s ease;
}
.form-overlay.show .form-modal{ transform: translateY(0); }

.form-modal h3{ margin-top: 12px; font-size: 18px; letter-spacing: -0.02em; }
.form-modal p{ margin-top: 8px; color: rgba(255,255,255,0.75); font-size: 14px; line-height: 1.5; }

.form-spinner{
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,0.18);
  border-top-color: rgba(31,111,255,1);
  animation: spin .9s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Checkmark (hidden by default) */
.form-check{ display:none; width:44px; height:44px; }
.form-check svg{ width:44px; height:44px; }
.form-check path{
  fill:none;
  stroke: rgba(40, 180, 110, 1);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
}

/* Success state: hide spinner, show animated tick */
.form-overlay.success .form-spinner{ display:none; }
.form-overlay.success .form-check{ display:block; }
.form-overlay.success .form-check path{ animation: draw .55s ease forwards; }
@keyframes draw{ to{ stroke-dashoffset: 0; } }

/* Error state: spinner turns red */
.form-overlay.error .form-spinner{
  border: 3px solid rgba(255,255,255,0.16);
  border-top-color: rgba(255, 77, 79, 1);
}

/* Close button */
.form-modal-close{
  display: none;
  margin-top: 16px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  color: #fff;
  cursor: pointer;
  transition: transform .25s ease, background .25s ease;
}
.form-modal-close:hover{ background: rgba(255,255,255,0.10); transform: translateY(-1px); }

/* Projects SEO bar (premium) */
.projects-seo{
  margin: 22px auto 0;
  max-width: 980px;
  padding: 16px 16px;
  border-radius: 16px;
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 14px;
  align-items: center;

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 18px 50px rgba(0,0,0,0.22);
  backdrop-filter: blur(10px);
}

.projects-seo-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 18px;

  /* FIX */
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(226, 136, 0, 0.92);
}

.projects-seo-text{
  /* FIX */
  color: rgba(255,255,255,0.86);
  line-height: 1.6;
  font-size: 14.5px;
}

.projects-seo-text strong{
  display: inline-block;
  margin-right: 6px;

  /* FIX */
  color: rgba(255,255,255,0.95);
}

.projects-seo-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.seo-chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: .01em;

  color: rgba(255,255,255,0.92);
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  transition: transform .2s ease, background .2s ease;
}

.seo-chip:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,0.16);
}

@media (max-width: 820px){
  .projects-seo{
    grid-template-columns: 44px 1fr;
    grid-template-rows: auto auto;
  }
  .projects-seo-actions{
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}


/* ===== Mobile spacing polish ===== */
@media (max-width: 600px){

  /* HERO bölümündeki dev boşluğu azalt */
  .hero{
    padding: 110px 0 55px !important;
  }

  /* Projects sayfasında "160px padding" yüzünden beyaz alan oluşuyor */
  .projects-preview{
    padding: 80px 0 !important;
  }

  .projects-preview h2{
    font-size: 32px !important;
    margin-bottom: 26px !important;
  }

  /* Blog yazılarında metinler daha düzgün sığsın */
  .blog-shell{
    padding: 28px 0 60px !important;
  }

  /* Uzun kelime/link taşmalarını engelle */
  .blog-content, .projects-seo-text, .hero p{
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}


html, body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }


/* ================================
   INSTAGRAM PROJECT GRID
================================ */

.instagram-projects{
  padding: 120px 0;
  background: #fff;
}

.instagram-projects h2{
  font-size: 42px;
  margin-bottom: 40px;
  color: var(--dark);
  text-align: center;
}

.ig-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.ig-item{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}

.ig-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: transform .6s cubic-bezier(.22,.61,.36,1);
}

.ig-item:hover img{
  transform: scale(1.1);
}


/* Mobile */
@media (max-width: 900px){
  .ig-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 520px){
  .ig-grid{
    grid-template-columns: 1fr;
  }
}
.ig-item a{ display:block; }

/* ================================
   PROJECTS V2 (Premium Catalog)
================================ */

.projects-v2-hero{
  position: relative;
  min-height: 62vh;
  display: grid;
  align-items: center;
  background: linear-gradient(135deg, var(--dark), var(--dark-soft));
  color: #fff;
  overflow: hidden;
}

.projects-v2-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 500px at 20% 20%, rgba(31,111,255,0.30), transparent 55%),
    radial-gradient(700px 420px at 80% 30%, rgba(226,136,0,0.22), transparent 55%),
    url('../assets/images/gorsel1.jpg') center/cover no-repeat;
  opacity: 0.16;
}

.projects-v2-hero-inner{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 40px;
  align-items: end;
  padding: 70px 0 30px;
}

.projects-v2-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.90);
  font-size: 13px;
  margin-bottom: 14px;
}

.projects-v2-title h1{
  font-size: clamp(44px, 5.5vw, 74px);
  line-height: 1.05;
  color: #fff;
  margin-bottom: 14px;
}

.projects-v2-title p{
  max-width: 720px;
  color: rgba(255,255,255,0.78);
  font-size: 16.5px;
}

.projects-v2-actions{
  margin-top: 26px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Stats cards */
.projects-v2-stats{
  display: grid;
  gap: 12px;
}

.projects-v2-stats .stat{
  border-radius: 18px;
  padding: 16px 16px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(10px);
}

.stat-num{
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgba(255,255,255,0.95);
}

.stat-label{
  margin-top: 4px;
  font-size: 13px;
  color: rgba(255,255,255,0.72);
}

/* Shell */
.projects-v2-shell{
  padding: 90px 0 120px;
  background: #fff;
}

.projects-v2-toolbar{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 22px;
  align-items: end;
  margin-bottom: 26px;
}

.projects-v2-toolbar-left h2{
  font-size: 42px;
  color: var(--dark);
  margin-bottom: 6px;
}

.projects-v2-toolbar-left p{
  color: var(--gray);
}

/* Filter chips (upgrade) */
.projects-v2-filter{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.projects-v2-filter .filter-chip{
  cursor: pointer;
  border-radius: 999px;
  padding: 10px 12px;
  font-size: 13px;
  border: 1px solid rgba(11,22,35,0.12);
  background: rgba(11,22,35,0.03);
  color: rgba(11,22,35,0.86);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
  user-select: none;
}

.projects-v2-filter .filter-chip:hover{
  transform: translateY(-1px);
  background: rgba(11,22,35,0.06);
}

.projects-v2-filter .filter-chip.active{
  background: rgba(31,111,255,0.12);
  border-color: rgba(31,111,255,0.30);
  color: rgba(11,22,35,0.92);
}

/* Grid refine */
.projects-v2-grid{
  margin-top: 18px;
}

/* Card polish (mevcut kartlarını premium yapar) */
.project-card{
  border: 1px solid rgba(11,22,35,0.08);
  box-shadow: 0 22px 60px rgba(0,0,0,0.10);
}

.project-card img{
  filter: saturate(1.02) contrast(1.02);
}

/* Overlay readability boost */
.project-info{
  background: linear-gradient(to top, rgba(11,22,35,.92), rgba(11,22,35,.10));
}

.pi-title{ font-size: 19px; }
.pi-desc{ line-height: 1.55; }

/* Note */
.projects-v2-note{
  margin-top: 28px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(11,22,35,0.10);
  background: rgba(11,22,35,0.03);
  color: rgba(11,22,35,0.78);
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.projects-v2-note a{
  color: var(--accent);
  text-decoration: none;
}
.projects-v2-note a:hover{
  text-decoration: underline;
}

/* Instagram section (harmonized) */
.ig-widget-section{
  margin-top: 70px;
  padding: 70px 0 0;
}

.ig-title{
  font-size: 40px;
  margin-bottom: 26px;
  color: var(--dark);
  text-align: center;
  letter-spacing: -0.02em;
}

.ig-widget-wrap{
  width: min(1000px, 100%);
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(11,22,35,0.08);
  box-shadow: 0 30px 70px rgba(0,0,0,0.10);
}

.ig-iframe{
  width: 100%;
  height: 700px;
  border: 0;
  display: block;
}

/* Responsive */
@media (max-width: 900px){
  .projects-v2-hero-inner{
    grid-template-columns: 1fr;
    padding: 60px 0 20px;
  }
  .projects-v2-toolbar{
    grid-template-columns: 1fr;
  }
  .projects-v2-filter{
    justify-content: flex-start;
  }
  .projects-v2-toolbar-left h2{ font-size: 34px; }
  .ig-title{ font-size: 28px; }
  .ig-iframe{ height: 920px; }
}