:root{
  --green:#103523;
  --green-2:#1e4b33;
  --green-3:#2e6243;
  --gold:#d8b467;
  --gold-soft:#ead7a8;
  --cream:#f3efe5;
  --cream-2:#ebe5d8;
  --ink:#152219;
  --muted:#667268;
  --white:#fff;
  --line:rgba(255,255,255,.17);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
img{display:block;max-width:100%}
.wrap{width:min(1240px,calc(100% - 56px));margin:0 auto}

/* HEADER */
.site-header{
  position:absolute;inset:0 0 auto 0;z-index:50;color:#fff;
  transition:transform .3s ease,color .3s ease
}
.topbar{
  border-bottom:1px solid var(--line);
  background:rgba(3,18,10,.18);
  backdrop-filter:blur(6px)
}
.topbar-inner{
  height:42px;display:flex;align-items:center;
  justify-content:space-between;font-size:12px;letter-spacing:.35px
}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}
.topbar-left a{opacity:.88;transition:.2s}
.topbar-left a:hover{opacity:1;color:var(--gold)}
.sep{width:1px;height:13px;background:rgba(255,255,255,.35)}
.topbar-right a{
  display:grid;place-items:center;width:25px;height:25px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;font-size:11px;font-weight:700;transition:.22s
}
.topbar-right a:hover{background:var(--gold);border-color:var(--gold);color:#143020}

.nav-shell{
  border-bottom:1px solid var(--line);
  transition:background .3s,border-color .3s,box-shadow .3s
}
.nav-inner{
  min-height:104px;
  display:flex;align-items:center;gap:28px
}
.logo{
  width:205px;
  flex:0 0 205px;
  display:flex;align-items:center
}
.logo img{
  width:205px;height:auto;
  transition:opacity .15s ease,transform .3s ease
}
.main-nav{
  margin-left:auto;
  display:flex;align-items:center;gap:2px
}
.main-nav>a,.nav-link{
  position:relative;
  padding:44px 10px 40px;
  border:0;background:none;color:#fff;
  font-size:12px;font-weight:800;
  letter-spacing:.35px;cursor:pointer;white-space:nowrap
}
.main-nav>a::after,.nav-link::after{
  content:"";
  position:absolute;left:10px;right:10px;bottom:31px;height:2px;
  background:var(--gold);
  transform:scaleX(0);transform-origin:left;
  transition:transform .25s ease
}
.main-nav>a:hover::after,
.main-nav>a.active::after,
.nav-item:hover .nav-link::after{transform:scaleX(1)}
.nav-item{position:relative}
.dropdown{
  position:absolute;left:0;top:88px;
  width:260px;padding:9px 0;
  background:rgba(255,255,255,.98);color:#1f2b22;
  border-top:3px solid var(--gold);
  box-shadow:0 22px 55px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;transform:translateY(9px);
  transition:.22s
}
.dropdown.wide{width:305px}
.dropdown a{
  display:block;padding:12px 18px;border-bottom:1px solid #eee;
  font-size:12px;font-weight:700
}
.dropdown a:last-child{border-bottom:0}
.dropdown a:hover{background:#f7f3ea;color:var(--green)}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none}
.lang{
  font-size:11px;font-weight:900;letter-spacing:.7px;
  border-left:1px solid rgba(255,255,255,.32);padding-left:18px
}
.lang span{opacity:.55;margin:0 3px}
.mobile-toggle{display:none}

/* STICKY */
.site-header.is-sticky{
  position:fixed;inset:0 0 auto 0;
  color:#22362a;
  animation:dropHeader .32s ease both
}
@keyframes dropHeader{
  from{transform:translateY(-14px);opacity:.6}
  to{transform:none;opacity:1}
}
.site-header.is-sticky .topbar{display:none}
.site-header.is-sticky .nav-shell{
  background:rgba(255,255,255,.965);
  border-color:#ece8df;
  box-shadow:0 10px 38px rgba(0,0,0,.08);
  backdrop-filter:blur(14px)
}
.site-header.is-sticky .nav-inner{min-height:78px}
.site-header.is-sticky .logo,
.site-header.is-sticky .logo img{width:178px}
.site-header.is-sticky .main-nav>a,
.site-header.is-sticky .nav-link{
  color:#24382c;
  padding-top:31px;padding-bottom:29px
}
.site-header.is-sticky .main-nav>a::after,
.site-header.is-sticky .nav-link::after{bottom:20px}
.site-header.is-sticky .dropdown{top:70px}
.site-header.is-sticky .lang{color:#264332;border-left-color:#ddd}

/* HERO */
.hero{
  position:relative;
  min-height:100vh;
  height:880px;
  overflow:hidden;
  background:#0a2d1c;
  color:#fff
}
.hero-image{
  position:absolute;inset:-3.5%;
  background-image:url('../images/aycan-gida-slider-2.jpg');
  background-size:cover;
  background-position:center 51%;
  transform:scale(1.075);
  animation:heroZoom 17s ease-out forwards;
  will-change:transform
}
@keyframes heroZoom{to{transform:scale(1)}}
.hero-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,
      rgba(4,22,12,.86) 0%,
      rgba(5,27,15,.70) 31%,
      rgba(7,25,14,.37) 58%,
      rgba(5,20,11,.12) 78%,
      rgba(4,18,10,.05) 100%),
    linear-gradient(0deg,rgba(5,20,11,.32),rgba(5,20,11,0) 43%)
}
.hero-light{
  position:absolute;
  width:760px;height:760px;
  left:-220px;top:145px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(224,188,111,.13),rgba(224,188,111,0) 69%);
  filter:blur(3px);
  pointer-events:none
}
.hero-content{
  position:relative;z-index:3;height:100%;
  display:flex;align-items:center;
  padding-top:110px
}
.hero-copy{max-width:930px}
.eyebrow{
  display:flex;align-items:center;gap:13px;
  margin-bottom:25px;
  font-size:11px;font-weight:900;
  letter-spacing:3.2px;color:#e0c584
}
.eyebrow::before{content:"";width:40px;height:1px;background:var(--gold)}
h1{
  max-width:900px;
  margin:0 0 27px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(66px,7.4vw,118px);
  line-height:.88;
  letter-spacing:-5px;
  font-weight:500
}
h1 span{
  display:block;
  color:var(--gold);
  font-style:italic;
  font-size:.94em
}
.hero-content p{
  max-width:665px;
  margin:0 0 39px;
  color:rgba(255,255,255,.89);
  font-size:17px;line-height:1.82
}
.hero-actions{display:flex;align-items:center;gap:31px}
.btn-primary{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:space-between;gap:34px;
  min-width:258px;padding:19px 21px;
  background:var(--gold);color:#13291b;
  font-size:11px;font-weight:900;letter-spacing:1px;
  transition:transform .25s,box-shadow .25s,color .25s
}
.btn-primary::before{
  content:"";
  position:absolute;inset:0;
  background:#fff;
  transform:translateX(-105%);
  transition:transform .35s cubic-bezier(.2,.7,.2,1)
}
.btn-primary span,.btn-primary b{position:relative;z-index:2}
.btn-primary b{font-size:18px;font-weight:500}
.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 40px rgba(0,0,0,.19)
}
.btn-primary:hover::before{transform:none}
.text-link{
  position:relative;
  font-size:12px;font-weight:800;letter-spacing:.4px;
  color:#fff;padding:7px 0
}
.text-link::after{
  content:"";position:absolute;left:0;bottom:0;
  width:100%;height:1px;background:rgba(255,255,255,.34);
  transition:width .25s
}
.text-link:hover::after{width:35%}
.text-link span{margin-left:8px;color:var(--gold)}
.hero-side{
  position:absolute;z-index:4;
  right:28px;top:50%;
  transform:translateY(-50%) rotate(90deg);
  display:flex;align-items:center;gap:16px;
  font-size:9px;letter-spacing:2.6px;font-weight:900;
  color:rgba(255,255,255,.55)
}
.hero-side i{width:48px;height:1px;background:rgba(255,255,255,.32)}
.scroll-cue{
  position:absolute;z-index:4;left:50%;bottom:28px;
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:11px;
  color:rgba(255,255,255,.72);
  font-size:8px;font-weight:900;letter-spacing:3px
}
.scroll-cue i{
  width:1px;height:50px;
  background:linear-gradient(var(--gold),rgba(255,255,255,.08));
  animation:scrollPulse 1.8s infinite
}
@keyframes scrollPulse{
  0%,100%{transform:scaleY(.48);transform-origin:top}
  50%{transform:scaleY(1)}
}
.hero-number{
  position:absolute;right:45px;bottom:28px;z-index:3;
  font-family:Georgia,serif;font-size:48px;
  color:rgba(255,255,255,.13)
}

/* HERO REVEAL */
.reveal{
  opacity:0;transform:translateY(22px);
  animation:reveal .9s cubic-bezier(.2,.7,.2,1) forwards
}
.delay-1{animation-delay:.16s}
.delay-2{animation-delay:.32s}
.delay-3{animation-delay:.48s}
@keyframes reveal{to{opacity:1;transform:none}}

/* SUSTAINABILITY */
.sustain{
  position:relative;
  overflow:hidden;
  background:var(--cream);
  padding:135px 0 145px
}
.sustain-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:100px;
  align-items:center
}
.sustain-media{position:relative}
.image-frame{
  position:relative;
  overflow:hidden;
  min-height:620px;
  background:#d8d1c4
}
.image-frame::after{
  content:"";
  position:absolute;inset:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)
}
.image-frame img{
  width:100%;height:620px;
  object-fit:cover;
  transition:transform 1.3s cubic-bezier(.2,.7,.2,1)
}
.sustain-media:hover .image-frame img{transform:scale(1.035)}
.media-tag{
  position:absolute;
  left:-24px;bottom:35px;
  display:flex;align-items:center;gap:18px;
  min-width:300px;padding:17px 22px;
  background:var(--green);color:#fff;
  box-shadow:0 16px 40px rgba(21,45,30,.18)
}
.media-tag span{
  color:var(--gold);
  font-family:Georgia,serif;
  font-size:29px
}
.media-tag strong{
  font-size:10px;letter-spacing:2px
}
.section-kicker{
  margin-bottom:22px;
  font-size:10px;font-weight:900;
  letter-spacing:3px;color:#9c7c3d
}
.section-kicker.light{color:#e0c584}
.sustain h2{
  margin:0 0 30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(53px,5vw,79px);
  line-height:.95;
  letter-spacing:-2.5px;
  color:var(--green)
}
.sustain h2 em{
  color:#a9823e;
  font-weight:400
}
.sustain-copy p{
  max-width:560px;
  margin:0 0 18px;
  color:#59665d;
  font-size:16px;
  line-height:1.85
}
.section-link{
  display:inline-flex;align-items:center;gap:24px;
  margin-top:16px;padding:14px 0;
  border-bottom:1px solid #af9a6f;
  font-size:10px;font-weight:900;
  letter-spacing:1.5px;color:var(--green)
}
.section-link b{
  color:#a57f39;
  font-size:18px;
  transition:transform .2s
}
.section-link:hover b{transform:translateX(5px)}
.sustain-bg-word{
  position:absolute;
  left:5.3%;
  bottom:-6px;
  font-family:Georgia,serif;
  font-size:118px;
  font-weight:700;
  color:rgba(30,75,51,.082);
  white-space:nowrap;
  pointer-events:none;
  user-select:none
}

/* TRACEABILITY */
.trace{
  position:relative;
  overflow:hidden;
  min-height:840px;
  padding:145px 0 155px;
  background:#103523;
  color:#fff
}
.trace-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 80% 22%,rgba(216,180,103,.09),transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 45%)
}
.trace-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:95px;
  align-items:center
}
.trace-copy{
  position:relative;
  padding-left:35px
}
.trace-index{
  position:absolute;
  right:5px;top:-26px;
  font-family:Georgia,serif;
  font-size:92px;
  color:rgba(255,255,255,.085)
}
.trace h2{
  margin:0 0 28px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(58px,5.4vw,86px);
  line-height:.95;
  letter-spacing:-3px;
  font-weight:500
}
.trace-lead{
  max-width:560px;
  margin:0 0 36px;
  font-size:17px;
  line-height:1.82;
  color:rgba(255,255,255,.80)
}
.trace-points{display:grid;gap:0;max-width:590px;border-top:1px solid rgba(255,255,255,.16)}
.trace-point{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:20px;
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.13)
}
.trace-point>span{
  color:var(--gold);
  font-family:Georgia,serif;
  font-size:22px
}
.trace-point strong{
  display:block;
  margin:1px 0 6px;
  font-size:10px;
  letter-spacing:2px;
  color:#fff
}
.trace-point p{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:rgba(255,255,255,.62)
}
.trace-link{
  display:inline-flex;
  align-items:center;
  gap:22px;
  margin-top:28px;
  padding:14px 0;
  border-bottom:1px solid rgba(216,180,103,.55);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
  color:#fff
}
.trace-link b{
  color:var(--gold);
  font-size:18px;
  transition:transform .2s
}
.trace-link:hover b{transform:translate(4px,-2px)}

.trace-media{position:relative}
.trace-image-shell{
  position:relative;
  height:650px;
  overflow:hidden;
  background:#0b2719
}
.trace-image-shell::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(6,24,14,.35),rgba(6,24,14,.03) 45%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)
}
.trace-image-shell img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform 1.4s cubic-bezier(.2,.7,.2,1)
}
.trace-media:hover img{transform:scale(1.035)}
.trace-line{
  position:absolute;z-index:3;
  height:1px;
  background:rgba(216,180,103,.65);
  transform-origin:left
}
.trace-line-a{width:180px;left:16%;top:32%;transform:rotate(13deg)}
.trace-line-b{width:130px;right:10%;bottom:27%;transform:rotate(-16deg)}
.trace-dot{
  position:absolute;z-index:4;
  width:13px;height:13px;
  border:2px solid var(--gold);
  border-radius:50%;
  background:rgba(16,53,35,.75);
  box-shadow:0 0 0 7px rgba(216,180,103,.09)
}
.trace-dot-a{left:43%;top:36%}
.trace-dot-b{right:28%;bottom:31%}
.trace-badge{
  position:absolute;z-index:5;
  right:-18px;bottom:34px;
  min-width:205px;
  padding:18px 20px;
  background:var(--gold);
  color:#153121;
  box-shadow:0 18px 44px rgba(0,0,0,.20)
}
.trace-badge span{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.2px
}
.trace-badge strong{
  font-family:Georgia,serif;
  font-size:21px;
  line-height:1.02
}
.trace-word{
  position:absolute;
  left:28px;
  bottom:-17px;
  font-family:Georgia,serif;
  font-size:128px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  user-select:none;
  pointer-events:none
}

/* SCROLL REVEAL */
.reveal-on-scroll{
  opacity:0;
  transform:translateY(35px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)
}
.reveal-on-scroll.visible{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:1180px){
  .wrap{width:min(100% - 38px,1240px)}
  .main-nav>a,.nav-link{font-size:10px;padding-left:7px;padding-right:7px}
  .logo{width:172px;flex-basis:172px}
  .logo img{width:172px}
  .sustain-grid,.trace-grid{gap:65px}
}
@media(max-width:980px){
  .topbar{display:none}
  .nav-inner{min-height:82px}
  .logo{width:160px;flex-basis:160px}
  .logo img{width:160px}
  .mobile-toggle{
    margin-left:auto;display:flex;
    width:42px;height:40px;border:0;background:transparent;
    flex-direction:column;justify-content:center;gap:5px;padding:7px;cursor:pointer
  }
  .mobile-toggle span{display:block;height:2px;background:#fff}
  .site-header.is-sticky .mobile-toggle span{background:var(--green)}
  .main-nav{
    position:absolute;left:0;right:0;top:82px;
    margin:0;padding:10px 22px 22px;
    display:none;flex-direction:column;align-items:stretch;
    background:#fff;color:#23362a;
    box-shadow:0 18px 35px rgba(0,0,0,.12)
  }
  .main-nav.open{display:flex}
  .main-nav>a,.nav-link,
  .site-header.is-sticky .main-nav>a,
  .site-header.is-sticky .nav-link{
    display:block;width:100%;
    padding:13px 4px;color:#23362a;
    text-align:left;border-bottom:1px solid #eee
  }
  .dropdown{
    position:static;display:none;
    opacity:1;visibility:visible;transform:none;
    box-shadow:none;border-top:0;width:100%;padding-left:12px
  }
  .nav-item.open .dropdown{display:block}
  .nav-item:hover .dropdown{display:none}
  .nav-item.open:hover .dropdown{display:block}
  .lang{display:none}
  .hero{height:780px}
  .hero-content{padding-top:85px}
  .hero-side{display:none}
  .sustain{padding:100px 0}
  .sustain-grid,.trace-grid{grid-template-columns:1fr;gap:65px}
  .image-frame,.image-frame img{height:560px;min-height:560px}
  .sustain-copy{max-width:680px}
  .trace{padding:110px 0 120px}
  .trace-image-shell{height:580px}
}
@media(max-width:620px){
  .wrap{width:min(100% - 28px,1240px)}
  .hero{height:720px;min-height:720px}
  .hero-image{background-position:62% center}
  .hero-shade{background:linear-gradient(90deg,rgba(4,22,12,.89),rgba(5,24,13,.58))}
  h1{font-size:59px;line-height:.92;letter-spacing:-2.5px}
  .hero-content p{font-size:15px;line-height:1.68}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .btn-primary{min-width:238px}
  .hero-number{display:none}
  .sustain{padding:78px 0 90px}
  .image-frame,.image-frame img{height:420px;min-height:420px}
  .media-tag{left:10px;right:10px;bottom:14px;min-width:0}
  .sustain h2{font-size:51px}
  .sustain-copy p{font-size:15px;line-height:1.75}
  .sustain-bg-word{font-size:66px;left:2%}
  .trace{padding:82px 0 92px}
  .trace h2{font-size:56px}
  .trace-lead{font-size:15px;line-height:1.7}
  .trace-image-shell{height:440px}
  .trace-badge{right:10px;bottom:14px}
  .trace-word{font-size:70px;left:-10px}
}


/* SAFE & INNOVATIVE PRODUCTION */
.production{
  position:relative;
  overflow:hidden;
  background:#f7f4ed;
  padding:135px 0 145px;
}
.production-top{
  position:relative;
  z-index:2;
  margin-bottom:64px;
}
.production-heading{position:relative}
.production-title-row{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:90px;
  align-items:end;
}
.production h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(56px,5.6vw,88px);
  line-height:.93;
  letter-spacing:-3px;
  color:var(--green);
  font-weight:500;
}
.production h2 em{
  color:#a9823e;
  font-weight:400;
}
.production-title-row>p{
  max-width:510px;
  margin:0 0 8px;
  color:#5f6b62;
  font-size:16px;
  line-height:1.85;
}
.production-stage{
  position:relative;
  z-index:2;
}
.production-photo{
  position:relative;
  height:610px;
  overflow:hidden;
  background:#173e2b;
}
.production-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform 1.4s cubic-bezier(.2,.7,.2,1);
}
.production-photo:hover img{transform:scale(1.035)}
.production-photo-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(6,31,19,.36),rgba(6,31,19,.02) 50%),
    linear-gradient(0deg,rgba(4,25,14,.42),rgba(4,25,14,0) 45%);
}
.production-photo-index{
  position:absolute;
  left:28px;
  top:24px;
  color:rgba(255,255,255,.24);
  font-family:Georgia,serif;
  font-size:74px;
  line-height:1;
}
.production-photo-caption{
  position:absolute;
  left:32px;
  bottom:32px;
  color:#fff;
}
.production-photo-caption span{
  display:block;
  margin-bottom:8px;
  color:var(--gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:2.4px;
}
.production-photo-caption strong{
  font-size:12px;
  letter-spacing:1.9px;
}
.production-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#dcd6ca;
  margin-top:1px;
}
.quality-card{
  position:relative;
  min-height:285px;
  padding:34px 28px 30px;
  background:#fff;
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
}
.quality-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
.quality-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 45px rgba(19,51,33,.10);
  z-index:3;
}
.quality-card:hover::after{transform:scaleX(1)}
.quality-no{
  position:absolute;
  right:22px;top:18px;
  color:#d8d0c3;
  font-family:Georgia,serif;
  font-size:34px;
}
.quality-icon{
  width:46px;height:46px;
  display:grid;place-items:center;
  margin-bottom:34px;
  border:1px solid #d8c69f;
  border-radius:50%;
  color:#9b793d;
  font-size:20px;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.quality-card:hover .quality-icon{
  transform:rotate(10deg) scale(1.06);
  background:var(--gold);
  color:var(--green);
}
.quality-card h3{
  margin:0 0 15px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  color:var(--green);
  font-weight:500;
}
.quality-card p{
  margin:0;
  color:#667168;
  font-size:13px;
  line-height:1.72;
}
.production-footer{
  display:flex;
  align-items:center;
  gap:25px;
  margin-top:36px;
}
.production-line{
  width:72px;
  height:1px;
  background:#b99a5a;
}
.production-footer a{
  display:inline-flex;
  align-items:center;
  gap:18px;
  color:var(--green);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
}
.production-footer b{
  color:#a67f39;
  font-size:18px;
  transition:transform .2s ease;
}
.production-footer a:hover b{transform:translate(4px,-2px)}
.production-word{
  position:absolute;
  right:-20px;
  bottom:-30px;
  font-family:Georgia,serif;
  font-size:158px;
  font-weight:700;
  color:rgba(30,75,51,.045);
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}

@media(max-width:980px){
  .trace-copy{padding-left:0}
  .production{padding:100px 0 110px}
  .production-title-row{grid-template-columns:1fr;gap:24px}
  .production-photo{height:520px}
  .production-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .trace-word{left:12px}
  .production{padding:80px 0 92px}
  .production h2{font-size:52px}
  .production-photo{height:430px}
  .production-cards{grid-template-columns:1fr}
  .quality-card{min-height:230px}
  .production-word{font-size:82px}
}


/* V05 TRACE CLEANUP */
.trace-line,
.trace-dot,
.trace-badge{display:none!important}

/* V05 PRODUCTION BACKGROUND WORD POSITION */
.production-word{
  right:auto!important;
  left:42px!important;
  bottom:-30px!important;
}

/* FINDIĞIN HİKAYESİ */
.story{
  position:relative;
  overflow:hidden;
  background:#0d2f20;
  color:#fff;
}
.story-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:860px;
}
.story-visual{
  position:relative;
  overflow:hidden;
  min-height:860px;
}
.story-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform 1.5s cubic-bezier(.2,.7,.2,1);
}
.story-visual:hover img{transform:scale(1.035)}
.story-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(0deg,rgba(6,26,16,.72),rgba(6,26,16,.04) 55%),
    linear-gradient(90deg,rgba(5,24,14,.16),rgba(5,24,14,0) 55%);
}
.story-vertical{
  position:absolute;
  left:34px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  color:#fff;
}
.story-vertical span{
  font-family:Georgia,serif;
  font-size:32px;
  color:var(--gold);
}
.story-vertical i{
  width:1px;
  height:72px;
  background:rgba(255,255,255,.38);
}
.story-vertical strong{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:9px;
  letter-spacing:2.5px;
}
.story-quote{
  position:absolute;
  left:105px;
  right:55px;
  bottom:55px;
}
.story-quote span{
  display:block;
  margin-bottom:10px;
  color:var(--gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:2.5px;
}
.story-quote strong{
  display:block;
  max-width:580px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1.12;
  font-weight:500;
}
.story-copy{
  position:relative;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 88% 18%,rgba(216,180,103,.08),transparent 25%),
    #103523;
  padding:90px 7vw 90px 6vw;
}
.story-copy-inner{
  position:relative;
  z-index:3;
  max-width:590px;
}
.story h2{
  margin:0 0 30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(58px,5.4vw,86px);
  line-height:.94;
  letter-spacing:-3px;
  font-weight:500;
}
.story h2 em{
  color:var(--gold);
  font-weight:400;
}
.story-copy p{
  margin:0 0 19px;
  color:rgba(255,255,255,.75);
  font-size:15px;
  line-height:1.87;
}
.story-detail{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:22px;
  align-items:center;
  margin:34px 0 10px;
  padding:23px 0;
  border-top:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(255,255,255,.15);
}
.story-detail-no{
  font-family:Georgia,serif;
  font-size:46px;
  color:var(--gold);
}
.story-detail small{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.48);
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
.story-detail strong{
  display:block;
  max-width:365px;
  font-family:Georgia,serif;
  font-size:18px;
  line-height:1.35;
  font-weight:500;
}
.story-link{
  display:inline-flex;
  align-items:center;
  gap:24px;
  margin-top:27px;
  padding:14px 0;
  border-bottom:1px solid rgba(216,180,103,.55);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
}
.story-link b{
  color:var(--gold);
  font-size:18px;
  transition:transform .2s;
}
.story-link:hover b{transform:translateX(5px)}
.story-rings{
  position:absolute;
  right:-115px;
  top:95px;
  width:330px;
  height:330px;
  opacity:.10;
}
.story-rings i{
  position:absolute;
  inset:0;
  border:1px solid var(--gold);
  border-radius:50%;
}
.story-rings i:nth-child(2){inset:50px}
.story-rings i:nth-child(3){inset:100px}
.story-word{
  position:absolute;
  right:-15px;
  bottom:-32px;
  font-family:Georgia,serif;
  font-size:165px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

@media(max-width:980px){
  .story-grid{grid-template-columns:1fr}
  .story-visual{min-height:620px}
  .story-copy{padding:90px 8vw}
  .production-word{left:24px!important}
}
@media(max-width:620px){
  .story-visual{min-height:500px}
  .story-vertical{left:18px}
  .story-quote{left:65px;right:25px;bottom:35px}
  .story-quote strong{font-size:27px}
  .story-copy{padding:75px 28px 90px}
  .story h2{font-size:54px}
  .story-word{font-size:90px}
  .production-word{left:12px!important}
}

.story-word{right:18%!important;}
.facility{position:relative;overflow:hidden;background:#f3efe5;padding:135px 0 145px}.facility-head{position:relative;z-index:2;margin-bottom:60px}.facility-head-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:end}.facility-heading h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,6vw,94px);line-height:.92;letter-spacing:-3.5px;color:var(--green);font-weight:500}.facility-intro p{max-width:565px;margin:0 0 7px;color:#59665d;font-size:16px;line-height:1.85}.facility-main{position:relative;z-index:2}.facility-photo{position:relative;overflow:hidden;height:600px;background:#173e2b}.facility-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.45s cubic-bezier(.2,.7,.2,1)}.facility-photo:hover img{transform:scale(1.025)}.facility-photo-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,28,17,.58),rgba(5,28,17,.04) 52%),linear-gradient(90deg,rgba(4,24,14,.22),rgba(4,24,14,0) 50%)}.facility-photo-mark{position:absolute;left:30px;top:28px;display:flex;align-items:center;gap:18px;color:#fff}.facility-photo-mark span{font-family:Georgia,serif;font-size:52px;color:rgba(255,255,255,.36)}.facility-photo-mark strong{padding-top:5px;color:var(--gold);font-size:9px;letter-spacing:2.3px}.facility-photo-caption{position:absolute;left:34px;bottom:34px}.facility-photo-caption span{display:block;margin-bottom:9px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:2.4px}.facility-photo-caption strong{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:37px;line-height:1.05;font-weight:500}.facility-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1px;background:#d9d2c5}.facility-step{position:relative;min-height:275px;padding:34px 28px 32px;background:#fff;transition:background .28s ease,transform .28s ease,box-shadow .28s ease}.facility-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.facility-step:hover{background:#fcfaf5;transform:translateY(-7px);box-shadow:0 20px 48px rgba(21,48,31,.10);z-index:3}.facility-step:hover::after{transform:scaleX(1)}.facility-step-no{position:absolute;right:22px;top:18px;color:#ded7ca;font-family:Georgia,serif;font-size:34px}.facility-step small{display:block;margin:3px 0 27px;color:#a17d3d;font-size:8px;font-weight:900;letter-spacing:2px}.facility-step h3{margin:0 0 14px;color:var(--green);font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.1;font-weight:500}.facility-step p{margin:0;color:#68736b;font-size:13px;line-height:1.72}.facility-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:34px}.facility-standard{display:flex;align-items:center;gap:18px}.facility-standard>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #cdb881;border-radius:50%;color:#9c7839;font-family:Georgia,serif;font-size:16px;font-weight:700}.facility-standard p{max-width:410px;margin:0;color:#677168;font-size:12px;line-height:1.65}.facility-link{display:inline-flex;align-items:center;gap:22px;padding:14px 0;border-bottom:1px solid #ac925c;color:var(--green);font-size:10px;font-weight:900;letter-spacing:1.6px}.facility-link b{color:#a67f39;font-size:18px;transition:transform .2s ease}.facility-link:hover b{transform:translate(4px,-2px)}.facility-word{position:absolute;left:5%;bottom:-34px;font-family:Georgia,serif;font-size:160px;font-weight:700;color:rgba(30,75,51,.055);white-space:nowrap;pointer-events:none;user-select:none}@media(max-width:980px){.story-word{right:8%!important}.facility{padding:100px 0 110px}.facility-head-grid{grid-template-columns:1fr;gap:24px}.facility-photo{height:520px}.facility-process{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.story-word{right:4%!important}.facility{padding:80px 0 92px}.facility-heading h2{font-size:56px}.facility-photo{height:430px}.facility-photo-caption strong{font-size:30px}.facility-process{grid-template-columns:1fr}.facility-step{min-height:225px}.facility-bottom{align-items:flex-start;flex-direction:column}.facility-word{font-size:88px;left:2%}}


/* V07 - KALİTE & BELGELER */
.certs{
  position:relative;
  overflow:hidden;
  background:#103523;
  color:#fff;
  padding:145px 0 155px;
}
.certs-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(216,180,103,.10),transparent 25%),
    radial-gradient(circle at 88% 75%,rgba(216,180,103,.06),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 45%);
}
.certs-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:end;
  margin-bottom:68px;
}
.certs h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(60px,5.8vw,92px);
  line-height:.92;
  letter-spacing:-3px;
  font-weight:500;
}
.certs h2 em{
  color:var(--gold);
  font-weight:400;
}
.certs-intro{
  max-width:590px;
}
.certs-intro p{
  margin:0 0 17px;
  color:rgba(255,255,255,.74);
  font-size:15px;
  line-height:1.85;
}
.certs-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.13);
}
.cert-card{
  position:relative;
  min-height:430px;
  padding:28px 27px 24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:#fff;
  color:var(--green);
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;
}
.cert-card.featured{
  background:#f4efe4;
}
.cert-card.process{
  background:#ffffff;
}
.cert-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:4px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
.cert-card:hover{
  transform:translateY(-10px);
  box-shadow:0 24px 55px rgba(0,0,0,.19);
  z-index:4;
}
.cert-card:hover::after{transform:scaleX(1)}
.cert-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}
.cert-no{
  color:#cfc6b6;
  font-family:Georgia,serif;
  font-size:34px;
}
.cert-code,
.cert-symbol{
  display:grid;
  place-items:center;
  width:48px;height:48px;
  border:1px solid #ccb47b;
  border-radius:50%;
  color:#9a7738;
  font-size:13px;
  font-weight:900;
  letter-spacing:1px;
}
.cert-symbol{font-size:19px}
.cert-center{
  padding:28px 0 32px;
}
.cert-big{
  display:block;
  margin-bottom:19px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:62px;
  line-height:.9;
  letter-spacing:-2px;
  color:#a47e37;
  font-weight:500;
}
.cert-center small{
  display:block;
  margin-bottom:23px;
  color:#a17d3d;
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
.cert-center h3{
  margin:0 0 17px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;
  line-height:1.12;
  font-weight:500;
}
.cert-center p{
  margin:0;
  color:#667169;
  font-size:13px;
  line-height:1.74;
}
.cert-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding-top:18px;
  border-top:1px solid #ddd6c9;
  color:#7c826e;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.7px;
}
.cert-bottom b{
  color:#9f7b3c;
  font-size:17px;
  transition:transform .2s ease;
}
.cert-card:hover .cert-bottom b{transform:translate(4px,-2px)}

.certs-foot{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:50px;
  margin-top:38px;
}
.certs-note{
  display:flex;
  align-items:center;
  gap:18px;
  max-width:600px;
}
.certs-note-mark{
  display:grid;
  place-items:center;
  flex:0 0 50px;
  width:50px;height:50px;
  border:1px solid rgba(216,180,103,.55);
  border-radius:50%;
  color:var(--gold);
}
.certs-note p{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:12px;
  line-height:1.65;
}
.certs-link{
  display:inline-flex;
  align-items:center;
  gap:22px;
  padding:14px 0;
  border-bottom:1px solid rgba(216,180,103,.55);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.5px;
}
.certs-link b{
  color:var(--gold);
  font-size:18px;
  transition:transform .2s ease;
}
.certs-link:hover b{transform:translate(4px,-2px)}
.certs-word{
  position:absolute;
  left:4.5%;
  bottom:-38px;
  font-family:Georgia,serif;
  font-size:168px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

@media(max-width:1100px){
  .certs-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .certs{padding:110px 0 120px}
  .certs-head{grid-template-columns:1fr;gap:26px}
}
@media(max-width:620px){
  .certs{padding:82px 0 94px}
  .certs h2{font-size:56px}
  .certs-grid{grid-template-columns:1fr}
  .cert-card{min-height:340px}
  .certs-foot{align-items:flex-start;flex-direction:column}
  .certs-word{font-size:90px;left:2%}
}


/* V08 - BASINDA BİZ */
.press{
  position:relative;
  overflow:hidden;
  background:#f4efe4;
  padding:140px 0 150px;
}
.press-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:95px;
  align-items:end;
  margin-bottom:65px;
}
.press h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(62px,6vw,95px);
  line-height:.92;
  letter-spacing:-3.5px;
  color:var(--green);
  font-weight:500;
}
.press h2 em{
  color:#a9823e;
  font-weight:400;
}
.press-intro{
  max-width:560px;
  padding-bottom:8px;
}
.press-intro p{
  margin:0 0 18px;
  color:#5e6a61;
  font-size:16px;
  line-height:1.82;
}
.press-intro>span{
  color:#9c7a3d;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.3px;
}
.press-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.press-card{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:455px;
  background:#fff;
  color:var(--green);
  overflow:hidden;
  transition:transform .32s ease,box-shadow .32s ease;
}
.press-card:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 58px rgba(28,50,34,.13);
}
.press-card-right{
  background:#103523;
  color:#fff;
}
.press-image{
  position:relative;
  min-height:455px;
  overflow:hidden;
  background:#d7d0c4;
}
.press-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1.15s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.press-card:hover .press-image img{
  transform:scale(1.055);
}
.press-shade{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(7,30,18,.20),rgba(7,30,18,0) 50%);
}
.press-card-content{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:34px 31px 30px;
}
.press-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.press-meta span{
  color:#cfc6b6;
  font-family:Georgia,serif;
  font-size:36px;
}
.press-card-right .press-meta span{color:rgba(255,255,255,.20)}
.press-meta small{
  color:#a17d3d;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.2px;
}
.press-card-right .press-meta small{color:var(--gold)}
.press-card h3{
  margin:45px 0 auto;
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  line-height:1.1;
  font-weight:500;
}
.press-card-right h3{color:#fff}
.press-open{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:35px;
  padding-top:18px;
  border-top:1px solid #ddd5c8;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.8px;
}
.press-card-right .press-open{
  border-top-color:rgba(255,255,255,.15);
  color:rgba(255,255,255,.85);
}
.press-open b{
  color:#a27d39;
  font-size:18px;
  transition:transform .2s ease;
}
.press-card-right .press-open b{color:var(--gold)}
.press-card:hover .press-open b{transform:translate(4px,-2px)}
.press-foot{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:38px;
}
.press-foot-line{
  width:74px;
  height:1px;
  background:#aa8b50;
}
.press-foot p{
  margin:0;
  color:#687269;
  font-size:12px;
  line-height:1.6;
}
.press-word{
  position:absolute;
  right:5%;
  bottom:-38px;
  font-family:Georgia,serif;
  font-size:165px;
  font-weight:700;
  color:rgba(30,75,51,.055);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

@media(max-width:1100px){
  .press-grid{grid-template-columns:1fr}
  .press-card{min-height:410px}
}
@media(max-width:980px){
  .press{padding:105px 0 115px}
  .press-head{grid-template-columns:1fr;gap:25px}
}
@media(max-width:680px){
  .press{padding:82px 0 92px}
  .press h2{font-size:58px}
  .press-card{
    grid-template-columns:1fr;
  }
  .press-image{min-height:340px}
  .press-card-content{min-height:300px}
  .press-word{font-size:86px;right:2%}
}


/* V10 - CONTACT CTA */
.contact-cta{
  position:relative;
  overflow:hidden;
  background:#0b2d1d;
  color:#fff;
  padding:145px 0 150px;
}
.contact-cta-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 10% 15%,rgba(216,180,103,.11),transparent 25%),
    radial-gradient(circle at 92% 82%,rgba(216,180,103,.06),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.015),transparent 45%);
}
.contact-cta-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:105px;
  align-items:center;
}
.contact-cta h2{
  margin:0 0 30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(62px,5.8vw,92px);
  line-height:.92;
  letter-spacing:-3.4px;
  font-weight:500;
}
.contact-cta h2 em{
  color:var(--gold);
  font-weight:400;
}
.contact-cta-copy>p{
  max-width:520px;
  margin:0 0 34px;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.82;
}
.contact-main-link{
  display:inline-flex;
  align-items:center;
  gap:26px;
  padding:15px 0;
  border-bottom:1px solid rgba(216,180,103,.58);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.6px;
}
.contact-main-link b{
  color:var(--gold);
  font-size:18px;
  transition:transform .2s ease;
}
.contact-main-link:hover b{transform:translate(4px,-2px)}
.contact-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:rgba(255,255,255,.14);
}
.contact-card{
  position:relative;
  min-height:245px;
  padding:29px 26px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:rgba(255,255,255,.055);
  color:#fff;
  transition:background .28s ease,transform .28s ease,box-shadow .28s ease;
}
.contact-card:hover{
  background:#f3efe5;
  color:var(--green);
  transform:translateY(-7px);
  box-shadow:0 22px 48px rgba(0,0,0,.16);
  z-index:3;
}
.contact-card-no{
  position:absolute;
  left:26px;top:23px;
  font-family:Georgia,serif;
  font-size:33px;
  color:rgba(255,255,255,.18);
}
.contact-card:hover .contact-card-no{color:#d5c9b5}
.contact-card small{
  margin-bottom:12px;
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
.contact-card:hover small{color:#a17d3d}
.contact-card strong{
  max-width:330px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  line-height:1.28;
  font-weight:500;
}
.contact-card i{
  position:absolute;
  right:22px;top:23px;
  color:var(--gold);
  font-style:normal;
  font-size:18px;
  transition:transform .2s ease;
}
.contact-card:hover i{transform:translate(3px,-2px)}
.contact-word{
  position:absolute;
  left:4%;
  bottom:-38px;
  font-family:Georgia,serif;
  font-size:164px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}

/* V10 - FOOTER */
.site-footer{
  position:relative;
  background:#071e13;
  color:#fff;
  overflow:hidden;
}
.footer-top{
  padding:95px 0 78px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.25fr .8fr .8fr 1.15fr;
  gap:70px;
}
.footer-logo{
  display:inline-block;
  width:200px;
  margin-bottom:28px;
}
.footer-logo img{
  width:100%;
  height:auto;
}
.footer-brand p{
  max-width:330px;
  margin:0 0 30px;
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.75;
}
.footer-socials{
  display:flex;
  align-items:center;
  gap:9px;
}
.footer-socials a{
  display:grid;
  place-items:center;
  width:35px;height:35px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:800;
  transition:.22s ease;
}
.footer-socials a:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:#0d2f20;
  transform:translateY(-3px);
}
.footer-col,
.footer-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-col>small,
.footer-contact>small{
  display:block;
  margin-bottom:27px;
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:2.3px;
}
.footer-col>a{
  position:relative;
  margin-bottom:13px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  line-height:1.45;
  transition:color .2s ease,transform .2s ease;
}
.footer-col>a:hover{
  color:#fff;
  transform:translateX(4px);
}
.footer-contact>a,
.footer-contact>div{
  width:100%;
  margin-bottom:19px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-contact span{
  display:block;
  margin-bottom:6px;
  color:rgba(255,255,255,.38);
  font-size:8px;
  font-weight:900;
  letter-spacing:1.6px;
  text-transform:uppercase;
}
.footer-contact strong{
  display:block;
  color:rgba(255,255,255,.84);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.4;
  font-weight:500;
}
.footer-contact a:hover strong{color:var(--gold)}
.footer-middle{
  padding:50px 0 48px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-signature{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:17px;
  font-family:Georgia,"Times New Roman",serif;
  line-height:.9;
}
.footer-signature span{
  color:var(--gold);
  font-size:clamp(45px,5vw,76px);
  font-style:italic;
}
.footer-signature strong{
  color:rgba(255,255,255,.90);
  font-size:clamp(45px,5vw,76px);
  font-weight:500;
  letter-spacing:-2px;
}
.footer-bottom{
  padding:25px 0;
}
.footer-bottom-inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:30px;
  align-items:center;
}
.footer-bottom p{
  margin:0;
  color:rgba(255,255,255,.38);
  font-size:10px;
}
.footer-bottom-inner>div{
  display:flex;
  align-items:center;
  gap:22px;
}
.footer-bottom-inner>div a{
  color:rgba(255,255,255,.42);
  font-size:9px;
  transition:color .2s ease;
}
.footer-bottom-inner>div a:hover{color:#fff}
.back-top{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:rgba(255,255,255,.62);
  font-size:8px;
  font-weight:900;
  letter-spacing:1.6px;
}
.back-top span{
  display:grid;
  place-items:center;
  width:28px;height:28px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
  color:var(--gold);
  transition:.2s ease;
}
.back-top:hover span{
  background:var(--gold);
  color:#0d2f20;
  transform:translateY(-3px);
}

@media(max-width:1100px){
  .contact-cta-grid{gap:65px}
  .footer-grid{
    grid-template-columns:1.2fr 1fr 1fr;
  }
  .footer-contact{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .footer-contact>small{grid-column:1/-1}
}
@media(max-width:980px){
  .contact-cta{
    padding:105px 0 118px;
  }
  .contact-cta-grid{
    grid-template-columns:1fr;
    gap:60px;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-brand{grid-column:1/-1}
  .footer-contact{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .contact-cta{
    padding:82px 0 94px;
  }
  .contact-cta h2{font-size:56px}
  .contact-cards{grid-template-columns:1fr}
  .contact-card{min-height:205px}
  .contact-word{font-size:82px;left:2%}
  .footer-top{padding:75px 0 60px}
  .footer-grid{
    grid-template-columns:1fr;
    gap:45px;
  }
  .footer-brand{grid-column:auto}
  .footer-signature{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .footer-bottom-inner{
    grid-template-columns:1fr;
    gap:18px;
  }
  .footer-bottom-inner>div{
    flex-wrap:wrap;
  }
  .back-top{justify-self:start}
}


/* ===== V20 FINAL POLISH ===== */
html{scroll-padding-top:92px}
section[id]{scroll-margin-top:92px}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:#d8b467;color:#103523}
.press{padding-top:175px}
.certs{padding-top:175px}
.press-word{right:auto!important;left:8%!important}
.story-word{right:auto!important;left:55%!important}
.production-word{left:6%!important}
.facility-word{left:5%!important}
.certs-word{left:5%!important}
.reveal-on-scroll{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .8s cubic-bezier(.18,.7,.2,1)}
.reveal-on-scroll.visible{opacity:1;transform:none}
.production-cards .reveal-on-scroll:nth-child(2),
.facility-process .reveal-on-scroll:nth-child(2),
.certs-grid .reveal-on-scroll:nth-child(2),
.numbers-grid .reveal-on-scroll:nth-child(2){transition-delay:.08s}
.production-cards .reveal-on-scroll:nth-child(3),
.facility-process .reveal-on-scroll:nth-child(3),
.certs-grid .reveal-on-scroll:nth-child(3),
.numbers-grid .reveal-on-scroll:nth-child(3){transition-delay:.16s}
.production-cards .reveal-on-scroll:nth-child(4),
.facility-process .reveal-on-scroll:nth-child(4),
.certs-grid .reveal-on-scroll:nth-child(4),
.numbers-grid .reveal-on-scroll:nth-child(4){transition-delay:.24s}

/* VIDEO */
.brand-film{position:relative;overflow:hidden;background:#f3efe5;padding:140px 0 150px}
.brand-film-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:end;margin-bottom:62px}
.brand-film h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(60px,5.7vw,90px);line-height:.92;letter-spacing:-3.3px;color:var(--green);font-weight:500}
.brand-film h2 em{color:#a9823e;font-weight:400}
.brand-film-intro{max-width:560px;padding-bottom:8px}
.brand-film-intro p{margin:0 0 18px;color:#5e6a61;font-size:16px;line-height:1.82}
.brand-film-intro span{color:#9c7a3d;font-size:9px;font-weight:900;letter-spacing:2.3px}
.film-shell{position:relative;z-index:2;height:min(68vw,720px);min-height:500px;overflow:hidden;background:#0b2d1d;box-shadow:0 28px 70px rgba(21,47,31,.15)}
.brand-video{width:100%;height:100%;object-fit:cover;background:#0b2d1d}
.film-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(4,25,14,.56),rgba(4,25,14,.08) 55%),linear-gradient(90deg,rgba(4,25,14,.20),transparent 52%);transition:opacity .35s ease,visibility .35s ease}
.film-shell.is-playing .film-overlay{opacity:0;visibility:hidden;pointer-events:none}
.film-play{position:relative;z-index:3;display:grid;place-items:center;width:112px;height:112px;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(255,255,255,.10);backdrop-filter:blur(9px);color:#fff;cursor:pointer;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.film-play::after{content:"";position:absolute;inset:-13px;border:1px solid rgba(216,180,103,.40);border-radius:50%;animation:filmPulse 2.2s ease-in-out infinite}
@keyframes filmPulse{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.06);opacity:1}}
.film-play span{margin-left:6px;font-size:29px}
.film-play:hover{transform:scale(1.07);background:var(--gold);border-color:var(--gold);color:#103523}
.film-caption{position:absolute;left:38px;bottom:35px;color:#fff}
.film-caption small{display:block;margin-bottom:9px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:2.5px}
.film-caption strong{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:500}
.film-duration{position:absolute;right:36px;bottom:38px;color:rgba(255,255,255,.72);font-size:8px;font-weight:900;letter-spacing:2.2px}
.film-word{position:absolute;left:5%;bottom:-38px;font-family:Georgia,serif;font-size:165px;font-weight:700;color:rgba(30,75,51,.050);pointer-events:none;user-select:none}

/* SAYILARLA */
.numbers{position:relative;overflow:hidden;padding:140px 0 150px;background:#0d3020;color:#fff}
.numbers-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(216,180,103,.11),transparent 25%),radial-gradient(circle at 90% 85%,rgba(216,180,103,.055),transparent 30%)}
.numbers-head{position:relative;z-index:2;max-width:880px;margin-bottom:64px}
.numbers h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,5vw,82px);line-height:.96;letter-spacing:-2.8px;font-weight:500}
.numbers h2 em{color:var(--gold);font-weight:400}
.numbers-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13)}
.number-card{position:relative;min-height:355px;padding:30px 27px 31px;background:rgba(255,255,255,.055);transition:background .28s ease,transform .28s ease,box-shadow .28s ease}
.number-card:hover{transform:translateY(-8px);background:#f3efe5;color:var(--green);box-shadow:0 24px 55px rgba(0,0,0,.18);z-index:3}
.number-index{position:absolute;right:22px;top:19px;color:rgba(255,255,255,.17);font-family:Georgia,serif;font-size:34px}
.number-card:hover .number-index{color:#d4c9b6}
.number-value{display:flex;align-items:flex-start;margin:55px 0 22px;font-family:Georgia,"Times New Roman",serif;color:var(--gold);line-height:.8}
.number-value strong{font-size:82px;font-weight:500;letter-spacing:-3px}
.number-value b{padding:5px 0 0 4px;font-size:32px;font-weight:400}
.number-card h3{margin:0 0 15px;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:500}
.number-card p{margin:0;color:rgba(255,255,255,.60);font-size:13px;line-height:1.72}
.number-card:hover p{color:#687269}
.numbers-word{position:absolute;right:4%;bottom:-38px;font-family:Georgia,serif;font-size:165px;font-weight:700;color:rgba(255,255,255,.035);pointer-events:none;user-select:none}

/* MAP */
.location-map{position:relative;background:#0b2d1d}
.map-frame{position:relative;height:520px;overflow:hidden;background:#d9d4c8}
.map-frame iframe{width:100%;height:100%;border:0;filter:saturate(.72) contrast(.95)}
.map-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,18,.23),transparent 45%)}
.map-card-wrap{pointer-events:none;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
.map-card{pointer-events:auto;width:min(420px,90%);padding:34px 34px 31px;background:#103523;color:#fff;box-shadow:0 28px 65px rgba(0,0,0,.22)}
.map-card small{display:block;margin-bottom:17px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:2.5px}
.map-card h2{margin:0 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:.95;font-weight:500}
.map-card h2 em{color:var(--gold);font-weight:400}
.map-card p{margin:0 0 23px;color:rgba(255,255,255,.70);font-size:14px;line-height:1.7}
.map-card a{display:inline-flex;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid rgba(216,180,103,.55);font-size:9px;font-weight:900;letter-spacing:1.6px}
.map-card a b{color:var(--gold);font-size:17px;transition:transform .2s ease}
.map-card a:hover b{transform:translate(4px,-2px)}

a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

@media(max-width:1100px){.numbers-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){
  .brand-film,.numbers{padding:105px 0 118px}
  .brand-film-head{grid-template-columns:1fr;gap:24px}
  .film-shell{min-height:430px;height:62vw}
  .story-word{left:35%!important}
  .press,.certs{padding-top:130px}
}
@media(max-width:680px){
  html{scroll-padding-top:78px}
  section[id]{scroll-margin-top:78px}
  .brand-film,.numbers{padding:82px 0 94px}
  .brand-film h2{font-size:56px}
  .film-shell{min-height:310px;height:64vw}
  .film-play{width:82px;height:82px}
  .film-caption{left:20px;bottom:20px}
  .film-caption strong{font-size:22px}
  .film-duration{display:none}
  .film-word{font-size:85px;left:2%}
  .numbers h2{font-size:50px}
  .numbers-grid{grid-template-columns:1fr}
  .number-card{min-height:270px}
  .number-value{margin-top:43px}
  .number-value strong{font-size:70px}
  .numbers-word{font-size:84px;right:2%}
  .map-frame{height:620px}
  .map-card-wrap{top:auto;bottom:28px;transform:none}
  .map-card{width:100%}
  .press,.certs{padding-top:100px}
  .story-word{left:18%!important}
}


/* =========================================================
   V21 FINAL - CONTACT / MAP / FOOTER REDESIGN
   Referans görsel düzenine göre
   ========================================================= */

.contact-final{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 25%,rgba(216,180,103,.05),transparent 28%),
    #0a321f;
  color:#fff;
  padding:115px 0 118px;
}
.contact-final-grid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:110px;
  align-items:center;
}
.contact-final-copy{
  max-width:530px;
}
.contact-final-copy h2{
  margin:0 0 28px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  line-height:.92;
  letter-spacing:-3px;
}
.contact-final-copy h2 span{
  display:block;
  color:#fff;
  font-size:clamp(58px,5vw,82px);
}
.contact-final-copy h2 em{
  display:block;
  color:var(--gold);
  font-size:clamp(54px,4.8vw,78px);
  font-weight:400;
}
.contact-final-copy p{
  max-width:470px;
  margin:0 0 31px;
  color:rgba(255,255,255,.76);
  font-size:15px;
  line-height:1.82;
}
.contact-final-mail{
  display:inline-flex;
  align-items:center;
  gap:22px;
  padding:13px 0;
  border-bottom:1px solid rgba(216,180,103,.55);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.7px;
}
.contact-final-mail b{
  color:var(--gold);
  font-size:17px;
  transition:transform .2s ease;
}
.contact-final-mail:hover b{transform:translate(4px,-2px)}

.contact-final-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.contact-final-card{
  position:relative;
  min-height:152px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  gap:18px;
  border:1px solid rgba(216,180,103,.52);
  border-radius:8px;
  background:rgba(6,40,24,.34);
  color:#fff;
  transition:
    transform .24s ease,
    background .24s ease,
    box-shadow .24s ease,
    border-color .24s ease;
}
.contact-final-card:hover{
  transform:translateY(-5px);
  background:rgba(255,255,255,.055);
  border-color:var(--gold);
  box-shadow:0 20px 44px rgba(0,0,0,.15);
}
.contact-final-icon{
  flex:0 0 48px;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid var(--gold);
  border-radius:50%;
  color:var(--gold);
  font-size:19px;
}
.contact-final-info{
  min-width:0;
}
.contact-final-top{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:12px;
}
.contact-final-no{
  color:var(--gold);
  font-family:Georgia,serif;
  font-size:26px;
  line-height:1;
}
.contact-final-top small{
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:2px;
}
.contact-final-info strong{
  display:block;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.35;
  font-weight:500;
  word-break:break-word;
}
.contact-final-word{
  position:absolute;
  left:1%;
  bottom:-38px;
  font-family:Georgia,serif;
  font-size:150px;
  font-weight:700;
  color:rgba(255,255,255,.035);
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}
.contact-botanical{
  position:absolute;
  width:330px;
  height:330px;
  opacity:.10;
  pointer-events:none;
}
.contact-botanical::before,
.contact-botanical::after{
  content:"";
  position:absolute;
  inset:25px;
  border:1px solid rgba(216,180,103,.55);
  border-radius:55% 45% 58% 42% / 50% 58% 42% 50%;
  transform:rotate(26deg);
}
.contact-botanical::after{
  inset:80px;
  transform:rotate(-20deg);
}
.contact-botanical-left{
  left:-160px;
  top:-80px;
}
.contact-botanical-right{
  right:-140px;
  bottom:-100px;
}

/* MAP FINAL */
.map-final{
  position:relative;
  background:#e8e6df;
}
.map-final-frame{
  position:relative;
  height:390px;
  overflow:hidden;
}
.map-final-frame iframe{
  width:100%;
  height:100%;
  border:0;
  filter:saturate(.82) contrast(.96);
}
.map-final-wrap{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
}
.map-final-card{
  pointer-events:auto;
  width:300px;
  padding:27px 27px 25px;
  background:rgba(255,255,255,.96);
  color:var(--green);
  box-shadow:0 18px 44px rgba(0,0,0,.16);
  border-radius:3px;
}
.map-pin{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:15px;
  border-radius:50%;
  background:var(--green);
  color:var(--gold);
  font-size:18px;
}
.map-final-card h3{
  margin:0 0 15px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  font-weight:500;
}
.map-final-card p{
  margin:0 0 21px;
  color:#526057;
  font-size:13px;
  line-height:1.65;
}
.map-final-card a{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-width:170px;
  padding:13px 15px;
  background:var(--gold);
  color:#173321;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.4px;
}
.map-final-card a b{
  font-size:15px;
  transition:transform .2s ease;
}
.map-final-card a:hover b{
  transform:translate(3px,-2px);
}

/* FOOTER FINAL */
.footer-final{
  background:#062417;
  color:#fff;
}
.footer-final-top{
  padding:62px 0 54px;
}
.footer-final-grid{
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr 1.1fr;
  gap:68px;
  align-items:start;
}
.footer-final-logo{
  display:inline-block;
  width:165px;
  margin-bottom:20px;
}
.footer-final-logo img{
  width:100%;
}
.footer-final-brand p{
  max-width:300px;
  margin:0 0 24px;
  color:rgba(255,255,255,.58);
  font-size:12px;
  line-height:1.7;
}
.footer-final-socials{
  display:flex;
  gap:8px;
}
.footer-final-socials a{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:#fff;
  font-size:10px;
  font-weight:800;
  transition:.2s ease;
}
.footer-final-socials a:hover{
  border-color:var(--gold);
  background:var(--gold);
  color:#103523;
  transform:translateY(-2px);
}
.footer-final-col,
.footer-final-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-final-col>small,
.footer-final-contact>small{
  margin-bottom:20px;
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
.footer-final-col>a{
  margin-bottom:10px;
  color:rgba(255,255,255,.68);
  font-size:11px;
  line-height:1.45;
  transition:.2s ease;
}
.footer-final-col>a:hover{
  color:#fff;
  transform:translateX(3px);
}
.footer-final-contact>a,
.footer-final-contact>div{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:9px;
  align-items:start;
  margin-bottom:13px;
}
.footer-final-contact span{
  color:var(--gold);
  font-size:13px;
  line-height:1.3;
}
.footer-final-contact strong{
  color:rgba(255,255,255,.78);
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
}
.footer-final-contact a:hover strong{
  color:#fff;
}
.footer-final-bottom{
  border-top:1px solid rgba(255,255,255,.09);
  padding:18px 0;
}
.footer-final-bottom-inner{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
}
.footer-final-bottom p{
  margin:0;
  color:rgba(255,255,255,.38);
  font-size:9px;
}
.footer-final-legal{
  display:flex;
  align-items:center;
  gap:13px;
}
.footer-final-legal a{
  color:rgba(255,255,255,.46);
  font-size:9px;
}
.footer-final-legal a:hover{color:#fff}
.footer-final-legal i{
  width:1px;
  height:12px;
  background:rgba(255,255,255,.18);
}
.footer-final-up{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--gold);
  border-radius:50%;
  color:var(--gold);
  font-size:18px;
  transition:.2s ease;
}
.footer-final-up:hover{
  background:var(--gold);
  color:#103523;
  transform:translateY(-3px);
}

/* Responsive */
@media(max-width:1100px){
  .contact-final-grid{
    gap:65px;
  }
  .footer-final-grid{
    grid-template-columns:1.2fr 1fr 1fr;
  }
  .footer-final-contact{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px 30px;
  }
  .footer-final-contact>small{
    grid-column:1/-1;
  }
}
@media(max-width:900px){
  .contact-final{
    padding:90px 0 95px;
  }
  .contact-final-grid{
    grid-template-columns:1fr;
    gap:48px;
  }
  .map-final-frame{
    height:500px;
  }
  .footer-final-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-final-brand{
    grid-column:1/-1;
  }
  .footer-final-contact{
    grid-column:1/-1;
  }
}
@media(max-width:620px) {
    .contact-final {
        padding: 72px 0 78px;
    }

    .contact-final-copy h2 span {
        font-size: 52px;
    }

    .contact-final-copy h2 em {
        font-size: 49px;
    }

    .contact-final-cards {
        grid-template-columns: 1fr;
    }

    .contact-final-card {
        min-height: 132px;
    }

    .contact-final-word {
        font-size: 80px;
    }

    .map-final-frame {
        height: 560px;
    }

    .map-final-wrap {
        top: auto;
        bottom: 20px;
        transform: none;
    }

    .map-final-card {
        width: 100%;
    }

    .footer-final-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footer-final-brand {
        grid-column: auto;
    }

    .footer-final-contact {
        display: flex;
        grid-column: auto;
    }

    .footer-final-bottom-inner {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .footer-final-up {
        justify-self: start;
    }
}
/* <-- @media(max-width:620px) BURADA KAPANIYOR */


/* ==========================================
   İLETİŞİM KARTI - HOVER
   ========================================== */

.contact-final-card {
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease, border-color .28s ease;
}

    .contact-final-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        border-color: #d8b467;
        box-shadow: 0 20px 45px rgba(19,51,33,.15);
        color: #103523;
    }

        .contact-final-card:hover .contact-final-info strong {
            color: #103523;
        }

        .contact-final-card:hover .contact-final-no {
            color: #a9823e;
        }

        .contact-final-card:hover .contact-final-top small {
            color: #9c7c3d;
        }

        .contact-final-card:hover .contact-final-icon {
            background: #f3efe5;
            color: #a9823e;
            border-color: #a9823e;
        }
/* ==========================================
   PATCH 03 - HEADER / LOGO / MENÜ POLISH
   ========================================== */

@media (min-width:981px) {

    /* İlk açılıştaki header */
    .nav-inner {
        min-height: 108px;
    }

    /* Logo biraz daha güçlü */
    .logo {
        width: 218px;
        flex: 0 0 218px;
    }

        .logo img {
            width: 218px;
            max-height: 82px;
            object-fit: contain;
        }

    /* Menü dikey hizalama */
    .main-nav > a,
    .nav-link {
        padding-top: 46px;
        padding-bottom: 42px;
        font-size: 12px;
        letter-spacing: .45px;
    }

        /* Menü altındaki altın çizgi */
        .main-nav > a::after,
        .nav-link::after {
            bottom: 32px;
            height: 2px;
        }


    /* ==================================
       SCROLL SONRASI STICKY HEADER
       ================================== */

    .site-header.is-sticky .nav-inner {
        min-height: 74px;
    }

    .site-header.is-sticky .logo {
        width: 172px;
        flex-basis: 172px;
    }

        .site-header.is-sticky .logo img {
            width: 172px;
            max-height: 60px;
        }

    .site-header.is-sticky .main-nav > a,
    .site-header.is-sticky .nav-link {
        padding-top: 28px;
        padding-bottom: 27px;
    }

        .site-header.is-sticky .main-nav > a::after,
        .site-header.is-sticky .nav-link::after {
            bottom: 18px;
        }

    .site-header.is-sticky .nav-shell {
        box-shadow: 0 8px 30px rgba(11,43,27,.09);
        background: rgba(255,255,255,.97);
    }
}
/* ==========================================
   PATCH 04 - HERO FINAL POLISH
   ========================================== */

@media (min-width:981px) {

    /* Hero yüksekliği biraz daha dengeli */
    .hero {
        min-height: 860px;
        height: 860px;
    }

    /* Arka plan kadrajı */
    .hero-image {
        background-position: center 48%;
        transform: scale(1.045);
    }

    /* Sol karartma biraz daha kontrollü */
    .hero-shade {
        background: linear-gradient( 90deg, rgba(3,22,12,.91) 0%, rgba(5,28,16,.76) 28%, rgba(7,29,16,.44) 52%, rgba(5,22,13,.18) 74%, rgba(4,18,10,.06) 100% ), linear-gradient( 0deg, rgba(4,21,12,.38), rgba(4,21,12,0) 46% );
    }

    /* İçeriği biraz daha yukarı ve sola dengeliyoruz */
    .hero-content {
        padding-top: 95px;
    }

    .hero-copy {
        max-width: 940px;
    }

    /* Küçük üst başlık */
    .eyebrow {
        margin-bottom: 22px;
        font-size: 10px;
        letter-spacing: 3.4px;
    }

    /* Ana başlık */
    .hero h1 {
        max-width: 930px;
        margin-bottom: 25px;
        font-size: clamp(72px,6.8vw,108px);
        line-height: .89;
        letter-spacing: -4.5px;
    }

        .hero h1 span {
            font-size: .92em;
        }

    /* Açıklama */
    .hero-content p {
        max-width: 650px;
        margin-bottom: 34px;
        font-size: 16px;
        line-height: 1.75;
    }

    /* Buton alanı */
    .hero-actions {
        gap: 27px;
    }

    .btn-primary {
        min-width: 245px;
        padding: 18px 20px;
    }

    /* Sağdaki dikey bilgi */
    .hero-side {
        right: 22px;
        font-size: 8px;
        letter-spacing: 2.4px;
        opacity: .88;
    }

    /* Aşağı kaydır göstergesi */
    .scroll-cue {
        bottom: 22px;
    }

        .scroll-cue i {
            height: 44px;
        }

    /* Sağ alt numara */
    .hero-number {
        right: 36px;
        bottom: 22px;
        font-size: 43px;
        color: rgba(255,255,255,.11);
    }
}
/* ==========================================
   PATCH 05 - SÜRDÜRÜLEBİLİR TARIM POLISH
   ========================================== */

@media (min-width:981px) {

    .sustain {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .sustain-grid {
        grid-template-columns: 1.05fr .95fr;
        gap: 88px;
    }

    /* Sol görsel */
    .image-frame {
        min-height: 600px;
    }

        .image-frame img {
            height: 600px;
        }

    /* Fotoğraf kart etiketi */
    .media-tag {
        left: -18px;
        bottom: 30px;
        min-width: 285px;
        padding: 16px 20px;
        box-shadow: 0 14px 34px rgba(21,45,30,.16);
    }

        .media-tag span {
            font-size: 27px;
        }

        .media-tag strong {
            font-size: 9px;
            letter-spacing: 2.1px;
        }

    /* Sağ başlık */
    .sustain h2 {
        margin-bottom: 27px;
        font-size: clamp(54px,4.7vw,76px);
        line-height: .96;
        letter-spacing: -2.2px;
    }

    /* Metin */
    .sustain-copy p {
        max-width: 540px;
        font-size: 15px;
        line-height: 1.82;
    }

    /* Link */
    .section-link {
        margin-top: 14px;
    }

    /* Arkadaki büyük yazı */
    .sustain-bg-word {
        left: 4%;
        bottom: -4px;
        font-size: 108px;
        color: rgba(30,75,51,.072);
    }
}
/* ==========================================
   PATCH 06 - İZLENEBİLİRLİK POLISH
   ========================================== */

@media (min-width:981px) {

    .trace {
        padding-top: 135px;
        padding-bottom: 145px;
    }

    .trace-grid {
        grid-template-columns: .95fr 1.05fr;
        gap: 82px;
    }

    /* Sol içerik biraz daha dengeli */
    .trace-copy {
        padding-left: 20px;
    }

    .trace-index {
        right: 18px;
        top: -18px;
        font-size: 82px;
        color: rgba(255,255,255,.075);
    }

    .trace h2 {
        font-size: clamp(56px,5vw,80px);
        letter-spacing: -2.5px;
        margin-bottom: 25px;
    }

    .trace-lead {
        max-width: 535px;
        font-size: 16px;
        line-height: 1.78;
        margin-bottom: 32px;
    }

    /* Maddeler biraz daha sıkı */
    .trace-point {
        grid-template-columns: 46px 1fr;
        gap: 17px;
        padding: 18px 0;
    }

        .trace-point > span {
            font-size: 20px;
        }

        .trace-point strong {
            font-size: 9px;
            letter-spacing: 1.9px;
        }

        .trace-point p {
            font-size: 12px;
            line-height: 1.6;
        }

    /* Sağ görsel */
    .trace-image-shell {
        height: 610px;
        box-shadow: 0 24px 55px rgba(0,0,0,.16);
    }

        .trace-image-shell::after {
            background: linear-gradient( 0deg, rgba(6,24,14,.28), rgba(6,24,14,.02) 48% );
        }

    /* Büyük arka plan yazısı */
    .trace-word {
        left: 4%;
        bottom: -14px;
        font-size: 116px;
        color: rgba(255,255,255,.040);
    }
}
/* ==========================================
   PATCH 07 - GÜVENLİ VE İNOVATİF ÜRETİM
   ========================================== */

@media (min-width:981px) {

    .production {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .production-top {
        margin-bottom: 56px;
    }

    .production-title-row {
        grid-template-columns: 1.08fr .92fr;
        gap: 78px;
    }

    .production h2 {
        font-size: clamp(54px,5.1vw,82px);
        line-height: .94;
        letter-spacing: -2.6px;
    }

    .production-title-row > p {
        max-width: 500px;
        font-size: 15px;
        line-height: 1.82;
    }

    /* Büyük üretim görseli */
    .production-photo {
        height: 570px;
        box-shadow: 0 22px 52px rgba(22,48,32,.12);
    }

        .production-photo img {
            object-position: center 48%;
        }

    .production-photo-index {
        left: 26px;
        top: 22px;
        font-size: 66px;
        color: rgba(255,255,255,.20);
    }

    .production-photo-caption {
        left: 30px;
        bottom: 28px;
    }

    /* Kartlar */
    .production-cards {
        margin-top: 1px;
    }

    .quality-card {
        min-height: 260px;
        padding: 30px 25px 27px;
    }

    .quality-no {
        right: 20px;
        top: 17px;
        font-size: 31px;
    }

    .quality-icon {
        width: 43px;
        height: 43px;
        margin-bottom: 29px;
        font-size: 18px;
    }

    .quality-card h3 {
        margin-bottom: 13px;
        font-size: 23px;
    }

    .quality-card p {
        font-size: 12px;
        line-height: 1.68;
    }

    /* Premium hover */
    .quality-card:hover {
        transform: translateY(-7px);
        background: #faf7f0;
        box-shadow: 0 22px 48px rgba(19,51,33,.13);
    }

        .quality-card:hover .quality-icon {
            transform: rotate(7deg) scale(1.05);
        }

    /* Alt link */
    .production-footer {
        margin-top: 30px;
    }

    /* Büyük arka plan yazısı */
    .production-word {
        left: 4.5% !important;
        bottom: -24px !important;
        font-size: 136px;
        color: rgba(30,75,51,.042);
    }
}
/* ==========================================
   PATCH 08 - TANITIM VİDEOSU POLISH
   ========================================== */

@media (min-width:981px) {

    .brand-film {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .brand-film-head {
        grid-template-columns: 1.05fr .95fr;
        gap: 80px;
        margin-bottom: 52px;
    }

    .brand-film h2 {
        font-size: clamp(56px,5vw,82px);
        line-height: .94;
        letter-spacing: -2.7px;
    }

    .brand-film-intro p {
        max-width: 520px;
        font-size: 15px;
        line-height: 1.8;
    }

    /* Video kutusu */
    .film-shell {
        height: 620px;
        min-height: 620px;
        box-shadow: 0 24px 60px rgba(21,47,31,.16);
    }

    .brand-video {
        object-position: center 50%;
    }

    /* Video karartması */
    .film-overlay {
        background: linear-gradient( 0deg, rgba(4,25,14,.52), rgba(4,25,14,.05) 55% ), linear-gradient( 90deg, rgba(4,25,14,.16), transparent 54% );
    }

    /* Play butonu */
    .film-play {
        width: 96px;
        height: 96px;
        border-color: rgba(255,255,255,.52);
        background: rgba(255,255,255,.08);
    }

        .film-play::after {
            inset: -11px;
            border-color: rgba(216,180,103,.36);
        }

        .film-play span {
            font-size: 25px;
        }

        .film-play:hover {
            transform: scale(1.06);
            box-shadow: 0 12px 34px rgba(0,0,0,.18);
        }

    /* Sol alt yazı */
    .film-caption {
        left: 32px;
        bottom: 30px;
    }

        .film-caption strong {
            font-size: 28px;
        }

    /* Sağ alt tanıtım filmi yazısı */
    .film-duration {
        right: 31px;
        bottom: 32px;
        font-size: 8px;
        letter-spacing: 2px;
    }

    /* Büyük dekoratif FİLM */
    .film-word {
        left: 4%;
        bottom: -27px;
        font-size: 138px;
        color: rgba(30,75,51,.044);
    }
}
/* ==========================================
   PATCH 09 - FINDIĞIN HİKAYESİ POLISH
   ========================================== */

@media (min-width:981px) {

    .story-grid {
        grid-template-columns: 1.04fr .96fr;
        min-height: 820px;
    }

    /* Sol görsel */
    .story-visual {
        min-height: 820px;
    }

        .story-visual img {
            object-position: center 48%;
        }

    .story-overlay {
        background: linear-gradient( 0deg, rgba(6,26,16,.68), rgba(6,26,16,.04) 58% ), linear-gradient( 90deg, rgba(5,24,14,.14), rgba(5,24,14,0) 58% );
    }

    /* Sol dikey numara/yazı */
    .story-vertical {
        left: 30px;
        gap: 12px;
    }

        .story-vertical span {
            font-size: 29px;
        }

        .story-vertical i {
            height: 64px;
        }

    /* Fotoğraf alt yazısı */
    .story-quote {
        left: 92px;
        right: 48px;
        bottom: 46px;
    }

        .story-quote strong {
            max-width: 540px;
            font-size: 31px;
            line-height: 1.1;
        }

    /* Sağ metin alanı */
    .story-copy {
        padding: 82px 6vw 82px 5.5vw;
    }

    .story-copy-inner {
        max-width: 560px;
    }

    .story h2 {
        margin-bottom: 27px;
        font-size: clamp(56px,5vw,80px);
        line-height: .95;
        letter-spacing: -2.6px;
    }

    .story-copy p {
        font-size: 14px;
        line-height: 1.82;
    }

    /* 40+ bilgi alanı */
    .story-detail {
        gap: 20px;
        margin-top: 30px;
        padding: 20px 0;
    }

    .story-detail-no {
        font-size: 42px;
    }

    .story-detail strong {
        font-size: 17px;
    }

    /* Link */
    .story-link {
        margin-top: 23px;
    }

    /* Sağdaki dekoratif halkalar */
    .story-rings {
        right: -100px;
        top: 85px;
        width: 300px;
        height: 300px;
        opacity: .085;
    }

    /* Büyük FINDIK yazısı */
    .story-word {
        left: 52% !important;
        right: auto !important;
        bottom: -27px;
        font-size: 140px;
        color: rgba(255,255,255,.033);
    }
}
/* ==========================================
   PATCH 10 - TESİSİMİZ POLISH
   ========================================== */

@media (min-width:981px) {

    .facility {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .facility-head {
        margin-bottom: 52px;
    }

    .facility-head-grid {
        grid-template-columns: 1fr 1fr;
        gap: 82px;
    }

    .facility-heading h2 {
        font-size: clamp(58px,5.3vw,84px);
        line-height: .94;
        letter-spacing: -2.9px;
    }

    .facility-intro p {
        max-width: 540px;
        font-size: 15px;
        line-height: 1.82;
    }

    /* Büyük tesis görseli */
    .facility-photo {
        height: 560px;
        box-shadow: 0 22px 54px rgba(21,48,31,.12);
    }

        .facility-photo img {
            object-position: center 50%;
        }

    .facility-photo-mark {
        left: 28px;
        top: 25px;
        gap: 15px;
    }

        .facility-photo-mark span {
            font-size: 47px;
        }

    .facility-photo-caption {
        left: 31px;
        bottom: 30px;
    }

        .facility-photo-caption strong {
            font-size: 34px;
        }

    /* Süreç kartları */
    .facility-step {
        min-height: 250px;
        padding: 30px 25px 28px;
    }

    .facility-step-no {
        right: 20px;
        top: 16px;
        font-size: 31px;
    }

    .facility-step small {
        margin-bottom: 23px;
        font-size: 8px;
    }

    .facility-step h3 {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .facility-step p {
        font-size: 12px;
        line-height: 1.68;
    }

    .facility-step:hover {
        transform: translateY(-7px);
        background: #faf7f0;
        box-shadow: 0 22px 48px rgba(21,48,31,.12);
    }

    /* Alt bilgi */
    .facility-bottom {
        margin-top: 30px;
    }

    .facility-standard > span {
        width: 54px;
        height: 54px;
        font-size: 15px;
    }

    .facility-standard p {
        font-size: 11px;
    }

    /* Büyük TESİS yazısı */
    .facility-word {
        left: 4% !important;
        bottom: -26px;
        font-size: 138px;
        color: rgba(30,75,51,.048);
    }
}
/* ==========================================
   PATCH 11 - SAYILARLA AYCAN GIDA POLISH
   ========================================== */

@media (min-width:981px) {

    .numbers {
        padding-top: 125px;
        padding-bottom: 135px;
    }

    .numbers-head {
        max-width: 820px;
        margin-bottom: 54px;
    }

    .numbers h2 {
        font-size: clamp(54px,4.8vw,78px);
        line-height: .96;
        letter-spacing: -2.4px;
    }

    /* Kartlar */
    .numbers-grid {
        gap: 1px;
    }

    .number-card {
        min-height: 320px;
        padding: 28px 25px 28px;
    }

    .number-index {
        right: 20px;
        top: 17px;
        font-size: 31px;
    }

    /* Büyük rakam */
    .number-value {
        margin-top: 48px;
        margin-bottom: 20px;
    }

        .number-value strong {
            font-size: 74px;
            letter-spacing: -2.5px;
        }

        .number-value b {
            padding-top: 4px;
            font-size: 28px;
        }

    .number-card h3 {
        margin-bottom: 13px;
        font-size: 23px;
    }

    .number-card p {
        font-size: 12px;
        line-height: 1.67;
    }

    /* Premium hover */
    .number-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
        box-shadow: 0 23px 52px rgba(0,0,0,.18);
    }

        .number-card:hover .number-value {
            color: #a9823e;
        }

        .number-card:hover .number-index {
            color: #cbbda4;
        }

        .number-card:hover p {
            color: #667168;
        }

    /* Büyük AYCAN yazısı */
    .numbers-word {
        right: 4%;
        bottom: -27px;
        font-size: 138px;
        color: rgba(255,255,255,.035);
    }
}
/* ==========================================
   PATCH 12A - KALİTE & BELGELER DÜZELTME
   ========================================== */

@media (min-width:981px) {

    /* Başlık alanına bölüm numarası */
    .certs-head {
        position: relative;
    }

        .certs-head::after {
            content: "06";
            position: absolute;
            left: 38%;
            top: 8px;
            font-family: Georgia,"Times New Roman",serif;
            font-size: 74px;
            font-weight: 500;
            color: rgba(255,255,255,.045);
            pointer-events: none;
            user-select: none;
            opacity: .75;
        }


    /* KALİTE & BELGELER tek satır */
    .certs h2 {
        white-space: nowrap;
        font-size: clamp(54px,4.4vw,76px);
        letter-spacing: -2.8px;
    }

        /* HTML'deki <br> satır atlamasını kaldır */
        .certs h2 br {
            display: none;
        }

        /* "Belgeler" ile & arasında doğal boşluk */
        .certs h2 em {
            margin-left: 12px;
        }


    /* Başlık/metin kolon oranı */
    .certs-head {
        grid-template-columns: 1.08fr .92fr;
        gap: 75px;
        align-items: center;
    }
}
/* ==========================================
   PATCH 13A - BASINDA BİZ (FINAL)
   ========================================== */

@media (min-width:981px) {

    /* Başlık alanı */
    .press {
        padding-top: 135px;
        padding-bottom: 135px;
    }

    .press-head {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 82px;
        margin-bottom: 52px;
    }

        /* Büyük bölüm numarası */
        .press-head::after {
            content: "07";
            position: absolute;
            left: 33%;
            top: 18px;
            z-index: 2;
            font-family: Georgia,"Times New Roman",serif;
            font-size: 72px;
            font-weight: 500;
            color: rgba(30,75,51,.075);
            pointer-events: none;
            user-select: none;
        }

    /* Başlık */
    .press h2 {
        font-size: clamp(56px,5vw,82px);
        line-height: .94;
        letter-spacing: -2.7px;
    }

    .press-intro {
        max-width: 540px;
    }

        .press-intro p {
            font-size: 15px;
            line-height: 1.8;
        }

    /* Kartlar */
    .press-grid {
        gap: 18px;
    }

    .press-card {
        min-height: 420px;
        grid-template-columns: 1fr .86fr;
    }

    /* Görsel alanı */
    .press-image {
        min-height: 420px;
        background: #245e49;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

        /* Reuters ve Ekonomist ekran görüntülerini kırpma */
        .press-image img {
            width: 100%;
            height: 100%;
            object-fit: contain !important;
            object-position: center center !important;
            padding: 18px;
            transform: none !important;
            transition: .35s;
        }

    /* Hover */
    .press-card:hover .press-image img {
        transform: scale(1.02) !important;
    }

    .press-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 22px 48px rgba(28,50,34,.14);
    }

    /* Yazı alanı */

    .press-card-content {
        padding: 30px 27px 27px;
    }

    .press-meta span {
        font-size: 32px;
    }

    .press-card h3 {
        margin-top: 38px;
        font-size: 28px;
        line-height: 1.08;
    }

    .press-open {
        margin-top: 30px;
        padding-top: 16px;
    }

    /* Alt açıklama */

    .press-foot {
        margin-top: 32px;
    }

    /* Büyük BASINDA yazısı */

    .press-word {
        left: 4% !important;
        right: auto !important;
        bottom: -28px;
        font-size: 138px;
        color: rgba(30,75,51,.05);
    }
}
/* =========================================================
   SÜRDÜRÜLEBİLİR TARIM - İÇ SAYFA
   ========================================================= */


/* HERO */

.inner-sustain-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #0b2d1d;
    color: #fff;
}

.inner-sustain-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/surdurulebilir-tarim.jpg') center 48% / cover no-repeat;
    transform: scale(1.03);
}

.inner-sustain-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(5,28,16,.92) 0%, rgba(5,28,16,.72) 38%, rgba(5,28,16,.30) 68%, rgba(5,28,16,.12) 100% ), linear-gradient( 0deg, rgba(5,22,13,.30), transparent 45% );
}

.inner-sustain-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.inner-breadcrumb {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 33px;
    color: rgba(255,255,255,.55);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 2px;
}

    .inner-breadcrumb a {
        transition: color .2s;
    }

        .inner-breadcrumb a:hover {
            color: var(--gold);
        }

    .inner-breadcrumb strong {
        color: var(--gold);
    }

.inner-sustain-title {
    max-width: 850px;
}

    .inner-sustain-title h1 {
        margin: 0 0 25px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(70px,7vw,108px);
        line-height: .88;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .inner-sustain-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .inner-sustain-title p {
        max-width: 590px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.inner-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.inner-sustain-intro {
    position: relative;
    padding: 130px 0;
    background: #f3efe5;
}

.inner-sustain-intro-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 90px;
    align-items: center;
}

.inner-sustain-photo {
    position: relative;
    min-height: 600px;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(22,48,32,.13);
}

    .inner-sustain-photo img {
        width: 100%;
        height: 600px;
        object-fit: cover;
        transition: transform 1.2s ease;
    }

    .inner-sustain-photo:hover img {
        transform: scale(1.035);
    }

.inner-sustain-photo-tag {
    position: absolute;
    left: 24px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 20px;
    background: #103523;
    color: #fff;
}

    .inner-sustain-photo-tag span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 28px;
    }

    .inner-sustain-photo-tag strong {
        font-size: 9px;
        letter-spacing: 2px;
    }

.inner-sustain-copy {
    max-width: 560px;
}

    .inner-sustain-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(54px,4.8vw,78px);
        line-height: .95;
        letter-spacing: -2.4px;
        color: #103523;
        font-weight: 500;
    }

        .inner-sustain-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .inner-sustain-copy p {
        margin: 0 0 18px;
        color: #5f6b62;
        font-size: 15px;
        line-height: 1.85;
    }

.inner-sustain-lead {
    font-size: 17px !important;
    color: #344b3e !important;
}

.inner-sustain-line {
    width: 75px;
    height: 1px;
    margin: 30px 0;
    background: #b59555;
}


/* PRINCIPLES */

.inner-sustain-principles {
    position: relative;
    overflow: hidden;
    padding: 130px 0 145px;
    background: #103523;
    color: #fff;
}

.inner-sustain-principles-head {
    max-width: 760px;
    margin-bottom: 55px;
}

    .inner-sustain-principles-head h2 {
        margin: 0;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(54px,5vw,80px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .inner-sustain-principles-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

.inner-principle-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: rgba(255,255,255,.14);
}

.inner-principle-card {
    position: relative;
    min-height: 330px;
    padding: 30px 28px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

    .inner-principle-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
        box-shadow: 0 24px 55px rgba(0,0,0,.17);
    }

.inner-principle-no {
    position: absolute;
    right: 22px;
    top: 18px;
    color: rgba(255,255,255,.18);
    font-family: Georgia,serif;
    font-size: 32px;
}

.inner-principle-card:hover .inner-principle-no {
    color: #cfc2a9;
}

.inner-principle-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    margin-bottom: 42px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold);
    font-size: 20px;
}

.inner-principle-card h3 {
    margin: 0 0 14px;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 27px;
    font-weight: 500;
}

.inner-principle-card p {
    margin: 0;
    color: rgba(255,255,255,.63);
    font-size: 13px;
    line-height: 1.75;
}

.inner-principle-card:hover p {
    color: #667168;
}

.inner-principles-word {
    position: absolute;
    left: 4%;
    bottom: -35px;
    font-family: Georgia,serif;
    font-size: 150px;
    font-weight: 700;
    color: rgba(255,255,255,.035);
    pointer-events: none;
    user-select: none;
}


/* STORY */

.inner-sustain-story {
    background: #f7f4ed;
}

.inner-sustain-story-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    min-height: 800px;
}

.inner-sustain-story-copy {
    display: flex;
    align-items: center;
    padding: 90px 6vw 90px 7vw;
}

.inner-sustain-story-inner {
    max-width: 590px;
}

.inner-sustain-story h2 {
    margin: 0 0 28px;
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(52px,4.8vw,76px);
    line-height: .96;
    letter-spacing: -2.4px;
    color: #103523;
    font-weight: 500;
}

    .inner-sustain-story h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.inner-sustain-story p {
    margin: 0 0 18px;
    color: #5f6b62;
    font-size: 14px;
    line-height: 1.82;
}

.inner-sustain-quote {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 17px;
    margin-top: 32px;
    padding-top: 27px;
    border-top: 1px solid #cfc5b2;
}

    .inner-sustain-quote span {
        color: #a9823e;
        font-family: Georgia,serif;
        font-size: 53px;
        line-height: .8;
    }

    .inner-sustain-quote strong {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.45;
        font-weight: 500;
    }

.inner-sustain-story-image {
    position: relative;
    min-height: 800px;
    overflow: hidden;
}

    .inner-sustain-story-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 1.3s ease;
    }

    .inner-sustain-story-image:hover img {
        transform: scale(1.03);
    }

.inner-sustain-story-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(5,25,14,.55), transparent 52% );
}

.inner-sustain-story-label {
    position: absolute;
    left: 35px;
    bottom: 32px;
    color: #fff;
}

    .inner-sustain-story-label small {
        display: block;
        margin-bottom: 8px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2.3px;
    }

    .inner-sustain-story-label strong {
        font-family: Georgia,serif;
        font-size: 29px;
        font-weight: 500;
    }


/* FINAL */

.inner-sustain-final {
    padding: 125px 0;
    background: #f3efe5;
}

.inner-sustain-final-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 65px;
    align-items: start;
}

.inner-sustain-final-number span {
    display: block;
    font-family: Georgia,serif;
    font-size: 90px;
    color: rgba(30,75,51,.10);
}

.inner-sustain-final-copy {
    max-width: 760px;
}

    .inner-sustain-final-copy h2 {
        margin: 0 0 25px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(50px,4.7vw,74px);
        line-height: .96;
        letter-spacing: -2.3px;
        color: #103523;
        font-weight: 500;
    }

        .inner-sustain-final-copy h2 em {
            color: #a9823e;
            font-weight: 400;
        }

    .inner-sustain-final-copy p {
        margin: 0 0 18px;
        color: #59665d;
        font-size: 15px;
        line-height: 1.85;
    }


/* CTA */

.inner-page-cta {
    padding: 80px 0;
    background: #0b2d1d;
    color: #fff;
}

.inner-page-cta-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.inner-page-cta h2 {
    max-width: 750px;
    margin: 0;
    font-family: Georgia,"Times New Roman",serif;
    font-size: clamp(42px,4vw,65px);
    line-height: .98;
    letter-spacing: -2px;
    font-weight: 500;
}

    .inner-page-cta h2 em {
        color: var(--gold);
        font-weight: 400;
    }

.inner-page-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    min-width: 255px;
    padding: 18px 20px;
    background: var(--gold);
    color: #103523;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
    transition: transform .25s ease, box-shadow .25s ease;
}

    .inner-page-cta-button:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(0,0,0,.18);
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .inner-sustain-hero {
        height: 580px;
        min-height: 580px;
    }

    .inner-sustain-intro-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .inner-principle-grid {
        grid-template-columns: 1fr;
    }

    .inner-sustain-story-grid {
        grid-template-columns: 1fr;
    }

    .inner-sustain-story-image {
        min-height: 600px;
    }

    .inner-sustain-final-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .inner-page-cta-grid {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media(max-width:620px) {

    .inner-sustain-hero {
        height: 520px;
        min-height: 520px;
    }

    .inner-sustain-hero-content {
        padding-top: 90px;
    }

    .inner-sustain-title h1 {
        font-size: 58px;
        letter-spacing: -2px;
    }

    .inner-sustain-intro {
        padding: 80px 0;
    }

    .inner-sustain-photo {
        min-height: 420px;
    }

        .inner-sustain-photo img {
            height: 420px;
        }

    .inner-sustain-copy h2 {
        font-size: 50px;
    }

    .inner-sustain-principles {
        padding: 80px 0 90px;
    }

    .inner-sustain-principles-head h2 {
        font-size: 49px;
    }

    .inner-principle-card {
        min-height: 270px;
    }

    .inner-principles-word {
        font-size: 82px;
    }

    .inner-sustain-story-copy {
        padding: 70px 28px;
    }

    .inner-sustain-story h2 {
        font-size: 48px;
    }

    .inner-sustain-story-image {
        min-height: 480px;
    }

    .inner-sustain-final {
        padding: 80px 0;
    }

    .inner-sustain-final-number span {
        font-size: 60px;
    }

    .inner-sustain-final-copy h2 {
        font-size: 47px;
    }
}
/* =========================================================
   HAKKIMIZDA - İÇ SAYFA
   ========================================================= */


/* HERO */

.about-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.about-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-slider-2.jpg') center 50% / cover no-repeat;
    transform: scale(1.025);
}

.about-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.94) 0%, rgba(4,27,16,.78) 40%, rgba(4,27,16,.30) 72%, rgba(4,27,16,.14) 100% ), linear-gradient( 0deg, rgba(4,21,13,.35), transparent 48% );
}

.about-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.about-hero-title {
    max-width: 880px;
}

    .about-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(68px,7vw,106px);
        line-height: .89;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .about-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .about-hero-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.about-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    font-family: Georgia,serif;
    font-size: 58px;
    color: rgba(255,255,255,.12);
}


/* INTRO */

.about-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.about-intro-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 88px;
    align-items: center;
}

.about-intro-copy {
    max-width: 570px;
}

    .about-intro-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(54px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .about-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .about-intro-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .about-intro-copy .about-lead {
        color: #314b3c;
        font-size: 17px;
    }

.about-divider {
    width: 76px;
    height: 1px;
    margin: 31px 0;
    background: #b69452;
}

.about-intro-image {
    position: relative;
    height: 620px;
    overflow: hidden;
    box-shadow: 0 25px 58px rgba(22,48,32,.13);
}

    .about-intro-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.2s ease;
    }

    .about-intro-image:hover img {
        transform: scale(1.035);
    }

.about-image-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,26,15,.62), transparent 52% );
}

.about-image-tag {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    color: #fff;
}

    .about-image-tag > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .about-image-tag small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .about-image-tag strong {
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }


/* HERITAGE */

.about-heritage {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #103523;
    color: #fff;
}

.about-heritage-head {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 58px;
}

    .about-heritage-head h2 {
        margin: 0;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(54px,5vw,80px);
        line-height: .95;
        letter-spacing: -2.6px;
        font-weight: 500;
    }

        .about-heritage-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .about-heritage-head > p {
        max-width: 530px;
        margin: 0;
        color: rgba(255,255,255,.68);
        font-size: 15px;
        line-height: 1.82;
    }

.about-value-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: rgba(255,255,255,.13);
}

.about-value-card {
    position: relative;
    min-height: 350px;
    padding: 31px 29px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .about-value-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
        box-shadow: 0 25px 55px rgba(0,0,0,.17);
    }

.about-value-no {
    position: absolute;
    right: 23px;
    top: 19px;
    color: rgba(255,255,255,.17);
    font-family: Georgia,serif;
    font-size: 32px;
}

.about-value-card:hover .about-value-no {
    color: #d0c4ad;
}

.about-value-symbol {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 43px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold);
    font-size: 18px;
}

.about-value-card small {
    display: block;
    margin-bottom: 13px;
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.about-value-card h3 {
    margin: 0 0 16px;
    font-family: Georgia,serif;
    font-size: 29px;
    font-weight: 500;
}

.about-value-card p {
    margin: 0;
    max-width: 320px;
    color: rgba(255,255,255,.63);
    font-size: 13px;
    line-height: 1.75;
}

.about-value-card:hover p {
    color: #657168;
}

.about-heritage-word {
    position: absolute;
    left: 4%;
    bottom: -42px;
    font-family: Georgia,serif;
    font-size: 160px;
    font-weight: 700;
    color: rgba(255,255,255,.033);
    pointer-events: none;
}


/* TODAY */

.about-today {
    background: #f5f1e8;
}

.about-today-grid {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    min-height: 800px;
}

.about-today-image {
    position: relative;
    min-height: 800px;
    overflow: hidden;
}

    .about-today-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.3s ease;
    }

    .about-today-image:hover img {
        transform: scale(1.025);
    }

.about-today-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(5,26,15,.64), transparent 55% );
}

.about-today-caption {
    position: absolute;
    left: 48px;
    bottom: 42px;
    color: #fff;
}

    .about-today-caption small {
        display: block;
        margin-bottom: 11px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2.2px;
    }

    .about-today-caption strong {
        display: block;
        max-width: 520px;
        font-family: Georgia,serif;
        font-size: 36px;
        line-height: 1.08;
        font-weight: 500;
    }

.about-today-copy {
    display: flex;
    align-items: center;
    padding: 90px 7vw 90px 6vw;
}

.about-today-inner {
    max-width: 570px;
}

.about-today-copy h2 {
    margin: 0 0 28px;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    color: #103523;
    font-weight: 500;
}

    .about-today-copy h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.about-today-copy p {
    margin: 0 0 18px;
    color: #5e6b62;
    font-size: 14px;
    line-height: 1.84;
}

.about-today-line {
    width: 100%;
    height: 1px;
    margin: 31px 0 27px;
    background: #d2c8b5;
}

.about-today-stat {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 30px;
}

    .about-today-stat > span {
        color: #a9823e;
        font-family: Georgia,serif;
        font-size: 48px;
    }

    .about-today-stat small {
        display: block;
        margin-bottom: 6px;
        color: #9c7a3a;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .about-today-stat strong {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 19px;
        font-weight: 500;
    }

.about-text-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    min-width: 210px;
    padding: 13px 0;
    border-bottom: 1px solid #b6924c;
    color: #103523;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

    .about-text-link b {
        color: #a9823e;
    }


/* APPROACH */

.about-approach {
    padding: 125px 0;
    background: #f3efe5;
}

.about-approach-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 70px;
}

.about-approach-number {
    font-family: Georgia,serif;
    font-size: 92px;
    color: rgba(30,75,51,.10);
}

.about-approach-copy {
    max-width: 820px;
}

    .about-approach-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,76px);
        line-height: .96;
        letter-spacing: -2.4px;
        color: #103523;
        font-weight: 500;
    }

        .about-approach-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .about-approach-copy > p {
        max-width: 750px;
        margin: 0 0 18px;
        color: #59675e;
        font-size: 15px;
        line-height: 1.85;
    }

.about-approach-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 35px;
}

    .about-approach-links a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        min-width: 205px;
        padding: 16px 17px;
        border: 1px solid #c6aa6d;
        color: #103523;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.2px;
        transition: background .25s ease, color .25s ease, transform .25s ease;
    }

        .about-approach-links a span {
            color: #a9823e;
        }

        .about-approach-links a:hover {
            transform: translateY(-3px);
            background: #103523;
            color: #fff;
        }


/* RESPONSIVE */

@media(max-width:980px) {

    .about-intro-grid,
    .about-heritage-head,
    .about-today-grid {
        grid-template-columns: 1fr;
    }

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

    .about-intro-grid {
        gap: 55px;
    }

    .about-today-image {
        min-height: 600px;
    }

    .about-approach-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}


@media(max-width:620px) {

    .about-hero {
        height: 540px;
        min-height: 540px;
    }

    .about-hero-title h1 {
        font-size: 57px;
        letter-spacing: -2px;
    }

    .about-intro {
        padding: 80px 0;
    }

    .about-intro-image {
        height: 440px;
    }

    .about-intro-copy h2 {
        font-size: 49px;
    }

    .about-heritage {
        padding: 80px 0 95px;
    }

    .about-heritage-head h2 {
        font-size: 48px;
    }

    .about-value-card {
        min-height: 285px;
    }

    .about-heritage-word {
        font-size: 85px;
    }

    .about-today-image {
        min-height: 470px;
    }

    .about-today-caption {
        left: 27px;
        bottom: 27px;
    }

        .about-today-caption strong {
            font-size: 28px;
        }

    .about-today-copy {
        padding: 70px 28px;
    }

        .about-today-copy h2 {
            font-size: 47px;
        }

    .about-approach {
        padding: 80px 0;
    }

    .about-approach-number {
        font-size: 58px;
    }

    .about-approach-copy h2 {
        font-size: 47px;
    }
}
/* =========================================================
   MİSYON - VİZYON - DEĞERLER
   ========================================================= */


/* HERO */

.mvd-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.mvd-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/findik-bahcesi-1.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.mvd-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.95) 0%, rgba(4,27,16,.80) 38%, rgba(4,27,16,.37) 67%, rgba(4,27,16,.16) 100% ), linear-gradient( 0deg, rgba(4,21,13,.40), transparent 48% );
}

.mvd-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.mvd-hero-title {
    max-width: 900px;
}

    .mvd-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.7vw,104px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .mvd-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .mvd-hero-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.mvd-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    font-family: Georgia,serif;
    font-size: 58px;
    color: rgba(255,255,255,.12);
}


/* MISSION */

.mvd-mission {
    padding: 130px 0;
    background: #f3efe5;
}

.mvd-mission-grid {
    display: grid;
    grid-template-columns: 160px 1fr 240px;
    gap: 60px;
    align-items: center;
}

.mvd-big-number {
    align-self: start;
    padding-top: 15px;
    font-family: Georgia,serif;
    font-size: 90px;
    color: rgba(30,75,51,.10);
}

.mvd-mission-copy {
    max-width: 700px;
}

    .mvd-mission-copy h2 {
        margin: 0 0 27px;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .mvd-mission-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .mvd-mission-copy p {
        margin: 0 0 18px;
        color: #5b685f;
        font-size: 15px;
        line-height: 1.85;
    }

    .mvd-mission-copy .mvd-lead {
        color: #304a3b;
        font-size: 18px;
    }

.mvd-divider {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}

.mvd-mission-mark {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 220px;
    border: 1px solid #c8ad73;
    border-radius: 50%;
}

    .mvd-mission-mark span {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 95px;
        line-height: .8;
    }

    .mvd-mission-mark small {
        margin-top: 17px;
        color: #a17c39;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 3px;
    }


/* VISION */

.mvd-vision {
    background: #103523;
    color: #fff;
}

.mvd-vision-grid {
    display: grid;
    grid-template-columns: 1.06fr .94fr;
    min-height: 820px;
}

.mvd-vision-photo {
    position: relative;
    min-height: 820px;
    overflow: hidden;
}

    .mvd-vision-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.3s ease;
    }

    .mvd-vision-photo:hover img {
        transform: scale(1.03);
    }

.mvd-vision-photo-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(5,27,16,.68), transparent 58% );
}

.mvd-vision-photo-text {
    position: absolute;
    left: 50px;
    bottom: 45px;
    max-width: 580px;
    color: #fff;
}

    .mvd-vision-photo-text small {
        display: block;
        margin-bottom: 12px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2.3px;
    }

    .mvd-vision-photo-text strong {
        display: block;
        font-family: Georgia,serif;
        font-size: 37px;
        line-height: 1.08;
        font-weight: 500;
    }

.mvd-vision-copy {
    display: flex;
    align-items: center;
    padding: 90px 7vw 90px 6vw;
}

.mvd-vision-inner {
    position: relative;
    max-width: 590px;
}

.mvd-vision-index {
    position: absolute;
    right: 0;
    top: -15px;
    font-family: Georgia,serif;
    font-size: 78px;
    color: rgba(255,255,255,.07);
}

.mvd-vision-copy h2 {
    margin: 0 0 29px;
    font-family: Georgia,serif;
    font-size: clamp(53px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .mvd-vision-copy h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.mvd-vision-copy p {
    margin: 0 0 19px;
    max-width: 550px;
    color: rgba(255,255,255,.67);
    font-size: 14px;
    line-height: 1.85;
}

.mvd-vision-copy .mvd-vision-lead {
    color: #fff;
    font-family: Georgia,serif;
    font-size: 20px;
    line-height: 1.55;
}

.mvd-vision-line {
    width: 100%;
    height: 1px;
    margin: 31px 0 25px;
    background: rgba(255,255,255,.18);
}

.mvd-vision-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    min-width: 265px;
    padding: 13px 0;
    border-bottom: 1px solid #b89550;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

    .mvd-vision-link b {
        color: var(--gold);
    }


/* VALUES */

.mvd-values {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #f3efe5;
}

.mvd-values-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: end;
    gap: 85px;
    margin-bottom: 55px;
}

    .mvd-values-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .mvd-values-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .mvd-values-head > p {
        max-width: 540px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }

.mvd-values-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d7cfbf;
}

.mvd-value-card {
    position: relative;
    min-height: 375px;
    padding: 30px 27px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .mvd-value-card:hover {
        z-index: 3;
        transform: translateY(-8px);
        background: #103523;
        color: #fff;
        box-shadow: 0 24px 55px rgba(25,48,33,.16);
    }

.mvd-value-no {
    position: absolute;
    right: 21px;
    top: 17px;
    color: #d2c6b0;
    font-family: Georgia,serif;
    font-size: 31px;
}

.mvd-value-card:hover .mvd-value-no {
    color: rgba(255,255,255,.17);
}

.mvd-value-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 47px;
    border: 1px solid #c39f5c;
    border-radius: 50%;
    color: #a9823e;
    font-size: 18px;
}

.mvd-value-card small {
    display: block;
    margin-bottom: 13px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.mvd-value-card h3 {
    margin: 0 0 16px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 27px;
    font-weight: 500;
}

.mvd-value-card:hover h3 {
    color: #fff;
}

.mvd-value-card p {
    margin: 0;
    color: #657168;
    font-size: 12px;
    line-height: 1.75;
}

.mvd-value-card:hover p {
    color: rgba(255,255,255,.68);
}

.mvd-values-word {
    position: absolute;
    left: 4%;
    bottom: -39px;
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    color: rgba(30,75,51,.045);
    pointer-events: none;
}


/* PRINCIPLE */

.mvd-principle {
    padding: 125px 0;
    background: #fff;
}

.mvd-principle-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 100px;
    align-items: center;
}

.mvd-principle-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    color: #103523;
    font-weight: 500;
}

    .mvd-principle-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.mvd-principle-list {
    border-top: 1px solid #d0c6b5;
}

.mvd-principle-row {
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 25px;
    align-items: center;
    min-height: 120px;
    border-bottom: 1px solid #d0c6b5;
}

    .mvd-principle-row > span {
        color: #a9823e;
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .mvd-principle-row small {
        display: block;
        margin-bottom: 7px;
        color: #9b793b;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .mvd-principle-row strong {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 21px;
        font-weight: 500;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .mvd-mission-grid {
        grid-template-columns: 1fr;
    }

    .mvd-mission-mark {
        display: none;
    }

    .mvd-vision-grid,
    .mvd-values-head,
    .mvd-principle-grid {
        grid-template-columns: 1fr;
    }

    .mvd-values-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mvd-vision-photo {
        min-height: 600px;
    }
}


@media(max-width:620px) {

    .mvd-hero {
        height: 550px;
        min-height: 550px;
    }

    .mvd-hero-title h1 {
        font-size: 55px;
        letter-spacing: -2px;
    }

    .mvd-mission {
        padding: 80px 0;
    }

    .mvd-big-number {
        font-size: 58px;
    }

    .mvd-mission-copy h2 {
        font-size: 48px;
    }

    .mvd-vision-photo {
        min-height: 480px;
    }

    .mvd-vision-photo-text {
        left: 28px;
        bottom: 27px;
    }

        .mvd-vision-photo-text strong {
            font-size: 28px;
        }

    .mvd-vision-copy {
        padding: 70px 28px;
    }

        .mvd-vision-copy h2 {
            font-size: 47px;
        }

    .mvd-values {
        padding: 80px 0 95px;
    }

    .mvd-values-head h2 {
        font-size: 48px;
    }

    .mvd-values-grid {
        grid-template-columns: 1fr;
    }

    .mvd-value-card {
        min-height: 285px;
    }

    .mvd-values-word {
        font-size: 72px;
    }

    .mvd-principle {
        padding: 80px 0;
    }

    .mvd-principle-grid {
        gap: 55px;
    }

    .mvd-principle-title h2 {
        font-size: 47px;
    }
}
/* =========================================================
   BAŞKANIN MESAJI
   ========================================================= */

.chair-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.chair-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/baskanin-mesaji.jpg') center / cover no-repeat;
    transform: scale(1.02);
}

.chair-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.83) 42%, rgba(4,27,16,.45) 70%, rgba(4,27,16,.18) 100% );
}

.chair-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.chair-hero-title {
    max-width: 940px;
}

    .chair-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.7vw,103px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .chair-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .chair-hero-title p {
        max-width: 640px;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.chair-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* MESSAGE */

.chair-message {
    padding: 130px 0;
    background: #f3efe5;
}

.chair-message-grid {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 90px;
    align-items: start;
}

.chair-signature-card {
    position: sticky;
    top: 120px;
    padding: 40px 34px;
    background: #103523;
    color: #fff;
}

.chair-signature-number {
    margin-bottom: 42px;
    color: rgba(255,255,255,.13);
    font-family: Georgia,serif;
    font-size: 42px;
}

.chair-signature-mark {
    color: var(--gold);
    font-family: Georgia,serif;
    font-size: 72px;
    line-height: .7;
}

.chair-signature-card h3 {
    margin: 20px 0 5px;
    font-family: Georgia,serif;
    font-size: 29px;
    font-weight: 500;
}

.chair-signature-card small {
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.chair-signature-line {
    width: 60px;
    height: 1px;
    margin: 27px 0;
    background: #b6924d;
}

.chair-signature-card p {
    margin: 0;
    color: rgba(255,255,255,.67);
    font-size: 13px;
    line-height: 1.75;
}

.chair-message-copy {
    max-width: 820px;
}

    .chair-message-copy h2 {
        margin: 0 0 30px;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.7vw,75px);
        line-height: .96;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .chair-message-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .chair-message-copy p {
        margin: 0 0 21px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.9;
    }

    .chair-message-copy .chair-message-lead {
        color: #314a3c;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.chair-quote {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
    margin: 38px 0;
    padding: 30px 0;
    border-top: 1px solid #cfc5b2;
    border-bottom: 1px solid #cfc5b2;
}

    .chair-quote span {
        color: #a9823e;
        font-family: Georgia,serif;
        font-size: 56px;
        line-height: .8;
    }

    .chair-quote strong {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 22px;
        line-height: 1.45;
        font-weight: 500;
    }


/* FUTURE */

.chair-future {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #103523;
    color: #fff;
}

.chair-future-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .chair-future-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .chair-future-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .chair-future-head > p {
        max-width: 520px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }

.chair-future-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: rgba(255,255,255,.12);
}

.chair-future-card {
    position: relative;
    min-height: 335px;
    padding: 30px 28px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .chair-future-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
    }

    .chair-future-card > span {
        display: block;
        margin-bottom: 65px;
        color: rgba(255,255,255,.16);
        font-family: Georgia,serif;
        font-size: 33px;
    }

    .chair-future-card:hover > span {
        color: #c8bca7;
    }

    .chair-future-card small {
        display: block;
        margin-bottom: 13px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .chair-future-card h3 {
        margin: 0 0 15px;
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }

    .chair-future-card p {
        margin: 0;
        color: rgba(255,255,255,.63);
        font-size: 13px;
        line-height: 1.75;
    }

    .chair-future-card:hover p {
        color: #657168;
    }

.chair-future-word {
    position: absolute;
    left: 4%;
    bottom: -42px;
    font-family: Georgia,serif;
    font-size: 150px;
    font-weight: 700;
    color: rgba(255,255,255,.035);
}


/* GROWTH */

.chair-growth {
    padding: 125px 0;
    background: #f3efe5;
}

.chair-growth-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 70px;
}

.chair-growth-number {
    font-family: Georgia,serif;
    font-size: 90px;
    color: rgba(30,75,51,.10);
}

.chair-growth-copy {
    max-width: 800px;
}

    .chair-growth-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,76px);
        line-height: .96;
        letter-spacing: -2.4px;
        color: #103523;
        font-weight: 500;
    }

        .chair-growth-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .chair-growth-copy p {
        margin: 0 0 18px;
        color: #59675e;
        font-size: 15px;
        line-height: 1.85;
    }

.chair-final-sign {
    margin-top: 38px;
    padding-top: 28px;
    border-top: 1px solid #cfc5b2;
}

    .chair-final-sign small {
        display: block;
        margin-bottom: 12px;
        color: #a17d3c;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .chair-final-sign strong {
        display: block;
        color: #103523;
        font-family: Georgia,serif;
        font-size: 29px;
        font-weight: 500;
    }

    .chair-final-sign span {
        display: block;
        margin-top: 4px;
        color: #667168;
        font-size: 12px;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .chair-message-grid,
    .chair-future-head,
    .chair-growth-grid {
        grid-template-columns: 1fr;
    }

    .chair-signature-card {
        position: relative;
        top: auto;
    }

    .chair-future-grid {
        grid-template-columns: 1fr;
    }
}


@media(max-width:620px) {

    .chair-hero {
        height: 540px;
        min-height: 540px;
    }

    .chair-hero-title h1 {
        font-size: 54px;
        letter-spacing: -2px;
    }

    .chair-message {
        padding: 80px 0;
    }

    .chair-message-grid {
        gap: 50px;
    }

    .chair-message-copy h2 {
        font-size: 47px;
    }

    .chair-future {
        padding: 80px 0 95px;
    }

    .chair-future-head h2 {
        font-size: 47px;
    }

    .chair-future-card {
        min-height: 285px;
    }

    .chair-future-word {
        font-size: 72px;
    }

    .chair-growth {
        padding: 80px 0;
    }

    .chair-growth-number {
        font-size: 58px;
    }

    .chair-growth-copy h2 {
        font-size: 47px;
    }
}
/* =========================================================
   POLİTİKALARIMIZ
   ========================================================= */


/* HERO */

.policy-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.policy-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/politikalarimiz-2.jpg') center / cover no-repeat;
    transform: scale(1.025);
}

.policy-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.82) 40%, rgba(4,27,16,.42) 70%, rgba(4,27,16,.16) 100% );
}

.policy-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.policy-hero-title {
    max-width: 920px;
}

    .policy-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .policy-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .policy-hero-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.policy-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    font-family: Georgia,serif;
    font-size: 58px;
    color: rgba(255,255,255,.12);
}


/* INTRO */

.policy-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.policy-intro-grid {
    display: grid;
    grid-template-columns: 160px 1fr 240px;
    gap: 60px;
    align-items: center;
}

.policy-intro-number {
    align-self: start;
    padding-top: 15px;
    font-family: Georgia,serif;
    font-size: 90px;
    color: rgba(30,75,51,.10);
}

.policy-intro-copy {
    max-width: 720px;
}

    .policy-intro-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .policy-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .policy-intro-copy p {
        margin: 0 0 18px;
        color: #5b685f;
        font-size: 15px;
        line-height: 1.85;
    }

    .policy-intro-copy .policy-intro-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.policy-intro-mark {
    width: 220px;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #c8ad73;
    border-radius: 50%;
}

    .policy-intro-mark span {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 92px;
        line-height: .8;
    }

    .policy-intro-mark small {
        margin-top: 17px;
        color: #a17c39;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 3px;
    }


/* MAIN SPLIT */

.policy-main {
    background: #103523;
    color: #fff;
}

.policy-main-grid {
    display: grid;
    grid-template-columns: 1.06fr .94fr;
    min-height: 800px;
}

.policy-main-image {
    position: relative;
    min-height: 800px;
    overflow: hidden;
}

    .policy-main-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.2s ease;
    }

    .policy-main-image:hover img {
        transform: scale(1.03);
    }

.policy-main-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(5,27,16,.70), transparent 58% );
}

.policy-main-image-text {
    position: absolute;
    left: 50px;
    bottom: 45px;
    max-width: 580px;
}

    .policy-main-image-text small {
        display: block;
        margin-bottom: 12px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2.3px;
    }

    .policy-main-image-text strong {
        display: block;
        font-family: Georgia,serif;
        font-size: 37px;
        line-height: 1.08;
        font-weight: 500;
    }

.policy-main-copy {
    display: flex;
    align-items: center;
    padding: 90px 7vw 90px 6vw;
}

.policy-main-inner {
    position: relative;
    max-width: 590px;
}

.policy-main-index {
    position: absolute;
    right: 0;
    top: -15px;
    font-family: Georgia,serif;
    font-size: 78px;
    color: rgba(255,255,255,.07);
}

.policy-main-copy h2 {
    margin: 0 0 29px;
    font-family: Georgia,serif;
    font-size: clamp(53px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .policy-main-copy h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.policy-main-copy p {
    margin: 0 0 19px;
    color: rgba(255,255,255,.67);
    font-size: 14px;
    line-height: 1.85;
}

.policy-main-line {
    width: 100%;
    height: 1px;
    margin: 31px 0 25px;
    background: rgba(255,255,255,.18);
}

.policy-main-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    min-width: 260px;
    padding: 13px 0;
    border-bottom: 1px solid #b89550;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

    .policy-main-link b {
        color: var(--gold);
    }


/* PRINCIPLES */

.policy-principles {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #f3efe5;
}

.policy-principles-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .policy-principles-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .policy-principles-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .policy-principles-head > p {
        max-width: 540px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }

.policy-principles-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d7cfbf;
}

.policy-card {
    position: relative;
    min-height: 330px;
    padding: 31px 27px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .policy-card:hover {
        z-index: 3;
        transform: translateY(-8px);
        background: #103523;
        color: #fff;
        box-shadow: 0 24px 55px rgba(25,48,33,.16);
    }

.policy-card-no {
    display: block;
    margin-bottom: 62px;
    color: #d2c6b0;
    font-family: Georgia,serif;
    font-size: 32px;
}

.policy-card:hover .policy-card-no {
    color: rgba(255,255,255,.17);
}

.policy-card small {
    display: block;
    margin-bottom: 13px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.policy-card h3 {
    margin: 0 0 16px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 26px;
    font-weight: 500;
}

.policy-card:hover h3 {
    color: #fff;
}

.policy-card p {
    margin: 0;
    color: #657168;
    font-size: 12px;
    line-height: 1.75;
}

.policy-card:hover p {
    color: rgba(255,255,255,.68);
}

.policy-principles-word {
    position: absolute;
    left: 4%;
    bottom: -40px;
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    color: rgba(30,75,51,.045);
    pointer-events: none;
}


/* PEOPLE */

.policy-people {
    padding: 130px 0;
    background: #fff;
}

.policy-people-grid {
    display: grid;
    grid-template-columns: .94fr 1.06fr;
    gap: 90px;
    align-items: center;
}

.policy-people-copy {
    position: relative;
}

.policy-people-number {
    position: absolute;
    right: 0;
    top: -15px;
    font-family: Georgia,serif;
    font-size: 77px;
    color: rgba(30,75,51,.07);
}

.policy-people-copy h2 {
    margin: 0 0 28px;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,76px);
    line-height: .96;
    letter-spacing: -2.4px;
    color: #103523;
    font-weight: 500;
}

    .policy-people-copy h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.policy-people-copy p {
    margin: 0 0 18px;
    color: #59675e;
    font-size: 15px;
    line-height: 1.85;
}

.policy-people-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}

.policy-people-copy strong {
    display: block;
    max-width: 580px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 21px;
    line-height: 1.5;
    font-weight: 500;
}

.policy-people-image {
    position: relative;
    min-height: 610px;
    overflow: hidden;
    background: #103523;
}

    .policy-people-image img {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        object-fit: cover;
    }

.policy-people-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 245px;
    padding: 25px;
    background: #dcb964;
    color: #103523;
}

    .policy-people-badge small {
        display: block;
        margin-bottom: 8px;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .policy-people-badge strong {
        font-family: Georgia,serif;
        font-size: 25px;
        line-height: 1;
        font-weight: 600;
    }


/* SUMMARY */

.policy-summary {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.policy-summary-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 100px;
    align-items: center;
}

.policy-summary-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .policy-summary-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.policy-summary-list {
    border-top: 1px solid rgba(255,255,255,.18);
}

.policy-summary-row {
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 25px;
    align-items: center;
    min-height: 120px;
    border-bottom: 1px solid rgba(255,255,255,.18);
}

    .policy-summary-row > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 39px;
    }

    .policy-summary-row small {
        display: block;
        margin-bottom: 7px;
        color: #c49a4b;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .policy-summary-row strong {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 21px;
        font-weight: 500;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .policy-intro-grid {
        grid-template-columns: 1fr;
    }

    .policy-intro-mark {
        display: none;
    }

    .policy-main-grid,
    .policy-principles-head,
    .policy-people-grid,
    .policy-summary-grid {
        grid-template-columns: 1fr;
    }

    .policy-principles-grid {
        grid-template-columns: 1fr 1fr;
    }

    .policy-main-image {
        min-height: 600px;
    }

    .policy-people-image {
        min-height: 550px;
    }
}


@media(max-width:620px) {

    .policy-hero {
        height: 540px;
        min-height: 540px;
    }

    .policy-hero-title h1 {
        font-size: 54px;
        letter-spacing: -2px;
    }

    .policy-intro {
        padding: 80px 0;
    }

    .policy-intro-number {
        font-size: 58px;
    }

    .policy-intro-copy h2 {
        font-size: 47px;
    }

    .policy-main-image {
        min-height: 470px;
    }

    .policy-main-image-text {
        left: 27px;
        bottom: 27px;
    }

        .policy-main-image-text strong {
            font-size: 28px;
        }

    .policy-main-copy {
        padding: 70px 28px;
    }

        .policy-main-copy h2 {
            font-size: 47px;
        }

    .policy-principles {
        padding: 80px 0 95px;
    }

    .policy-principles-head h2 {
        font-size: 47px;
    }

    .policy-principles-grid {
        grid-template-columns: 1fr;
    }

    .policy-card {
        min-height: 280px;
    }

    .policy-principles-word {
        font-size: 72px;
    }

    .policy-people {
        padding: 80px 0;
    }

    .policy-people-grid {
        gap: 55px;
    }

    .policy-people-copy h2 {
        font-size: 47px;
    }

    .policy-people-image {
        min-height: 440px;
    }

    .policy-summary {
        padding: 80px 0;
    }

    .policy-summary-grid {
        gap: 55px;
    }

    .policy-summary-title h2 {
        font-size: 47px;
    }
}
/* =========================================================
   SOSYAL SORUMLULUK
   ========================================================= */


/* HERO */

.social-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.social-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 50% / cover no-repeat;
    transform: scale(1.025);
}

.social-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.82) 40%, rgba(4,27,16,.42) 70%, rgba(4,27,16,.18) 100% ), linear-gradient( 0deg, rgba(4,21,13,.32), transparent 50% );
}

.social-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.social-hero-title {
    max-width: 920px;
}

    .social-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .social-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .social-hero-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.social-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    font-family: Georgia,serif;
    font-size: 58px;
    color: rgba(255,255,255,.12);
}


/* INTRO */

.social-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.social-intro-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 90px;
    align-items: center;
}

.social-intro-copy {
    max-width: 570px;
}

    .social-intro-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .social-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .social-intro-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .social-intro-copy .social-intro-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.social-intro-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}

.social-intro-image {
    position: relative;
    height: 620px;
    overflow: hidden;
    background: #103523;
    box-shadow: 0 24px 55px rgba(20,47,31,.13);
}

    .social-intro-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.2s ease;
    }

    .social-intro-image:hover img {
        transform: scale(1.035);
    }

.social-intro-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,28,16,.65), transparent 56% );
}

.social-intro-image-tag {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    color: #fff;
}

    .social-intro-image-tag > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .social-intro-image-tag small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .social-intro-image-tag strong {
        display: block;
        max-width: 370px;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.08;
        font-weight: 500;
    }


/* CHILD LABOUR / WORKING PRINCIPLES */

.social-child {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #103523;
    color: #fff;
}

.social-child-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 80px;
    align-items: start;
}

.social-child-number {
    padding-top: 8px;
}

    .social-child-number span {
        display: block;
        margin-bottom: 12px;
        color: rgba(255,255,255,.11);
        font-family: Georgia,serif;
        font-size: 100px;
        line-height: 1;
    }

    .social-child-number small {
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2.2px;
    }

.social-child-copy {
    max-width: 820px;
}

    .social-child-copy h2 {
        margin: 0 0 29px;
        font-family: Georgia,serif;
        font-size: clamp(54px,5vw,80px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .social-child-copy h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .social-child-copy p {
        margin: 0 0 18px;
        max-width: 720px;
        color: rgba(255,255,255,.67);
        font-size: 15px;
        line-height: 1.85;
    }

    .social-child-copy .social-child-lead {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 21px;
        line-height: 1.55;
    }

.social-child-rule {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 22px;
    align-items: center;
    max-width: 670px;
    margin-top: 35px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,.18);
}

    .social-child-rule > span {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        border: 1px solid var(--gold);
        border-radius: 50%;
        color: var(--gold);
        font-size: 18px;
    }

    .social-child-rule small {
        display: block;
        margin-bottom: 8px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .social-child-rule strong {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }

.social-child-word {
    position: absolute;
    left: 4%;
    bottom: -43px;
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    color: rgba(255,255,255,.033);
    pointer-events: none;
    user-select: none;
}


/* VALUES */

.social-values {
    padding: 130px 0 145px;
    background: #f3efe5;
}

.social-values-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .social-values-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .social-values-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .social-values-head > p {
        max-width: 530px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }

.social-values-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: #d6cebe;
}

.social-value-card {
    position: relative;
    min-height: 355px;
    padding: 31px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .social-value-card:hover {
        z-index: 3;
        transform: translateY(-8px);
        background: #103523;
        color: #fff;
        box-shadow: 0 24px 55px rgba(25,48,33,.16);
    }

.social-value-no {
    position: absolute;
    right: 22px;
    top: 18px;
    color: #d2c6b0;
    font-family: Georgia,serif;
    font-size: 31px;
}

.social-value-card:hover
.social-value-no {
    color: rgba(255,255,255,.17);
}

.social-value-symbol {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    margin-bottom: 45px;
    border: 1px solid #c39f5c;
    border-radius: 50%;
    color: #a9823e;
    font-size: 18px;
}

.social-value-card small {
    display: block;
    margin-bottom: 13px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.social-value-card h3 {
    margin: 0 0 16px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 28px;
    font-weight: 500;
}

.social-value-card:hover h3 {
    color: #fff;
}

.social-value-card p {
    margin: 0;
    max-width: 310px;
    color: #657168;
    font-size: 13px;
    line-height: 1.75;
}

.social-value-card:hover p {
    color: rgba(255,255,255,.68);
}


/* POLICY CONNECTION */

.social-policy {
    padding: 125px 0;
    background: #fff;
}

.social-policy-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 100px;
    align-items: center;
}

.social-policy-left {
    position: relative;
}

.social-policy-index {
    position: absolute;
    right: 20px;
    top: -15px;
    font-family: Georgia,serif;
    font-size: 76px;
    color: rgba(30,75,51,.07);
}

.social-policy-left h2 {
    margin: 0;
    max-width: 650px;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    color: #103523;
    font-weight: 500;
}

    .social-policy-left h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.social-policy-right {
    max-width: 600px;
    padding-top: 20px;
}

    .social-policy-right p {
        margin: 0 0 18px;
        color: #59675e;
        font-size: 15px;
        line-height: 1.85;
    }

.social-policy-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    min-width: 255px;
    margin-top: 18px;
    padding: 14px 0;
    border-bottom: 1px solid #b6924d;
    color: #103523;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

    .social-policy-link b {
        color: #a9823e;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .social-intro-grid,
    .social-values-head,
    .social-policy-grid {
        grid-template-columns: 1fr;
    }

    .social-child-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .social-values-grid {
        grid-template-columns: 1fr;
    }

    .social-intro-grid {
        gap: 55px;
    }
}


@media(max-width:620px) {

    .social-hero {
        height: 540px;
        min-height: 540px;
    }

    .social-hero-title h1 {
        font-size: 54px;
        letter-spacing: -2px;
    }

    .social-intro {
        padding: 80px 0;
    }

    .social-intro-copy h2 {
        font-size: 47px;
    }

    .social-intro-image {
        height: 440px;
    }

    .social-child {
        padding: 80px 0 95px;
    }

    .social-child-number span {
        font-size: 60px;
    }

    .social-child-copy h2 {
        font-size: 47px;
    }

    .social-child-word {
        font-size: 66px;
    }

    .social-values {
        padding: 80px 0 90px;
    }

    .social-values-head h2 {
        font-size: 47px;
    }

    .social-value-card {
        min-height: 285px;
    }

    .social-policy {
        padding: 80px 0;
    }

    .social-policy-grid {
        gap: 50px;
    }

    .social-policy-left h2 {
        font-size: 47px;
    }
}
/* =========================================================
   TESİSİMİZ
   ========================================================= */


/* HERO */

.facility-page-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.facility-page-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/tesisimiz.jpg') center 52% / cover no-repeat;
    transform: scale(1.025);
}

.facility-page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.82) 40%, rgba(4,27,16,.40) 70%, rgba(4,27,16,.15) 100% );
}

.facility-page-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.facility-page-title {
    max-width: 930px;
}

    .facility-page-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.7vw,103px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .facility-page-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .facility-page-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.facility-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.facility-page-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.facility-page-intro-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 90px;
    align-items: center;
}

.facility-page-copy {
    max-width: 570px;
}

    .facility-page-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .facility-page-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .facility-page-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .facility-page-copy .facility-page-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.facility-page-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}

.facility-page-image {
    position: relative;
    height: 620px;
    overflow: hidden;
    box-shadow: 0 24px 55px rgba(20,47,31,.13);
}

    .facility-page-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.2s ease;
    }

    .facility-page-image:hover img {
        transform: scale(1.035);
    }

.facility-page-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,28,16,.64), transparent 56% );
}

.facility-page-image-tag {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    color: #fff;
}

    .facility-page-image-tag > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .facility-page-image-tag small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .facility-page-image-tag strong {
        display: block;
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }


/* PROCESS */

.facility-process {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #103523;
    color: #fff;
}

.facility-process-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .facility-process-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .facility-process-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .facility-process-head > p {
        max-width: 530px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }

.facility-process-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: rgba(255,255,255,.12);
}

.facility-process-card {
    min-height: 320px;
    padding: 30px 28px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .facility-process-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
    }

    .facility-process-card > span {
        display: block;
        margin-bottom: 55px;
        color: rgba(255,255,255,.16);
        font-family: Georgia,serif;
        font-size: 33px;
    }

    .facility-process-card:hover > span {
        color: #c8bca7;
    }

    .facility-process-card small {
        display: block;
        margin-bottom: 13px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .facility-process-card h3 {
        margin: 0 0 15px;
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }

    .facility-process-card p {
        margin: 0;
        color: rgba(255,255,255,.63);
        font-size: 13px;
        line-height: 1.75;
    }

    .facility-process-card:hover p {
        color: #657168;
    }

.facility-process-word {
    position: absolute;
    left: 4%;
    bottom: -42px;
    font-family: Georgia,serif;
    font-size: 150px;
    font-weight: 700;
    color: rgba(255,255,255,.035);
}


/* VIDEO */

.facility-video-section {
    padding: 125px 0;
    background: #f3efe5;
}

.facility-video-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 45px;
}

    .facility-video-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,75px);
        line-height: .96;
        letter-spacing: -2.4px;
        color: #103523;
        font-weight: 500;
    }

        .facility-video-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .facility-video-head > p {
        max-width: 530px;
        margin: 0;
        color: #5d695f;
        font-size: 14px;
        line-height: 1.82;
    }

.facility-video-frame {
    position: relative;
    overflow: hidden;
    background: #082719;
    box-shadow: 0 28px 65px rgba(20,47,31,.15);
}

    .facility-video-frame video {
        display: block;
        width: 100%;
        max-height: 720px;
        background: #082719;
    }


/* QUALITY */

.facility-quality {
    padding: 125px 0;
    background: #fff;
}

.facility-quality-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 70px;
}

.facility-quality-number {
    font-family: Georgia,serif;
    font-size: 90px;
    color: rgba(30,75,51,.10);
}

.facility-quality-copy {
    max-width: 800px;
}

    .facility-quality-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,76px);
        line-height: .96;
        letter-spacing: -2.4px;
        color: #103523;
        font-weight: 500;
    }

        .facility-quality-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .facility-quality-copy p {
        margin: 0 0 18px;
        color: #59675e;
        font-size: 15px;
        line-height: 1.85;
    }

.facility-quality-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 35px;
}

    .facility-quality-links a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        min-width: 205px;
        padding: 16px 17px;
        border: 1px solid #c6aa6d;
        color: #103523;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.2px;
        transition: background .25s ease, color .25s ease, transform .25s ease;
    }

        .facility-quality-links a span {
            color: #a9823e;
        }

        .facility-quality-links a:hover {
            transform: translateY(-3px);
            background: #103523;
            color: #fff;
        }


/* RESPONSIVE */

@media(max-width:980px) {

    .facility-page-intro-grid,
    .facility-process-head,
    .facility-video-head,
    .facility-quality-grid {
        grid-template-columns: 1fr;
    }

    .facility-process-grid {
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width:620px) {

    .facility-page-hero {
        height: 540px;
        min-height: 540px;
    }

    .facility-page-title h1 {
        font-size: 54px;
        letter-spacing: -2px;
    }

    .facility-page-intro {
        padding: 80px 0;
    }

    .facility-page-copy h2 {
        font-size: 47px;
    }

    .facility-page-image {
        height: 440px;
    }

    .facility-process {
        padding: 80px 0 95px;
    }

    .facility-process-head h2 {
        font-size: 47px;
    }

    .facility-process-grid {
        grid-template-columns: 1fr;
    }

    .facility-process-card {
        min-height: 270px;
    }

    .facility-process-word {
        font-size: 72px;
    }

    .facility-video-section {
        padding: 80px 0;
    }

    .facility-video-head h2 {
        font-size: 47px;
    }

    .facility-quality {
        padding: 80px 0;
    }

    .facility-quality-number {
        font-size: 58px;
    }

    .facility-quality-copy h2 {
        font-size: 47px;
    }
}
/* =========================================================
   TESISIMIZ - URETIM AKISI + VIDEO DUZELTME
   ========================================================= */


/* ---------------------------------------------------------
   1. URETIM AKISI
   --------------------------------------------------------- */

.facility-process {
    padding: 120px 0 130px;
}


/* Başlık alanı */

.facility-process-head {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 55px;
}


    /* Başlığın genişliği */

    .facility-process-head > div {
        max-width: 700px;
    }


    /* Açıklama */

    .facility-process-head > p {
        max-width: 480px;
        margin: 0 0 7px;
        color: rgba(255,255,255,.68);
        font-size: 14px;
        line-height: 1.85;
    }


/* Kart alanı */

.facility-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    width: 100%;
    background: rgba(255,255,255,.12);
}


/* Kart */

.facility-process-card {
    min-width: 0;
    min-height: 285px;
    padding: 28px 30px 32px;
    background: rgba(255,255,255,.055);
}


    /* Kart numarası */

    .facility-process-card > span {
        margin-bottom: 42px;
        font-size: 31px;
    }


    /* Kart başlığı */

    .facility-process-card h3 {
        font-size: 26px;
        line-height: 1.08;
    }


    /* Kart açıklaması */

    .facility-process-card p {
        max-width: 290px;
        font-size: 13px;
        line-height: 1.75;
    }


/* ---------------------------------------------------------
   2. VIDEO BOLUMU
   --------------------------------------------------------- */

.facility-video-section {
    padding: 110px 0 120px;
}


/* Video üst başlık alanı */

.facility-video-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: end;
    margin-bottom: 45px;
}


    /* Başlık */

    .facility-video-head > div {
        max-width: 600px;
    }


    /* Açıklama */

    .facility-video-head > p {
        max-width: 480px;
        margin: 0 0 8px;
        font-size: 14px;
        line-height: 1.8;
    }


/* Video kutusu */

.facility-video-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #082719;
    box-shadow: 0 28px 65px rgba(20,47,31,.15);
}


    /* Video */

    .facility-video-frame video {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        background: #082719;
    }


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:980px) {

    .facility-process-head,
    .facility-video-head {
        grid-template-columns: 1fr;
        gap: 25px;
    }


    .facility-process-grid {
        grid-template-columns: repeat(2,1fr);
    }


    .facility-process-head > p,
    .facility-video-head > p {
        max-width: 650px;
    }
}


/* ---------------------------------------------------------
   MOBIL
   --------------------------------------------------------- */

@media(max-width:620px) {

    .facility-process {
        padding: 80px 0 90px;
    }


    .facility-process-grid {
        grid-template-columns: 1fr;
    }


    .facility-process-card {
        min-height: auto;
        padding: 28px 25px 35px;
    }


        .facility-process-card > span {
            margin-bottom: 30px;
        }


    .facility-video-section {
        padding: 80px 0;
    }


    .facility-video-frame {
        aspect-ratio: 16 / 9;
    }
}
/* =========================================================
   TESISIMIZ - URETIM AKISI KESIN DUZELTME
   Eski .facility-process çakışmasını iptal eder
   ========================================================= */

@media (min-width: 981px) {

    /* EN ÖNEMLİ SATIR:
       Eski index CSS'inden gelen iki kolonlu yapıyı iptal ediyor */
    .facility-process {
        display: block !important;
        width: 100% !important;
        padding: 110px 0 125px !important;
    }


        /* BAŞLIK + AÇIKLAMA ÜSTTE */

        .facility-process .facility-process-head {
            display: grid !important;
            grid-template-columns: 1.15fr .85fr !important;
            gap: 80px !important;
            width: min(1180px, calc(100% - 80px)) !important;
            max-width: 1180px !important;
            margin: 0 auto 55px auto !important;
            align-items: end !important;
        }

            .facility-process .facility-process-head > div {
                width: auto !important;
                max-width: 680px !important;
            }

            .facility-process .facility-process-head > p {
                width: auto !important;
                max-width: 480px !important;
                margin: 0 0 8px 0 !important;
                font-size: 14px !important;
                line-height: 1.8 !important;
            }


        /* 6 KART - TAM GENİŞLİKTE 3 + 3 */

        .facility-process .facility-process-grid {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            width: min(1180px, calc(100% - 80px)) !important;
            max-width: 1180px !important;
            margin: 0 auto !important;
            padding: 0 !important;
            gap: 1px !important;
            float: none !important;
            position: relative !important;
            left: auto !important;
            right: auto !important;
            transform: none !important;
        }


        /* KARTLAR */

        .facility-process .facility-process-card {
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            min-height: 285px !important;
            margin: 0 !important;
            padding: 30px 32px 34px !important;
            box-sizing: border-box !important;
        }


            .facility-process .facility-process-card > span {
                display: block !important;
                margin: 0 0 38px 0 !important;
                font-size: 31px !important;
            }


            .facility-process .facility-process-card h3 {
                width: auto !important;
                max-width: 280px !important;
                margin: 0 0 17px 0 !important;
                font-size: 27px !important;
                line-height: 1.08 !important;
                white-space: normal !important;
            }


            .facility-process .facility-process-card p {
                width: auto !important;
                max-width: 300px !important;
                margin: 0 !important;
                font-size: 13px !important;
                line-height: 1.75 !important;
                white-space: normal !important;
            }
}
/* =========================================================
   FINDIGIN HIKAYESI
   ========================================================= */


/* HERO */

.hazel-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.hazel-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/findiklar-1.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.hazel-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.80) 40%, rgba(4,27,16,.38) 70%, rgba(4,27,16,.14) 100% );
}

.hazel-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.hazel-hero-title {
    max-width: 960px;
}

    .hazel-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(64px,6.5vw,100px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .hazel-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .hazel-hero-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.hazel-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.hazel-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.hazel-intro-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 90px;
    align-items: center;
}

.hazel-intro-image {
    position: relative;
    height: 610px;
    overflow: hidden;
    background: #103523;
    box-shadow: 0 24px 55px rgba(20,47,31,.13);
}

    .hazel-intro-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 1.2s ease;
    }

    .hazel-intro-image:hover img {
        transform: scale(1.035);
    }

.hazel-intro-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,28,16,.67), transparent 57% );
}

.hazel-intro-tag {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    color: #fff;
}

    .hazel-intro-tag > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .hazel-intro-tag small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .hazel-intro-tag strong {
        display: block;
        max-width: 370px;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.08;
        font-weight: 500;
    }

.hazel-intro-copy {
    max-width: 570px;
}

    .hazel-intro-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .hazel-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .hazel-intro-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .hazel-intro-copy .hazel-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 19px;
        line-height: 1.6;
    }

.hazel-intro-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* ROOTS */

.hazel-roots {
    padding: 0;
    background: #103523;
    color: #fff;
}

.hazel-roots-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    max-width: none !important;
    padding: 0 !important;
}

.hazel-roots-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 760px;
    padding: 90px 7vw;
}

.hazel-roots-number {
    position: absolute;
    right: 8%;
    top: 65px;
    color: rgba(255,255,255,.07);
    font-family: Georgia,serif;
    font-size: 80px;
}

.hazel-roots-copy h2 {
    margin: 0 0 30px;
    font-family: Georgia,serif;
    font-size: clamp(53px,4.8vw,77px);
    line-height: .95;
    letter-spacing: -2.5px;
    font-weight: 500;
}

    .hazel-roots-copy h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.hazel-roots-copy p {
    max-width: 590px;
    margin: 0 0 19px;
    color: rgba(255,255,255,.67);
    font-size: 14px;
    line-height: 1.85;
}

.hazel-roots-copy .hazel-roots-lead {
    color: #fff;
    font-family: Georgia,serif;
    font-size: 20px;
    line-height: 1.55;
}

.hazel-roots-stat {
    display: flex;
    align-items: center;
    gap: 22px;
    max-width: 580px;
    margin-top: 30px;
    padding-top: 27px;
    border-top: 1px solid rgba(255,255,255,.18);
}

    .hazel-roots-stat > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 47px;
    }

    .hazel-roots-stat small {
        display: block;
        margin-bottom: 6px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .hazel-roots-stat strong {
        display: block;
        color: #fff;
        font-family: Georgia,serif;
        font-size: 19px;
        line-height: 1.4;
        font-weight: 500;
    }

.hazel-roots-image {
    position: relative;
    min-height: 760px;
    overflow: hidden;
}

    .hazel-roots-image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 1.3s ease;
    }

    .hazel-roots-image:hover img {
        transform: scale(1.03);
    }

.hazel-roots-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,27,16,.68), transparent 58% );
}

.hazel-roots-image-caption {
    position: absolute;
    left: 45px;
    bottom: 40px;
    color: #fff;
}

    .hazel-roots-image-caption small {
        display: block;
        margin-bottom: 10px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .hazel-roots-image-caption strong {
        display: block;
        max-width: 470px;
        font-family: Georgia,serif;
        font-size: 34px;
        line-height: 1.08;
        font-weight: 500;
    }


/* JOURNEY */

.hazel-journey {
    position: relative;
    overflow: hidden;
    padding: 130px 0 145px;
    background: #f3efe5;
}

.hazel-journey-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .hazel-journey-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .hazel-journey-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .hazel-journey-head > p {
        max-width: 530px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }

.hazel-journey-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d7cfbf;
}

.hazel-journey-card {
    min-height: 345px;
    padding: 30px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .hazel-journey-card:hover {
        transform: translateY(-8px);
        background: #103523;
        color: #fff;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

    .hazel-journey-card > span {
        display: block;
        margin-bottom: 55px;
        color: #d2c6b0;
        font-family: Georgia,serif;
        font-size: 32px;
    }

    .hazel-journey-card:hover > span {
        color: rgba(255,255,255,.18);
    }

    .hazel-journey-card small {
        display: block;
        margin-bottom: 13px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .hazel-journey-card h3 {
        margin: 0 0 15px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }

    .hazel-journey-card:hover h3 {
        color: #fff;
    }

    .hazel-journey-card p {
        margin: 0;
        color: #657168;
        font-size: 13px;
        line-height: 1.75;
    }

    .hazel-journey-card:hover p {
        color: rgba(255,255,255,.68);
    }

.hazel-journey-word {
    position: absolute;
    left: 4%;
    bottom: -40px;
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    color: rgba(30,75,51,.04);
    pointer-events: none;
}


/* VALUE */

.hazel-value {
    padding: 130px 0;
    background: #fff;
}

.hazel-value-grid {
    display: grid;
    grid-template-columns: 1.07fr .93fr;
    gap: 90px;
    align-items: center;
}

.hazel-value-image {
    position: relative;
    min-height: 620px;
    overflow: hidden;
}

    .hazel-value-image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.hazel-value-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,27,16,.65), transparent 58% );
}

.hazel-value-image-text {
    position: absolute;
    left: 35px;
    bottom: 32px;
    color: #fff;
}

    .hazel-value-image-text small {
        display: block;
        margin-bottom: 9px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .hazel-value-image-text strong {
        display: block;
        max-width: 450px;
        font-family: Georgia,serif;
        font-size: 31px;
        line-height: 1.08;
        font-weight: 500;
    }

.hazel-value-copy {
    position: relative;
    max-width: 580px;
}

.hazel-value-index {
    position: absolute;
    right: 0;
    top: -20px;
    color: rgba(30,75,51,.07);
    font-family: Georgia,serif;
    font-size: 78px;
}

.hazel-value-copy h2 {
    margin: 0 0 28px;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    color: #103523;
    font-weight: 500;
}

    .hazel-value-copy h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.hazel-value-copy p {
    margin: 0 0 18px;
    color: #59675e;
    font-size: 15px;
    line-height: 1.85;
}

.hazel-value-line {
    width: 100%;
    height: 1px;
    margin: 30px 0 24px;
    background: #d1c7b5;
}

.hazel-value-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    min-width: 230px;
    padding: 13px 0;
    border-bottom: 1px solid #b6924d;
    color: #103523;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

    .hazel-value-link b {
        color: #a9823e;
    }


/* PRODUCTION */

.hazel-production {
    padding: 120px 0;
    background: #103523;
    color: #fff;
}

.hazel-production-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: center;
}

.hazel-production-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .hazel-production-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.hazel-production-copy {
    max-width: 560px;
}

    .hazel-production-copy p {
        margin: 0 0 28px;
        color: rgba(255,255,255,.68);
        font-size: 15px;
        line-height: 1.85;
    }

.hazel-production-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    min-width: 235px;
    padding: 13px 0;
    border-bottom: 1px solid #b89550;
    color: #fff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

    .hazel-production-link b {
        color: var(--gold);
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .hazel-intro-grid,
    .hazel-roots-grid,
    .hazel-journey-head,
    .hazel-value-grid,
    .hazel-production-grid {
        grid-template-columns: 1fr;
    }

    .hazel-journey-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hazel-roots-copy {
        min-height: auto;
        padding: 80px 7vw;
    }

    .hazel-roots-image {
        min-height: 600px;
    }
}


@media(max-width:620px) {

    .hazel-hero {
        height: 540px;
        min-height: 540px;
    }

    .hazel-hero-title h1 {
        font-size: 53px;
        letter-spacing: -2px;
    }

    .hazel-intro {
        padding: 80px 0;
    }

    .hazel-intro-image {
        height: 440px;
    }

    .hazel-intro-copy h2 {
        font-size: 47px;
    }

    .hazel-roots-copy h2 {
        font-size: 47px;
    }

    .hazel-roots-image {
        min-height: 470px;
    }

    .hazel-roots-image-caption {
        left: 27px;
        bottom: 27px;
    }

    .hazel-journey {
        padding: 80px 0 90px;
    }

    .hazel-journey-head h2 {
        font-size: 47px;
    }

    .hazel-journey-grid {
        grid-template-columns: 1fr;
    }

    .hazel-journey-card {
        min-height: 275px;
    }

    .hazel-journey-word {
        font-size: 70px;
    }

    .hazel-value {
        padding: 80px 0;
    }

    .hazel-value-image {
        min-height: 450px;
    }

    .hazel-value-copy h2 {
        font-size: 47px;
    }

    .hazel-production {
        padding: 80px 0;
    }

    .hazel-production-grid {
        gap: 50px;
    }

    .hazel-production-title h2 {
        font-size: 47px;
    }
}
/* =========================================================
   KARIYER
   ========================================================= */


/* HERO */

.career-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.career-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.career-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.80) 42%, rgba(4,27,16,.40) 72%, rgba(4,27,16,.16) 100% );
}

.career-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.career-hero-title {
    max-width: 900px;
}

    .career-hero-title h1 {
        margin: 0 0 28px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .career-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .career-hero-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.career-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.career-intro {
    padding: 120px 0;
    background: #f3efe5;
}

.career-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: end;
}

.career-intro-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(53px,4.9vw,78px);
    line-height: .95;
    letter-spacing: -2.5px;
    color: #103523;
    font-weight: 500;
}

    .career-intro-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.career-intro-copy {
    max-width: 560px;
}

    .career-intro-copy p {
        margin: 0 0 17px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .career-intro-copy .career-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.career-intro-line {
    width: 75px;
    height: 1px;
    margin: 28px 0;
    background: #b6924d;
}


/* APPLICATION */

.career-application {
    position: relative;
    overflow: hidden;
    padding: 130px 0 145px;
    background: #103523;
    color: #fff;
}

.career-application-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 95px;
    align-items: start;
}

.career-application-info {
    position: relative;
    padding-top: 20px;
}

.career-application-no {
    position: absolute;
    right: 0;
    top: -35px;
    color: rgba(255,255,255,.07);
    font-family: Georgia,serif;
    font-size: 90px;
}

.career-application-info h2 {
    margin: 0 0 26px;
    font-family: Georgia,serif;
    font-size: clamp(53px,4.7vw,75px);
    line-height: .95;
    letter-spacing: -2.5px;
    font-weight: 500;
}

    .career-application-info h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.career-application-info > p {
    max-width: 500px;
    color: rgba(255,255,255,.68);
    font-size: 15px;
    line-height: 1.85;
}


/* INFO LIST */

.career-info-list {
    margin-top: 43px;
    border-top: 1px solid rgba(255,255,255,.17);
}

    .career-info-list > div {
        display: grid;
        grid-template-columns: 55px 1fr;
        gap: 19px;
        padding: 21px 0;
        border-bottom: 1px solid rgba(255,255,255,.13);
    }

        .career-info-list > div > span {
            color: var(--gold);
            font-family: Georgia,serif;
            font-size: 21px;
        }

    .career-info-list small {
        display: block;
        margin-bottom: 5px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .career-info-list strong {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 18px;
        font-weight: 500;
    }


/* FORM BOX */

.career-form-box {
    padding: 48px 48px 52px;
    background: #f3efe5;
    color: #103523;
    box-shadow: 0 28px 70px rgba(0,0,0,.18);
}

.career-form-head {
    margin-bottom: 34px;
}

    .career-form-head small {
        display: block;
        margin-bottom: 10px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2.1px;
    }

    .career-form-head h3 {
        margin: 0 0 8px;
        font-family: Georgia,serif;
        font-size: 33px;
        font-weight: 500;
    }

    .career-form-head p {
        margin: 0;
        color: #778078;
        font-size: 12px;
    }


/* FORM */

.career-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.career-field {
    margin-bottom: 20px;
}

    .career-field label {
        display: block;
        margin-bottom: 8px;
        color: #9b7938;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.7px;
    }

    .career-field input,
    .career-field textarea {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #d5cbb9;
        outline: none;
        background: #fff;
        color: #103523;
        font: inherit;
        font-size: 14px;
        transition: border-color .2s ease, box-shadow .2s ease;
    }

    .career-field input {
        height: 53px;
        padding: 0 17px;
    }

    .career-field textarea {
        min-height: 135px;
        padding: 16px 17px;
        resize: vertical;
    }

        .career-field input:focus,
        .career-field textarea:focus {
            border-color: #b6924d;
            box-shadow: 0 0 0 3px rgba(182,146,77,.08);
        }


/* FILE */

.career-file {
    position: relative;
    padding: 17px;
    border: 1px dashed #bfa874;
    background: rgba(255,255,255,.55);
}

    .career-file input {
        width: 100%;
        height: auto;
        padding: 0;
        border: 0;
        background: transparent;
    }

.career-file-note {
    display: block;
    margin-top: 7px;
    color: #8a928b;
    font-size: 10px;
}


/* BUTTON */

.career-submit {
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    border: 1px solid #103523;
    background: #103523;
    color: #fff;
    cursor: pointer;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}

    .career-submit b {
        color: var(--gold);
        font-size: 17px;
    }

    .career-submit:hover {
        transform: translateY(-2px);
        background: #dcb761;
        border-color: #dcb761;
        color: #103523;
    }

        .career-submit:hover b {
            color: #103523;
        }


/* FORM MESSAGE */

.career-form-message {
    min-height: 20px;
    margin-top: 15px;
    font-size: 12px;
}


/* BIG WORD */

.career-application-word {
    position: absolute;
    left: 3%;
    bottom: -45px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 150px;
    font-weight: 700;
    user-select: none;
    pointer-events: none;
}


/* VALUES */

.career-values {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.career-values-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .career-values-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .career-values-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .career-values-head > p {
        max-width: 520px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* VALUE CARDS */

.career-values-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.career-value-card {
    min-height: 330px;
    padding: 31px 29px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

    .career-value-card:hover {
        z-index: 3;
        transform: translateY(-8px);
        background: #103523;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

    .career-value-card > span {
        display: block;
        margin-bottom: 58px;
        color: #d2c6b0;
        font-family: Georgia,serif;
        font-size: 32px;
    }

    .career-value-card small {
        display: block;
        margin-bottom: 13px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .career-value-card h3 {
        margin: 0 0 16px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: 28px;
        font-weight: 500;
    }

    .career-value-card p {
        max-width: 310px;
        margin: 0;
        color: #657168;
        font-size: 13px;
        line-height: 1.75;
    }

    .career-value-card:hover h3 {
        color: #fff;
    }

    .career-value-card:hover p {
        color: rgba(255,255,255,.68);
    }

    .career-value-card:hover > span {
        color: rgba(255,255,255,.17);
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .career-intro-grid,
    .career-application-grid,
    .career-values-head {
        grid-template-columns: 1fr;
    }

    .career-values-grid {
        grid-template-columns: 1fr;
    }

    .career-application-grid {
        gap: 55px;
    }
}


@media(max-width:620px) {

    .career-hero {
        height: 540px;
        min-height: 540px;
    }

    .career-hero-title h1 {
        font-size: 53px;
        letter-spacing: -2px;
    }

    .career-intro {
        padding: 80px 0;
    }

    .career-intro-title h2 {
        font-size: 47px;
    }

    .career-application {
        padding: 80px 0 95px;
    }

    .career-application-info h2 {
        font-size: 47px;
    }

    .career-form-box {
        padding: 32px 24px 35px;
    }

    .career-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .career-application-word {
        font-size: 70px;
    }

    .career-values {
        padding: 80px 0 90px;
    }

    .career-values-head h2 {
        font-size: 47px;
    }

    .career-value-card {
        min-height: 270px;
    }
}
/* =========================================================
   ILETISIM SAYFASI
   ========================================================= */


/* HERO */

.contact-page-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.contact-page-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.contact-page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.80) 42%, rgba(4,27,16,.39) 72%, rgba(4,27,16,.15) 100% );
}

.contact-page-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.contact-page-title {
    max-width: 900px;
}

    .contact-page-title h1 {
        margin: 0 0 28px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .contact-page-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .contact-page-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.contact-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INFO */

.contact-page-info {
    padding: 125px 0 135px;
    background: #f3efe5;
}

.contact-page-info-grid {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 85px;
    align-items: center;
}

.contact-page-info-title {
    max-width: 510px;
}

    .contact-page-info-title h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,75px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .contact-page-info-title h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .contact-page-info-title p {
        max-width: 450px;
        color: #5d695f;
        font-size: 14px;
        line-height: 1.85;
    }


/* INFO CARDS */

.contact-page-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #d2c8b6;
}

.contact-page-card {
    position: relative;
    min-height: 230px;
    padding: 28px;
    background: #fff;
    color: #103523;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .contact-page-card:hover {
        z-index: 3;
        transform: translateY(-6px);
        background: #103523;
        color: #fff;
        box-shadow: 0 22px 50px rgba(20,47,31,.14);
    }

.contact-page-card-no {
    position: absolute;
    right: 22px;
    top: 18px;
    color: #d1c5af;
    font-family: Georgia,serif;
    font-size: 30px;
}

.contact-page-card:hover
.contact-page-card-no {
    color: rgba(255,255,255,.16);
}

.contact-page-card-icon {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    margin-bottom: 41px;
    border: 1px solid #bd9853;
    border-radius: 50%;
    color: #a9823e;
    font-size: 17px;
}

.contact-page-card small {
    display: block;
    margin-bottom: 11px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.contact-page-card strong {
    display: block;
    font-family: Georgia,serif;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 500;
}


/* MAP */

.contact-page-map {
    background: #103523;
}

.contact-page-map-frame {
    position: relative;
    height: 600px;
    overflow: hidden;
}

    .contact-page-map-frame iframe {
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
        filter: saturate(.85);
    }

.contact-page-map-card {
    position: absolute;
    left: max(5vw, calc((100vw - 1180px) / 2));
    top: 50%;
    transform: translateY(-50%);
    width: 390px;
    box-sizing: border-box;
    padding: 43px 39px;
    background: #103523;
    color: #fff;
    box-shadow: 0 25px 65px rgba(0,0,0,.25);
}

    .contact-page-map-card h2 {
        margin: 0 0 21px;
        font-family: Georgia,serif;
        font-size: 48px;
        line-height: .92;
        font-weight: 500;
    }

        .contact-page-map-card h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .contact-page-map-card p {
        margin: 0 0 26px;
        color: rgba(255,255,255,.72);
        font-size: 14px;
        line-height: 1.75;
    }

    .contact-page-map-card a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 13px 0;
        border-bottom: 1px solid #b6924d;
        color: #fff;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.5px;
    }

        .contact-page-map-card a b {
            color: var(--gold);
        }


/* FORM SECTION */

.contact-page-form-section {
    position: relative;
    overflow: hidden;
    padding: 130px 0 145px;
    background: #f3efe5;
}

.contact-page-form-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 90px;
    align-items: start;
}

.contact-page-form-copy {
    position: relative;
    padding-top: 20px;
}

.contact-page-form-number {
    position: absolute;
    right: 0;
    top: -35px;
    color: rgba(30,75,51,.07);
    font-family: Georgia,serif;
    font-size: 88px;
}

.contact-page-form-copy h2 {
    margin: 0 0 27px;
    max-width: 550px;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .95;
    letter-spacing: -2.4px;
    color: #103523;
    font-weight: 500;
}

    .contact-page-form-copy h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.contact-page-form-copy > p {
    max-width: 500px;
    color: #5d695f;
    font-size: 14px;
    line-height: 1.85;
}

.contact-page-form-note {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 18px;
    align-items: center;
    max-width: 460px;
    margin-top: 32px;
    padding-top: 26px;
    border-top: 1px solid #d2c7b4;
}

    .contact-page-form-note span {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border: 1px solid #b6924d;
        border-radius: 50%;
        color: #a9823e;
    }

    .contact-page-form-note p {
        margin: 0;
        color: #5d695f;
        font-size: 13px;
        line-height: 1.7;
    }


/* FORM BOX */

.contact-page-form-box {
    padding: 47px;
    background: #fff;
    box-shadow: 0 25px 65px rgba(20,47,31,.11);
}

.contact-page-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.contact-page-field {
    margin-bottom: 20px;
}

    .contact-page-field label {
        display: block;
        margin-bottom: 8px;
        color: #9b7938;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.7px;
    }

    .contact-page-field input,
    .contact-page-field textarea {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #d5cbb9;
        outline: none;
        background: #f8f6f0;
        color: #103523;
        font: inherit;
        font-size: 14px;
        transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
    }

    .contact-page-field input {
        height: 54px;
        padding: 0 17px;
    }

    .contact-page-field textarea {
        min-height: 165px;
        padding: 16px 17px;
        resize: vertical;
    }

        .contact-page-field input:focus,
        .contact-page-field textarea:focus {
            background: #fff;
            border-color: #b6924d;
            box-shadow: 0 0 0 3px rgba(182,146,77,.08);
        }


/* SUBMIT */

.contact-page-submit {
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    border: 1px solid #103523;
    background: #103523;
    color: #fff;
    cursor: pointer;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}

    .contact-page-submit b {
        color: var(--gold);
        font-size: 17px;
    }

    .contact-page-submit:hover {
        transform: translateY(-2px);
        background: #dcb761;
        border-color: #dcb761;
        color: #103523;
    }

        .contact-page-submit:hover b {
            color: #103523;
        }

.contact-page-form-message {
    min-height: 20px;
    margin-top: 15px;
    font-size: 12px;
}


/* LARGE WORD */

.contact-page-form-word {
    position: absolute;
    left: 3%;
    bottom: -44px;
    color: rgba(30,75,51,.035);
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    pointer-events: none;
    user-select: none;
}


/* RESPONSIVE */

@media(max-width:980px) {

    .contact-page-info-grid,
    .contact-page-form-grid {
        grid-template-columns: 1fr;
    }

    .contact-page-info-grid,
    .contact-page-form-grid {
        gap: 55px;
    }

    .contact-page-map-card {
        left: 35px;
    }
}


@media(max-width:620px) {

    .contact-page-hero {
        height: 540px;
        min-height: 540px;
    }

    .contact-page-title h1 {
        font-size: 53px;
        letter-spacing: -2px;
    }

    .contact-page-info {
        padding: 80px 0;
    }

    .contact-page-info-title h2 {
        font-size: 47px;
    }

    .contact-page-cards {
        grid-template-columns: 1fr;
    }

    .contact-page-card {
        min-height: 210px;
    }

    .contact-page-map-frame {
        height: 640px;
    }

    .contact-page-map-card {
        left: 20px;
        right: 20px;
        bottom: 20px;
        top: auto;
        width: auto;
        transform: none;
        padding: 30px 27px;
    }

        .contact-page-map-card h2 {
            font-size: 40px;
        }

    .contact-page-form-section {
        padding: 80px 0 95px;
    }

    .contact-page-form-copy h2 {
        font-size: 47px;
    }

    .contact-page-form-box {
        padding: 32px 24px 35px;
    }

    .contact-page-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-page-form-word {
        font-size: 66px;
    }
}
/* =========================================================
   SIRKET BILGISI
   ========================================================= */


/* HERO */

.company-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.company-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.company-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.81) 41%, rgba(4,27,16,.40) 70%, rgba(4,27,16,.15) 100% );
}

.company-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.company-hero-title {
    max-width: 930px;
}

    .company-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .company-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .company-hero-title p {
        max-width: 630px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.company-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* COMPANY ABOUT */

.company-about {
    padding: 130px 0;
    background: #f3efe5;
}

.company-about-grid {
    display: grid;
    grid-template-columns: .93fr 1.07fr;
    gap: 90px;
    align-items: center;
}

.company-about-copy {
    max-width: 570px;
}

    .company-about-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        color: #103523;
        font-weight: 500;
    }

        .company-about-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .company-about-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .company-about-copy .company-about-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.company-about-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* IMAGE */

.company-about-image {
    position: relative;
    height: 620px;
    overflow: hidden;
    background: #103523;
    box-shadow: 0 24px 55px rgba(20,47,31,.13);
}

    .company-about-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.2s ease;
    }

    .company-about-image:hover img {
        transform: scale(1.035);
    }

.company-about-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,28,16,.68), transparent 58% );
}

.company-about-tag {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: flex;
    gap: 20px;
    align-items: flex-end;
    color: #fff;
}

    .company-about-tag > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .company-about-tag small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .company-about-tag strong {
        display: block;
        max-width: 380px;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.08;
        font-weight: 500;
    }


/* NUMBERS */

.company-numbers {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #103523;
    color: #fff;
}

.company-numbers-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .company-numbers-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .company-numbers-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .company-numbers-head > p {
        max-width: 520px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }


/* NUMBER CARDS */

.company-numbers-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: rgba(255,255,255,.12);
}

.company-number-card {
    position: relative;
    min-height: 330px;
    padding: 31px 28px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .company-number-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
    }

.company-number-index {
    display: block;
    margin-bottom: 53px;
    color: rgba(255,255,255,.16);
    font-family: Georgia,serif;
    font-size: 30px;
}

.company-number-card:hover .company-number-index {
    color: #c8bca7;
}

.company-number-card > strong {
    display: block;
    margin-bottom: 12px;
    color: var(--gold);
    font-family: Georgia,serif;
    font-size: 52px;
    line-height: 1;
    font-weight: 500;
}

.company-number-card small {
    display: block;
    margin-bottom: 15px;
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.company-number-card p {
    max-width: 250px;
    margin: 0;
    color: rgba(255,255,255,.63);
    font-size: 13px;
    line-height: 1.75;
}

.company-number-card:hover p {
    color: #657168;
}

.company-numbers-word {
    position: absolute;
    left: 4%;
    bottom: -42px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    pointer-events: none;
}


/* INFRASTRUCTURE */

.company-infrastructure {
    padding: 125px 0;
    background: #f3efe5;
}

.company-infrastructure-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 70px;
}

.company-infrastructure-number {
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.company-infrastructure-copy {
    max-width: 800px;
}

    .company-infrastructure-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,76px);
        line-height: .96;
        letter-spacing: -2.4px;
        font-weight: 500;
    }

        .company-infrastructure-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .company-infrastructure-copy p {
        margin: 0 0 18px;
        color: #59675e;
        font-size: 15px;
        line-height: 1.85;
    }

    .company-infrastructure-copy .company-infrastructure-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }


/* LINKS */

.company-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 35px;
}

    .company-links a {
        min-width: 205px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px;
        padding: 16px 17px;
        border: 1px solid #c6aa6d;
        color: #103523;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.1px;
        transition: transform .25s ease, background .25s ease, color .25s ease;
    }

        .company-links a span {
            color: #a9823e;
        }

        .company-links a:hover {
            transform: translateY(-3px);
            background: #103523;
            color: #fff;
        }


/* INVESTOR LINKS */

.company-investor-links {
    padding: 125px 0 145px;
    background: #fff;
}

.company-investor-head {
    margin-bottom: 50px;
}

    .company-investor-head h2 {
        max-width: 800px;
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,75px);
        line-height: .96;
        letter-spacing: -2.4px;
        font-weight: 500;
    }

        .company-investor-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

.company-investor-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.company-investor-card {
    position: relative;
    min-height: 315px;
    padding: 30px 27px;
    background: #f3efe5;
    color: #103523;
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .company-investor-card:hover {
        z-index: 3;
        transform: translateY(-7px);
        background: #103523;
        color: #fff;
    }

    .company-investor-card > span {
        display: block;
        margin-bottom: 61px;
        color: #d1c5af;
        font-family: Georgia,serif;
        font-size: 31px;
    }

    .company-investor-card small {
        display: block;
        margin-bottom: 14px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .company-investor-card h3 {
        max-width: 250px;
        margin: 0;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.07;
        font-weight: 500;
    }

    .company-investor-card b {
        position: absolute;
        right: 25px;
        bottom: 24px;
        color: #a9823e;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .company-about-grid,
    .company-numbers-head,
    .company-infrastructure-grid {
        grid-template-columns: 1fr;
    }

    .company-numbers-grid,
    .company-investor-grid {
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width:620px) {

    .company-hero {
        height: 540px;
        min-height: 540px;
    }

    .company-hero-title h1 {
        font-size: 53px;
        letter-spacing: -2px;
    }

    .company-about {
        padding: 80px 0;
    }

    .company-about-copy h2 {
        font-size: 47px;
    }

    .company-about-image {
        height: 440px;
    }

    .company-numbers {
        padding: 80px 0 95px;
    }

    .company-numbers-head h2 {
        font-size: 47px;
    }

    .company-numbers-grid,
    .company-investor-grid {
        grid-template-columns: 1fr;
    }

    .company-number-card {
        min-height: 270px;
    }

    .company-numbers-word {
        font-size: 68px;
    }

    .company-infrastructure {
        padding: 80px 0;
    }

    .company-infrastructure-number {
        font-size: 58px;
    }

    .company-infrastructure-copy h2 {
        font-size: 47px;
    }

    .company-investor-links {
        padding: 80px 0 90px;
    }

    .company-investor-head h2 {
        font-size: 47px;
    }

    .company-investor-card {
        min-height: 260px;
    }
}
/* =========================================================
   GENEL KURUL TOPLANTILARI
   ========================================================= */


/* HERO */

.assembly-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.assembly-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.assembly-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.82) 42%, rgba(4,27,16,.42) 71%, rgba(4,27,16,.15) 100% );
}

.assembly-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.assembly-hero-title {
    max-width: 960px;
}

    .assembly-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(64px,6.5vw,100px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .assembly-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .assembly-hero-title p {
        max-width: 640px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.assembly-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.assembly-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.assembly-intro-grid {
    display: grid;
    grid-template-columns: 160px 1fr 240px;
    gap: 60px;
    align-items: center;
}

.assembly-intro-number {
    align-self: start;
    padding-top: 15px;
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.assembly-intro-copy {
    max-width: 720px;
}

    .assembly-intro-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .assembly-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .assembly-intro-copy p {
        margin: 0 0 18px;
        color: #5b685f;
        font-size: 15px;
        line-height: 1.85;
    }

    .assembly-intro-copy
    .assembly-intro-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.assembly-intro-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* GK CIRCLE */

.assembly-intro-mark {
    width: 220px;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #c8ad73;
    border-radius: 50%;
}

    .assembly-intro-mark span {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 62px;
        line-height: .9;
    }

    .assembly-intro-mark small {
        margin-top: 18px;
        color: #a17c39;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 2.4px;
    }


/* DOCUMENT AREA */

.assembly-documents {
    position: relative;
    overflow: hidden;
    padding: 125px 0 145px;
    background: #103523;
    color: #fff;
}

.assembly-documents-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .assembly-documents-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .assembly-documents-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .assembly-documents-head > p {
        max-width: 520px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }


/* EMPTY DOCUMENT BOX */

.assembly-empty {
    position: relative;
    z-index: 2;
    min-height: 260px;
    display: grid;
    grid-template-columns: 95px 1fr auto;
    gap: 32px;
    align-items: center;
    padding: 42px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.045);
}

.assembly-empty-icon {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border: 1px solid var(--gold);
    border-radius: 50%;
}

    .assembly-empty-icon span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 30px;
    }

.assembly-empty-copy {
    max-width: 650px;
}

    .assembly-empty-copy small {
        display: block;
        margin-bottom: 11px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .assembly-empty-copy h3 {
        margin: 0 0 13px;
        color: #fff;
        font-family: Georgia,serif;
        font-size: 30px;
        line-height: 1.15;
        font-weight: 500;
    }

    .assembly-empty-copy p {
        max-width: 580px;
        margin: 0;
        color: rgba(255,255,255,.62);
        font-size: 13px;
        line-height: 1.75;
    }

.assembly-empty-no {
    padding-right: 15px;
    color: rgba(255,255,255,.08);
    font-family: Georgia,serif;
    font-size: 82px;
}

.assembly-documents-word {
    position: absolute;
    left: 3%;
    bottom: -40px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 125px;
    font-weight: 700;
    white-space: nowrap;
    pointer-events: none;
}


/* DOCUMENT TYPES */

.assembly-types {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.assembly-types-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .assembly-types-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .assembly-types-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .assembly-types-head > p {
        max-width: 520px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* FOUR CARDS */

.assembly-types-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.assembly-type-card {
    position: relative;
    min-height: 330px;
    padding: 30px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .assembly-type-card:hover {
        z-index: 3;
        transform: translateY(-7px);
        background: #103523;
        color: #fff;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

.assembly-type-no {
    display: block;
    margin-bottom: 60px;
    color: #d1c5af;
    font-family: Georgia,serif;
    font-size: 31px;
}

.assembly-type-card small {
    display: block;
    margin-bottom: 13px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.assembly-type-card h3 {
    margin: 0 0 15px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 28px;
    font-weight: 500;
}

.assembly-type-card p {
    max-width: 270px;
    margin: 0;
    color: #657168;
    font-size: 13px;
    line-height: 1.75;
}

.assembly-type-card:hover h3 {
    color: #fff;
}

.assembly-type-card:hover p {
    color: rgba(255,255,255,.68);
}

.assembly-type-card:hover
.assembly-type-no {
    color: rgba(255,255,255,.17);
}


/* INVESTOR NAV */

.assembly-navigation {
    padding: 125px 0;
    background: #fff;
}

.assembly-navigation-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.assembly-navigation-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .assembly-navigation-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }


/* RIGHT LINKS */

.assembly-navigation-list {
    border-top: 1px solid #d0c6b5;
}

    .assembly-navigation-list a {
        display: grid;
        grid-template-columns: 65px 1fr 30px;
        gap: 20px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
        color: #103523;
        transition: padding .25s ease, background .25s ease;
    }

        .assembly-navigation-list a:hover {
            padding-left: 15px;
        }

        .assembly-navigation-list
        a > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .assembly-navigation-list small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .assembly-navigation-list strong {
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }

    .assembly-navigation-list b {
        color: #a9823e;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .assembly-intro-grid,
    .assembly-documents-head,
    .assembly-types-head,
    .assembly-navigation-grid {
        grid-template-columns: 1fr;
    }

    .assembly-intro-mark {
        display: none;
    }

    .assembly-types-grid {
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width:620px) {

    .assembly-hero {
        height: 540px;
        min-height: 540px;
    }

    .assembly-hero-title h1 {
        font-size: 50px;
        letter-spacing: -2px;
    }

    .assembly-intro {
        padding: 80px 0;
    }

    .assembly-intro-number {
        font-size: 58px;
    }

    .assembly-intro-copy h2 {
        font-size: 47px;
    }

    .assembly-documents {
        padding: 80px 0 90px;
    }

    .assembly-documents-head h2 {
        font-size: 47px;
    }

    .assembly-empty {
        grid-template-columns: 1fr;
        padding: 30px 25px;
    }

    .assembly-empty-no {
        display: none;
    }

    .assembly-types {
        padding: 80px 0 90px;
    }

    .assembly-types-head h2 {
        font-size: 47px;
    }

    .assembly-types-grid {
        grid-template-columns: 1fr;
    }

    .assembly-type-card {
        min-height: 270px;
    }

    .assembly-navigation {
        padding: 80px 0;
    }

    .assembly-navigation-grid {
        gap: 50px;
    }

    .assembly-navigation-title h2 {
        font-size: 47px;
    }
}
/* =========================================================
   KURUMSAL YONETIM
   ========================================================= */


/* HERO */

.governance-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.governance-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.governance-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.82) 42%, rgba(4,27,16,.42) 72%, rgba(4,27,16,.15) 100% );
}

.governance-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.governance-hero-title {
    max-width: 900px;
}

    .governance-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .governance-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .governance-hero-title p {
        max-width: 630px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.governance-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.governance-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.governance-intro-grid {
    display: grid;
    grid-template-columns: 160px 1fr 240px;
    gap: 60px;
    align-items: center;
}

.governance-intro-number {
    align-self: start;
    padding-top: 15px;
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.governance-intro-copy {
    max-width: 720px;
}

    .governance-intro-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .governance-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .governance-intro-copy p {
        margin: 0 0 18px;
        color: #5b685f;
        font-size: 15px;
        line-height: 1.85;
    }

.governance-intro-lead {
    color: #304a3b !important;
    font-family: Georgia,serif;
    font-size: 20px !important;
    line-height: 1.6 !important;
}

.governance-intro-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* MARK */

.governance-intro-mark {
    width: 220px;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #c8ad73;
    border-radius: 50%;
}

    .governance-intro-mark span {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 60px;
    }

    .governance-intro-mark small {
        margin-top: 16px;
        color: #a17c39;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 2px;
    }


/* BOARD */

.governance-board {
    position: relative;
    overflow: hidden;
    padding: 125px 0 145px;
    background: #103523;
    color: #fff;
}

.governance-board-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .governance-board-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .governance-board-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .governance-board-head > p {
        max-width: 520px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }


/* BOARD CARDS */

.governance-board-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 1px;
    background: rgba(255,255,255,.12);
}

.governance-board-card {
    min-height: 300px;
    padding: 30px 25px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .governance-board-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
    }

.governance-board-no {
    display: block;
    margin-bottom: 65px;
    color: rgba(255,255,255,.16);
    font-family: Georgia,serif;
    font-size: 31px;
}

.governance-board-card:hover
.governance-board-no {
    color: #cabda7;
}

.governance-board-card small {
    display: block;
    margin-bottom: 13px;
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

.governance-board-card h3 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 400;
}

    .governance-board-card h3 strong {
        display: block;
        margin-top: 5px;
        font-size: 25px;
        font-weight: 500;
    }

.governance-board-word {
    position: absolute;
    left: 3%;
    bottom: -41px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 140px;
    font-weight: 700;
    pointer-events: none;
}


/* DOCUMENTS */

.governance-docs {
    padding: 125px 0 135px;
    background: #f3efe5;
}

.governance-docs-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 50px;
}

    .governance-docs-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .governance-docs-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .governance-docs-head > p {
        max-width: 520px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* EMPTY */

.governance-empty {
    min-height: 250px;
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 30px;
    align-items: center;
    padding: 40px;
    border: 1px solid #d1c6b4;
    background: #fff;
}

.governance-empty-icon {
    width: 66px;
    height: 66px;
    display: grid;
    place-items: center;
    border: 1px solid #b6924d;
    border-radius: 50%;
    color: #a9823e;
    font-family: Georgia,serif;
    font-size: 28px;
}

.governance-empty-copy small {
    display: block;
    margin-bottom: 10px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.governance-empty-copy h3 {
    max-width: 650px;
    margin: 0 0 12px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 28px;
    line-height: 1.18;
    font-weight: 500;
}

.governance-empty-copy p {
    max-width: 570px;
    margin: 0;
    color: #657168;
    font-size: 13px;
    line-height: 1.75;
}

.governance-empty-number {
    color: #ddd3c2;
    font-family: Georgia,serif;
    font-size: 75px;
}


/* COMPANY INFO */

.governance-company {
    padding: 125px 0;
    background: #fff;
}

.governance-company-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 70px;
}

.governance-company-number {
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.governance-company-copy {
    max-width: 850px;
}

    .governance-company-copy h2 {
        margin: 0 0 35px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,75px);
        line-height: .96;
        letter-spacing: -2.4px;
        font-weight: 500;
    }

        .governance-company-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

.governance-company-list {
    border-top: 1px solid #d1c6b4;
}

    .governance-company-list > div {
        display: grid;
        grid-template-columns: 190px 1fr;
        gap: 30px;
        padding: 21px 0;
        border-bottom: 1px solid #d1c6b4;
    }

    .governance-company-list small {
        color: #a17d3c;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.7px;
    }

    .governance-company-list strong {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 18px;
        line-height: 1.45;
        font-weight: 500;
    }

.governance-company-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    min-width: 210px;
    margin-top: 30px;
    padding: 14px 0;
    border-bottom: 1px solid #b6924d;
    color: #103523;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

    .governance-company-link b {
        color: #a9823e;
    }


/* NAVIGATION */

.governance-navigation {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.governance-navigation-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.governance-navigation-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .governance-navigation-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.governance-navigation-list {
    border-top: 1px solid rgba(255,255,255,.18);
}

    .governance-navigation-list a {
        display: grid;
        grid-template-columns: 65px 1fr 30px;
        gap: 20px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,.18);
        color: #fff;
        transition: padding .25s ease;
    }

        .governance-navigation-list a:hover {
            padding-left: 15px;
        }

        .governance-navigation-list a > span {
            color: var(--gold);
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .governance-navigation-list small {
        display: block;
        margin-bottom: 5px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .governance-navigation-list strong {
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }

    .governance-navigation-list b {
        color: var(--gold);
    }


/* RESPONSIVE */

@media(max-width:1100px) {

    .governance-board-grid {
        grid-template-columns: repeat(3,1fr);
    }
}


@media(max-width:980px) {

    .governance-intro-grid,
    .governance-board-head,
    .governance-docs-head,
    .governance-company-grid,
    .governance-navigation-grid {
        grid-template-columns: 1fr;
    }

    .governance-intro-mark {
        display: none;
    }

    .governance-board-grid {
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width:620px) {

    .governance-hero {
        height: 540px;
        min-height: 540px;
    }

    .governance-hero-title h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .governance-intro {
        padding: 80px 0;
    }

    .governance-intro-number {
        font-size: 58px;
    }

    .governance-intro-copy h2 {
        font-size: 47px;
    }

    .governance-board {
        padding: 80px 0 90px;
    }

    .governance-board-head h2 {
        font-size: 47px;
    }

    .governance-board-grid {
        grid-template-columns: 1fr;
    }

    .governance-board-card {
        min-height: 250px;
    }

    .governance-board-word {
        font-size: 65px;
    }

    .governance-docs {
        padding: 80px 0;
    }

    .governance-docs-head h2 {
        font-size: 47px;
    }

    .governance-empty {
        grid-template-columns: 1fr;
        padding: 30px 25px;
    }

    .governance-empty-number {
        display: none;
    }

    .governance-company {
        padding: 80px 0;
    }

    .governance-company-number {
        font-size: 58px;
    }

    .governance-company-copy h2 {
        font-size: 47px;
    }

    .governance-company-list > div {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .governance-navigation {
        padding: 80px 0;
    }

    .governance-navigation-grid {
        gap: 50px;
    }

    .governance-navigation-title h2 {
        font-size: 47px;
    }
}
/* =========================================================
   MALI TABLO VE FAALIYET RAPORLARI
   ========================================================= */


/* HERO */

.financial-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.financial-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.financial-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.82) 42%, rgba(4,27,16,.42) 72%, rgba(4,27,16,.15) 100% );
}

.financial-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.financial-hero-title {
    max-width: 980px;
}

    .financial-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(62px,6.3vw,98px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .financial-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .financial-hero-title p {
        max-width: 640px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.financial-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.financial-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.financial-intro-grid {
    display: grid;
    grid-template-columns: 160px 1fr 240px;
    gap: 60px;
    align-items: center;
}

.financial-intro-number {
    align-self: start;
    padding-top: 15px;
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.financial-intro-copy {
    max-width: 720px;
}

    .financial-intro-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .financial-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .financial-intro-copy p {
        margin: 0 0 18px;
        color: #5b685f;
        font-size: 15px;
        line-height: 1.85;
    }

.financial-intro-lead {
    color: #304a3b !important;
    font-family: Georgia,serif;
    font-size: 20px !important;
    line-height: 1.6 !important;
}

.financial-intro-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* CIRCLE */

.financial-intro-mark {
    width: 220px;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #c8ad73;
    border-radius: 50%;
}

    .financial-intro-mark span {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 76px;
    }

    .financial-intro-mark small {
        margin-top: 14px;
        color: #a17c39;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 2.2px;
    }


/* ARCHIVE */

.financial-archive {
    position: relative;
    overflow: hidden;
    padding: 125px 0 145px;
    background: #103523;
    color: #fff;
}

.financial-archive-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .financial-archive-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .financial-archive-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .financial-archive-head > p {
        max-width: 520px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }


/* EMPTY */

.financial-empty {
    position: relative;
    z-index: 2;
    min-height: 255px;
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 30px;
    align-items: center;
    padding: 42px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.045);
}

.financial-empty-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold);
    font-family: Georgia,serif;
    font-size: 28px;
}

.financial-empty-copy small {
    display: block;
    margin-bottom: 10px;
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.financial-empty-copy h3 {
    max-width: 670px;
    margin: 0 0 12px;
    color: #fff;
    font-family: Georgia,serif;
    font-size: 29px;
    line-height: 1.18;
    font-weight: 500;
}

.financial-empty-copy p {
    max-width: 580px;
    margin: 0;
    color: rgba(255,255,255,.62);
    font-size: 13px;
    line-height: 1.75;
}

.financial-empty-number {
    color: rgba(255,255,255,.08);
    font-family: Georgia,serif;
    font-size: 78px;
}

.financial-archive-word {
    position: absolute;
    left: 3%;
    bottom: -42px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 135px;
    font-weight: 700;
    pointer-events: none;
}


/* TYPES */

.financial-types {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.financial-types-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .financial-types-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .financial-types-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .financial-types-head > p {
        max-width: 520px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* TYPE CARDS */

.financial-types-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.financial-type-card {
    min-height: 325px;
    padding: 30px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

    .financial-type-card:hover {
        z-index: 3;
        transform: translateY(-7px);
        background: #103523;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

.financial-type-no {
    display: block;
    margin-bottom: 58px;
    color: #d1c5af;
    font-family: Georgia,serif;
    font-size: 31px;
}

.financial-type-card small {
    display: block;
    margin-bottom: 13px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.financial-type-card h3 {
    margin: 0 0 15px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 27px;
    font-weight: 500;
}

.financial-type-card p {
    max-width: 270px;
    margin: 0;
    color: #657168;
    font-size: 13px;
    line-height: 1.75;
}

.financial-type-card:hover h3 {
    color: #fff;
}

.financial-type-card:hover p {
    color: rgba(255,255,255,.68);
}

.financial-type-card:hover
.financial-type-no {
    color: rgba(255,255,255,.17);
}


/* PERIOD */

.financial-period {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.financial-period-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.financial-period-title {
    position: relative;
}

.financial-period-number {
    position: absolute;
    right: 20px;
    top: -35px;
    color: rgba(255,255,255,.07);
    font-family: Georgia,serif;
    font-size: 82px;
}

.financial-period-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .financial-period-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.financial-period-list {
    border-top: 1px solid rgba(255,255,255,.18);
}

    .financial-period-list > div {
        display: grid;
        grid-template-columns: 80px 1fr;
        gap: 25px;
        min-height: 100px;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,.18);
    }

        .financial-period-list > div > span {
            color: var(--gold);
            font-family: Georgia,serif;
            font-size: 28px;
        }

    .financial-period-list small {
        display: block;
        margin-bottom: 5px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .financial-period-list strong {
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }


/* NAVIGATION */

.financial-navigation {
    padding: 125px 0;
    background: #fff;
}

.financial-navigation-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.financial-navigation-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .financial-navigation-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.financial-navigation-list {
    border-top: 1px solid #d0c6b5;
}

    .financial-navigation-list a {
        display: grid;
        grid-template-columns: 65px 1fr 30px;
        gap: 20px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
        color: #103523;
        transition: padding .25s ease;
    }

        .financial-navigation-list a:hover {
            padding-left: 15px;
        }

        .financial-navigation-list a > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .financial-navigation-list small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .financial-navigation-list strong {
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }

    .financial-navigation-list b {
        color: #a9823e;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .financial-intro-grid,
    .financial-archive-head,
    .financial-types-head,
    .financial-period-grid,
    .financial-navigation-grid {
        grid-template-columns: 1fr;
    }

    .financial-intro-mark {
        display: none;
    }

    .financial-types-grid {
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width:620px) {

    .financial-hero {
        height: 540px;
        min-height: 540px;
    }

    .financial-hero-title h1 {
        font-size: 48px;
        letter-spacing: -2px;
    }

    .financial-intro {
        padding: 80px 0;
    }

    .financial-intro-number {
        font-size: 58px;
    }

    .financial-intro-copy h2 {
        font-size: 47px;
    }

    .financial-archive {
        padding: 80px 0 90px;
    }

    .financial-archive-head h2 {
        font-size: 47px;
    }

    .financial-empty {
        grid-template-columns: 1fr;
        padding: 30px 25px;
    }

    .financial-empty-number {
        display: none;
    }

    .financial-archive-word {
        font-size: 65px;
    }

    .financial-types {
        padding: 80px 0 90px;
    }

    .financial-types-head h2 {
        font-size: 47px;
    }

    .financial-types-grid {
        grid-template-columns: 1fr;
    }

    .financial-type-card {
        min-height: 270px;
    }

    .financial-period {
        padding: 80px 0;
    }

    .financial-period-grid {
        gap: 50px;
    }

    .financial-period-title h2 {
        font-size: 47px;
    }

    .financial-navigation {
        padding: 80px 0;
    }

    .financial-navigation-grid {
        gap: 50px;
    }

    .financial-navigation-title h2 {
        font-size: 47px;
    }
}
/* =========================================================
   HALKA ARZ
   ========================================================= */


/* HERO */

.ipo-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.ipo-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.ipo-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.82) 42%, rgba(4,27,16,.42) 72%, rgba(4,27,16,.15) 100% );
}

.ipo-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.ipo-hero-title {
    max-width: 920px;
}

    .ipo-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .ipo-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .ipo-hero-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.ipo-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.ipo-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.ipo-intro-grid {
    display: grid;
    grid-template-columns: 160px 1fr 240px;
    gap: 60px;
    align-items: center;
}

.ipo-intro-number {
    align-self: start;
    padding-top: 15px;
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.ipo-intro-copy {
    max-width: 720px;
}

    .ipo-intro-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .ipo-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .ipo-intro-copy p {
        margin: 0 0 18px;
        color: #5b685f;
        font-size: 15px;
        line-height: 1.85;
    }

.ipo-intro-lead {
    color: #304a3b !important;
    font-family: Georgia,serif;
    font-size: 20px !important;
    line-height: 1.6 !important;
}

.ipo-intro-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* INTRO MARK */

.ipo-intro-mark {
    width: 220px;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #c8ad73;
    border-radius: 50%;
}

    .ipo-intro-mark span {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 62px;
    }

    .ipo-intro-mark small {
        margin-top: 17px;
        color: #a17c39;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 2.3px;
    }


/* DOCUMENTS */

.ipo-documents {
    position: relative;
    overflow: hidden;
    padding: 125px 0 145px;
    background: #103523;
    color: #fff;
}

.ipo-documents-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .ipo-documents-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .ipo-documents-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .ipo-documents-head > p {
        max-width: 520px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }


/* DOCUMENT CARDS */

.ipo-documents-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(255,255,255,.12);
}

.ipo-document-card {
    position: relative;
    min-height: 390px;
    padding: 32px;
    background: rgba(255,255,255,.055);
    color: #fff;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .ipo-document-card:hover {
        z-index: 3;
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
        box-shadow: 0 24px 60px rgba(0,0,0,.16);
    }

.ipo-document-no {
    position: absolute;
    right: 26px;
    top: 20px;
    color: rgba(255,255,255,.16);
    font-family: Georgia,serif;
    font-size: 35px;
}

.ipo-document-card:hover .ipo-document-no {
    color: #cabda7;
}

.ipo-document-icon {
    width: 65px;
    height: 65px;
    display: grid;
    place-items: center;
    margin-bottom: 55px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold);
    font-family: Georgia,serif;
    font-size: 14px;
}

.ipo-document-card small {
    display: block;
    margin-bottom: 13px;
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.ipo-document-card h3 {
    max-width: 460px;
    margin: 0 0 18px;
    font-family: Georgia,serif;
    font-size: 35px;
    line-height: 1.08;
    font-weight: 500;
}

.ipo-document-card p {
    max-width: 470px;
    margin: 0;
    color: rgba(255,255,255,.63);
    font-size: 13px;
    line-height: 1.75;
}

.ipo-document-card:hover p {
    color: #657168;
}

.ipo-document-bottom {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.17);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.ipo-document-card:hover .ipo-document-bottom {
    border-top-color: #d0c5b3;
}

.ipo-document-bottom b {
    color: var(--gold);
}

.ipo-documents-word {
    position: absolute;
    left: 3%;
    bottom: -42px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 135px;
    font-weight: 700;
    pointer-events: none;
}


/* INFO */

.ipo-info {
    padding: 125px 0;
    background: #f3efe5;
}

.ipo-info-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.ipo-info-title {
    position: relative;
}

.ipo-info-number {
    position: absolute;
    right: 20px;
    top: -35px;
    color: rgba(30,75,51,.07);
    font-family: Georgia,serif;
    font-size: 82px;
}

.ipo-info-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .ipo-info-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }


/* INFO LIST */

.ipo-info-list {
    border-top: 1px solid #d0c6b5;
}

    .ipo-info-list > div {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 25px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
    }

        .ipo-info-list > div > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .ipo-info-list small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .ipo-info-list strong {
        display: block;
        color: #103523;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }


/* NAVIGATION */

.ipo-navigation {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.ipo-navigation-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.ipo-navigation-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .ipo-navigation-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.ipo-navigation-list {
    border-top: 1px solid rgba(255,255,255,.18);
}

    .ipo-navigation-list a {
        display: grid;
        grid-template-columns: 65px 1fr 30px;
        gap: 20px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,.18);
        color: #fff;
        transition: padding .25s ease;
    }

        .ipo-navigation-list a:hover {
            padding-left: 15px;
        }

        .ipo-navigation-list a > span {
            color: var(--gold);
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .ipo-navigation-list small {
        display: block;
        margin-bottom: 5px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .ipo-navigation-list strong {
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }

    .ipo-navigation-list b {
        color: var(--gold);
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .ipo-intro-grid,
    .ipo-documents-head,
    .ipo-info-grid,
    .ipo-navigation-grid {
        grid-template-columns: 1fr;
    }

    .ipo-intro-mark {
        display: none;
    }
}


@media(max-width:620px) {

    .ipo-hero {
        height: 540px;
        min-height: 540px;
    }

    .ipo-hero-title h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .ipo-intro {
        padding: 80px 0;
    }

    .ipo-intro-number {
        font-size: 58px;
    }

    .ipo-intro-copy h2 {
        font-size: 47px;
    }

    .ipo-documents {
        padding: 80px 0 90px;
    }

    .ipo-documents-head h2 {
        font-size: 47px;
    }

    .ipo-documents-grid {
        grid-template-columns: 1fr;
    }

    .ipo-document-card {
        min-height: 350px;
    }

    .ipo-documents-word {
        font-size: 65px;
    }

    .ipo-info {
        padding: 80px 0;
    }

    .ipo-info-grid {
        gap: 50px;
    }

    .ipo-info-title h2 {
        font-size: 47px;
    }

    .ipo-navigation {
        padding: 80px 0;
    }

    .ipo-navigation-grid {
        gap: 50px;
    }

    .ipo-navigation-title h2 {
        font-size: 47px;
    }
}
/* =========================================================
   SURDURULEBILIR TARIM - FINAL IC SAYFA
   ========================================================= */


/* HERO */

.sustain-page-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.sustain-page-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/surdurulebilir-tarim-1.jpg') center 50% / cover no-repeat;
    transform: scale(1.025);
}

.sustain-page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.96) 0%, rgba(4,27,16,.82) 42%, rgba(4,27,16,.42) 72%, rgba(4,27,16,.15) 100% );
}

.sustain-page-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.sustain-page-hero-title {
    max-width: 930px;
}

    .sustain-page-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .sustain-page-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .sustain-page-hero-title p {
        max-width: 620px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.sustain-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.sustain-page-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.sustain-page-intro-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 90px;
    align-items: center;
}

.sustain-page-copy {
    max-width: 570px;
}

    .sustain-page-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .sustain-page-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .sustain-page-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .sustain-page-copy
    .sustain-page-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.sustain-page-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* MAIN IMAGE */

.sustain-page-image {
    position: relative;
    height: 620px;
    overflow: hidden;
    background: #103523;
    box-shadow: 0 24px 55px rgba(20,47,31,.13);
}

    .sustain-page-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.2s ease;
    }

    .sustain-page-image:hover img {
        transform: scale(1.035);
    }

.sustain-page-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,28,16,.68), transparent 58% );
}

.sustain-page-image-tag {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    color: #fff;
}

    .sustain-page-image-tag > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .sustain-page-image-tag small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .sustain-page-image-tag strong {
        display: block;
        max-width: 380px;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.08;
        font-weight: 500;
    }


/* FUTURE */

.sustain-page-future {
    position: relative;
    overflow: hidden;
    padding: 130px 0 145px;
    background: #103523;
    color: #fff;
}

.sustain-page-future-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 80px;
    align-items: start;
}

.sustain-page-future-number span {
    display: block;
    margin-bottom: 12px;
    color: rgba(255,255,255,.11);
    font-family: Georgia,serif;
    font-size: 100px;
    line-height: 1;
}

.sustain-page-future-number small {
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.sustain-page-future-copy {
    max-width: 820px;
}

    .sustain-page-future-copy h2 {
        margin: 0 0 29px;
        font-family: Georgia,serif;
        font-size: clamp(54px,5vw,80px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .sustain-page-future-copy h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .sustain-page-future-copy p {
        max-width: 720px;
        margin: 0 0 18px;
        color: rgba(255,255,255,.67);
        font-size: 15px;
        line-height: 1.85;
    }

    .sustain-page-future-copy
    .sustain-page-future-lead {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 21px;
        line-height: 1.55;
    }

.sustain-page-future-word {
    position: absolute;
    left: 3%;
    bottom: -42px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    pointer-events: none;
}


/* VALUES */

.sustain-page-values {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.sustain-page-values-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .sustain-page-values-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .sustain-page-values-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .sustain-page-values-head > p {
        max-width: 530px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* CARDS */

.sustain-page-values-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.sustain-page-value-card {
    position: relative;
    min-height: 350px;
    padding: 31px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

    .sustain-page-value-card:hover {
        z-index: 3;
        transform: translateY(-8px);
        background: #103523;
        color: #fff;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

.sustain-page-value-no {
    position: absolute;
    right: 22px;
    top: 18px;
    color: #d1c5af;
    font-family: Georgia,serif;
    font-size: 31px;
}

.sustain-page-value-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    margin-bottom: 45px;
    border: 1px solid #c39f5c;
    border-radius: 50%;
    color: #a9823e;
    font-size: 18px;
}

.sustain-page-value-card small {
    display: block;
    margin-bottom: 13px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.sustain-page-value-card h3 {
    margin: 0 0 16px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 28px;
    font-weight: 500;
}

.sustain-page-value-card p {
    max-width: 310px;
    margin: 0;
    color: #657168;
    font-size: 13px;
    line-height: 1.75;
}

.sustain-page-value-card:hover h3 {
    color: #fff;
}

.sustain-page-value-card:hover p {
    color: rgba(255,255,255,.68);
}

.sustain-page-value-card:hover
.sustain-page-value-no {
    color: rgba(255,255,255,.17);
}


/* AYCAN APPROACH */

.sustain-page-aycan {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.sustain-page-aycan-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.sustain-page-aycan-title {
    position: relative;
}

.sustain-page-aycan-number {
    position: absolute;
    right: 15px;
    top: -35px;
    color: rgba(255,255,255,.07);
    font-family: Georgia,serif;
    font-size: 82px;
}

.sustain-page-aycan-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .sustain-page-aycan-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.sustain-page-aycan-copy {
    max-width: 610px;
}

    .sustain-page-aycan-copy p {
        margin: 0 0 18px;
        color: rgba(255,255,255,.68);
        font-size: 15px;
        line-height: 1.85;
    }

    .sustain-page-aycan-copy
    .sustain-page-aycan-lead {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.55;
    }


/* LINKS */

.sustain-page-aycan-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 35px;
}

    .sustain-page-aycan-links a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        min-width: 195px;
        padding: 16px 17px;
        border: 1px solid rgba(198,170,109,.8);
        color: #fff;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.1px;
        transition: background .25s ease, color .25s ease, transform .25s ease;
    }

        .sustain-page-aycan-links a span {
            color: var(--gold);
        }

        .sustain-page-aycan-links a:hover {
            transform: translateY(-3px);
            background: #f3efe5;
            color: #103523;
        }


/* SOURCES */

.sustain-page-sources {
    padding: 110px 0;
    background: #fff;
}

.sustain-page-sources-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 100px;
    align-items: center;
}

.sustain-page-sources-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(50px,4.5vw,70px);
    line-height: .96;
    letter-spacing: -2.2px;
    font-weight: 500;
}

    .sustain-page-sources-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.sustain-page-source-list {
    border-top: 1px solid #d0c6b5;
}

    .sustain-page-source-list a {
        display: grid;
        grid-template-columns: 65px 1fr 30px;
        gap: 20px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
        color: #103523;
        transition: padding .25s ease;
    }

        .sustain-page-source-list a:hover {
            padding-left: 15px;
        }

        .sustain-page-source-list
        a > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .sustain-page-source-list small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .sustain-page-source-list strong {
        font-family: Georgia,serif;
        font-size: 19px;
        line-height: 1.35;
        font-weight: 500;
    }

    .sustain-page-source-list b {
        color: #a9823e;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .sustain-page-intro-grid,
    .sustain-page-values-head,
    .sustain-page-aycan-grid,
    .sustain-page-sources-grid {
        grid-template-columns: 1fr;
    }

    .sustain-page-future-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sustain-page-values-grid {
        grid-template-columns: 1fr;
    }
}


@media(max-width:620px) {

    .sustain-page-hero {
        height: 540px;
        min-height: 540px;
    }

    .sustain-page-hero-title h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .sustain-page-intro {
        padding: 80px 0;
    }

    .sustain-page-copy h2 {
        font-size: 47px;
    }

    .sustain-page-image {
        height: 440px;
    }

    .sustain-page-future {
        padding: 80px 0 90px;
    }

    .sustain-page-future-number span {
        font-size: 60px;
    }

    .sustain-page-future-copy h2 {
        font-size: 47px;
    }

    .sustain-page-future-word {
        font-size: 65px;
    }

    .sustain-page-values {
        padding: 80px 0 90px;
    }

    .sustain-page-values-head h2 {
        font-size: 47px;
    }

    .sustain-page-value-card {
        min-height: 280px;
    }

    .sustain-page-aycan {
        padding: 80px 0;
    }

    .sustain-page-aycan-grid {
        gap: 50px;
    }

    .sustain-page-aycan-title h2 {
        font-size: 47px;
    }

    .sustain-page-sources {
        padding: 80px 0;
    }

    .sustain-page-sources-grid {
        gap: 45px;
    }

    .sustain-page-sources-title h2 {
        font-size: 46px;
    }
}
/* =========================================================
   IZLENEBILIRLIK - FINAL IC SAYFA
   ========================================================= */


/* HERO */

.trace-page-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.trace-page-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/izlenebilirlik.jpg') center 50% / cover no-repeat;
    transform: scale(1.025);
}

.trace-page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.97) 0%, rgba(4,27,16,.83) 42%, rgba(4,27,16,.45) 72%, rgba(4,27,16,.17) 100% );
}

.trace-page-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.trace-page-hero-title {
    max-width: 930px;
}

    .trace-page-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .trace-page-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .trace-page-hero-title p {
        max-width: 630px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.trace-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* =========================================================
   INTRO
   ========================================================= */

.trace-page-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.trace-page-intro-grid {
    display: grid;
    grid-template-columns: 1.07fr .93fr;
    gap: 90px;
    align-items: center;
}


/* IMAGE */

.trace-page-image {
    position: relative;
    height: 620px;
    overflow: hidden;
    background: #103523;
    box-shadow: 0 24px 55px rgba(20,47,31,.13);
}

    .trace-page-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.2s ease;
    }

    .trace-page-image:hover img {
        transform: scale(1.035);
    }

.trace-page-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,28,16,.70), transparent 59% );
}

.trace-page-image-tag {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    color: #fff;
}

    .trace-page-image-tag > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .trace-page-image-tag small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .trace-page-image-tag strong {
        display: block;
        max-width: 390px;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.08;
        font-weight: 500;
    }


/* COPY */

.trace-page-copy {
    max-width: 570px;
}

    .trace-page-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .trace-page-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .trace-page-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .trace-page-copy
    .trace-page-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.trace-page-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* =========================================================
   SECURITY
   ========================================================= */

.trace-page-security {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #103523;
    color: #fff;
}

.trace-page-security-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 80px;
    align-items: start;
}

.trace-page-security-number span {
    display: block;
    margin-bottom: 12px;
    color: rgba(255,255,255,.11);
    font-family: Georgia,serif;
    font-size: 100px;
    line-height: 1;
}

.trace-page-security-number small {
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.trace-page-security-copy {
    max-width: 820px;
}

    .trace-page-security-copy h2 {
        margin: 0 0 29px;
        font-family: Georgia,serif;
        font-size: clamp(54px,5vw,80px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .trace-page-security-copy h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .trace-page-security-copy p {
        max-width: 720px;
        margin: 0 0 18px;
        color: rgba(255,255,255,.67);
        font-size: 15px;
        line-height: 1.85;
    }

    .trace-page-security-copy
    .trace-page-security-lead {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 21px;
        line-height: 1.55;
    }


/* HIGHLIGHT */

.trace-page-security-highlight {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 22px;
    align-items: center;
    max-width: 680px;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,.18);
}

    .trace-page-security-highlight > span {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        border: 1px solid var(--gold);
        border-radius: 50%;
        color: var(--gold);
    }

    .trace-page-security-highlight small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .trace-page-security-highlight strong {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }

.trace-page-security-word {
    position: absolute;
    left: 3%;
    bottom: -43px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 125px;
    font-weight: 700;
    pointer-events: none;
}


/* =========================================================
   PROCESS
   ========================================================= */

.trace-page-process {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.trace-page-process-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .trace-page-process-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .trace-page-process-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .trace-page-process-head > p {
        max-width: 530px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* PROCESS CARDS */

.trace-page-process-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.trace-page-process-card {
    min-height: 330px;
    padding: 30px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

    .trace-page-process-card:hover {
        z-index: 3;
        transform: translateY(-8px);
        background: #103523;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

    .trace-page-process-card > span {
        display: block;
        margin-bottom: 57px;
        color: #d1c5af;
        font-family: Georgia,serif;
        font-size: 31px;
    }

    .trace-page-process-card small {
        display: block;
        margin-bottom: 13px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .trace-page-process-card h3 {
        margin: 0 0 15px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }

    .trace-page-process-card p {
        max-width: 270px;
        margin: 0;
        color: #657168;
        font-size: 13px;
        line-height: 1.75;
    }

    .trace-page-process-card:hover h3 {
        color: #fff;
    }

    .trace-page-process-card:hover p {
        color: rgba(255,255,255,.68);
    }

    .trace-page-process-card:hover > span {
        color: rgba(255,255,255,.17);
    }


/* =========================================================
   AYCAN SYSTEM
   ========================================================= */

.trace-page-system {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.trace-page-system-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.trace-page-system-title {
    position: relative;
}

.trace-page-system-number {
    position: absolute;
    right: 15px;
    top: -35px;
    color: rgba(255,255,255,.07);
    font-family: Georgia,serif;
    font-size: 82px;
}

.trace-page-system-title h2 {
    margin: 0;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .trace-page-system-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.trace-page-system-copy {
    max-width: 610px;
}

    .trace-page-system-copy p {
        margin: 0 0 18px;
        color: rgba(255,255,255,.68);
        font-size: 15px;
        line-height: 1.85;
    }

    .trace-page-system-copy
    .trace-page-system-lead {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.55;
    }


/* LINKS */

.trace-page-system-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 35px;
}

    .trace-page-system-links a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 26px;
        min-width: 190px;
        padding: 16px 17px;
        border: 1px solid rgba(198,170,109,.8);
        color: #fff;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.1px;
        transition: transform .25s ease, background .25s ease, color .25s ease;
    }

        .trace-page-system-links a span {
            color: var(--gold);
        }

        .trace-page-system-links a:hover {
            transform: translateY(-3px);
            background: #f3efe5;
            color: #103523;
        }


/* =========================================================
   VALUES
   ========================================================= */

.trace-page-values {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.trace-page-values-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .trace-page-values-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .trace-page-values-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .trace-page-values-head > p {
        max-width: 520px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* VALUE CARDS */

.trace-page-values-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.trace-page-value-card {
    position: relative;
    min-height: 345px;
    padding: 31px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

    .trace-page-value-card:hover {
        z-index: 3;
        transform: translateY(-8px);
        background: #103523;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

.trace-page-value-no {
    position: absolute;
    right: 22px;
    top: 18px;
    color: #d1c5af;
    font-family: Georgia,serif;
    font-size: 31px;
}

.trace-page-value-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    margin-bottom: 45px;
    border: 1px solid #c39f5c;
    border-radius: 50%;
    color: #a9823e;
    font-size: 18px;
}

.trace-page-value-card small {
    display: block;
    margin-bottom: 13px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.trace-page-value-card h3 {
    margin: 0 0 16px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 28px;
    font-weight: 500;
}

.trace-page-value-card p {
    max-width: 310px;
    margin: 0;
    color: #657168;
    font-size: 13px;
    line-height: 1.75;
}

.trace-page-value-card:hover h3 {
    color: #fff;
}

.trace-page-value-card:hover p {
    color: rgba(255,255,255,.68);
}

.trace-page-value-card:hover
.trace-page-value-no {
    color: rgba(255,255,255,.17);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px) {

    .trace-page-intro-grid,
    .trace-page-process-head,
    .trace-page-system-grid,
    .trace-page-values-head {
        grid-template-columns: 1fr;
    }

    .trace-page-security-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .trace-page-process-grid {
        grid-template-columns: 1fr 1fr;
    }

    .trace-page-values-grid {
        grid-template-columns: 1fr;
    }
}


@media(max-width:620px) {

    .trace-page-hero {
        height: 540px;
        min-height: 540px;
    }

    .trace-page-hero-title h1 {
        font-size: 52px;
        letter-spacing: -2px;
    }

    .trace-page-intro {
        padding: 80px 0;
    }

    .trace-page-image {
        height: 440px;
    }

    .trace-page-copy h2 {
        font-size: 47px;
    }

    .trace-page-security {
        padding: 80px 0 90px;
    }

    .trace-page-security-number span {
        font-size: 60px;
    }

    .trace-page-security-copy h2 {
        font-size: 47px;
    }

    .trace-page-security-word {
        font-size: 58px;
    }

    .trace-page-process {
        padding: 80px 0 90px;
    }

    .trace-page-process-head h2 {
        font-size: 47px;
    }

    .trace-page-process-grid {
        grid-template-columns: 1fr;
    }

    .trace-page-process-card {
        min-height: 270px;
    }

    .trace-page-system {
        padding: 80px 0;
    }

    .trace-page-system-grid {
        gap: 50px;
    }

    .trace-page-system-title h2 {
        font-size: 47px;
    }

    .trace-page-values {
        padding: 80px 0 90px;
    }

    .trace-page-values-head h2 {
        font-size: 47px;
    }

    .trace-page-value-card {
        min-height: 280px;
    }
}
/* =========================================================
   GUVENLI URETIM - FINAL IC SAYFA
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

.safe-page-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.safe-page-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/guvenli-ve-inovatif-uretim-1.jpg') center 50% / cover no-repeat;
    transform: scale(1.025);
}

.safe-page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.97) 0%, rgba(4,27,16,.83) 42%, rgba(4,27,16,.45) 72%, rgba(4,27,16,.17) 100% );
}

.safe-page-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.safe-page-hero-title {
    max-width: 950px;
}

    .safe-page-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .safe-page-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .safe-page-hero-title p {
        max-width: 630px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.safe-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* =========================================================
   INTRO
   ========================================================= */

.safe-page-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.safe-page-intro-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 90px;
    align-items: center;
}

.safe-page-copy {
    max-width: 570px;
}

    .safe-page-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .safe-page-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .safe-page-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .safe-page-copy .safe-page-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.safe-page-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* IMAGE */

.safe-page-image {
    position: relative;
    height: 620px;
    overflow: hidden;
    background: #103523;
    box-shadow: 0 24px 55px rgba(20,47,31,.13);
}

    .safe-page-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 1.2s ease;
    }

    .safe-page-image:hover img {
        transform: scale(1.035);
    }

.safe-page-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 0deg, rgba(4,28,16,.70), transparent 59% );
}

.safe-page-image-tag {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 28px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    color: #fff;
}

    .safe-page-image-tag > span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 45px;
    }

    .safe-page-image-tag small {
        display: block;
        margin-bottom: 7px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .safe-page-image-tag strong {
        display: block;
        max-width: 390px;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.08;
        font-weight: 500;
    }


/* =========================================================
   ANALYSIS
   ========================================================= */

.safe-page-analysis {
    position: relative;
    overflow: hidden;
    padding: 130px 0 150px;
    background: #103523;
    color: #fff;
}

.safe-page-analysis-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 80px;
    align-items: start;
}

.safe-page-analysis-number span {
    display: block;
    margin-bottom: 12px;
    color: rgba(255,255,255,.11);
    font-family: Georgia,serif;
    font-size: 100px;
    line-height: 1;
}

.safe-page-analysis-number small {
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.safe-page-analysis-copy {
    max-width: 830px;
}

    .safe-page-analysis-copy h2 {
        margin: 0 0 29px;
        font-family: Georgia,serif;
        font-size: clamp(54px,5vw,80px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .safe-page-analysis-copy h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .safe-page-analysis-copy p {
        max-width: 720px;
        margin: 0 0 18px;
        color: rgba(255,255,255,.67);
        font-size: 15px;
        line-height: 1.85;
    }

    .safe-page-analysis-copy
    .safe-page-analysis-lead {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 21px;
        line-height: 1.55;
    }


/* ANALYSIS LIST */

.safe-page-analysis-list {
    margin-top: 36px;
    border-top: 1px solid rgba(255,255,255,.18);
}

    .safe-page-analysis-list > div {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 24px;
        min-height: 90px;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,.18);
    }

        .safe-page-analysis-list > div > span {
            color: var(--gold);
            font-family: Georgia,serif;
            font-size: 28px;
        }

    .safe-page-analysis-list small {
        display: block;
        margin-bottom: 5px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .safe-page-analysis-list strong {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }

.safe-page-analysis-word {
    position: absolute;
    left: 3%;
    bottom: -42px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    pointer-events: none;
}


/* =========================================================
   PRINCIPLES
   ========================================================= */

.safe-page-principles {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.safe-page-principles-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .safe-page-principles-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .safe-page-principles-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .safe-page-principles-head > p {
        max-width: 520px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* CARDS */

.safe-page-principles-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.safe-page-principle-card {
    position: relative;
    min-height: 350px;
    padding: 31px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

    .safe-page-principle-card:hover {
        z-index: 3;
        transform: translateY(-8px);
        background: #103523;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

.safe-page-principle-no {
    position: absolute;
    right: 22px;
    top: 18px;
    color: #d1c5af;
    font-family: Georgia,serif;
    font-size: 31px;
}

.safe-page-principle-icon {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
    margin-bottom: 45px;
    border: 1px solid #c39f5c;
    border-radius: 50%;
    color: #a9823e;
    font-size: 18px;
}

.safe-page-principle-card small {
    display: block;
    margin-bottom: 13px;
    color: #a9823e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.safe-page-principle-card h3 {
    margin: 0 0 16px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 27px;
    font-weight: 500;
}

.safe-page-principle-card p {
    max-width: 285px;
    margin: 0;
    color: #657168;
    font-size: 13px;
    line-height: 1.75;
}

.safe-page-principle-card:hover h3 {
    color: #fff;
}

.safe-page-principle-card:hover p {
    color: rgba(255,255,255,.68);
}

.safe-page-principle-card:hover
.safe-page-principle-no {
    color: rgba(255,255,255,.17);
}


/* =========================================================
   STANDARDS
   ========================================================= */

.safe-page-standards {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.safe-page-standards-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 100px;
    align-items: center;
}

.safe-page-standards-title {
    position: relative;
}

.safe-page-standards-number {
    position: absolute;
    right: 10px;
    top: -35px;
    color: rgba(255,255,255,.07);
    font-family: Georgia,serif;
    font-size: 82px;
}

.safe-page-standards-title h2 {
    margin: 0 0 25px;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .safe-page-standards-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.safe-page-standards-title > p {
    max-width: 480px;
    margin: 0;
    color: rgba(255,255,255,.67);
    font-size: 14px;
    line-height: 1.8;
}


/* ISO CARDS */

.safe-page-standard-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(255,255,255,.13);
}

.safe-page-standard-card {
    min-height: 390px;
    padding: 30px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .safe-page-standard-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
    }

.safe-page-standard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

    .safe-page-standard-top span {
        color: rgba(255,255,255,.17);
        font-family: Georgia,serif;
        font-size: 30px;
    }

    .safe-page-standard-top small {
        color: var(--gold);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 2px;
    }

.safe-page-standard-card:hover
.safe-page-standard-top span {
    color: #c9bca6;
}

.safe-page-standard-card > strong {
    display: block;
    margin-bottom: 13px;
    color: var(--gold);
    font-family: Georgia,serif;
    font-size: 58px;
    line-height: 1;
    font-weight: 500;
}

.safe-page-standard-card h3 {
    margin: 0 0 15px;
    font-family: Georgia,serif;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 500;
}

.safe-page-standard-card p {
    max-width: 300px;
    margin: 0;
    color: rgba(255,255,255,.62);
    font-size: 13px;
    line-height: 1.75;
}

.safe-page-standard-card:hover p {
    color: #657168;
}


/* =========================================================
   COMPLIANCE
   ========================================================= */

.safe-page-compliance {
    padding: 125px 0;
    background: #fff;
}

.safe-page-compliance-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 100px;
    align-items: center;
}

.safe-page-compliance-copy {
    max-width: 620px;
}

    .safe-page-compliance-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,75px);
        line-height: .96;
        letter-spacing: -2.4px;
        font-weight: 500;
    }

        .safe-page-compliance-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .safe-page-compliance-copy p {
        margin: 0 0 18px;
        color: #59675e;
        font-size: 15px;
        line-height: 1.85;
    }

    .safe-page-compliance-copy
    .safe-page-compliance-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.safe-page-compliance-line {
    width: 75px;
    height: 1px;
    margin: 30px 0;
    background: #b6924d;
}

.safe-page-compliance-copy > strong {
    display: block;
    max-width: 580px;
    color: #103523;
    font-family: Georgia,serif;
    font-size: 21px;
    line-height: 1.45;
    font-weight: 500;
}


/* LINKS */

.safe-page-compliance-links {
    border-top: 1px solid #d0c6b5;
}

    .safe-page-compliance-links a {
        display: grid;
        grid-template-columns: 65px 1fr 30px;
        gap: 20px;
        min-height: 110px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
        color: #103523;
        transition: padding .25s ease;
    }

        .safe-page-compliance-links a:hover {
            padding-left: 15px;
        }

        .safe-page-compliance-links
        a > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .safe-page-compliance-links small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .safe-page-compliance-links strong {
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }

    .safe-page-compliance-links b {
        color: #a9823e;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px) {

    .safe-page-intro-grid,
    .safe-page-principles-head,
    .safe-page-standards-grid,
    .safe-page-compliance-grid {
        grid-template-columns: 1fr;
    }

    .safe-page-analysis-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .safe-page-principles-grid {
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width:620px) {

    .safe-page-hero {
        height: 540px;
        min-height: 540px;
    }

    .safe-page-hero-title h1 {
        font-size: 50px;
        letter-spacing: -2px;
    }

    .safe-page-intro {
        padding: 80px 0;
    }

    .safe-page-copy h2 {
        font-size: 47px;
    }

    .safe-page-image {
        height: 440px;
    }

    .safe-page-analysis {
        padding: 80px 0 90px;
    }

    .safe-page-analysis-number span {
        font-size: 60px;
    }

    .safe-page-analysis-copy h2 {
        font-size: 47px;
    }

    .safe-page-analysis-word {
        font-size: 66px;
    }

    .safe-page-principles {
        padding: 80px 0 90px;
    }

    .safe-page-principles-head h2 {
        font-size: 47px;
    }

    .safe-page-principles-grid {
        grid-template-columns: 1fr;
    }

    .safe-page-principle-card {
        min-height: 280px;
    }

    .safe-page-standards {
        padding: 80px 0;
    }

    .safe-page-standards-grid {
        gap: 50px;
    }

    .safe-page-standards-title h2 {
        font-size: 47px;
    }

    .safe-page-standard-cards {
        grid-template-columns: 1fr;
    }

    .safe-page-standard-card {
        min-height: 330px;
    }

    .safe-page-compliance {
        padding: 80px 0;
    }

    .safe-page-compliance-grid {
        gap: 55px;
    }

    .safe-page-compliance-copy h2 {
        font-size: 47px;
    }
}
/* =========================================================
   SITE HARITASI
   ========================================================= */


/* HERO */

.sitemap-page-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.sitemap-page-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.sitemap-page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.97) 0%, rgba(4,27,16,.83) 42%, rgba(4,27,16,.45) 72%, rgba(4,27,16,.17) 100% );
}

.sitemap-page-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.sitemap-page-hero-title {
    max-width: 950px;
}

    .sitemap-page-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .sitemap-page-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .sitemap-page-hero-title p {
        max-width: 630px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.sitemap-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.sitemap-page-intro {
    padding: 125px 0;
    background: #f3efe5;
}

.sitemap-page-intro-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 70px;
}

.sitemap-page-number-big {
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.sitemap-page-intro-copy {
    max-width: 770px;
}

    .sitemap-page-intro-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .sitemap-page-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .sitemap-page-intro-copy p {
        margin: 0 0 18px;
        color: #5d695f;
        font-size: 15px;
        line-height: 1.85;
    }

    .sitemap-page-intro-copy .sitemap-page-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.sitemap-page-line {
    width: 75px;
    height: 1px;
    margin: 30px 0;
    background: #b6924d;
}


/* CONTENT */

.sitemap-page-content {
    position: relative;
    overflow: hidden;
    padding: 125px 0 145px;
    background: #103523;
    color: #fff;
}

.sitemap-page-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .sitemap-page-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .sitemap-page-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .sitemap-page-head > p {
        max-width: 500px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }


/* CARDS */

.sitemap-page-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: rgba(255,255,255,.12);
}

.sitemap-page-card {
    position: relative;
    min-height: 390px;
    padding: 31px 28px 35px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .sitemap-page-card:hover {
        z-index: 3;
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
    }

.sitemap-page-card-wide {
    grid-column: span 3;
    min-height: 250px;
}

.sitemap-page-card-no {
    position: absolute;
    right: 22px;
    top: 18px;
    color: rgba(255,255,255,.15);
    font-family: Georgia,serif;
    font-size: 31px;
}

.sitemap-page-card:hover .sitemap-page-card-no {
    color: #c9bca6;
}

.sitemap-page-card > small {
    display: block;
    margin-bottom: 12px;
    color: var(--gold);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2px;
}

.sitemap-page-card h3 {
    margin: 0 0 30px;
    font-family: Georgia,serif;
    font-size: 31px;
    line-height: 1.08;
    font-weight: 500;
}


/* LINKS */

.sitemap-page-links {
    border-top: 1px solid rgba(255,255,255,.16);
}

    .sitemap-page-links a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 52px;
        border-bottom: 1px solid rgba(255,255,255,.14);
        color: rgba(255,255,255,.78);
        font-size: 12px;
        transition: padding .22s ease, color .22s ease;
    }

.sitemap-page-card:hover .sitemap-page-links {
    border-top-color: #d1c7b5;
}

    .sitemap-page-card:hover .sitemap-page-links a {
        border-bottom-color: #d1c7b5;
        color: #526158;
    }

.sitemap-page-links a:hover {
    padding-left: 8px;
    color: var(--gold) !important;
}

.sitemap-page-links b {
    color: var(--gold);
    font-size: 14px;
}

.sitemap-page-links-horizontal {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
    border-top: 0;
}

    .sitemap-page-links-horizontal a {
        border-top: 1px solid rgba(255,255,255,.16);
    }

.sitemap-page-card:hover
.sitemap-page-links-horizontal a {
    border-top-color: #d1c7b5;
}


/* LARGE WORD */

.sitemap-page-word {
    position: absolute;
    left: 3%;
    bottom: -42px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 145px;
    font-weight: 700;
    pointer-events: none;
}


/* QUICK ACCESS */

.sitemap-page-quick {
    padding: 125px 0;
    background: #f3efe5;
}

.sitemap-page-quick-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.sitemap-page-quick-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .sitemap-page-quick-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }


/* QUICK LINKS */

.sitemap-page-quick-list {
    border-top: 1px solid #d0c6b5;
}

    .sitemap-page-quick-list a {
        display: grid;
        grid-template-columns: 65px 1fr 30px;
        gap: 20px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
        color: #103523;
        transition: padding .25s ease;
    }

        .sitemap-page-quick-list a:hover {
            padding-left: 15px;
        }

        .sitemap-page-quick-list a > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .sitemap-page-quick-list small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .sitemap-page-quick-list strong {
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }

    .sitemap-page-quick-list b {
        color: #a9823e;
    }


/* RESPONSIVE */

@media(max-width:980px) {

    .sitemap-page-intro-grid,
    .sitemap-page-head,
    .sitemap-page-quick-grid {
        grid-template-columns: 1fr;
    }

    .sitemap-page-grid {
        grid-template-columns: 1fr 1fr;
    }

    .sitemap-page-card-wide {
        grid-column: span 2;
    }
}


@media(max-width:620px) {

    .sitemap-page-hero {
        height: 540px;
        min-height: 540px;
    }

    .sitemap-page-hero-title h1 {
        font-size: 50px;
        letter-spacing: -2px;
    }

    .sitemap-page-intro {
        padding: 80px 0;
    }

    .sitemap-page-number-big {
        font-size: 58px;
    }

    .sitemap-page-intro-copy h2 {
        font-size: 47px;
    }

    .sitemap-page-content {
        padding: 80px 0 90px;
    }

    .sitemap-page-head h2 {
        font-size: 47px;
    }

    .sitemap-page-grid {
        grid-template-columns: 1fr;
    }

    .sitemap-page-card-wide {
        grid-column: auto;
    }

    .sitemap-page-card {
        min-height: auto;
        padding-bottom: 35px;
    }

    .sitemap-page-links-horizontal {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .sitemap-page-word {
        font-size: 68px;
    }

    .sitemap-page-quick {
        padding: 80px 0;
    }

    .sitemap-page-quick-grid {
        gap: 50px;
    }

    .sitemap-page-quick-title h2 {
        font-size: 47px;
    }
}
/* =========================================================
   GIZLILIK POLITIKASI
   ========================================================= */


/* HERO */

.privacy-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.privacy-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.privacy-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.97) 0%, rgba(4,27,16,.84) 42%, rgba(4,27,16,.46) 72%, rgba(4,27,16,.18) 100% );
}

.privacy-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.privacy-hero-title {
    max-width: 950px;
}

    .privacy-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .privacy-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .privacy-hero-title p {
        max-width: 630px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.privacy-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* INTRO */

.privacy-intro {
    padding: 130px 0;
    background: #f3efe5;
}

.privacy-intro-grid {
    display: grid;
    grid-template-columns: 160px 1fr 240px;
    gap: 60px;
    align-items: center;
}

.privacy-intro-number {
    align-self: start;
    padding-top: 15px;
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.privacy-intro-copy {
    max-width: 720px;
}

    .privacy-intro-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .privacy-intro-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .privacy-intro-copy p {
        margin: 0 0 18px;
        color: #5b685f;
        font-size: 15px;
        line-height: 1.85;
    }

    .privacy-intro-copy .privacy-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.privacy-intro-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}

.privacy-intro-mark {
    width: 220px;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #c8ad73;
    border-radius: 50%;
}

    .privacy-intro-mark span {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 88px;
        line-height: .8;
    }

    .privacy-intro-mark small {
        margin-top: 18px;
        color: #a17c39;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2.5px;
    }


/* DATA */

.privacy-data {
    position: relative;
    overflow: hidden;
    padding: 125px 0 145px;
    background: #103523;
    color: #fff;
}

.privacy-data-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .privacy-data-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .privacy-data-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .privacy-data-head > p {
        max-width: 520px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }

.privacy-data-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: rgba(255,255,255,.12);
}

.privacy-data-card {
    min-height: 330px;
    padding: 30px 28px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .privacy-data-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
    }

    .privacy-data-card > span {
        display: block;
        margin-bottom: 58px;
        color: rgba(255,255,255,.16);
        font-family: Georgia,serif;
        font-size: 31px;
    }

    .privacy-data-card small {
        display: block;
        margin-bottom: 13px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .privacy-data-card h3 {
        margin: 0 0 15px;
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }

    .privacy-data-card p {
        margin: 0;
        color: rgba(255,255,255,.63);
        font-size: 13px;
        line-height: 1.75;
    }

    .privacy-data-card:hover p {
        color: #657168;
    }

    .privacy-data-card:hover > span {
        color: #c7baa4;
    }

.privacy-data-word {
    position: absolute;
    left: 3%;
    bottom: -42px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 130px;
    font-weight: 700;
    pointer-events: none;
}


/* PURPOSE */

.privacy-purpose {
    padding: 125px 0;
    background: #f3efe5;
}

.privacy-purpose-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.privacy-purpose-title {
    position: relative;
}

.privacy-purpose-number {
    position: absolute;
    right: 15px;
    top: -35px;
    color: rgba(30,75,51,.07);
    font-family: Georgia,serif;
    font-size: 82px;
}

.privacy-purpose-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .privacy-purpose-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.privacy-purpose-list {
    border-top: 1px solid #d0c6b5;
}

    .privacy-purpose-list > div {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 25px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
    }

        .privacy-purpose-list > div > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .privacy-purpose-list small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .privacy-purpose-list strong {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }


/* TECHNICAL */

.privacy-technical {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.privacy-technical-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 100px;
    align-items: center;
}

.privacy-technical-copy {
    max-width: 750px;
}

    .privacy-technical-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,75px);
        line-height: .96;
        letter-spacing: -2.4px;
        font-weight: 500;
    }

        .privacy-technical-copy h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .privacy-technical-copy p {
        margin: 0 0 18px;
        color: rgba(255,255,255,.67);
        font-size: 15px;
        line-height: 1.85;
    }

    .privacy-technical-copy .privacy-technical-lead {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.55;
    }

.privacy-technical-mark {
    width: 240px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(204,170,102,.65);
    border-radius: 50%;
}

    .privacy-technical-mark span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 28px;
    }

    .privacy-technical-mark strong {
        margin-top: 15px;
        text-align: center;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.05;
        font-weight: 500;
    }


/* SECURITY */

.privacy-security {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.privacy-security-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .privacy-security-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .privacy-security-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .privacy-security-head > p {
        max-width: 530px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }

.privacy-security-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.privacy-security-card {
    min-height: 320px;
    padding: 30px 28px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

    .privacy-security-card:hover {
        transform: translateY(-7px);
        background: #103523;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

    .privacy-security-card > span {
        display: block;
        margin-bottom: 57px;
        color: #d1c5af;
        font-family: Georgia,serif;
        font-size: 31px;
    }

    .privacy-security-card small {
        display: block;
        margin-bottom: 13px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .privacy-security-card h3 {
        margin: 0 0 15px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }

    .privacy-security-card p {
        margin: 0;
        color: #657168;
        font-size: 13px;
        line-height: 1.75;
    }

    .privacy-security-card:hover h3 {
        color: #fff;
    }

    .privacy-security-card:hover p {
        color: rgba(255,255,255,.68);
    }

    .privacy-security-card:hover > span {
        color: rgba(255,255,255,.17);
    }


/* CONTACT */

.privacy-contact {
    padding: 120px 0;
    background: #fff;
}

.privacy-contact-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.privacy-contact-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .privacy-contact-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.privacy-contact-copy {
    max-width: 600px;
}

    .privacy-contact-copy > p {
        margin: 0 0 26px;
        color: #59675e;
        font-size: 15px;
        line-height: 1.85;
    }

    .privacy-contact-copy a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 62px;
        border-top: 1px solid #d0c6b5;
        color: #103523;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 1.3px;
    }

        .privacy-contact-copy a:last-child {
            border-bottom: 1px solid #d0c6b5;
        }

        .privacy-contact-copy a b {
            color: #a9823e;
        }


/* RESPONSIVE */

@media(max-width:980px) {

    .privacy-intro-grid,
    .privacy-data-head,
    .privacy-purpose-grid,
    .privacy-technical-grid,
    .privacy-security-head,
    .privacy-contact-grid {
        grid-template-columns: 1fr;
    }

    .privacy-intro-mark,
    .privacy-technical-mark {
        display: none;
    }

    .privacy-data-grid {
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width:620px) {

    .privacy-hero {
        height: 540px;
        min-height: 540px;
    }

    .privacy-hero-title h1 {
        font-size: 50px;
        letter-spacing: -2px;
    }

    .privacy-intro {
        padding: 80px 0;
    }

    .privacy-intro-number {
        font-size: 58px;
    }

    .privacy-intro-copy h2 {
        font-size: 47px;
    }

    .privacy-data {
        padding: 80px 0 90px;
    }

    .privacy-data-head h2 {
        font-size: 47px;
    }

    .privacy-data-grid {
        grid-template-columns: 1fr;
    }

    .privacy-data-card {
        min-height: 270px;
    }

    .privacy-data-word {
        font-size: 62px;
    }

    .privacy-purpose,
    .privacy-technical,
    .privacy-security,
    .privacy-contact {
        padding: 80px 0;
    }

    .privacy-purpose-grid,
    .privacy-contact-grid {
        gap: 50px;
    }

    .privacy-purpose-title h2,
    .privacy-technical-copy h2,
    .privacy-security-head h2,
    .privacy-contact-title h2 {
        font-size: 47px;
    }

    .privacy-security-grid {
        grid-template-columns: 1fr;
    }

    .privacy-security-card {
        min-height: 270px;
    }
}
/* =========================================================
   KVKK
   ========================================================= */


/* HERO */

.kvkk-hero {
    position: relative;
    height: 650px;
    min-height: 650px;
    overflow: hidden;
    background: #082719;
    color: #fff;
}

.kvkk-hero-image {
    position: absolute;
    inset: 0;
    background: url('../images/aycan-gida-ara-sayfa.jpg') center 48% / cover no-repeat;
    transform: scale(1.025);
}

.kvkk-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(4,27,16,.97) 0%, rgba(4,27,16,.84) 42%, rgba(4,27,16,.46) 72%, rgba(4,27,16,.18) 100% );
}

.kvkk-hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 120px;
}

.kvkk-hero-title {
    max-width: 970px;
}

    .kvkk-hero-title h1 {
        margin: 0 0 27px;
        font-family: Georgia,"Times New Roman",serif;
        font-size: clamp(65px,6.6vw,102px);
        line-height: .90;
        letter-spacing: -4px;
        font-weight: 500;
    }

        .kvkk-hero-title h1 span {
            display: block;
            color: var(--gold);
            font-style: italic;
        }

    .kvkk-hero-title p {
        max-width: 640px;
        margin: 0;
        color: rgba(255,255,255,.82);
        font-size: 16px;
        line-height: 1.8;
    }

.kvkk-page-number {
    position: absolute;
    right: 4%;
    bottom: 28px;
    z-index: 2;
    color: rgba(255,255,255,.12);
    font-family: Georgia,serif;
    font-size: 58px;
}


/* =========================================================
   CONTROLLER
   ========================================================= */

.kvkk-controller {
    padding: 130px 0;
    background: #f3efe5;
}

.kvkk-controller-grid {
    display: grid;
    grid-template-columns: 150px 1fr 250px;
    gap: 60px;
    align-items: center;
}

.kvkk-controller-number {
    align-self: start;
    padding-top: 15px;
    color: rgba(30,75,51,.10);
    font-family: Georgia,serif;
    font-size: 90px;
}

.kvkk-controller-copy {
    max-width: 740px;
}

    .kvkk-controller-copy h2 {
        margin: 0 0 28px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.8vw,77px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .kvkk-controller-copy h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .kvkk-controller-copy p {
        margin: 0 0 18px;
        color: #5b685f;
        font-size: 15px;
        line-height: 1.85;
    }

    .kvkk-controller-copy .kvkk-controller-lead {
        color: #304a3b;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.6;
    }

.kvkk-controller-line {
    width: 75px;
    height: 1px;
    margin: 31px 0;
    background: #b6924d;
}


/* COMPANY INFO */

.kvkk-controller-info {
    border-top: 1px solid #d0c6b5;
}

    .kvkk-controller-info > div {
        display: grid;
        grid-template-columns: 155px 1fr;
        gap: 25px;
        padding: 17px 0;
        border-bottom: 1px solid #d0c6b5;
    }

    .kvkk-controller-info small {
        color: #9f7b3b;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.7px;
    }

    .kvkk-controller-info strong {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 17px;
        line-height: 1.45;
        font-weight: 500;
    }


/* 6698 CIRCLE */

.kvkk-controller-mark {
    width: 225px;
    height: 225px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #c8ad73;
    border-radius: 50%;
    text-align: center;
}

    .kvkk-controller-mark span {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 56px;
    }

    .kvkk-controller-mark small {
        margin-top: 13px;
        color: #9c793b;
        font-size: 7px;
        font-weight: 900;
        line-height: 1.5;
        letter-spacing: 1.6px;
    }


/* =========================================================
   DATA
   ========================================================= */

.kvkk-data {
    position: relative;
    overflow: hidden;
    padding: 125px 0 145px;
    background: #103523;
    color: #fff;
}

.kvkk-data-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .kvkk-data-head h2 {
        margin: 0;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .kvkk-data-head h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .kvkk-data-head > p {
        max-width: 520px;
        margin: 0;
        color: rgba(255,255,255,.67);
        font-size: 14px;
        line-height: 1.82;
    }


/* DATA CARDS */

.kvkk-data-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: rgba(255,255,255,.12);
}

.kvkk-data-card {
    min-height: 330px;
    padding: 30px 28px;
    background: rgba(255,255,255,.055);
    transition: transform .28s ease, background .28s ease, color .28s ease;
}

    .kvkk-data-card:hover {
        transform: translateY(-7px);
        background: #f3efe5;
        color: #103523;
    }

    .kvkk-data-card > span {
        display: block;
        margin-bottom: 58px;
        color: rgba(255,255,255,.16);
        font-family: Georgia,serif;
        font-size: 31px;
    }

    .kvkk-data-card small {
        display: block;
        margin-bottom: 13px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .kvkk-data-card h3 {
        margin: 0 0 15px;
        font-family: Georgia,serif;
        font-size: 27px;
        font-weight: 500;
    }

    .kvkk-data-card p {
        margin: 0;
        color: rgba(255,255,255,.63);
        font-size: 13px;
        line-height: 1.75;
    }

    .kvkk-data-card:hover p {
        color: #657168;
    }

    .kvkk-data-card:hover > span {
        color: #c8bca7;
    }

.kvkk-data-word {
    position: absolute;
    left: 3%;
    bottom: -41px;
    color: rgba(255,255,255,.03);
    font-family: Georgia,serif;
    font-size: 120px;
    font-weight: 700;
    pointer-events: none;
}


/* =========================================================
   PURPOSE
   ========================================================= */

.kvkk-purpose {
    padding: 125px 0;
    background: #f3efe5;
}

.kvkk-purpose-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.kvkk-purpose-title {
    position: relative;
}

.kvkk-purpose-number {
    position: absolute;
    right: 15px;
    top: -35px;
    color: rgba(30,75,51,.07);
    font-family: Georgia,serif;
    font-size: 82px;
}

.kvkk-purpose-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .kvkk-purpose-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }


/* PURPOSE LIST */

.kvkk-purpose-list {
    border-top: 1px solid #d0c6b5;
}

    .kvkk-purpose-list > div {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 25px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
    }

        .kvkk-purpose-list > div > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .kvkk-purpose-list small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .kvkk-purpose-list strong {
        color: #103523;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }


/* =========================================================
   METHOD
   ========================================================= */

.kvkk-method {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.kvkk-method-grid {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 100px;
    align-items: center;
}

.kvkk-method-copy {
    max-width: 760px;
}

    .kvkk-method-copy h2 {
        margin: 0 0 28px;
        font-family: Georgia,serif;
        font-size: clamp(52px,4.7vw,75px);
        line-height: .96;
        letter-spacing: -2.4px;
        font-weight: 500;
    }

        .kvkk-method-copy h2 em {
            display: block;
            color: var(--gold);
            font-weight: 400;
        }

    .kvkk-method-copy p {
        margin: 0 0 18px;
        color: rgba(255,255,255,.67);
        font-size: 15px;
        line-height: 1.85;
    }

    .kvkk-method-copy .kvkk-method-lead {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 20px;
        line-height: 1.55;
    }


/* WARNING */

.kvkk-method-warning {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 20px;
    max-width: 680px;
    margin-top: 32px;
    padding-top: 27px;
    border-top: 1px solid rgba(255,255,255,.18);
    align-items: center;
}

    .kvkk-method-warning > span {
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center;
        border: 1px solid var(--gold);
        border-radius: 50%;
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 20px;
    }

    .kvkk-method-warning small {
        display: block;
        margin-bottom: 6px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .kvkk-method-warning strong {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 18px;
        line-height: 1.45;
        font-weight: 500;
    }


/* MARK */

.kvkk-method-mark {
    width: 240px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(204,170,102,.65);
    border-radius: 50%;
    text-align: center;
}

    .kvkk-method-mark span {
        color: var(--gold);
        font-family: Georgia,serif;
        font-size: 28px;
    }

    .kvkk-method-mark strong {
        margin-top: 15px;
        font-family: Georgia,serif;
        font-size: 27px;
        line-height: 1.05;
        font-weight: 500;
    }


/* =========================================================
   RIGHTS
   ========================================================= */

.kvkk-rights {
    padding: 125px 0 145px;
    background: #f3efe5;
}

.kvkk-rights-head {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 85px;
    align-items: end;
    margin-bottom: 55px;
}

    .kvkk-rights-head h2 {
        margin: 0;
        color: #103523;
        font-family: Georgia,serif;
        font-size: clamp(53px,4.9vw,78px);
        line-height: .95;
        letter-spacing: -2.5px;
        font-weight: 500;
    }

        .kvkk-rights-head h2 em {
            display: block;
            color: #a9823e;
            font-weight: 400;
        }

    .kvkk-rights-head > p {
        max-width: 530px;
        margin: 0;
        color: #5f6c63;
        font-size: 14px;
        line-height: 1.82;
    }


/* RIGHTS CARDS */

.kvkk-rights-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
    background: #d5cdbc;
}

.kvkk-right-card {
    min-height: 290px;
    padding: 29px 27px;
    background: #fff;
    transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

    .kvkk-right-card:hover {
        z-index: 3;
        transform: translateY(-7px);
        background: #103523;
        box-shadow: 0 24px 55px rgba(25,48,33,.15);
    }

    .kvkk-right-card > span {
        display: block;
        margin-bottom: 48px;
        color: #d1c5af;
        font-family: Georgia,serif;
        font-size: 29px;
    }

    .kvkk-right-card h3 {
        margin: 0 0 15px;
        color: #103523;
        font-family: Georgia,serif;
        font-size: 23px;
        line-height: 1.12;
        font-weight: 500;
    }

    .kvkk-right-card p {
        margin: 0;
        color: #657168;
        font-size: 13px;
        line-height: 1.75;
    }

    .kvkk-right-card:hover h3 {
        color: #fff;
    }

    .kvkk-right-card:hover p {
        color: rgba(255,255,255,.68);
    }

    .kvkk-right-card:hover > span {
        color: rgba(255,255,255,.17);
    }


/* =========================================================
   APPLICATION
   ========================================================= */

.kvkk-application {
    padding: 125px 0;
    background: #103523;
    color: #fff;
}

.kvkk-application-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.kvkk-application-title {
    position: relative;
}

.kvkk-application-number {
    position: absolute;
    right: 15px;
    top: -35px;
    color: rgba(255,255,255,.07);
    font-family: Georgia,serif;
    font-size: 82px;
}

.kvkk-application-title h2 {
    margin: 0 0 22px;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .kvkk-application-title h2 em {
        display: block;
        color: var(--gold);
        font-weight: 400;
    }

.kvkk-application-title > p {
    max-width: 500px;
    margin: 0;
    color: rgba(255,255,255,.67);
    font-size: 14px;
    line-height: 1.8;
}


/* APPLICATION INFO */

.kvkk-application-info {
    border-top: 1px solid rgba(255,255,255,.18);
}

    .kvkk-application-info > div {
        display: grid;
        grid-template-columns: 55px 1fr;
        gap: 20px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,.18);
    }

        .kvkk-application-info > div > span {
            color: var(--gold);
            font-size: 20px;
        }

    .kvkk-application-info small {
        display: block;
        margin-bottom: 5px;
        color: var(--gold);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .kvkk-application-info strong {
        color: #fff;
        font-family: Georgia,serif;
        font-size: 19px;
        line-height: 1.4;
        font-weight: 500;
    }

    .kvkk-application-info > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 65px;
        border-bottom: 1px solid rgba(255,255,255,.18);
        color: #fff;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.5px;
    }

        .kvkk-application-info > a b {
            color: var(--gold);
        }


/* =========================================================
   RELATED
   ========================================================= */

.kvkk-related {
    padding: 120px 0;
    background: #fff;
}

.kvkk-related-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 100px;
    align-items: center;
}

.kvkk-related-title h2 {
    margin: 0;
    color: #103523;
    font-family: Georgia,serif;
    font-size: clamp(52px,4.7vw,75px);
    line-height: .96;
    letter-spacing: -2.4px;
    font-weight: 500;
}

    .kvkk-related-title h2 em {
        display: block;
        color: #a9823e;
        font-weight: 400;
    }

.kvkk-related-links {
    border-top: 1px solid #d0c6b5;
}

    .kvkk-related-links a {
        display: grid;
        grid-template-columns: 65px 1fr 30px;
        gap: 20px;
        min-height: 105px;
        align-items: center;
        border-bottom: 1px solid #d0c6b5;
        color: #103523;
        transition: padding .25s ease;
    }

        .kvkk-related-links a:hover {
            padding-left: 15px;
        }

        .kvkk-related-links a > span {
            color: #a9823e;
            font-family: Georgia,serif;
            font-size: 29px;
        }

    .kvkk-related-links small {
        display: block;
        margin-bottom: 5px;
        color: #a9823e;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 1.8px;
    }

    .kvkk-related-links strong {
        font-family: Georgia,serif;
        font-size: 20px;
        font-weight: 500;
    }

    .kvkk-related-links b {
        color: #a9823e;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px) {

    .kvkk-controller-grid,
    .kvkk-data-head,
    .kvkk-purpose-grid,
    .kvkk-method-grid,
    .kvkk-rights-head,
    .kvkk-application-grid,
    .kvkk-related-grid {
        grid-template-columns: 1fr;
    }

    .kvkk-controller-mark,
    .kvkk-method-mark {
        display: none;
    }

    .kvkk-data-grid,
    .kvkk-rights-grid {
        grid-template-columns: 1fr 1fr;
    }
}


@media(max-width:620px) {

    .kvkk-hero {
        height: 540px;
        min-height: 540px;
    }

    .kvkk-hero-title h1 {
        font-size: 49px;
        letter-spacing: -2px;
    }

    .kvkk-controller {
        padding: 80px 0;
    }

    .kvkk-controller-number {
        font-size: 58px;
    }

    .kvkk-controller-copy h2 {
        font-size: 47px;
    }

    .kvkk-controller-info > div {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .kvkk-data {
        padding: 80px 0 90px;
    }

    .kvkk-data-head h2 {
        font-size: 47px;
    }

    .kvkk-data-grid {
        grid-template-columns: 1fr;
    }

    .kvkk-data-card {
        min-height: 270px;
    }

    .kvkk-data-word {
        font-size: 55px;
    }

    .kvkk-purpose,
    .kvkk-method,
    .kvkk-rights,
    .kvkk-application,
    .kvkk-related {
        padding: 80px 0;
    }

    .kvkk-purpose-grid,
    .kvkk-application-grid,
    .kvkk-related-grid {
        gap: 50px;
    }

    .kvkk-purpose-title h2,
    .kvkk-method-copy h2,
    .kvkk-rights-head h2,
    .kvkk-application-title h2,
    .kvkk-related-title h2 {
        font-size: 47px;
    }

    .kvkk-rights-grid {
        grid-template-columns: 1fr;
    }

    .kvkk-right-card {
        min-height: 260px;
    }
}
/* =========================================================
   ILETISIM FORMU - KVKK + DURUM
   ========================================================= */

.contact-kvkk {
    margin: 2px 0 22px 0;
}


    .contact-kvkk label {
        display: grid;
        grid-template-columns: 18px 1fr;
        gap: 11px;
        align-items: start;
        cursor: pointer;
    }


    .contact-kvkk input {
        width: 16px;
        height: 16px;
        margin: 2px 0 0;
        accent-color: #103523;
    }


    .contact-kvkk span {
        color: #69736c;
        font-size: 11px;
        line-height: 1.65;
    }


    .contact-kvkk a {
        color: #9b7938;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 2px;
    }


        .contact-kvkk a:hover {
            color: #103523;
        }


/* HONEYPOT */

.contact-hp {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}


/* BUTON DISABLED */

.contact-page-submit:disabled {
    opacity: .65;
    cursor: not-allowed;
    transform: none !important;
}


/* FORM MESAJI */

.contact-page-form-message {
    min-height: 22px;
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.6;
}


    .contact-page-form-message.success {
        color: #25734a;
    }


    .contact-page-form-message.error {
        color: #b64242;
    }

/* =========================================================
   İÇ SAYFA KARTLARI - ALT İLERLEME ANİMASYONU
   ========================================================= */

.about-value-card,
.mvd-value-card,
.chair-future-card,
.policy-card,
.social-value-card,
.company-number-card,
.company-investor-card,
.assembly-type-card,
.governance-board-card,
.financial-type-card,
.ipo-document-card,
.facility-process-card,
.hazel-journey-card,
.career-value-card,
.contact-page-card,
.sustain-page-value-card,
.trace-page-process-card,
.trace-page-value-card,
.safe-page-principle-card,
.safe-page-standard-card,
.privacy-data-card,
.privacy-security-card,
.kvkk-data-card,
.kvkk-right-card,
.sitemap-page-card {
    position: relative;
}

.about-value-card::after,
.mvd-value-card::after,
.chair-future-card::after,
.policy-card::after,
.social-value-card::after,
.company-number-card::after,
.company-investor-card::after,
.assembly-type-card::after,
.governance-board-card::after,
.financial-type-card::after,
.ipo-document-card::after,
.facility-process-card::after,
.hazel-journey-card::after,
.career-value-card::after,
.contact-page-card::after,
.sustain-page-value-card::after,
.trace-page-process-card::after,
.trace-page-value-card::after,
.safe-page-principle-card::after,
.safe-page-standard-card::after,
.privacy-data-card::after,
.privacy-security-card::after,
.kvkk-data-card::after,
.kvkk-right-card::after,
.sitemap-page-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .36s cubic-bezier(.2,.7,.2,1);
    pointer-events: none;
    z-index: 5;
}

.about-value-card:hover::after,
.mvd-value-card:hover::after,
.chair-future-card:hover::after,
.policy-card:hover::after,
.social-value-card:hover::after,
.company-number-card:hover::after,
.company-investor-card:hover::after,
.assembly-type-card:hover::after,
.governance-board-card:hover::after,
.financial-type-card:hover::after,
.ipo-document-card:hover::after,
.facility-process-card:hover::after,
.hazel-journey-card:hover::after,
.career-value-card:hover::after,
.contact-page-card:hover::after,
.sustain-page-value-card:hover::after,
.trace-page-process-card:hover::after,
.trace-page-value-card:hover::after,
.safe-page-principle-card:hover::after,
.safe-page-standard-card:hover::after,
.privacy-data-card:hover::after,
.privacy-security-card:hover::after,
.kvkk-data-card:hover::after,
.kvkk-right-card:hover::after,
.sitemap-page-card:hover::after {
    transform: scaleX(1);
}
/* =========================================================
   GÜVENLİ ÜRETİM - ISO BELGE LİNKLERİ
========================================================= */

.safe-page-cert-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 22px;
    padding-bottom: 7px;
    color: #b58a3a;
    border-bottom: 1px solid rgba(181, 138, 58, .55);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-decoration: none;
    transition: color .25s ease, border-color .25s ease, gap .25s ease;
}

    .safe-page-cert-link span {
        font-size: 15px;
        line-height: 1;
        transition: transform .25s ease;
    }

    .safe-page-cert-link:hover {
        color: #d0a653;
        border-color: #d0a653;
        gap: 16px;
    }

        .safe-page-cert-link:hover span {
            transform: translate(2px, -2px);
        }