@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');
:root{--red:#e21d2f;--black:#101114;--soft:#f4f4f2;--gray:#717278}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);font-family:Inter,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1220px,calc(100% - 48px));margin:auto}.section{padding:105px 0}.kicker{color:var(--red);font:700 12px "Barlow Condensed";letter-spacing:.18em}h1,h2,h3{font-family:"Barlow Condensed";line-height:1;text-transform:uppercase;margin:0}h2{font-size:clamp(43px,5vw,68px);margin:12px 0 35px}h1 em,h2 em{font-style:normal;color:var(--red)}p{color:var(--gray)}
#loader{position:fixed;inset:0;z-index:999;background:#090a0b;color:#fff;display:grid;place-content:center;text-align:center;transition:.65s}#loader.done{opacity:0;visibility:hidden}.loader-mark{width:112px;height:112px;display:grid;place-items:center;margin:auto;background:var(--red);font:800 44px "Barlow Condensed";clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);animation:spin 1.25s cubic-bezier(.3,.8,.2,1)}#loader strong{font:800 20px "Barlow Condensed";letter-spacing:.2em;margin-top:18px}#loader small{letter-spacing:.14em;color:#aaa}@keyframes spin{0%{transform:rotateY(0) scale(.5);opacity:0}60%{transform:rotateY(540deg) scale(1.15)}100%{transform:rotateY(720deg) scale(1)}}
header{height:88px;position:fixed;z-index:80;top:0;left:0;right:0;background:#0b0c0ef5;color:#fff;border-bottom:1px solid #ffffff20}.nav{height:100%;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;font:800 20px "Barlow Condensed";letter-spacing:.05em;white-space:nowrap}.logo b{width:43px;height:43px;background:var(--red);display:grid;place-items:center;transform:skew(-8deg)}.logo small{display:block;font:500 8px Inter;letter-spacing:.13em;color:#aaa}.nav nav{display:flex;gap:24px;margin-left:auto;font-size:12px}.nav nav a{padding:35px 0;position:relative}.nav nav a:after{content:"";position:absolute;bottom:24px;left:0;width:0;height:2px;background:var(--red);transition:.25s}.nav nav a:hover:after{width:100%}#menuBtn{display:none;background:none;border:0;color:#fff;font-size:23px}#navOverlay{display:none}.nav-panel-head{display:none}.nav-quote,.primary{border:0;background:var(--red);color:#fff;padding:15px 22px;font:700 13px "Barlow Condensed";letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.nav-quote{align-self:stretch;padding:0 25px}
.hero{aspect-ratio:16/9;width:100%;max-height:1080px;min-height:720px;position:relative;background:#111;color:#fff;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-cover{position:absolute;inset:0;background:linear-gradient(90deg,#07080aef 0%,#07080aa8 47%,#07080a35),linear-gradient(0deg,#0009,transparent 55%)}.hero-text{position:relative;z-index:2;padding-top:210px}.hero-text>span{font:600 12px Inter;letter-spacing:.18em}.hero-text h1{font-size:clamp(62px,7.2vw,104px);margin:22px 0}.hero-text p{color:#ddd;max-width:660px;font-size:17px}.hero-text .primary{margin-top:20px}.ratio{position:absolute;z-index:2;right:25px;bottom:20px;font-size:9px;letter-spacing:.2em;color:#ffffff70}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-media{position:relative;opacity:0;transform:translateY(75px) rotate(-5deg)}.about-media.visible{animation:fan 1s cubic-bezier(.2,.85,.2,1) forwards}.about-media img{width:100%;height:570px;object-fit:cover}.year{position:absolute;right:-20px;bottom:-20px;width:145px;height:145px;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 45px "Barlow Condensed";animation:yearMove 4s ease-in-out infinite}.year small{font:500 10px Inter;text-transform:uppercase;letter-spacing:.14em}@keyframes fan{65%{transform:translateY(-10px) rotate(2deg)}100%{opacity:1;transform:none}}@keyframes yearMove{0%,100%{transform:translateX(0)}50%{transform:translateX(-34px) rotate(-3deg)}}.lead{font-size:18px;color:#2b2c30}.branch{display:flex;gap:10px;margin-top:28px}.branch a{padding:11px 15px;border:1px solid #bbb;font:700 12px "Barlow Condensed"}.branch a:first-child{background:var(--red);border-color:var(--red);color:#fff}.reveal{opacity:0;transform:translateY(55px)}.reveal.visible{animation:rise .8s forwards}@keyframes rise{to{opacity:1;transform:none}}
.solutions.dark{background:#111214;color:#fff}.solutions.light{background:#fff}.title{margin-bottom:40px}.weight-grid{display:grid;grid-template-columns:repeat(3,400px);gap:30px;justify-content:center}.service-card{width:400px;height:530px;background:#fff;color:#111;overflow:hidden;border-radius:5px;box-shadow:0 18px 45px #0000001c;flex:0 0 400px;transition:.35s}.dark .service-card{border:1px solid #ffffff16}.service-card:hover{transform:translateY(-9px);box-shadow:0 28px 60px #0004}.service-photo{height:350px;overflow:hidden}.service-photo img{width:100%;height:100%;object-fit:cover;transition:.55s}.service-photo.crop img{height:620px;object-position:top}.service-card:hover img{transform:scale(1.08)}.service-copy{height:180px;padding:20px 24px;position:relative}.service-copy>span{position:absolute;right:18px;bottom:-12px;color:#e21d2f12;font:800 72px "Barlow Condensed"}.service-copy h3{font-size:24px;padding-right:35px}.service-copy p{font-size:11px;line-height:1.45;margin:8px 0}.detail,.read-btn{position:relative;z-index:2;border:0;background:var(--red);color:#fff;padding:9px 13px;font:700 10px Inter;cursor:pointer}.slider-shell{position:relative}.card-track,.project-track{display:flex;gap:26px;overflow:hidden;scroll-behavior:smooth}.building-track .service-card{flex-basis:calc((100% - 78px)/4);width:calc((100% - 78px)/4);height:470px}.building-track .service-photo{height:300px}.slider-btn{position:absolute;z-index:3;top:45%;width:48px;height:48px;border:0;border-radius:50%;background:var(--red);color:#fff;cursor:pointer}.slider-btn.prev{left:-24px}.slider-btn.next{right:-24px}
.projects{background:var(--soft);overflow:hidden}.project-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.project-head button{width:48px;height:48px;border:1px solid #bbb;background:#fff;cursor:pointer}.project-track{padding:0 max(24px,calc((100vw - 1220px)/2));gap:18px}.project-card{position:relative;flex:0 0 300px;height:440px;overflow:hidden;background:#222}.project-card img{width:100%;height:100%;object-fit:cover;transition:.6s}.project-card:hover img{transform:scale(1.13)}.project-card>div{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:end;color:#fff;background:linear-gradient(0deg,#000d,transparent 65%)}.project-card h3{font-size:25px}.project-card small{color:#ddd}
.process{text-align:center;overflow:hidden}.steps{display:flex;align-items:flex-start;margin-top:65px}.step{width:215px;flex:none;position:relative;z-index:2}.step-img{width:155px;height:155px;border:1px solid #aaa;border-radius:50%;padding:8px;background:#fff;margin:auto;position:relative}.step-img:after{content:"";position:absolute;inset:-10px;border:2px dashed var(--red);border-radius:50%;animation:ring 11s linear infinite}.step-img:before{content:"";position:absolute;inset:-17px;border-top:2px solid #111;border-bottom:2px solid #111;border-radius:50%;animation:ringBack 8s linear infinite}.step-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.step h3{font-size:23px;margin-top:25px}.step p{font-size:11px}.connector{height:155px;flex:1;position:relative}.connector:before{content:"";position:absolute;top:76px;left:10px;right:10px;height:2px;background:#bbb}.connector i{position:absolute;top:70px;left:12px;width:14px;height:14px;background:var(--red);border-radius:50%;box-shadow:0 0 0 7px #e21d2f20;animation:ball 3.2s ease-in-out infinite alternate}@keyframes ball{to{left:calc(100% - 24px)}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes ringBack{to{transform:rotate(-360deg)}}
.faq{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.faq-item{border-top:1px solid #ccc}.faq-item:last-child{border-bottom:1px solid #ccc}.faq-item button{width:100%;display:grid;grid-template-columns:42px 1fr 25px;gap:8px;text-align:left;align-items:center;border:0;background:none;padding:22px 0;font-weight:600;cursor:pointer}.faq-item button span{color:var(--red);font-size:10px}.faq-item>div{display:grid;grid-template-rows:0fr;transition:.3s}.faq-item>div p{overflow:hidden;margin:0 50px;font-size:13px}.faq-item.active>div{grid-template-rows:1fr}.faq-item.active>div p{margin-bottom:20px}.faq-image{height:590px;overflow:hidden}.faq-image img{width:100%;height:100%;object-fit:cover;animation:imageFloat 5s ease-in-out infinite}.faq-image:hover img{transform:scale(1.06)}@keyframes imageFloat{0%,100%{object-position:50% 50%}50%{object-position:50% 42%}}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card{border:1px solid #ddd;background:#fff;transition:.35s}.news-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px #0002}.news-card img{width:100%;height:240px;object-fit:cover}.news-card>div{padding:23px}.news-card small{color:var(--red);font-weight:700}.news-card h3{font-size:24px;line-height:1.1;margin:10px 0 22px;text-transform:none}.read-btn{padding:11px 16px}
.contact{background:#111214;color:#fff}.contact-grid{display:grid;grid-template-columns:.86fr 1.14fr}.contact-image{position:relative;overflow:hidden}.contact-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.45);animation:contactMove 7s ease-in-out infinite alternate}.contact-image>div{position:absolute;left:38px;bottom:38px}.contact-image span{color:var(--red);font-size:11px;letter-spacing:.14em}.contact-image h2{font-size:48px;margin:8px 0}@keyframes contactMove{to{transform:scale(1.08) translateX(-10px)}}.quote-form{background:#fff;color:#111;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form .full{grid-column:1/-1}.quote-form label{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#666}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:10px 2px;border:0;border-bottom:1px solid #bbb;outline:none}.form-ok{color:#16833c;font-size:12px;margin:0}
footer{background:#070809;color:#fff;padding:55px 0}.foot{display:flex;align-items:center;justify-content:space-between}.foot p{font:700 24px "Barlow Condensed";text-transform:uppercase}.fixed-social{position:fixed;z-index:90;right:14px;bottom:22px;display:flex;flex-direction:column;gap:7px}.fixed-social a{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:10px;font-weight:700;box-shadow:0 7px 20px #0004}.fixed-social .wa{background:#1db954}.fixed-social .ig{background:#c13584}.fixed-social .call{background:var(--red)}.fixed-social .fb{background:#1877f2}
.modal{position:fixed;z-index:200;inset:0;background:#000c;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-box{width:min(720px,100%);max-height:94vh;overflow:auto;background:#fff;padding:34px;position:relative}.modal-box>button{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.modal-box h2{font-size:43px}.modal-box .quote-form{padding:0}
@media(max-width:1250px){.weight-grid{grid-template-columns:repeat(2,400px)}.building-track .service-card{flex-basis:calc((100% - 52px)/3);width:calc((100% - 52px)/3)}}
@media(max-width:900px){#menuBtn{display:block;margin-left:auto;position:relative;z-index:210}body.nav-open #menuBtn{opacity:0;visibility:hidden;pointer-events:none}.nav-quote{display:none}#navOverlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:150;opacity:0;transition:opacity .3s ease}#navOverlay.open{display:block;opacity:1}.nav nav{display:flex;flex-direction:column;position:fixed;top:0;right:-320px;bottom:0;width:300px;max-width:85vw;height:100vh;margin:0;background:#0e0f11;padding:0 0 30px;gap:0;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:right .35s cubic-bezier(.4,0,.2,1);z-index:200;box-shadow:-12px 0 45px #0008}.nav nav.open{right:0}.nav-panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 20px;border-bottom:1px solid #ffffff1f;color:#fff;font:700 13px 'Barlow Condensed';letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;background:#0e0f11;z-index:2}.nav-panel-head button{background:none;border:0;color:#fff;font-size:19px;cursor:pointer;padding:4px 6px;line-height:1}.nav nav>a{padding:16px 20px;font-size:13px;border-bottom:1px solid #ffffff14;width:100%}.home-drop{width:100%}.home-drop>a{height:auto!important;padding:16px 20px!important;border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;font-size:13px}.home-drop>a:after{content:none}.home-drop>div{display:block;position:static!important;width:auto;transform:none;box-shadow:none;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;background:#161719}.home-drop>div a{color:#ccc;display:block;padding:13px 20px 13px 32px;font-size:12px;border-bottom:1px solid #ffffff0d}.home-drop>div a:hover,.home-drop>div a:active{background:#1f2023;color:#fff}.home-drop.open>a{color:var(--red)}.home-drop.open>div{max-height:2000px}body.nav-open{overflow:hidden}.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.about-media img{height:450px}.weight-grid{grid-template-columns:1fr}.building-track .service-card{flex-basis:calc((100% - 26px)/2);width:calc((100% - 26px)/2)}.steps{display:grid;grid-template-columns:1fr 1fr;gap:45px}.step{width:auto}.connector{display:none}.faq-image{height:420px}.news-grid{grid-template-columns:1fr}.hero{aspect-ratio:auto}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.section{padding:75px 0}.hero-text{padding-top:165px}.hero-text h1{font-size:54px}.weight-grid .service-card{width:100%}.building-track .service-card{flex-basis:100%;width:100%}.service-card{height:500px}.service-photo{height:325px}.steps{grid-template-columns:1fr}.project-card{flex-basis:82vw}.foot{flex-direction:column;gap:20px}.contact-image{min-height:420px}.branch{flex-direction:column}.fixed-social a{width:41px;height:41px}}

/* VOLKAN V3 düzeltmeleri */
.hero video,.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1.2s ease}.hero video{opacity:1}.hero video.inactive{opacity:0}.hero-slide{opacity:0;background-position:center;background-size:cover;transform:scale(1.06)}.hero-slide.active{opacity:1;animation:slideZoom 8s ease-in-out forwards}.slide-one{background-image:url('assets/project-2.jpg')}.slide-two{background-image:url('assets/project-6.jpg')}@keyframes slideZoom{to{transform:scale(1)}}.slide-dots{position:absolute;z-index:4;left:50%;bottom:28px;display:flex;gap:8px}.slide-dots i{width:24px;height:3px;background:#ffffff55;transition:.3s}.slide-dots i.active{width:48px;background:var(--red)}
.about-media.visible{opacity:1;transform:none;animation:none}.about-media.visible>img{animation:photoLeft 7s cubic-bezier(.55,.05,.45,.95) infinite}.about-media.visible .year{animation:yearRight 7s cubic-bezier(.55,.05,.45,.95) infinite}@keyframes photoLeft{0%,100%{transform:translateX(0) rotate(0)}45%,55%{transform:translateX(-34px) rotate(-1.5deg)}}@keyframes yearRight{0%,100%{transform:translateX(0) rotate(0)}45%,55%{transform:translateX(34px) rotate(2deg)}}
.faq-image{border-radius:5px;clip-path:inset(100% 0 0 0);opacity:1;transform:none}.faq-image.visible{animation:faqReveal 1.1s cubic-bezier(.2,.85,.2,1) forwards}.faq-image img{animation:faqFloat 6s ease-in-out infinite;object-position:center;transition:.6s}@keyframes faqReveal{to{clip-path:inset(0 0 0 0)}}@keyframes faqFloat{0%,100%{transform:scale(1.02) translateY(0)}50%{transform:scale(1.06) translateY(-10px)}}
footer{padding:70px 0 0}.footer-top{display:grid;grid-template-columns:1.35fr .8fr 1.15fr 1fr;gap:55px;padding-bottom:55px}.footer-intro .logo{margin-bottom:20px}.footer-intro p{font-size:12px;max-width:280px}.footer-col h4{font:700 16px "Barlow Condensed";text-transform:uppercase;color:var(--red);letter-spacing:.08em}.footer-col a,.footer-col p{display:block;color:#98999d;font-size:11px;margin:9px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1b;padding:20px 0;display:flex;justify-content:space-between;color:#777;font-size:10px}
@media(max-width:1050px){.footer-top{grid-template-columns:1fr 1fr}.nav nav{gap:15px}.nav nav a{font-size:10px}}
@media(max-width:600px){.footer-top{grid-template-columns:1fr}.footer-bottom{gap:20px}.about-media.visible>img{animation:photoLeftMobile 7s ease-in-out infinite}.about-media.visible .year{animation:yearRightMobile 7s ease-in-out infinite}@keyframes photoLeftMobile{0%,100%{transform:none}50%{transform:translateX(-12px)}}@keyframes yearRightMobile{0%,100%{transform:none}50%{transform:translateX(12px)}}}
.faq-image.faq-visible{clip-path:none!important;opacity:1!important;transform:none!important;display:block!important}

/* VOLKAN V5 — kırmızı ve siyah çift çerçeveler */
.building-track .service-card{
  border:3px solid var(--red);
  outline:2px solid #111;
  outline-offset:5px;
  margin:7px 5px 12px;
  box-shadow:8px 8px 0 #111,0 22px 45px #00000020;
}
.building-track .service-card:hover{
  box-shadow:11px 11px 0 var(--red),0 28px 55px #00000030;
}
.faq-image.faq-visible{
  border:5px solid var(--red);
  outline:3px solid #111;
  outline-offset:7px;
  box-shadow:13px 13px 0 #111;
}
.news-card{
  border:3px solid var(--red);
  outline:2px solid #111;
  outline-offset:4px;
  margin:6px;
  box-shadow:8px 8px 0 #111;
}
.news-card:hover{
  box-shadow:11px 11px 0 var(--red),0 24px 50px #00000025;
}

/* VOLKAN V6 — her öğede yalnızca tek ve ince çerçeve */
.building-track .service-card{
  border:2px solid #111;
  outline:none;
  margin:2px;
  box-shadow:0 15px 35px #00000014;
}
.building-track .service-card:nth-child(even){border-color:var(--red)}
.building-track .service-card:hover{
  box-shadow:0 20px 42px #00000020;
}
.faq-image.faq-visible{
  border:2px solid var(--red);
  outline:none;
  box-shadow:0 16px 38px #00000018;
}
.news-card{
  border:2px solid #111;
  outline:none;
  margin:2px;
  box-shadow:0 15px 35px #00000014;
}
.news-card:nth-child(even){border-color:var(--red)}
.news-card:hover{
  box-shadow:0 20px 42px #00000020;
}

/* VOLKAN — masaüstü hover açılır menüsü (yalnızca masaüstü — mobilde çakışıp menüyü bozuyordu) */
@media(min-width:901px){.home-drop{position:relative}.home-drop>div{display:none;position:absolute;top:76px;left:-15px;width:190px;background:#fff;color:#111;padding:10px;box-shadow:0 15px 35px #0003;z-index:30}.home-drop:hover>div{display:block}.home-drop>div a{display:block;padding:8px 10px}.home-drop>div a:hover{background:var(--red);color:#fff}}

/* VOLKAN V8 header düzeltmesi (yalnızca masaüstü — mobilde çakışıp menüyü bozuyordu) */
@media(min-width:901px){.home-drop{position:relative;height:88px;display:flex;align-items:center;flex:none}.home-drop>a{display:flex!important;align-items:center;height:88px;padding:0!important;white-space:nowrap}.home-drop>div{top:88px!important;left:50%!important;transform:translateX(-50%);border-top:3px solid var(--red)}.home-drop>div a{height:auto!important;padding:9px 11px!important}}


/* VOLKAN V10 - kurumsal logo */
.brand-logo{display:block;width:178px;height:auto;max-height:68px;object-fit:contain;object-position:left center}
.footer-logo .brand-logo{width:225px;max-height:none}
.loader-logo{display:block;width:min(360px,78vw);height:auto;animation:logoIntro 1.35s cubic-bezier(.2,.8,.2,1) both}
@keyframes logoIntro{0%{opacity:0;transform:scale(.55) rotateY(-180deg)}70%{opacity:1;transform:scale(1.08) rotateY(12deg)}100%{opacity:1;transform:scale(1) rotateY(0)}}
@media(max-width:1200px){.brand-logo{width:150px}.nav{gap:18px}}
@media(max-width:600px){.brand-logo{width:145px}.footer-logo .brand-logo{width:210px}}

/* Müşteri Yorumları (panelden yönetilir, içerik yoksa bölüm hiç basılmaz) */
.testimonials{background:var(--soft)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.testimonial-card{border:2px solid #111;outline:none;margin:2px;background:#fff;padding:32px;box-shadow:0 15px 35px #00000014;transition:.35s}
.testimonial-card:nth-child(even){border-color:var(--red)}
.testimonial-card:hover{box-shadow:0 20px 42px #00000020;transform:translateY(-8px)}
.testimonial-card p{font-size:14px;color:#333;line-height:1.6}
.testimonial-card b{display:block;margin-top:18px;font:700 16px "Barlow Condensed";text-transform:uppercase;color:var(--black)}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr}}