:root{
      --ink:#1b2430;
      --muted:#6b7785;
      --accent:#f4ca2f;
      --poster:url('img/gemi.jpg');
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;scroll-behavior:smooth;background:#fff}
    a{color:inherit;text-decoration:none}
    .container{width:min(1180px,92vw);margin-inline:auto}
    /* NAV */
    .nav{position:fixed;inset-inline:0;top:0;height:76px;z-index:100;display:flex;align-items:center;
      background:rgba(255,255,255,.28);backdrop-filter:saturate(1.2) blur(10px);
      border-bottom:1px solid rgba(0,0,0,.06);transition:background .25s, box-shadow .25s}
    .nav.scrolled{background:rgba(255,255,255,.65);box-shadow:0 8px 28px rgba(0,0,0,.08)}
    .nav .inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand img{height:58px;object-fit:contain;display:block}
    .menu{display:flex;gap:26px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.3px}
    .menu a{opacity:.9;position:relative;padding:10px 6px}
    .menu a.active::after,.menu a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent);border-radius:2px}
    /* HERO with video */
    .hero{position:relative;min-height:92vh;display:grid;place-items:center;isolation:isolate;overflow:hidden}
    .hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55));}
    .headline{position:relative;color:#fff;text-align:center;padding:24px 20px;background:rgba(0,0,0,.35);border-radius:14px}
    h1,h2{font-family:Montserrat,sans-serif;margin:0 0 12px}
    h1{font-size:clamp(30px,4.5vw,46px);font-weight:800}
    .subtitle{font-size:clamp(18px,3vw,26px)}
    .chevron{position:absolute;bottom:22px;left:50%;translate:-50% 0;width:32px;height:32px;border-bottom:3px solid #fff;border-right:3px solid #fff;rotate:45deg;opacity:.9}
    /* Section heading */
    .section{padding:96px 0;position:relative}
    .heading{font-size:clamp(28px,4vw,44px);text-align:center;letter-spacing:.6px;margin-bottom:38px}
    .underline{width:90px;height:8px;background:var(--accent);border-radius:4px;margin:12px auto 0}
    /* Poster background for sections (parallax-like) */
    .section::before{content:"";position:absolute;inset:0;background-image:var(--poster);background-size:cover;background-position:center;background-attachment:fixed;opacity:.12;z-index:-1}
    /* Products */
    .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
    .product-card{grid-column:span 3;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .25s, box-shadow .25s}
    .product-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.12)}
    .product-card .img{height:160px;background:#eef2f7;overflow:hidden}
    .product-card .img img{width:100%;height:100%;object-fit:cover}
    .product-card .content{padding:18px 18px 22px}
    .product-card h3{font-family:Montserrat,sans-serif;font-size:18px;margin:0 0 8px}
    .product-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
    @media (max-width:1024px){.product-card{grid-column:span 6}}
    @media (max-width:640px){.product-card{grid-column:span 12}}
    /* About */
    .about .wrapper{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
    .about p{color:var(--muted);line-height:1.8}
    .about .photo{min-height:360px;border-radius:18px;overflow:hidden;background:var(--poster) center/cover no-repeat;filter:saturate(0.9)}
    @media (max-width:900px){.about .wrapper{grid-template-columns:1fr} .about .photo{min-height:260px}}
    /* Projects */
    .projects .grid>.card{grid-column:span 3;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.07)}
    .projects .grid>.card img{width:100%;height:200px;object-fit:cover;display:block}
    .projects .grid>.card .overlay{position:absolute;inset:auto 0 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));color:#fff;padding:14px 16px;font-size:14px;min-height:72px}
    @media (max-width:1024px){.projects .grid>.card{grid-column:span 6}}
    @media (max-width:640px){.projects .grid>.card{grid-column:span 12}}
    /* Contact */
    .contact .columns{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}
    .map{width:100%;height:300px;border:0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}
    .contact .card{background:#ffffffcc;padding:20px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.07);backdrop-filter: blur(6px)}
    .contact label{display:block;margin:6px 0 6px;font-weight:600;font-size:14px}
    .contact input,.contact textarea{width:100%;padding:12px 14px;border:1px solid #e4e7ec;border-radius:10px;font:inherit;background:#fff}
    .contact .btn{margin-top:12px;display:inline-block;background:#222;color:#fff;border:none;padding:12px 22px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .2s, box-shadow .2s}
    .contact .btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.18)}
    .tiny{font-size:12px;color:var(--muted)}
    footer{padding:36px 0;text-align:center;color:#8a94a6;font-size:14px}
 
 
 
 /* === NAV: daha kalın, daha büyük logo === */
.nav {
  height: 96px;                 /* 76px -> 96px */
}

.nav .inner {
  height: 96px;                 /* içerik dikey hizalansın */
}

.brand img {
  height: 76px;                 /* 58px -> 76px  (logo daha büyük) */
}

.menu {                         /* yazılar biraz daha “dolgun” görünsün */
  font-size: 16px;
  gap: 32px;
}

.menu a {                       /* tıklama alanını büyütelim */
  padding: 16px 8px;
}

/* Ankordan (HOME/PRODUCTS/...) atlayınca başlık nav altında kalmasın */
.section, .hero { 
  scroll-margin-top: 110px;
}

/* Mobilde biraz küçült */
@media (max-width: 640px) {
  .nav, .nav .inner { height: 80px; }
  .brand img { height: 62px; }
  .menu { gap: 18px; font-size: 15px; }
  .menu a { padding: 12px 6px; }
}