:root{
  --veil:rgba(40,42,58,.66);
  --panel:rgba(0,0,0,.35);
  --panel-2:rgba(0,0,0,.50);
  --w:#ffffff;
  --w-80:rgba(255,255,255,.82);
  --w-60:rgba(255,255,255,.62);
  --w-30:rgba(255,255,255,.30);
  --display:"Roboto Slab",Georgia,serif;
  --body:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --gut:clamp(20px,7.82vw,150px);
  --head:clamp(72px,7.21vw,138px);
  --foot:clamp(52px,4.4vw,84px);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--body);font-size:clamp(15px,1.02vw,19px);line-height:1.7;color:var(--w-80);background:#22242f;overflow:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
:focus-visible{outline:2px solid var(--w);outline-offset:3px}

.bg{position:fixed;inset:0;z-index:0;background-size:cover;background-position:center;filter:saturate(.5)}
.bg::after{content:"";position:absolute;inset:0;background:var(--veil)}
body.home .bg{display:none}

/* ---------------- HEADER ---------------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--head);display:flex;padding:0 var(--gut)}
.hdr-in{width:100%;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--w-30)}
.brand img{height:clamp(30px,2.92vw,56px);width:auto;filter:brightness(0) invert(1)}
.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(16px,3.35vw,64px)}
.nav a{position:relative;font-size:clamp(14px,1.05vw,20px);color:var(--w);padding:5px 0;white-space:nowrap;transition:opacity .3s}
.nav a::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--w);transition:width .35s var(--ease)}
.nav a:hover{opacity:.82}
.nav a:hover::after,.nav a.active::after{width:100%}
.burger{display:none;width:28px;height:19px;position:relative;margin-left:auto}
.burger i{position:absolute;left:0;height:2px;width:100%;background:var(--w);transition:.35s var(--ease)}
.burger i:nth-child(1){top:0}.burger i:nth-child(2){top:8.5px}.burger i:nth-child(3){top:17px}
body.menu-open .burger i:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
body.menu-open .burger i:nth-child(2){opacity:0}
body.menu-open .burger i:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
.mnav-veil{position:fixed;inset:0;z-index:61;background:rgba(16,18,28,.5);opacity:0;visibility:hidden;transition:.4s var(--ease)}
body.menu-open .mnav-veil{opacity:1;visibility:visible}
.mobile-nav{position:fixed;top:0;right:0;bottom:0;z-index:62;width:min(88vw,420px);background:#282a3a;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(102%);visibility:hidden;transition:.45s var(--ease)}
body.menu-open .mobile-nav{transform:none;visibility:visible}
.mnav-top{display:flex;align-items:center;justify-content:space-between;flex:none;padding:23px 24px;border-bottom:1px solid rgba(255,255,255,.14)}
.mnav-top img{height:clamp(26px,7.4vw,32px);width:auto;filter:brightness(0) invert(1)}
.mnav-close{position:relative;width:30px;height:30px;flex:none;margin-right:-6px}
.mnav-close::before,.mnav-close::after{content:"";position:absolute;left:50%;top:50%;width:21px;height:1.5px;background:var(--w-80);transform:translate(-50%,-50%) rotate(45deg);transition:background .3s}
.mnav-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.mnav-close:hover::before,.mnav-close:hover::after{background:var(--w)}
.mnav-links{display:flex;flex-direction:column;flex:none}
.mnav-links a{color:var(--w);font-size:17px;padding:17px 24px;border-bottom:1px solid rgba(255,255,255,.14)}
.mnav-foot{margin-top:clamp(48px,11vh,100px);padding:0 24px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:12.5px;line-height:1.55;color:var(--w-60)}
.mnav-foot a{transition:opacity .3s}
.mnav-foot a:hover{opacity:.72}
.mnav-har img{height:13px;width:auto;opacity:.92;margin-top:4px}

/* ---------------- ANASAYFA UYARI BİLDİRİMİ ---------------- */
.notice-veil{position:fixed;inset:0;z-index:70;background:rgba(16,18,28,.62);display:none;align-items:center;justify-content:center;padding:20px}
.notice-veil.show{display:flex}
.notice{position:relative;max-width:680px;max-height:86vh;overflow-y:auto;background:#282a3a;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:clamp(26px,4.6vw,42px)}
.notice h2{font-family:var(--display);font-weight:700;color:var(--w);font-size:clamp(16.5px,2.1vw,21px);line-height:1.45;padding-right:28px;margin-bottom:17px}
.notice p{color:var(--w-80);font-size:clamp(14px,1.02vw,16.5px);margin-bottom:13px}
.notice p:last-child{margin-bottom:0}
.notice-x{position:absolute;top:15px;right:15px;width:30px;height:30px}
.notice-x::before,.notice-x::after{content:"";position:absolute;left:50%;top:50%;width:21px;height:1.5px;background:var(--w-80);transform:translate(-50%,-50%) rotate(45deg);transition:background .3s}
.notice-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.notice-x:hover::before,.notice-x:hover::after{background:var(--w)}

/* ---------------- İÇERİK ALANI ---------------- */
.shell{position:fixed;left:0;right:0;top:var(--head);bottom:0;z-index:10;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) transparent}
.shell::-webkit-scrollbar{width:9px}
.shell::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42);border-radius:9px;border:3px solid transparent;background-clip:content-box}
.shell::-webkit-scrollbar-track{background:transparent}
body.home .shell{overflow:hidden}
.page{padding:clamp(14px,1.36vw,26px) var(--gut) calc(var(--foot) + 26px);min-height:100%}
.p-title{font-family:var(--display);font-weight:700;font-size:clamp(20px,1.72vw,33px);color:var(--w);line-height:1.3}
.p-title + *{margin-top:clamp(28px,4.2vw,80px)}

/* ---------------- SLIDER ---------------- */
.slider{position:fixed;inset:0;z-index:1;overflow:hidden;background:#22242f}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease)}
.slide.on{opacity:1}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.5);transform:scale(1.05);transition:transform 8s linear}
.slide.on .slide-bg{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;background:var(--veil)}
.slide-cap{position:absolute;left:var(--gut);right:var(--gut);bottom:29%;text-align:right;z-index:3}
.slide-cap h2{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.82vw,54px);line-height:1.22;color:var(--w);opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease) .22s,transform .9s var(--ease) .22s}
.slide.on .slide-cap h2{opacity:1;transform:none}
.s-dots{position:absolute;right:var(--gut);bottom:22%;z-index:4;display:flex;align-items:center;gap:clamp(15px,1.8vw,34px)}
.s-dots button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}
.s-dots button i{display:block;width:11px;height:11px;border-radius:50%;background:var(--w);transition:.3s var(--ease)}
.s-dots button.on i{width:21px;height:21px;background:transparent;border:5px solid var(--w)}
.s-dots button:hover i{transform:scale(1.12)}

/* ---------------- FAALİYET ALANLARI ---------------- */
.areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(13px,1.83vw,35px);row-gap:clamp(15px,2.04vw,39px)}
.area{min-height:clamp(84px,7.68vw,147px);display:flex;align-items:center;padding:14px clamp(16px,1.36vw,26px);border-radius:10px;background:var(--panel);transition:background .35s var(--ease),transform .35s var(--ease)}
.area:hover,.area.hl{background:var(--panel-2);transform:translateY(-3px)}
.area h3{font-family:var(--display);font-weight:400;font-size:clamp(15px,1.2vw,23px);line-height:1.36;color:#d9dbe3}

/* ---------------- METİN SAYFASI ---------------- */
.prose p{margin-bottom:22px;text-align:justify;line-height:1.78;color:var(--w-80)}
.prose p:last-child{margin-bottom:0}
.values{list-style:disc;margin:clamp(22px,3vw,52px) 0;padding-left:clamp(18px,1.6vw,30px);line-height:1.78}
.values li{color:var(--w-80)}
.values li::marker{color:var(--w-60)}

/* ---------------- EKİP ---------------- */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(16px,4.9vw,94px);row-gap:clamp(26px,6.4vw,122px)}
.tcard{display:block;transition:transform .4s var(--ease)}
.tcard:hover{transform:translateY(-5px)}
.tphoto{aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.tphoto img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:bottom center}
.ph-fb{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:clamp(30px,3vw,46px);color:var(--w-60);background:var(--panel)}
.tinfo{text-align:center;margin-top:clamp(14px,1.6vw,30px)}
.tinfo h3{font-family:var(--display);font-weight:700;font-size:clamp(14px,1.15vw,22px);line-height:1.3;color:var(--w)}
.tinfo span{display:block;margin-top:clamp(6px,.6vw,11px);font-size:clamp(12px,.92vw,17px);color:var(--w-60)}

/* ---------------- AVUKAT DETAYI ---------------- */
.member{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:start;margin-top:clamp(12px,3vw,58px)}
.member-left{text-align:center}
.member-photo{width:clamp(180px,14.3vw,275px);margin:0 auto}
.member-photo img{width:100%;height:auto}
.member-name{font-family:var(--display);font-weight:700;font-size:clamp(18px,1.5vw,29px);color:var(--w);margin-top:clamp(14px,1.3vw,25px);line-height:1.3}
.member-role{margin-top:clamp(5px,.5vw,10px);font-size:clamp(13px,.95vw,18px);color:var(--w-60)}
.block{margin-top:clamp(16px,1.9vw,36px)}
.block:first-child{margin-top:0}
.block h4{font-family:var(--body);font-weight:600;font-size:clamp(13px,.92vw,18px);color:var(--w);margin-bottom:clamp(10px,1vw,19px)}
.block ul{list-style:none}
.block p,.block li{font-size:clamp(14px,1vw,19px);line-height:1.5;color:var(--w-80)}
.block a{transition:color .3s}
.block a:hover{color:var(--w)}
.vcard-link{font-weight:600;color:var(--w)}

/* ---------------- İLETİŞİM ---------------- */
.contact{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:clamp(28px,4.6vw,88px);align-items:start}
.c-title{font-family:var(--display);font-weight:700;font-size:clamp(20px,1.65vw,32px);color:var(--w);margin-bottom:clamp(22px,2.6vw,44px)}
.office + .office{margin-top:clamp(26px,2.8vw,46px)}
.office h3{font-weight:600;font-size:clamp(17px,1.25vw,24px);color:var(--w);margin-bottom:clamp(12px,1.2vw,22px)}
.office ul{list-style:none;display:grid;gap:clamp(11px,1.2vw,21px)}
.office li{display:flex;gap:clamp(12px,1.1vw,20px);align-items:flex-start;line-height:1.55}
.office li svg{flex:0 0 auto;width:clamp(14px,1.05vw,19px);height:clamp(14px,1.05vw,19px);margin-top:.35em;fill:var(--w);opacity:.9}
.office a:hover{color:var(--w)}
.map{border-radius:4px;overflow:hidden;height:clamp(230px,23.5vw,310px);background:var(--panel)}
.map iframe{width:100%;height:100%;border:0}
.form{margin-top:clamp(14px,1.5vw,26px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.1vw,20px)}
.form .full{grid-column:1/-1}
.form input,.form textarea{width:100%;background:var(--panel-2);border:0;border-radius:4px;color:var(--w);padding:clamp(14px,1.25vw,23px) clamp(14px,1.15vw,21px);font:inherit;transition:background .3s}
.form input::placeholder,.form textarea::placeholder{color:var(--w-60);font-style:italic}
.form input:focus,.form textarea:focus{outline:0;background:rgba(18,19,28,.62)}
.form textarea{min-height:clamp(110px,10.5vw,148px);resize:vertical}
.consent{grid-column:1/-1;display:flex;gap:11px;align-items:flex-start;font-size:clamp(13px,.86vw,16px);color:var(--w-60)}
.consent input{margin-top:.4em;width:16px;height:16px;accent-color:#fff;flex:0 0 auto}
.submit{grid-column:1/-1;justify-self:start;background:var(--panel-2);border-radius:4px;padding:13px 42px;letter-spacing:.08em;color:var(--w);transition:background .3s}
.submit:hover{background:rgba(255,255,255,.18)}
.form-note{grid-column:1/-1;min-height:18px;color:var(--w)}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}

/* ---------------- FOOTER ---------------- */
.ftr{position:fixed;left:0;right:0;bottom:0;z-index:40;height:var(--foot);display:flex;align-items:center;padding:0 var(--gut);pointer-events:none}
.ftr-in{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:clamp(12px,.92vw,18px);color:var(--w-80);pointer-events:auto}
.ftr a{transition:opacity .3s}
.ftr a:hover{opacity:.72}
.ftr-credit{display:flex;align-items:center;gap:14px}
.ftr-credit img{height:clamp(11px,.86vw,17px);opacity:.9}

@media(max-width:960px){
  .nav{display:none}
  .burger{display:block}
  .areas,.team{grid-template-columns:repeat(2,minmax(0,1fr))}
  .member,.contact{grid-template-columns:1fr;gap:clamp(24px,4vw,44px)}
  .member-left{margin-bottom:8px}
  .slide-cap{text-align:left;bottom:31%}
  .s-dots{left:var(--gut);right:auto;bottom:23%}
  .ftr-in{justify-content:center;flex-wrap:wrap;gap:6px 16px;text-align:center}
}
@media(max-width:620px){
  .areas,.team{grid-template-columns:1fr}
  .prose p{text-align:left}
  .form{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;transition-duration:.001s!important}
  .slide-bg{transform:none!important}
}

/* slayt görselleri */
.s-slide-01 .slide-bg{background-image:url(/assets/img/slide-01.webp)}
.s-slide-07 .slide-bg{background-image:url(/assets/img/slide-07.webp)}
.s-slide-06 .slide-bg{background-image:url(/assets/img/slide-06.webp)}
.s-slide-03 .slide-bg{background-image:url(/assets/img/slide-03.webp)}
.s-slide-05 .slide-bg{background-image:url(/assets/img/slide-05.webp)}
@media(max-width:700px){
  .s-slide-01 .slide-bg{background-image:url(/assets/img/slide-01-mobile.webp)}
  .s-slide-07 .slide-bg{background-image:url(/assets/img/slide-07-mobile.webp)}
  .s-slide-06 .slide-bg{background-image:url(/assets/img/slide-06-mobile.webp)}
  .s-slide-03 .slide-bg{background-image:url(/assets/img/slide-03-mobile.webp)}
  .s-slide-05 .slide-bg{background-image:url(/assets/img/slide-05-mobile.webp)}
}