@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--bg:#080d14;--fg:#e8edf3;--muted:#8b98a8;--line:#202b38;--blue:#1677ff;--blue-soft:#0d3b70;--anth:#101820;--gray:#5f6b78}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.site-nav{position:fixed;z-index:50;top:0;left:0;width:100%;padding:27px 3.8vw;display:flex;justify-content:space-between;align-items:center;color:#fff;mix-blend-mode:difference}.brand{font-size:17px;font-weight:600;letter-spacing:-.055em}.brand span{font-weight:400}.nav-right{display:flex;align-items:center;gap:35px}.nav-location{font-size:9px;letter-spacing:.16em;color:#bbb}.menu-toggle{width:32px;height:25px;background:none;border:0;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer}.menu-toggle i{display:block;height:1px;width:28px;background:#fff}.nav-menu{position:absolute;right:3.8vw;top:72px;background:#101820;border:1px solid #2b3949;padding:28px 34px;display:none;flex-direction:column;gap:20px}.nav-menu.open{display:flex}.nav-menu a{font-size:10px;letter-spacing:.13em;color:#ccc}
.hero{height:100svh;min-height:680px;position:relative;overflow:hidden}.hero-media,.hero-shade,.hero-noise{position:absolute;inset:0}.hero-media{background:radial-gradient(circle at 72% 38%,rgba(22,119,255,.22),transparent 24%),radial-gradient(circle at 25% 70%,rgba(31,86,145,.16),transparent 30%),linear-gradient(135deg,#070d15 0%,#0b1420 48%,#07101a 100%);}.hero-shade{background:linear-gradient(180deg,rgba(3,8,14,.18),transparent 42%,rgba(3,8,14,.72)),linear-gradient(90deg,rgba(4,10,17,.72),transparent 55%,rgba(7,18,31,.28))}.hero-media::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,145,195,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(95,145,195,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 88%);opacity:.7}.hero-media::after{content:"";position:absolute;width:38vw;height:38vw;right:6vw;top:13vh;border-radius:50%;border:1px solid rgba(72,151,255,.16);box-shadow:0 0 90px rgba(22,119,255,.09),inset 0 0 70px rgba(22,119,255,.04);animation:heroPulse 7s ease-in-out infinite}@keyframes heroPulse{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.03);opacity:1}}
.hero-noise{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-inner{position:relative;height:100%;padding:115px 3.8vw 38px;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker,.hero-foot{display:flex;justify-content:space-between;align-items:end;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#aaa}.hero-title{margin-top:auto;margin-bottom:8vh}.hero-title p{font-size:11px;letter-spacing:.18em;margin-bottom:17px}.hero-title h1{font-family:"Space Grotesk";font-weight:500;font-size:clamp(68px,11.7vw,180px);line-height:.77;letter-spacing:-.085em}.hero-title h1 em{font-family:Georgia,serif;font-weight:400}.hero-foot p{font-size:11px;line-height:1.55;letter-spacing:.02em;text-transform:none;color:#bbb}.scroll-mark{display:flex;gap:14px;align-items:center}.scroll-mark b{font-size:17px;font-weight:400}
.statement{display:grid;grid-template-columns:25% 75%;padding:180px 3.8vw;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:.17em;color:#7a8999;text-transform:uppercase}.statement-copy h2{font-family:"Space Grotesk";font-size:clamp(48px,7vw,105px);line-height:.88;letter-spacing:-.075em;font-weight:500}.statement-copy h2 em{font-family:Georgia,serif;font-weight:400}.statement-copy p{max-width:570px;color:#858585;font-size:15px;line-height:1.7;margin-top:65px}
.work{padding:115px 3.8vw}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-bottom:42px;font-size:9px;color:#69798a;letter-spacing:.13em}.feature-project{cursor:pointer}.feature-media{height:min(76vh,850px);position:relative;overflow:hidden;background:#121c27}.feature-media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s ease}.project-hover{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.15);opacity:0;transition:.4s}.project-hover span{font-size:10px;letter-spacing:.17em;text-align:center}.feature-project:hover .feature-media video{transform:scale(1.035)}.feature-project:hover .project-hover{opacity:1}.feature-meta{display:grid;grid-template-columns:8% 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:17px 0}.feature-meta span{font-size:9px;color:#7a8999;letter-spacing:.12em}.feature-meta h3{font-size:14px;font-weight:500}.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:85px}.minimal-project{cursor:pointer}.fake-image{height:60vh;min-height:430px;display:grid;place-items:center;overflow:hidden;position:relative}.fake-image:before{content:"";position:absolute;inset:0;transition:transform .8s}.image-a:before{background:linear-gradient(135deg,#353535,#101820a24 65%,#242424)}.image-b:before{background:linear-gradient(35deg,#101820,#344454 55%,#0b0b0b)}.fake-image span{position:relative;font-family:"Space Grotesk";font-size:clamp(35px,5vw,70px);line-height:.8;text-align:center;color:#69798a;letter-spacing:-.07em}.minimal-project:hover .fake-image:before{transform:scale(1.06)}.minimal-project:hover .fake-image span{color:#ddd}
.services{padding:130px 3.8vw;border-top:1px solid var(--line)}.service-wrap{margin-top:65px}.service-row{display:grid;grid-template-columns:8% 55% 37%;align-items:center;border-bottom:1px solid var(--line);padding:35px 0;transition:.45s}.service-row:hover{padding-left:16px}.service-row small{font-size:9px;color:#69798a}.service-row h3{font-family:"Space Grotesk";font-size:clamp(43px,6vw,85px);line-height:.78;letter-spacing:-.07em;font-weight:500}.service-row h3 em{font-family:Georgia,serif;font-weight:400}.service-row p{max-width:300px;color:#7a8999;font-size:12px;line-height:1.55}
.trusted{padding:145px 3.8vw;border-top:1px solid var(--line)}.trusted-title{font-family:"Space Grotesk";font-size:clamp(55px,10vw,145px);line-height:.8;letter-spacing:-.08em;margin:75px 0}.trusted-title em{font-family:Georgia,serif;font-weight:400}.brand-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.brand-line span{padding:25px 0;text-align:center;font-size:9px;letter-spacing:.16em;color:#5c6a7a;border-right:1px solid var(--line)}.brand-line span:last-child{border:0}
.contact{padding:170px 3.8vw 190px;border-top:1px solid var(--line)}.contact h2{font-family:"Space Grotesk";font-size:clamp(75px,13vw,190px);line-height:.72;letter-spacing:-.09em;font-weight:500;margin:80px 0}.contact h2 em{font-family:Georgia,serif;font-weight:400}.big-contact{font-size:14px;border-bottom:1px solid #5c6a7a;padding-bottom:12px}.big-contact span{margin-left:25px}
footer{border-top:1px solid var(--line);padding:23px 3.8vw;display:flex;justify-content:space-between;color:#5c6a7a;font-size:9px;letter-spacing:.12em}.project-modal{position:fixed;inset:0;z-index:100;display:none;background:rgba(0,0,0,.96);padding:4vw;align-items:center;justify-content:center}.project-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0}.modal-box{position:relative;z-index:2;width:min(1150px,94vw)}.modal-box>video{display:block;max-width:100%;max-height:75vh;margin:auto;background:#071019}.modal-close{position:absolute;right:0;top:-52px;width:38px;height:38px;border:1px solid #465568;border-radius:50%;background:none;color:#fff;font-size:25px;cursor:pointer}.modal-caption{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #344454;margin-top:15px;padding-top:15px}.modal-caption small,.modal-caption>span{font-size:9px;color:#7a8999;letter-spacing:.13em}.modal-caption h2{font-family:"Space Grotesk";font-weight:500;font-size:35px;margin-top:7px}
.cursor,.cursor-follower{position:fixed;pointer-events:none;z-index:200;display:none}.cursor{width:32px;height:32px;background:transparent;border:0;border-radius:0;mix-blend-mode:normal;transform:rotate(0deg);transition:none;will-change:left,top}.cursor img{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(-45deg);filter:drop-shadow(0 0 4px rgba(255,255,255,.16))}.cursor-follower{display:none!important}@media(min-width:900px){.cursor{display:block}}
@media(max-width:800px){.site-nav{padding:22px 5vw}.nav-location{display:none}.nav-menu{right:5vw}.hero-inner{padding:95px 5vw 28px}.hero-title{margin-bottom:7vh}.hero-title h1{font-size:18vw}.hero-foot p{max-width:240px}.statement{grid-template-columns:1fr;gap:55px;padding:110px 5vw}.statement-copy h2{font-size:13vw}.statement-copy p{margin-top:45px}.work,.services,.trusted,.contact{padding-left:5vw;padding-right:5vw}.work{padding-top:90px}.feature-media{height:67vh}.secondary-grid{grid-template-columns:1fr;gap:55px;margin-top:65px}.fake-image{height:55vh}.service-row{grid-template-columns:13% 87%;gap:12px;padding:32px 0}.service-row p{grid-column:2}.service-row h3{font-size:12vw}.brand-line{grid-template-columns:1fr 1fr}.brand-line span:nth-child(2){border-right:0}.brand-line span:nth-child(3),.brand-line span:nth-child(4){display:none}.trusted-title{margin:60px 0}.contact{padding-top:120px;padding-bottom:140px}.contact h2{font-size:17vw;margin:70px 0}.footer{}footer{padding:22px 5vw;gap:14px;flex-wrap:wrap}.modal-box>video{max-width:100%;max-height:70vh}.modal-caption{display:block}.modal-caption>span{display:block;margin-top:20px}}


/* --- PROCESS TIMELINE --- */
.process{padding:145px 3.8vw 165px;border-top:1px solid var(--line);overflow:hidden}
.process-head{display:flex;justify-content:space-between;align-items:start;border-top:1px solid var(--line);padding-top:15px}
.process-head>p{font-size:9px;color:#5c6a7a;letter-spacing:.15em}
.timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:105px}
.timeline-line{position:absolute;top:7px;left:0;right:0;height:1px;background:#2b3949;overflow:hidden}
.timeline-line span{display:block;width:20%;height:100%;background:#ddd;transition:width .7s ease}
.timeline-step{position:relative;padding-right:40px;opacity:.42;transition:opacity .45s,transform .45s}
.timeline-step.active,.timeline-step:hover{opacity:1;transform:translateY(-5px)}
.step-top{height:15px;position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}
.step-top span{font-size:9px;color:#8b98a8;letter-spacing:.12em}
.step-top i{width:15px;height:15px;border:1px solid #69798a;border-radius:50%;background:var(--bg);position:relative;z-index:2;transition:.4s}
.timeline-step.active .step-top i,.timeline-step:hover .step-top i{background:#fff;border-color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.08)}
.timeline-step h3{font-family:"Space Grotesk";font-size:clamp(28px,3.3vw,48px);font-weight:500;letter-spacing:-.06em;margin-bottom:20px}
.timeline-step p{max-width:205px;color:#7a8999;font-size:11px;line-height:1.65}
@media(max-width:800px){
 .process{padding:105px 5vw}
 .process-head{display:block}
 .process-head>p{margin-top:18px}
 .timeline{display:block;margin-top:70px;padding-left:24px}
 .timeline-line{top:0;bottom:0;left:7px;right:auto;width:1px;height:auto}
 .timeline-line span{width:100%;height:20%;transition:height .7s}
 .timeline-step{padding:0 0 65px 30px;opacity:.5}
 .step-top{position:absolute;left:-24px;top:0;width:16px;height:16px;margin:0}
 .step-top span{position:absolute;left:28px;top:2px}
 .timeline-step h3{font-size:13vw;margin-bottom:14px}
 .timeline-step p{max-width:300px}
}


/* --- PREMIERE PRO STYLE MOVING TIMELINE --- */
.edit-timeline{padding:135px 3.8vw 145px;background:#080d14;border-top:1px solid #1e3047;border-bottom:1px solid #1e3047;overflow:hidden}
.edit-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}
.edit-head h2{font-family:"Space Grotesk";font-weight:500;font-size:clamp(55px,8vw,115px);line-height:.78;letter-spacing:-.08em;margin-top:22px}
.edit-head h2 em{font-family:Georgia,serif;font-weight:400}
.edit-status{font-size:9px;letter-spacing:.14em;color:#74809a;display:flex;align-items:center;gap:9px;margin-bottom:4px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#55bfa5;box-shadow:0 0 12px rgba(85,191,165,.5);animation:timelinePulse 1.4s infinite}
@keyframes timelinePulse{50%{opacity:.35;transform:scale(.7)}}
.timeline-window{position:relative;height:305px;background:linear-gradient(180deg,#0b1420,#080f19);border:1px solid #24344a;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden}
.time-ruler{height:38px;border-bottom:1px solid #24344a;display:flex;align-items:end;background:#0d1725}
.ruler-label{width:76px;flex:none;padding:0 0 8px 12px;font-size:7px;color:#61708a;letter-spacing:.1em}
.ticks{height:100%;flex:1;display:flex;align-items:end;justify-content:space-between}
.ticks i{height:9px;width:1px;background:#31405a}.ticks i:nth-child(5n+1){height:15px;background:#52627e}
.timeline-track{display:flex;height:70px;border-bottom:1px solid #1b2b40;position:relative}
.track-label{width:76px;flex:none;display:flex;align-items:center;padding-left:12px;font-size:7px;color:#566782;letter-spacing:.12em;border-right:1px solid #203149;background:#0c1724;z-index:4}
.moving-projects{display:flex;gap:9px;align-items:center;min-width:max-content;padding:9px 20px;animation:timelineMove 26s linear infinite}
.project-chip{height:52px;width:175px;flex:none;border:1px solid #31506d;border-radius:5px;background:linear-gradient(135deg,#16384a,#162a3c 55%,#18233b);display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:7px 9px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.project-chip b{grid-row:1/3;color:#4f9cff;font-size:10px;font-weight:500}
.project-chip strong{font-size:9px;font-weight:500;color:#c5d0dc;white-space:nowrap}
.project-chip small{font-size:6px;letter-spacing:.1em;color:#5c8a8e}
@keyframes timelineMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.footage-track{height:55px}
.moving-blocks{display:flex;gap:6px;align-items:center;width:200%;padding:10px;animation:blocksMove 14s linear infinite}
.moving-blocks span{display:block;height:34px;min-width:50px;border-radius:3px;border:1px solid #27586a;background:linear-gradient(90deg,#0d3541,#155263,#0c3744);position:relative;overflow:hidden}
.moving-blocks span:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(130,210,210,.1) 11px 12px)}
@keyframes blocksMove{to{transform:translateX(-45%)}}
.audio-track{height:55px;border-bottom:0}
.moving-audio{display:flex;align-items:center;gap:7px;width:200%;padding:10px;animation:blocksMove 11s linear infinite}
.moving-audio span{width:80px;height:25px;flex:none;border:1px solid #164f53;border-radius:3px;background:linear-gradient(180deg,#0c4448,#083237);position:relative}
.moving-audio span:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:repeating-linear-gradient(90deg,#23828a 0 2px,transparent 2px 6px);opacity:.7}
.playhead{position:absolute;z-index:10;top:0;bottom:0;left:43.5%;width:1px;background:#1684ff;box-shadow:0 0 10px rgba(22,132,255,.45);pointer-events:none}
.playhead:before{content:"";position:absolute;top:0;left:-7px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #1684ff}
.playhead span{position:absolute;top:12px;left:8px;background:#173d62;color:#70b9ff;border:1px solid #28557b;padding:3px 7px;border-radius:3px;font-size:6px;letter-spacing:.08em;white-space:nowrap}
@media(max-width:800px){
 .edit-timeline{padding:100px 5vw}
 .edit-head{display:block}.edit-status{margin-top:30px}
 .timeline-window{height:270px}.project-chip{width:155px}
 .track-label{width:52px}.ruler-label{width:52px}
 .playhead{left:50%}
}
@media(prefers-reduced-motion:reduce){
 .moving-projects,.moving-blocks,.moving-audio,.status-dot{animation:none}
}


/* --- PROJECTS-ONLY TIMELINE --- */
.edit-timeline .timeline-window{height:205px}
.edit-timeline .project-track{height:105px;border-bottom:0}
.edit-timeline .moving-projects{height:100%;padding:20px 22px;gap:10px;animation:projectsFlow 24s linear infinite}
.edit-timeline .project-chip{
  width:190px;height:62px;
  display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;
  text-decoration:none;color:inherit;cursor:pointer;
  transition:transform .25s,border-color .25s,background .25s;
}
.edit-timeline .project-chip:hover{
  transform:translateY(-3px);
  border-color:#4f7290;
  background:linear-gradient(135deg,#1c4659,#172d41 55%,#1d2942);
}
.edit-timeline .project-chip small{transition:color .25s}
.edit-timeline .project-chip:hover small{color:#76a8b0}
@keyframes projectsFlow{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Playhead: continuous left -> right movement */
.edit-timeline .playhead{
  left:0;
  top:0;
  bottom:0;
  width:1px;
  background:#1684ff;
  box-shadow:0 0 14px rgba(22,132,255,.75);
  animation:playheadFlow 8s linear infinite;
  z-index:20;
}
@keyframes playheadFlow{
  0%{left:0}
  100%{left:100%}
}
.edit-timeline .playhead:before{
  animation:playheadBlink 1s ease-in-out infinite alternate;
}
@keyframes playheadBlink{
  from{filter:brightness(.8)}
  to{filter:brightness(1.5)}
}
.edit-timeline .playhead span{
  transition:opacity .2s;
}

/* Make the timeline feel like one continuous Premiere-style lane */
.edit-timeline .track-label{
  width:88px;
  background:#0b1521;
  color:#71819a;
  border-right:1px solid #29405d;
}
@media(max-width:800px){
  .edit-timeline .timeline-window{height:190px}
  .edit-timeline .project-track{height:100px}
  .edit-timeline .track-label{width:65px}
  .edit-timeline .moving-projects{padding:19px 15px}
  .edit-timeline .project-chip{width:160px;height:60px}
}


/* Real client logos */
.edit-timeline .logo-chip{
  width:225px;
  grid-template-columns:25px 66px 1fr;
  grid-template-rows:1fr;
  gap:10px;
  align-items:center;
  padding:8px 10px;
  text-decoration:none;
}
.edit-timeline .logo-chip>b{grid-column:1;color:#4f9cff;font-size:9px}
.logo-holder{
  grid-column:2;width:66px;height:45px;border-radius:4px;
  background:#fff;display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.logo-holder img{width:100%;height:100%;object-fit:contain;padding:5px;display:block}
.project-chip-info{grid-column:3;display:flex;flex-direction:column;gap:5px;min-width:0}
.project-chip-info strong{font-size:8px;font-weight:500;color:#cbd5df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-chip-info small{font-size:6px;letter-spacing:.1em;color:#5c8a8e}
@media(max-width:800px){
 .edit-timeline .logo-chip{width:200px;grid-template-columns:23px 58px 1fr}
 .logo-holder{width:58px;height:40px}
}

/* --- DIGITAL BLUE / ANTHRACITE THEME --- */
body{
  background:
    radial-gradient(circle at 78% 18%,rgba(17,100,190,.10),transparent 28%),
    radial-gradient(circle at 15% 75%,rgba(22,119,255,.055),transparent 30%),
    var(--bg);
}
.hero-shade{
  background:linear-gradient(180deg,rgba(3,9,16,.42),rgba(5,13,22,.08) 42%,rgba(3,8,14,.88));
}

.site-nav{background:linear-gradient(180deg,rgba(5,11,18,.28),transparent)}
.project-chip{
  background:linear-gradient(135deg,#12283b,#142331 55%,#111c2b)!important;
  border-color:#274761!important;
}
.project-chip:hover{
  border-color:#2388e8!important;
  background:linear-gradient(135deg,#123b60,#15334d 55%,#15283c)!important;
  box-shadow:0 0 28px rgba(22,119,255,.10);
}
.logo-holder{background:#e9edf2}
.edit-timeline{
  background:
    linear-gradient(180deg,#07101b,#080f18),
    radial-gradient(circle at 50% 0,rgba(20,110,210,.10),transparent 50%);
  border-color:#1c344d;
}
.time-ruler,.track-label{background:#0b1521!important}
.timeline-line,.time-ruler,.timeline-track{border-color:#20344b!important}
.ticks i{background:#344c66}
.ticks i:nth-child(5n+1){background:#56718e}
.playhead{background:#1684ff!important;box-shadow:0 0 18px rgba(22,132,255,.75)!important}
.playhead:before{border-top-color:#1684ff!important}
.playhead span{background:#0d3153!important;color:#70b9ff!important;border-color:#1e6093!important}
.status-dot{background:#1684ff!important;box-shadow:0 0 13px rgba(22,132,255,.65)!important}
.statement,.work,.services,.trusted,.contact{background:transparent}
.feature-media{background:#101a24}
.fake-image.image-a:before{background:linear-gradient(135deg,#263849,#0e1822 65%,#172534)}
.fake-image.image-b:before{background:linear-gradient(35deg,#0b121a,#293b4e 55%,#0b1119)}
.service-row:hover{background:linear-gradient(90deg,rgba(22,119,255,.055),transparent)}
.big-contact:hover{color:#5ca9ff}
footer{background:#070c12}


/* --- REFERENCE-INSPIRED PREMIUM NAV + ABOUT --- */
.site-nav{
  top:14px;
  left:3.4vw;
  width:calc(100% - 6.8vw);
  height:55px;
  padding:0 12px 0 22px;
  display:flex;
  justify-content:space-between;
  gap:0;
  border:1px solid rgba(92,143,210,.20);
  border-radius:30px;
  background:rgba(6,14,26,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 10px 35px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.035);
  mix-blend-mode:normal;
}
.nav-project{
  display:flex;
  align-items:center;
  align-self:stretch;
  padding:0 22px 0 0;
  margin-right:30px;
  border-right:1px solid rgba(104,130,160,.22);
  font-size:7px;
  letter-spacing:.14em;
  color:#55677e;
  white-space:nowrap;
  flex-shrink:0;
}
.nav-project strong{color:#71849b;font-weight:500}
.nav-project-suffix{color:#71849b;margin-left:7px}
.nav-project{gap:2px}
.nav-center{
  position:static;
  transform:none;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:1;
  gap:34px;
  min-width:0;
}
.nav-center a{
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  color:#aeb9c7;
  transition:.25s;
}
.nav-center a:hover{color:#eef5ff}
.nav-cta{
  margin-left:24px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 17px;
  border-radius:22px;
  background:linear-gradient(135deg,#1677ff,#7b3fd0);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 24px rgba(44,104,224,.20);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
}
.nav-cta span{font-size:14px}
.site-nav .menu-toggle{display:none}

.about-showcase{
  min-height:820px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:clamp(42px, 5vw, 100px);
  align-items:center;
  justify-content:center;
  padding:145px 8vw 135px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 38%,rgba(25,101,190,.13),transparent 31%),
    linear-gradient(135deg,#07101d,#091321 55%,#08111d);
}
.about-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(74,125,180,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,125,180,.06) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,transparent,black 35%,black 75%,transparent);
}
.about-visual{position:relative;z-index:1;justify-self:end;width:100%;max-width:620px}
.about-frame{
  width:min(100%,620px);
  aspect-ratio:1/1.02;
  border:1px solid rgba(70,133,203,.38);
  border-radius:44px;
  overflow:hidden;
  position:relative;
  background:#0b1521;
  box-shadow:0 30px 80px rgba(0,0,0,.4),0 0 45px rgba(20,108,211,.08);
}
.about-frame video{
  width:100%;height:100%;object-fit:cover;
  filter:contrast(1.08) saturate(.72) brightness(.72);
  transform:scale(1.03);
}
.frame-vignette{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,10,17,.05),rgba(5,10,17,.1) 45%,rgba(3,8,14,.88));
}
.rec-label{
  position:absolute;top:48px;left:48px;
  font-size:8px;letter-spacing:.16em;color:#6094ce;
  display:flex;align-items:center;gap:9px;
}
.rec-label span{
  width:8px;height:8px;border-radius:50%;
  background:#1684ff;box-shadow:0 0 12px #1684ff;
  animation:timelinePulse 1.2s infinite;
}
.frame-caption{
  position:absolute;bottom:24px;left:28px;
  font-size:7px;letter-spacing:.16em;color:#6c7d91;
}
.corner{
  position:absolute;width:48px;height:48px;opacity:.55;
}
.corner.c1{top:26px;right:28px;border-top:1px solid #4d7198;border-right:1px solid #4d7198;border-radius:0 25px 0 0}
.corner.c2{bottom:26px;left:28px;border-bottom:1px solid #4d7198;border-left:1px solid #4d7198;border-radius:0 0 0 25px}

.about-content{position:relative;z-index:1;padding-bottom:5px;width:100%;max-width:520px;justify-self:start}
.about-badge{
  display:inline-flex;
  padding:11px 22px;
  border:1px solid rgba(57,123,202,.28);
  border-radius:22px;
  color:#5596dc;
  background:rgba(15,40,72,.26);
  font-size:8px;letter-spacing:.2em;font-weight:600;
}
.about-content h2{
  font-family:"Space Grotesk";
  font-weight:400;
  font-size:clamp(65px,7.2vw,110px);
  line-height:.8;
  letter-spacing:-.075em;
  margin:40px 0 30px;
  color:#edf3f9;
}
.about-content h2 span{
  display:inline-block;
  font-family:"Space Grotesk";
  font-style:italic;
  font-weight:600;
  color:#4e96ff;
  text-shadow:0 0 30px rgba(43,128,255,.13);
}
.about-lead{
  max-width:520px;
  color:#64768b;
  font-size:14px;
  line-height:1.7;
  margin-bottom:42px;
}
.stats-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  max-width:500px;
}
.stat-card{
  min-height:145px;
  padding:25px 28px;
  position:relative;
  border:1px solid rgba(67,111,158,.28);
  border-radius:17px;
  background:
    linear-gradient(rgba(54,102,155,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(54,102,155,.045) 1px,transparent 1px),
    linear-gradient(145deg,rgba(13,28,47,.92),rgba(9,19,32,.96));
  background-size:18px 18px,18px 18px,auto;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.stat-card:before{
  content:"";
  position:absolute;left:0;bottom:0;width:42%;height:3px;
  background:linear-gradient(90deg,#1677ff,#21c5dc);
  box-shadow:0 0 12px rgba(22,132,255,.35);
}
.stat-card:after{
  content:"";
  position:absolute;top:27px;left:27px;width:7px;height:7px;
  border-top:1px solid #4380bb;border-left:1px solid #4380bb;
}
.stat-card strong{
  font-family:"Space Grotesk";
  font-size:48px;line-height:1;
  color:#f1f6fb;
  letter-spacing:-.07em;
}
.stat-card span{
  margin-top:14px;
  font-size:7px;
  letter-spacing:.18em;
  color:#5799e2;
}
@media(max-width:900px){
  .site-nav{left:4vw;width:92%;height:54px;padding-left:15px}
  .nav-project{display:none}
  .nav-center{gap:18px}
  .nav-center a{font-size:9px}
  .nav-cta{padding:9px 12px;font-size:8px}
  .about-showcase{grid-template-columns:1fr;padding:110px 7vw 100px;gap:65px}
  .about-visual{justify-self:center;max-width:620px}
  .about-content{justify-self:center}
  .about-frame{margin:auto}
  .about-content{text-align:left}
}
@media(max-width:650px){
  .nav-center{display:none}
  .site-nav .menu-toggle{display:flex;margin-left:auto}
  .nav-cta{margin-left:0;margin-right:14px}
  .about-showcase{padding-left:5vw;padding-right:5vw}
  .about-frame{border-radius:30px}
  .rec-label{top:25px;left:25px}
  .stats-grid{gap:12px}
  .stat-card{min-height:125px;padding:18px}
  .stat-card strong{font-size:38px}
}

/* User-provided portrait as the About/Hero visual */
.about-frame > img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
  display:block;
  filter:contrast(1.04) saturate(.82) brightness(.82);
  transform:scale(1.035);
  transition:transform .8s cubic-bezier(.2,.7,.2,1), filter .6s ease;
}

/* Cursor-following light sweep over the portrait */
.about-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(ellipse 28% 34% at var(--light-x,50%) var(--light-y,50%), rgba(111,190,255,.22), rgba(67,151,255,.09) 38%, transparent 76%),
    linear-gradient(112deg, transparent 38%, rgba(121,199,255,.04) 45%, rgba(255,255,255,.27) 50%, rgba(69,161,255,.10) 54%, transparent 61%);
  background-size:100% 100%, 220% 220%;
  background-position:center, var(--light-x,50%) var(--light-y,50%);
  mix-blend-mode:screen;
  transition:opacity .22s ease, background-position .08s linear;
}
.about-frame.is-light-active::after{opacity:1}
.about-frame > img{
  transition:transform .65s cubic-bezier(.2,.7,.2,1), filter .35s ease;
}
.about-frame:hover > img{
  transform:scale(1.045);
  filter:contrast(1.06) saturate(.9) brightness(.88);
}
@media (prefers-reduced-motion: reduce){
  .about-frame::after{transition:none}
  .about-frame > img{transition:none}
}

/* Contact details */
.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:34px}
.contact-links .big-contact,.contact-phone,.contact-instagram{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.contact-phone,.contact-instagram{font-size:clamp(18px,2.2vw,30px);font-weight:500;color:var(--fg);letter-spacing:-.03em}
.contact-links span{opacity:.7;transition:transform .25s ease,opacity .25s ease}
.contact-links a:hover span{transform:translate(4px,-4px);opacity:1}
.contact-location{margin:18px 0 0;color:var(--muted);font-size:11px;letter-spacing:.18em}
@media (max-width:700px){.contact-links{gap:8px}.contact-phone,.contact-instagram{font-size:18px}.contact-location{font-size:9px}}

/* ===== ALIGOKCAYMEDYA PREMIUM V15 ===== */
.hero-foot{align-items:flex-end;gap:30px}
.hero-actions{display:flex;gap:10px;align-items:center}
.hero-btn{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border-radius:24px;border:1px solid rgba(117,155,201,.35);font-size:9px;letter-spacing:.12em;backdrop-filter:blur(10px);transition:.3s}
.hero-btn.primary{background:linear-gradient(135deg,#1677ff,#315dd0);border-color:#5c9cff;box-shadow:0 0 28px rgba(22,119,255,.2)}
.hero-btn.ghost{background:rgba(6,14,24,.38);color:#b7c5d5}.hero-btn:hover{transform:translateY(-3px);border-color:#72b0ff;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.work.premium-work{padding:150px 5.5vw 165px;background:linear-gradient(180deg,#07101b,#08121f 55%,#07101a);border-top:1px solid #1c344d}
.work-intro{display:grid;grid-template-columns:1fr 360px;gap:7vw;align-items:end;margin:75px 0 55px}
.work-label{font-size:9px;letter-spacing:.18em;color:#4e9eff}.work-intro h2{font-family:'Space Grotesk';font-size:clamp(50px,7.5vw,110px);line-height:.84;letter-spacing:-.075em;font-weight:500;margin-top:18px}.work-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#b8c6d7}.work-intro p{color:#78899c;font-size:12px;line-height:1.8;max-width:350px}
.project-grid-premium{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.project-card-premium{display:block}.project-image{height:420px;border:1px solid #263e57;border-radius:24px;background:radial-gradient(circle at 50% 35%,#183452,#0b1622 70%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:.45s}.project-image:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(36,130,255,.13),transparent 42%,rgba(0,0,0,.45));opacity:.9}.project-image img{width:64%;height:64%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4));transition:.5s}.project-card-premium:hover .project-image{border-color:#4c9bff;box-shadow:0 25px 65px rgba(0,0,0,.28),0 0 40px rgba(22,119,255,.08);transform:translateY(-5px)}.project-card-premium:hover .project-image img{transform:scale(1.06)}
.project-index,.project-open{position:absolute;z-index:2;font-size:8px;letter-spacing:.13em}.project-index{top:18px;left:20px;color:#6e9dca}.project-open{right:18px;top:18px;color:#9ec7f4;opacity:0;transform:translateY(-5px);transition:.3s}.project-card-premium:hover .project-open{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:19px 3px 0}.project-meta h3{font-family:'Space Grotesk';font-size:22px;font-weight:500;letter-spacing:-.045em}.project-meta p{font-size:9px;color:#6e7e91;margin-top:7px;letter-spacing:.04em}.project-meta>span{font-size:7px;letter-spacing:.15em;color:#4d91df;margin-top:5px}
.premium-services{padding:150px 5.5vw 165px;background:#08111b}.services-head{display:grid;grid-template-columns:1fr 320px;gap:8vw;align-items:end;margin:70px 0 60px}.services-head h2{font-family:'Space Grotesk';font-size:clamp(52px,7.4vw,105px);line-height:.83;letter-spacing:-.08em;font-weight:500}.services-head h2 em{font-family:Georgia,serif;font-weight:400;color:#b8c6d7}.services-head p{font-size:12px;line-height:1.8;color:#78899c}.premium-service-wrap{border-top:1px solid #263b51}.premium-service{position:relative;display:grid;grid-template-columns:70px minmax(330px,1fr) minmax(280px,390px) 40px;align-items:center;gap:22px;padding:30px 8px;border-bottom:1px solid #263b51;transition:.4s}.premium-service:hover,.premium-service.active{background:linear-gradient(90deg,rgba(22,119,255,.075),transparent 70%);padding-left:18px}.premium-service small{color:#4f91d9;font-size:9px}.premium-service h3{font-family:'Space Grotesk';font-size:clamp(28px,3.8vw,53px);line-height:.9;font-weight:500;letter-spacing:-.06em}.premium-service h3 em{font-family:Georgia,serif;font-weight:400;color:#aab9c9}.premium-service p{font-size:10px;line-height:1.7;color:#718195}.service-arrow{font-size:19px;color:#4d9cff;transition:.3s}.premium-service:hover .service-arrow{transform:translate(4px,-4px)}
.premium-trusted{padding:145px 5.5vw 150px;background:linear-gradient(180deg,#07101a,#091522)}.premium-trusted .trusted-title{font-family:'Space Grotesk';font-size:clamp(58px,9vw,135px);line-height:.8;letter-spacing:-.08em;font-weight:500;margin:80px 0 70px}.premium-trusted .trusted-title em{font-family:Georgia,serif;font-weight:400;color:#a9b8c9}.brand-logo-line{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #263b51;border-bottom:1px solid #263b51}.brand-logo-line div{height:105px;border-right:1px solid #263b51;display:flex;align-items:center;justify-content:center;padding:18px;filter:grayscale(1);opacity:.6;transition:.3s}.brand-logo-line div:last-child{border-right:0}.brand-logo-line div:hover{filter:none;opacity:1;background:rgba(22,119,255,.045)}.brand-logo-line img{max-width:100%;max-height:58px;object-fit:contain}
.premium-contact{padding:145px 5.5vw 165px;background:radial-gradient(circle at 75% 25%,rgba(22,119,255,.12),transparent 32%),#07101a}.contact-kicker{margin-top:80px;font-size:9px;letter-spacing:.18em;color:#4d9cff}.premium-contact h2{font-family:'Space Grotesk';font-size:clamp(65px,10vw,150px);line-height:.78;letter-spacing:-.085em;font-weight:500;margin:25px 0 45px}.premium-contact h2 em{font-family:Georgia,serif;font-weight:400;color:#b8c6d7}.contact-lead{max-width:520px;color:#7b8da1;font-size:13px;line-height:1.8;margin-bottom:45px}.premium-contact .contact-links{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;align-items:end}.premium-contact .big-contact,.premium-contact .contact-phone,.premium-contact .contact-instagram{border-top:1px solid #29415a;padding-top:18px;font-size:13px;color:#c7d2df}.premium-contact .contact-location{grid-column:1/-1;margin-top:28px;color:#536b83;font-size:8px;letter-spacing:.15em}
/* Unified premium hover language for interactive UI */
.site-nav a,.hero-btn,.project-chip,.project-card-premium,.premium-service,.stat-card,.brand-logo-line div,.contact-card{
  cursor:pointer;
}
.site-nav a{transition:color .28s ease,transform .28s ease,filter .28s ease}
.site-nav a:hover{transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(68,155,255,.22))}
.nav-cta:hover{box-shadow:0 0 28px rgba(22,119,255,.25),inset 0 0 20px rgba(255,255,255,.05);}
.hero-btn{position:relative;overflow:hidden}
.hero-btn::after,.contact-card::after,.project-image::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);
  transform:translateX(-120%);transition:transform .7s ease;
}
.hero-btn:hover::after,.contact-card:hover::after,.project-card-premium:hover .project-image::after{transform:translateX(120%)}
.project-card-premium,.premium-service,.stat-card,.contact-card{will-change:transform}
.project-card-premium{transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.project-card-premium:hover{transform:translateY(-7px)}
.premium-service{overflow:hidden}
.premium-service::after{content:"";position:absolute;left:-25%;right:-25%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#2c91ff,transparent);transform:scaleX(0);transition:transform .45s ease}
.premium-service:hover::after,.premium-service.active::after{transform:scaleX(1)}
.stat-card{isolation:isolate}
.stat-card:hover::before{width:100%}
.stat-card:hover strong{transform:translateY(-2px);text-shadow:0 0 18px rgba(79,156,255,.28)}
.stat-card strong{transition:transform .35s ease,text-shadow .35s ease}
.brand-logo-line div:hover{transform:translateY(-3px);box-shadow:inset 0 -2px 0 #268bff,0 12px 28px rgba(0,0,0,.18)}
.project-chip{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.project-chip:hover{transform:translateY(-4px) scale(1.02);border-color:#3f8fdb;box-shadow:0 12px 30px rgba(0,0,0,.25),0 0 22px rgba(22,119,255,.12)}

@media(max-width:800px){.hero-foot{display:block}.hero-actions{margin-bottom:25px}.hero-btn{padding:12px 14px}.work.premium-work,.premium-services,.premium-trusted,.premium-contact{padding:105px 5vw}.work-intro,.services-head{display:block;margin-top:55px}.work-intro p,.services-head p{margin-top:25px}.project-grid-premium{grid-template-columns:1fr;gap:42px}.project-image{height:330px}.premium-service{grid-template-columns:38px 1fr 24px;gap:10px;padding:25px 4px}.premium-service p{grid-column:2}.premium-service h3{font-size:12vw}.brand-logo-line{grid-template-columns:repeat(2,1fr)}.brand-logo-line div:nth-child(2n){border-right:0}.brand-logo-line div:nth-child(n+3){border-top:1px solid #263b51}.premium-contact .contact-links{display:block}.premium-contact .big-contact,.premium-contact .contact-phone,.premium-contact .contact-instagram{display:block;margin-top:22px}.premium-contact h2{font-size:16vw}}
.stat-card{transition:transform .45s,background .45s,border-color .45s,opacity .45s;opacity:.7}.stat-card.stat-visible{opacity:1}.stat-card:hover{transform:translateY(-5px);border-color:#3d79b7;background:linear-gradient(145deg,rgba(22,119,255,.12),rgba(8,17,27,.55))}

/* --- PREMIUM CONTACT UI --- */
.premium-contact .contact-links-enhanced{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:52px;
}
.premium-contact .contact-card{
  position:relative;
  min-height:112px;
  display:grid;
  grid-template-columns:46px 1fr 22px;
  align-items:center;
  gap:14px;
  padding:20px 19px;
  border:1px solid #243a50;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(16,30,44,.86),rgba(7,16,26,.9));
  text-decoration:none;
  overflow:hidden;
  transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
.premium-contact .contact-card:before{
  content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(22,119,255,.16),transparent 38%);opacity:.8;pointer-events:none;
}
.premium-contact .contact-card:hover{
  transform:translateY(-5px);
  border-color:#267fd0;
  background:linear-gradient(145deg,rgba(17,42,65,.95),rgba(7,18,29,.95));
  box-shadow:0 16px 45px rgba(0,0,0,.22),0 0 30px rgba(22,119,255,.08);
}
.contact-card-icon{
  position:relative;z-index:1;width:44px;height:44px;border:1px solid #31516c;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#71b9ff;font-size:19px;background:#0c1b2a;
}
.contact-card-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.contact-card-copy small{font-size:8px;letter-spacing:.18em;color:#58728b}
.contact-card-copy strong{font-size:13px;font-weight:500;color:#dce7f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-card-arrow{position:relative;z-index:1;color:#63809b;font-size:17px;transition:transform .25s ease,color .25s ease}
.contact-card:hover .contact-card-arrow{transform:translate(3px,-3px);color:#69b6ff}
.instagram-icon svg{width:22px;height:22px}
.whatsapp-icon{font-size:23px;transform:rotate(-25deg)}
.premium-contact .contact-location{grid-column:1/-1;display:flex;gap:9px;align-items:center;margin-top:7px!important}
.premium-contact .contact-location span{color:#2b83dc}
@media(max-width:800px){
 .premium-contact .contact-links-enhanced{display:grid;grid-template-columns:1fr;gap:10px;margin-top:38px}
 .premium-contact .contact-card{min-height:94px;padding:17px}
 .contact-card-copy strong{font-size:12px}
}


/* V19 — centered hero CTA and project-start form */
.hero-start-cta{position:absolute;z-index:5;left:50%;top:51%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:34px;padding:19px 25px;border:1px solid rgba(104,166,255,.48);border-radius:999px;background:rgba(8,20,35,.52);backdrop-filter:blur(16px);color:#edf5ff;text-decoration:none;font-size:10px;letter-spacing:.17em;white-space:nowrap;box-shadow:0 0 40px rgba(22,119,255,.08);transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.hero-start-cta span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#1677ff,#35c8ff);font-size:16px;letter-spacing:0;transition:transform .35s ease}
.hero-start-cta:hover{transform:translate(-50%,-55%);border-color:#65baff;background:rgba(13,42,72,.8);box-shadow:0 0 48px rgba(22,119,255,.25)}
.hero-start-cta:hover span{transform:translate(3px,3px) rotate(-8deg)}
.project-start-form{margin-top:95px;padding:clamp(25px,5vw,68px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,7vw,100px);border:1px solid rgba(86,143,207,.25);border-radius:28px;background:linear-gradient(135deg,rgba(13,29,47,.94),rgba(7,15,25,.9));box-shadow:0 25px 90px rgba(0,0,0,.18);position:relative;overflow:hidden}
.project-start-form:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(22,119,255,.13),transparent 42%)}
.form-heading,.form-fields{position:relative;z-index:1}.form-heading>span{font-size:9px;letter-spacing:.2em;color:#58a6ff}.form-heading h3{font-family:'Space Grotesk';font-size:clamp(42px,5vw,76px);font-weight:500;line-height:.9;letter-spacing:-.07em;margin:25px 0}.form-heading h3 em{font-family:Georgia,serif;color:#75b5ff;font-weight:400}.form-heading p{max-width:280px;color:#879bb1;font-size:12px;line-height:1.8}
.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center}.form-fields label{display:flex;flex-direction:column;gap:10px;color:#9aadc2;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.form-fields input{width:100%;min-width:0;border:1px solid rgba(111,154,199,.25);border-radius:12px;padding:16px 15px;background:rgba(3,10,18,.56);color:#eef6ff;font:inherit;font-size:13px;letter-spacing:0;text-transform:none;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.form-fields input::placeholder{color:#50657b}.form-fields input:focus{border-color:#399cff;background:rgba(7,24,42,.9);box-shadow:0 0 0 3px rgba(22,119,255,.12)}.form-fields .email-field{grid-column:1/-1}.form-submit{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border:1px solid rgba(98,169,255,.6);border-radius:12px;background:linear-gradient(110deg,#1677ff,#2453bf);color:white;font-size:10px;letter-spacing:.13em;cursor:pointer;transition:transform .25s,box-shadow .25s}.form-submit:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(22,119,255,.25)}.form-submit span{font-size:17px}.form-note{grid-column:1/-1;color:#637b94;font-size:10px;line-height:1.6;margin:0}
@media(max-width:800px){.hero-start-cta{top:57%;padding:15px 18px;gap:20px;font-size:9px}.project-start-form{grid-template-columns:1fr;margin-top:65px;border-radius:20px;padding:26px 20px}.form-heading h3{font-size:52px}.form-fields{gap:13px}.form-fields input{padding:14px 12px}}
@media(prefers-reduced-motion:reduce){.hero-start-cta,.hero-start-cta span,.form-fields input,.form-submit{transition:none}}

/* V20 — two-column contact section inspired by the supplied reference */
.premium-contact{padding:105px 5.5vw 110px;background:radial-gradient(circle at 70% 35%,rgba(22,119,255,.13),transparent 34%),#050b1c}
.contact-layout{max-width:1120px;margin:76px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:clamp(32px,5vw,76px);align-items:center}
.contact-intro{min-width:0}
.contact-intro .contact-kicker{margin:0 0 24px;font-size:9px;letter-spacing:.2em;color:#4d9cff}
.contact-intro h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(56px,6.5vw,88px);line-height:.88;letter-spacing:-.075em;font-weight:700;margin:0 0 25px}
.contact-intro h2 em{font-family:'Space Grotesk',sans-serif;font-style:italic;font-weight:700;color:#5ca8ff}
.contact-intro .contact-lead{max-width:365px;margin:0 0 30px;font-size:13px;line-height:1.75;color:#8593aa}
.premium-contact .contact-links-enhanced{display:grid;grid-template-columns:1fr;gap:10px;margin-top:0;max-width:420px}
.premium-contact .contact-card{min-height:62px;padding:12px 14px;border-radius:13px;grid-template-columns:36px 1fr 18px;gap:12px}
.premium-contact .contact-card-icon{width:34px;height:34px;border-radius:10px;font-size:16px}
.premium-contact .contact-card-copy{gap:4px}
.premium-contact .contact-card-copy small{font-size:7px}
.premium-contact .contact-card-copy strong{font-size:11px}
.premium-contact .contact-location{font-size:7px;letter-spacing:.12em;margin-top:22px!important;color:#506782}
.project-start-form{margin:0;padding:clamp(22px,2.2vw,30px);display:block;border-radius:25px;background:linear-gradient(145deg,rgba(17,26,58,.94),rgba(7,14,36,.96));border:1px solid rgba(103,137,223,.2);box-shadow:0 24px 80px rgba(0,0,0,.25);}
.project-start-form:before{background:radial-gradient(circle at 100% 0,rgba(66,89,210,.16),transparent 45%)}
.project-start-form .form-fields{grid-template-columns:1fr;gap:18px}
.project-start-form .form-fields label{gap:9px;font-size:8px;letter-spacing:.17em;color:#6299ed}
.project-start-form .form-fields input,.project-start-form .form-fields textarea{box-sizing:border-box;width:100%;border-radius:12px;padding:15px 14px;background:rgba(255,255,255,.055);border:1px solid rgba(147,165,220,.12);color:#f0f5ff;font-family:inherit;font-size:12px;letter-spacing:0;text-transform:none;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;resize:vertical}
.project-start-form .form-fields input{height:48px}
.project-start-form .form-fields textarea{min-height:88px;line-height:1.5}
.project-start-form .form-fields input::placeholder,.project-start-form .form-fields textarea::placeholder{color:#53617f}
.project-start-form .form-fields input:focus,.project-start-form .form-fields textarea:focus{border-color:#4b8dff;background:rgba(31,50,105,.28);box-shadow:0 0 0 3px rgba(57,126,255,.1)}
.project-start-form .form-fields .email-field,.project-start-form .form-fields .message-field,.project-start-form .form-submit,.project-start-form .form-note{grid-column:1/-1}
.project-start-form .form-submit{margin-top:2px;justify-content:center;gap:12px;border:0;border-radius:12px;padding:16px 18px;background:linear-gradient(100deg,#2369f2,#05b6d2);font-size:9px;letter-spacing:.16em;box-shadow:0 8px 24px rgba(27,103,235,.15)}
.project-start-form .form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(27,103,235,.27)}
.project-start-form .form-note{text-align:center;font-size:9px;color:#68799c;line-height:1.5}
@media(max-width:800px){.premium-contact{padding:85px 5vw 95px}.contact-layout{grid-template-columns:1fr;gap:32px;margin-top:48px}.contact-intro h2{font-size:clamp(54px,13vw,76px)}.premium-contact .contact-links-enhanced{max-width:none}.project-start-form{margin:0;padding:22px 18px;border-radius:20px}.project-start-form .form-fields{gap:15px}.project-start-form .form-fields input{height:46px}.project-start-form .form-fields textarea{min-height:100px}}


/* V21 — centered hero tagline and cleaner brand-free page */
.hero-tagline{position:absolute;z-index:6;left:50%;top:58%;transform:translate(-50%,-50%);width:max-content;max-width:90vw;text-align:center;font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(20px,2.15vw,34px);font-weight:600;letter-spacing:-.045em;color:#edf4ff;text-shadow:0 0 28px rgba(22,119,255,.12);pointer-events:none;animation:taglineReveal .9s cubic-bezier(.2,.7,.2,1) both}
.hero-tagline span{color:#3b91ff;background:linear-gradient(100deg,#1677ff,#62d8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-start-cta{top:66%!important}
@keyframes taglineReveal{from{opacity:0;transform:translate(-50%,calc(-50% + 12px));filter:blur(4px)}to{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}
@media(max-width:800px){.hero-tagline{top:55%;font-size:clamp(19px,5.2vw,27px)}.hero-start-cta{top:63%!important}}
@media(prefers-reduced-motion:reduce){.hero-tagline{animation:none}}


/* --- SADE, TÜRKÇE VE ORTALANMIŞ HERO --- */
.hero-inner.hero-centered{padding:112px 4vw 34px;align-items:stretch}
.hero-centered .hero-kicker{font-size:9px;letter-spacing:.16em;color:#75869a}
.hero-centered .hero-title{width:min(860px,90vw);margin:auto;align-self:center;text-align:center;transform:translateY(-2vh)}
.hero-centered .hero-title h1{font-family:Inter,Arial,sans-serif;font-size:clamp(48px,6.1vw,94px);font-weight:400;line-height:1.12;letter-spacing:-.065em}
.hero-centered .hero-title h1 span{background:linear-gradient(100deg,#5598ff,#4ad3e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-centered .hero-title h1 em{display:inline-block;font-family:Inter,Arial,sans-serif;font-style:italic;font-weight:650;letter-spacing:-.055em;margin-top:8px;padding:3px 20px 7px;border:1px solid rgba(44,117,255,.24);background:rgba(22,74,170,.12)}
.hero-centered .hero-title>p{max-width:440px;margin:58px auto 0;font-size:14px;line-height:1.65;letter-spacing:0;color:#8593a8}
.hero-centered .hero-start-cta{position:relative;left:auto;top:auto;transform:none;display:flex;width:max-content;margin:42px auto 0;align-items:center;gap:24px;padding:17px 23px;border:1px solid rgba(49,136,255,.58);border-radius:999px;background:rgba(7,20,43,.68);box-shadow:0 0 28px rgba(22,119,255,.12);font-size:10px;letter-spacing:.13em;transition:transform .3s,border-color .3s,box-shadow .3s}
.hero-centered .hero-start-cta:hover{transform:translateY(-3px);border-color:#3e9cff;box-shadow:0 0 34px rgba(22,119,255,.28)}
.hero-centered .hero-start-cta span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#1677ff,#20c9ec);font-size:15px}
.hero-centered .hero-foot{font-size:9px;letter-spacing:.06em;color:#78879a}
.hero-centered .hero-foot p{font-size:10px;color:#75859a;line-height:1.65}
@media(max-width:800px){.hero-inner.hero-centered{padding:100px 5vw 26px}.hero-centered .hero-title{width:100%;transform:translateY(-1vh)}.hero-centered .hero-title h1{font-size:clamp(42px,9vw,70px);line-height:1.13}.hero-centered .hero-title h1 em{padding:4px 10px 7px}.hero-centered .hero-title>p{margin-top:35px;font-size:13px;max-width:340px}.hero-centered .hero-start-cta{margin-top:30px;padding:14px 18px}.hero-centered .hero-kicker{font-size:7px}.hero-centered .hero-foot p{max-width:200px}}


/* V24 — staggered, hover-pausable automotive project gallery */
.car-projects-section{position:relative;overflow:hidden;padding:clamp(80px,9vw,132px) 5.5vw clamp(80px,8vw,115px);background:radial-gradient(ellipse at 72% 42%,rgba(15,91,181,.16),transparent 42%),linear-gradient(180deg,#07101c 0%,#050b14 100%);border-top:1px solid rgba(100,151,205,.16);border-bottom:1px solid rgba(100,151,205,.16)}
.car-projects-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid rgba(111,153,194,.2);color:#607e9e;font-size:8px;letter-spacing:.2em;text-transform:uppercase}
.car-projects-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(35px,6vw,100px);align-items:center;max-width:1600px;margin:30px auto 0}
.car-projects-copy{position:relative;z-index:2;padding:30px 0}
.car-projects-kicker{font-size:9px;letter-spacing:.22em;color:#399dff}
.car-projects-copy h2{margin:28px 0 24px;font-family:'Space Grotesk',Inter,sans-serif;font-size:clamp(56px,6.5vw,100px);line-height:.88;letter-spacing:-.075em;font-weight:500;color:#eef4fb}
.car-projects-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#64aaff}
.car-projects-copy p{max-width:370px;color:#91a2b6;font-size:13px;line-height:1.8;margin:0 0 32px}
.car-projects-cta{display:inline-flex;align-items:center;gap:25px;padding:16px 22px;border:1px solid rgba(56,143,255,.7);border-radius:999px;color:#eaf4ff;text-decoration:none;font-size:9px;letter-spacing:.15em;background:linear-gradient(110deg,rgba(22,119,255,.2),rgba(5,20,39,.65));transition:transform .3s,border-color .3s,box-shadow .3s}
.car-projects-cta span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#1677ff,#28c5f2);font-size:15px}
.car-projects-cta:hover{transform:translateY(-3px);border-color:#56c6ff;box-shadow:0 10px 35px rgba(22,119,255,.22)}
.car-gallery{height:clamp(490px,58vw,720px);max-height:76vh;min-height:440px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,24px);position:relative;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 88%,transparent 100%)}
.car-gallery-column{position:relative;overflow:hidden;min-width:0}
.car-gallery-track{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,20px);will-change:transform;animation:carGalleryUp 31s linear infinite}
.car-gallery-column.direction-down .car-gallery-track{animation-name:carGalleryDown}
.car-gallery-column.slower .car-gallery-track{animation-duration:38s}
.car-gallery-column img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:14px;border:1px solid rgba(114,166,219,.22);background:#0b1727;box-shadow:0 12px 28px rgba(0,0,0,.2);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s,filter .35s,box-shadow .35s;filter:saturate(.92) contrast(1.03)}
.car-gallery-column img:hover{transform:scale(1.035);border-color:rgba(74,174,255,.85);filter:saturate(1.12) brightness(1.08);box-shadow:0 12px 38px rgba(18,105,230,.22);position:relative;z-index:3;cursor:pointer}
.car-gallery-column:hover .car-gallery-track,.car-gallery-column:focus-within .car-gallery-track{animation-play-state:paused}
.car-gallery-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07101c 0%,transparent 13%,transparent 84%,#050b14 100%)}
@keyframes carGalleryUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes carGalleryDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media(max-width:900px){.car-projects-layout{grid-template-columns:1fr;gap:25px}.car-projects-copy{padding:18px 0 0}.car-projects-copy h2{font-size:clamp(52px,10vw,78px);margin:18px 0}.car-gallery{height:520px;max-height:65vh;min-height:400px;gap:12px}.car-gallery-column img{border-radius:10px}}
@media(max-width:560px){.car-projects-section{padding:70px 5vw}.car-projects-top{font-size:7px;letter-spacing:.1em}.car-projects-layout{margin-top:20px}.car-gallery{height:440px;min-height:390px;gap:8px}.car-gallery-track{gap:9px}.car-gallery-column img{border-radius:8px;border-width:1px}.car-projects-copy p{font-size:12px}.car-projects-cta{font-size:8px;padding:13px 16px;gap:15px}}
@media(prefers-reduced-motion:reduce){.car-gallery-track{animation:none}.car-gallery-column img,.car-projects-cta{transition:none}}

/* --- Brand timeline: compact Premiere Pro-inspired reference lane --- */
.brand-timeline.edit-timeline{padding:82px 0 92px;background:linear-gradient(180deg,#070e19 0%,#081326 55%,#07101b 100%);border-top:1px solid #17283e;border-bottom:1px solid #17283e}
.brand-timeline-heading{text-align:center;margin:0 auto 42px;padding:0 20px}
.brand-timeline-kicker{display:inline-flex;padding:6px 13px;border:1px solid rgba(35,124,255,.24);border-radius:99px;background:rgba(15,49,102,.22);color:#5b9cff;font-size:9px;font-weight:700;letter-spacing:.24em}
.brand-timeline-heading h2{margin:15px 0 0;font-size:clamp(30px,4vw,54px);font-weight:400;letter-spacing:-.055em;line-height:1.05;color:#eef4ff}
.brand-timeline-window{height:178px;border-left:0;border-right:0;border-radius:0;background:linear-gradient(180deg,rgba(7,17,33,.72),rgba(5,12,25,.94));box-shadow:none}
.brand-ruler{height:26px;background:rgba(6,14,27,.92)}
.brand-ruler .ruler-label{width:58px;font-size:6px;padding-bottom:5px}
.brand-ruler .ticks i{height:6px}.brand-ruler .ticks i:nth-child(5n+1){height:11px}
.brand-project-track{height:83px;border-bottom:1px solid #20334a}
.brand-project-track .track-label,.brand-footage-track .track-label{width:58px;font-size:6px;letter-spacing:.08em;padding-left:9px}
.brand-moving-projects{padding:10px 14px;gap:8px;animation:brandLaneMove 36s linear infinite}
.brand-timeline .logo-chip{width:205px;height:61px;grid-template-columns:20px 55px 1fr;gap:8px;padding:7px 8px;border-radius:5px;background:linear-gradient(135deg,rgba(18,42,67,.94),rgba(9,20,34,.98))!important;border-color:#274663!important}
.brand-timeline .logo-chip:hover{transform:translateY(-2px);border-color:#258bff!important;box-shadow:0 0 24px rgba(25,123,255,.16)}
.brand-timeline .logo-holder{width:55px;height:42px;background:#f4f6f9}
.brand-timeline .logo-holder img{padding:4px}
.brand-timeline .project-chip-info strong{font-size:8px;letter-spacing:.01em}
.brand-timeline .project-chip-info small{font-size:6px;color:#4f9cff}
.brand-footage-track{height:42px;border-bottom:0;background:rgba(6,17,30,.72);overflow:hidden}
.brand-moving-blocks{display:flex;flex:0 0 max-content;gap:5px;padding:7px 10px;width:max-content;min-width:max-content;box-sizing:border-box;animation:brandBlocksMove 23s linear infinite!important;animation-play-state:running!important;will-change:transform}
.brand-moving-blocks span{height:23px;min-width:70px!important;border-color:#14635e;background:linear-gradient(90deg,#0a3439,#10544f,#0b393b);border-radius:2px}
.brand-moving-blocks span:nth-child(3n){min-width:112px!important}.brand-moving-blocks span:nth-child(4n){min-width:48px!important}
.brand-moving-blocks span:after{background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(125,230,210,.14) 9px 10px)}
.brand-playhead{left:0;top:0;bottom:0;animation:brandPlayhead 10s linear infinite;z-index:12}
.brand-playhead:before{top:0;left:-7px;border-top-width:8px}
.brand-playhead span{top:31px;left:7px;font-size:6px;letter-spacing:.1em}
.brand-timeline-window:hover .brand-moving-projects,.brand-timeline-window:hover .brand-moving-blocks,.brand-timeline-window:hover .brand-playhead{animation-play-state:paused}
@keyframes brandLaneMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes brandBlocksMove{from{transform:translateX(0)}to{transform:translateX(-25%)}}
/* Keep the green editing blocks seamless and moving, even when the timeline is hovered. */
.brand-timeline-window:hover .brand-moving-blocks{animation-play-state:running!important}
@keyframes brandPlayhead{from{left:0}to{left:100%}}
@media(max-width:700px){.brand-timeline.edit-timeline{padding:62px 0 68px}.brand-timeline-heading{margin-bottom:30px}.brand-timeline-window{height:158px}.brand-project-track{height:75px}.brand-timeline .logo-chip{width:185px;height:55px;grid-template-columns:18px 48px 1fr;gap:7px}.brand-timeline .logo-holder{width:48px;height:38px}.brand-project-track .track-label,.brand-footage-track .track-label{width:46px}.brand-ruler .ruler-label{width:46px}.brand-timeline .project-chip-info strong{font-size:7px}.brand-playhead span{display:none}}
@media(prefers-reduced-motion:reduce){.brand-moving-projects,.brand-moving-blocks,.brand-playhead{animation:none!important}}

/* Hero sloganı: butonun hemen altında */
.hero-centered .hero-tagline{
  margin:14px auto 0;
  text-align:center;
  color:#8fbfff;
  font-size:clamp(13px,1.05vw,17px);
  font-weight:600;
  letter-spacing:.16em;
  text-transform:none;
  text-shadow:0 0 22px rgba(45,143,255,.22);
  opacity:.92;
  transition:color .3s ease,text-shadow .3s ease,transform .3s ease;
}
.hero-centered .hero-tagline:hover{
  color:#dcecff;
  text-shadow:0 0 28px rgba(45,143,255,.48);
  transform:translateY(-2px);
}
@media(max-width:800px){.hero-centered .hero-tagline{font-size:12px;letter-spacing:.12em;margin-top:12px}}


/* V29 — Hero başlığı Sıradanın Ötesinde; CTA hemen altında */
.hero-centered .hero-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.hero-centered .hero-title h1.hero-main-slogan{margin:0;padding:0;border:0;background:none;font-family:Inter,Arial,sans-serif;font-size:clamp(42px,6.2vw,92px);font-weight:450;line-height:1.08;letter-spacing:-.065em;color:#edf4ff;text-align:center}
.hero-centered .hero-title h1.hero-main-slogan span{background:linear-gradient(100deg,#5598ff,#4ad3e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-centered .hero-title .hero-start-cta{margin:30px auto 0}
@media(max-width:800px){.hero-centered .hero-title h1.hero-main-slogan{font-size:clamp(38px,9vw,64px);line-height:1.12}.hero-centered .hero-title .hero-start-cta{margin-top:24px}}


/* V30: logos removed; clean brand-name-only continuous marquee */
.brand-timeline .brand-project-track{overflow:hidden}
.brand-timeline .brand-name-track{display:flex;align-items:center;width:max-content;min-width:max-content;gap:12px;padding:10px 14px;animation:brandNameLoop 34s linear infinite;will-change:transform}
.brand-timeline .brand-name-chip{display:flex;align-items:center;justify-content:center;flex:0 0 205px;width:205px;height:61px;padding:10px 14px;box-sizing:border-box;border:1px solid #274663;border-radius:5px;background:linear-gradient(135deg,rgba(18,42,67,.94),rgba(9,20,34,.98));color:#dce8f7;text-align:center;transition:border-color .25s,background .25s,box-shadow .25s}
.brand-timeline .brand-name-chip span{font-size:10px;font-weight:600;letter-spacing:.045em;line-height:1.35;white-space:nowrap}
.brand-timeline .brand-name-chip:hover{border-color:#258bff;background:linear-gradient(135deg,rgba(22,65,108,.96),rgba(9,25,45,.98));box-shadow:0 0 24px rgba(25,123,255,.16)}
@keyframes brandNameLoop{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
.brand-timeline-window:hover .brand-name-track{animation-play-state:paused}
@media(max-width:700px){.brand-timeline .brand-name-track{gap:8px;padding:9px 10px}.brand-timeline .brand-name-chip{flex-basis:175px;width:175px;height:54px}.brand-timeline .brand-name-chip span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-timeline .brand-name-track{animation:none!important}}

.brand-timeline .brand-project-track>.track-label,.brand-timeline .brand-footage-track>.track-label{display:none}
.brand-timeline .brand-name-track{padding-left:14px}


/* V31: gapless infinite brand lane + visible MARKA caption */
.brand-timeline .brand-lane-caption{
  width: min(100% - 40px, 1500px); margin: 0 auto 8px; padding-left: 4px;
  color:#5b9cff; font-size:9px; font-weight:700; letter-spacing:.2em;
}
.brand-timeline .brand-project-track{overflow:hidden}
.brand-timeline .brand-name-track{
  display:flex; align-items:center; width:max-content; min-width:max-content;
  gap:0; padding:10px 0; animation:brandNameLoopV31 42s linear infinite;
  will-change:transform;
}
.brand-timeline .brand-name-chip{margin-right:12px; flex:0 0 205px; width:205px}
@keyframes brandNameLoopV31{from{transform:translateX(0)}to{transform:translateX(-33.333333%)}}
.brand-timeline-window:hover .brand-name-track{animation-play-state:paused}
@media(max-width:700px){
 .brand-timeline .brand-lane-caption{width:calc(100% - 24px);margin-bottom:6px;font-size:8px}
 .brand-timeline .brand-name-track{gap:0;padding:9px 0}
 .brand-timeline .brand-name-chip{margin-right:8px;flex-basis:175px;width:175px}
}


/* V33: plain MARKA text immediately above the moving boxes */
.brand-timeline .brand-lane-caption{
  display:block;
  width:min(100% - 40px, 1500px);
  margin:0 auto 6px;
  padding:0 0 0 4px;
  color:#83baff;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-size:9px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.brand-timeline .brand-project-track{margin-top:0}
@media(max-width:700px){
  .brand-timeline .brand-lane-caption{
    width:calc(100% - 24px);
    margin-bottom:5px;
    font-size:8px;
  }
}


/* V36 — text-only creative portfolio intro above automotive projects */
.creative-portfolio-intro{position:relative;overflow:hidden;padding:clamp(76px,9vw,128px) 5.5vw clamp(42px,5vw,70px);background:radial-gradient(ellipse at 50% 20%,rgba(20,83,161,.15),transparent 55%),linear-gradient(180deg,#07101c 0%,#081321 100%);border-top:1px solid rgba(100,151,205,.14);border-bottom:1px solid rgba(100,151,205,.18)}
.creative-portfolio-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(111,153,194,.2);color:#607e9e;font-size:8px;letter-spacing:.2em;text-transform:uppercase}
.creative-portfolio-copy{max-width:1600px;margin:clamp(44px,6vw,82px) auto clamp(42px,5vw,66px);text-align:center}
.creative-portfolio-kicker{display:inline-flex;align-items:center;padding:8px 15px;border:1px solid rgba(42,126,255,.3);border-radius:999px;background:rgba(15,57,112,.18);color:#58a6ff;font-size:9px;font-weight:700;letter-spacing:.24em}
.creative-portfolio-copy h2{margin:22px 0 20px;color:#edf4fc;font-family:Inter,Arial,sans-serif;font-size:clamp(48px,7vw,100px);font-weight:400;line-height:.98;letter-spacing:-.07em}
.creative-portfolio-copy h2 span{color:#5da6ff}
.creative-portfolio-copy p{max-width:600px;margin:0 auto;color:#91a2b6;font-size:clamp(12px,1.1vw,15px);line-height:1.8}
.creative-portfolio-bottom{display:flex;align-items:center;justify-content:center;gap:14px;color:#52718f;font-size:8px;letter-spacing:.22em}
.creative-portfolio-bottom i{display:block;width:clamp(30px,8vw,100px);height:1px;background:linear-gradient(90deg,rgba(41,135,255,.5),rgba(41,135,255,.06))}
@media(max-width:560px){.creative-portfolio-intro{padding:65px 5vw 38px}.creative-portfolio-top{font-size:6px;letter-spacing:.12em}.creative-portfolio-copy{margin:44px auto}.creative-portfolio-copy h2{font-size:clamp(44px,12vw,64px)}.creative-portfolio-copy p{max-width:330px;font-size:12px}}

/* V37 — split creative portfolio layout inspired by the supplied reference */
.creative-portfolio-intro{padding:clamp(34px,4vw,64px) 5.5vw clamp(42px,5vw,72px);background:radial-gradient(ellipse at 72% 38%,rgba(15,89,177,.14),transparent 42%),linear-gradient(180deg,#07101c 0%,#06101b 100%)}
.creative-portfolio-layout{width:min(100%,1260px);margin:clamp(26px,3vw,44px) auto 0;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(45px,8vw,130px);min-height:clamp(360px,37vw,540px)}
.creative-portfolio-copy{max-width:500px;margin:0;text-align:left;align-self:center}
.creative-portfolio-kicker{padding:0;border:0;border-radius:0;background:none;color:#22baff;font-size:10px;letter-spacing:.22em}
.creative-portfolio-copy h2{margin:22px 0 18px;font-size:clamp(48px,5.1vw,76px);line-height:.91;letter-spacing:-.065em;font-weight:450}
.creative-portfolio-copy h2 em{color:#5da6ff;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}
.creative-portfolio-copy p{max-width:430px;margin:0;color:#a0b0c2;font-size:clamp(13px,1vw,16px);line-height:1.65}
.creative-portfolio-cta{display:inline-flex;align-items:center;gap:24px;margin-top:28px;padding:13px 18px 13px 20px;border:1px solid rgba(28,139,255,.8);border-radius:999px;color:#dceaff;font-size:10px;font-weight:700;letter-spacing:.12em;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s}
.creative-portfolio-cta span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#218dff,#00c7ef);color:white;font-size:17px;line-height:1}
.creative-portfolio-cta:hover{background:rgba(25,111,219,.15);transform:translateY(-2px);box-shadow:0 0 28px rgba(0,132,255,.16)}
.creative-portfolio-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,clamp(48px,5.5vw,78px));gap:12px 15px;align-items:stretch;position:relative;max-width:610px;width:100%;margin:0 auto;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
.mosaic-card{display:block;position:relative;overflow:hidden;border:1px solid rgba(26,137,255,.62);border-radius:9px;background:radial-gradient(ellipse at 80% 15%,rgba(13,111,211,.34),transparent 55%),linear-gradient(135deg,rgba(13,40,70,.92),rgba(5,16,29,.96));box-shadow:inset 0 0 18px rgba(22,119,255,.08),0 0 2px rgba(0,136,255,.2)}
.mosaic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(38,149,255,.1),transparent 45%,rgba(0,0,0,.12));pointer-events:none}
.mosaic-card:nth-child(1){grid-column:1;grid-row:1 / span 2}.mosaic-card:nth-child(2){grid-column:2;grid-row:1}.mosaic-card:nth-child(3){grid-column:3;grid-row:1 / span 2}.mosaic-card:nth-child(4){grid-column:1;grid-row:3 / span 2}.mosaic-card:nth-child(5){grid-column:2;grid-row:2 / span 2}.mosaic-card:nth-child(6){grid-column:3;grid-row:3 / span 2}.mosaic-card:nth-child(7){grid-column:1;grid-row:5 / span 2}.mosaic-card:nth-child(8){grid-column:2;grid-row:4 / span 2}.mosaic-card:nth-child(9){grid-column:3;grid-row:5 / span 2}.mosaic-card:nth-child(10){grid-column:2;grid-row:6}.mosaic-card:nth-child(11){grid-column:1;grid-row:7}.mosaic-card:nth-child(12){grid-column:3;grid-row:7}
@media(max-width:800px){.creative-portfolio-layout{grid-template-columns:1fr;gap:36px;min-height:0;margin-top:34px}.creative-portfolio-copy{max-width:560px}.creative-portfolio-mosaic{max-width:560px;grid-template-rows:repeat(4,clamp(52px,11vw,78px));gap:10px}.creative-portfolio-copy h2{font-size:clamp(48px,10vw,68px)}.creative-portfolio-intro{padding:34px 5vw 48px}}
@media(max-width:560px){.creative-portfolio-top{font-size:6px;letter-spacing:.1em}.creative-portfolio-copy p{font-size:13px}.creative-portfolio-mosaic{grid-template-rows:repeat(4,56px);gap:8px}.mosaic-card{border-radius:7px}}

/* V40: green edit blocks loop in four matching seamless groups; never pause on hover. */
.brand-timeline-window:hover .brand-moving-blocks{animation:brandBlocksMove 23s linear infinite!important;animation-play-state:running!important}

/* Premium services section — four service cards */
.services-showcase{position:relative;overflow:hidden;padding:56px 4vw 72px;background:radial-gradient(ellipse at 58% 42%,rgba(0,93,220,.13),transparent 48%),linear-gradient(135deg,#071326 0%,#050b17 65%,#07111f 100%);border-top:1px solid rgba(83,151,220,.2);border-bottom:1px solid rgba(83,151,220,.2)}
.services-showcase:before{content:"";position:absolute;width:680px;height:680px;left:34%;top:-130px;transform:rotate(45deg);border:1px solid rgba(37,112,214,.07);pointer-events:none}
.services-showcase-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(75,143,215,.24);font-size:9px;letter-spacing:.18em;color:#607b9a;text-transform:uppercase}
.services-showcase-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,2.2fr);align-items:center;gap:clamp(30px,5vw,90px);max-width:1600px;margin:60px auto 0}
.services-showcase-copy{max-width:430px}.services-kicker{display:block;margin-bottom:18px;color:#28baff;font-size:11px;font-weight:700;letter-spacing:.18em}.services-showcase-copy h2{margin:0;color:#edf4ff;font-size:clamp(42px,4.2vw,72px);font-weight:500;letter-spacing:-.065em;line-height:1.02}.services-showcase-copy h2 span{display:block;color:#4a9bff;font-family:Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.07em}.services-showcase-copy>p{max-width:410px;margin:24px 0 42px;color:#8fa2bb;font-size:15px;line-height:1.75}
.services-progress{display:flex;align-items:center;gap:10px;max-width:380px;color:#5f7896;font-size:10px}.services-progress i{height:1px;flex:1;background:linear-gradient(90deg,#2466a9,rgba(61,119,186,.2))}.services-progress .current{color:#f0f6ff;font-weight:700}
.services-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-glass-card{position:relative;display:flex;min-height:255px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:28px 19px 30px;text-align:center;border:1px solid rgba(23,111,220,.58);border-radius:25px;background:linear-gradient(145deg,rgba(24,50,85,.72),rgba(4,15,36,.84) 70%);box-shadow:inset 0 1px 0 rgba(117,183,255,.08),0 16px 44px rgba(0,0,0,.12);transition:transform .35s ease,border-color .35s ease,background .35s ease}.service-glass-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(28,132,255,.2),transparent 58%);opacity:.8;pointer-events:none}.service-glass-card:hover{transform:translateY(-7px);border-color:#2c9dff;background:linear-gradient(145deg,rgba(27,67,116,.8),rgba(4,15,36,.9) 70%)}.service-card-number{position:absolute;top:17px;left:18px;color:#497da9;font-size:8px;letter-spacing:.15em}.service-card-icon{position:relative;display:grid;place-items:center;width:52px;height:52px;margin-bottom:24px;border:1px solid rgba(24,132,255,.34);border-radius:16px;color:#43bfff;font-size:25px;background:rgba(4,22,49,.5);box-shadow:0 0 24px rgba(0,104,255,.07)}.service-glass-card h3{position:relative;margin:0 0 13px;color:#f4f7ff;font-size:clamp(15px,1.15vw,20px);font-weight:750;letter-spacing:-.035em}.service-glass-card p{position:relative;max-width:240px;margin:0;color:#92a5bf;font-size:12px;line-height:1.75}.service-card-line{position:absolute;bottom:0;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,#147dff,#22d6ff,transparent);opacity:.85}
.services-values{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:38px 0 0}.services-values span{padding:12px 17px;border:1px solid rgba(83,133,190,.22);border-radius:999px;background:rgba(10,27,51,.58);color:#8da6c2;font-size:9px;letter-spacing:.08em}
@media(max-width:1100px){.services-showcase-layout{grid-template-columns:1fr;gap:34px;margin-top:42px}.services-showcase-copy{max-width:650px}.services-showcase-copy>p{margin-bottom:25px}.services-progress{max-width:460px}.services-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-glass-card{min-height:220px}}
@media(max-width:560px){.services-showcase{padding:42px 5vw 48px}.services-showcase-top{font-size:7px;letter-spacing:.1em}.services-showcase-top span:last-child{max-width:45%;text-align:right}.services-showcase-layout{margin-top:34px}.services-showcase-copy h2{font-size:48px}.services-showcase-copy>p{font-size:13px}.services-card-grid{gap:10px}.service-glass-card{min-height:205px;padding:24px 12px;border-radius:17px}.service-card-icon{width:44px;height:44px;margin-bottom:17px;border-radius:13px}.service-glass-card h3{font-size:15px}.service-glass-card p{font-size:11px}.services-values{gap:7px;margin-top:25px}.services-values span{padding:10px 11px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.service-glass-card{transition:none}}

/* V42: four service cards centered without the services heading/intro */
.services-showcase.services-centered{padding:76px 4vw 82px;}
.services-showcase.services-centered:before{left:50%;top:-220px;transform:translateX(-50%) rotate(45deg);}
.services-showcase.services-centered .services-card-grid{position:relative;z-index:1;width:min(100%,1320px);margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.services-showcase.services-centered .service-glass-card{min-height:255px;}
@media(max-width:1100px){.services-showcase.services-centered{padding:58px 4vw 64px}.services-showcase.services-centered .services-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}}
@media(max-width:560px){.services-showcase.services-centered{padding:42px 5vw 48px}.services-showcase.services-centered .services-card-grid{gap:10px}.services-showcase.services-centered .service-glass-card{min-height:205px;padding:24px 12px;border-radius:17px}}


/* V43: Brand timeline cards stay empty; hide text inside each box. */
.brand-timeline .brand-name-chip span{display:none!important;}

/* V45: soft blueprint grid texture, adapted from the approved reference */
.brand-timeline.edit-timeline,
.creative-portfolio-intro,
.car-projects-section,
.services-showcase,
.premium-contact{
  background-image:
    linear-gradient(rgba(73,132,198,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(73,132,198,.035) 1px, transparent 1px),
    radial-gradient(ellipse at 50% 42%, rgba(13,77,145,.13), transparent 64%),
    linear-gradient(180deg, #07111f 0%, #060d18 100%);
  background-size: 54px 54px, 54px 54px, auto, auto;
  background-position: center top, center top, center center, center center;
}
.brand-timeline .brand-timeline-window{
  background-color:rgba(5,14,27,.34);
  background-image:
    linear-gradient(rgba(73,132,198,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(73,132,198,.045) 1px, transparent 1px),
    linear-gradient(180deg,rgba(7,17,33,.52),rgba(5,12,25,.72));
  background-size:54px 54px,54px 54px,auto;
}
.brand-timeline .brand-footage-track{background-color:rgba(5,14,27,.4)}
@media(max-width:700px){
  .brand-timeline.edit-timeline,.creative-portfolio-intro,.car-projects-section,.services-showcase,.premium-contact{background-size:38px 38px,38px 38px,auto,auto}
  .brand-timeline .brand-timeline-window{background-size:38px 38px,38px 38px,auto}
}

/* Mouse-following light sweep on service cards, matching the portrait interaction */
.service-glass-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:0;
  border-radius:inherit;
  background:
    radial-gradient(ellipse 34% 42% at var(--light-x,50%) var(--light-y,50%), rgba(111,190,255,.24), rgba(67,151,255,.09) 42%, transparent 76%),
    linear-gradient(112deg, transparent 38%, rgba(121,199,255,.04) 45%, rgba(255,255,255,.23) 50%, rgba(69,161,255,.10) 54%, transparent 61%);
  background-size:100% 100%,220% 220%;
  background-position:center,var(--light-x,50%) var(--light-y,50%);
  mix-blend-mode:screen;
  transition:opacity .22s ease,background-position .08s linear;
}
.service-glass-card.is-light-active::after{opacity:1}
.service-glass-card > *{z-index:2}
@media(prefers-reduced-motion:reduce){.service-glass-card::after{transition:none}}


/* Marka galerisinde araç galerisiyle aynı ölçü ve dikey hareket; içerik olarak siyah-beyaz nokta dokusu */
.brand-texture-gallery.car-gallery{max-width:610px;width:100%;margin:0 auto;gap:clamp(10px,1.5vw,24px)}
.brand-texture-column{position:relative;overflow:hidden;min-width:0}
.brand-texture-column .car-gallery-track{gap:clamp(12px,1.5vw,20px)}
.brand-texture-tile{display:block;flex:0 0 auto;width:100%;aspect-ratio:3/4;border-radius:14px;border:1px solid rgba(34,137,235,.52);background-color:#05080d;background-image:linear-gradient(rgba(4,13,25,.18),rgba(4,13,25,.18)),url("assets/brand-texture.jpg");background-position:center;background-size:cover;box-shadow:0 12px 28px rgba(0,0,0,.2),inset 0 0 18px rgba(0,130,255,.08);transition:border-color .3s,box-shadow .3s}
.brand-texture-tile:hover{border-color:rgba(0,186,255,.9);box-shadow:0 12px 38px rgba(18,105,230,.22);cursor:pointer}
.brand-texture-column:hover .car-gallery-track{animation-play-state:paused}
@media(max-width:800px){.brand-texture-gallery.car-gallery{max-width:560px;height:520px;max-height:65vh;min-height:400px;gap:12px}}
@media(max-width:560px){.brand-texture-gallery.car-gallery{height:440px;min-height:390px;gap:8px}.brand-texture-column .car-gallery-track{gap:9px}.brand-texture-tile{border-radius:8px}}


/* V54 — move light sweep to the four statistic cards */
.stat-card{position:relative;isolation:isolate;overflow:hidden}
.stat-card .stat-light-sweep{position:absolute;inset:-35% -65%;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(112deg,transparent 39%,rgba(90,177,255,.04) 45%,rgba(220,246,255,.28) 50%,rgba(35,145,255,.12) 54%,transparent 61%);transform:translateX(-35%);transition:opacity .2s ease,transform .16s linear;mix-blend-mode:screen}
.stat-card.stat-sweep-active .stat-light-sweep{opacity:1}
.stat-card > strong,.stat-card > span:not(.stat-light-sweep){position:relative;z-index:2}
.stat-card:before,.stat-card:after{z-index:3;pointer-events:none}
.stat-card .stat-light-sweep{animation:none;opacity:0}
.stat-card.stat-sweep-active .stat-light-sweep{opacity:1}
@media(prefers-reduced-motion:reduce){.stat-card .stat-light-sweep{animation:none;transition:none}}

/* V61 — Kompakt, ekranın ortasında hizalı premium navbar */
.site-nav{
  top:18px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(1140px,calc(100% - 40px))!important;
  height:68px!important;
  padding:0 14px 0 22px!important;
  border-radius:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  background:rgba(4,12,25,.82)!important;
  border:1px solid rgba(55,133,221,.38)!important;
  box-shadow:0 12px 42px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.045)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  mix-blend-mode:normal!important;
}
.site-nav .nav-project{align-self:center;height:24px;margin-right:14px;padding-right:14px;font-size:8px;border-right:1px solid rgba(104,130,160,.22);}
.site-nav .nav-center{display:flex!important;align-items:center;justify-content:center;flex:1;gap:clamp(16px,2.1vw,36px)}
.site-nav .nav-center a{white-space:nowrap;font-size:11px}
.site-nav .nav-cta{margin-left:22px;padding:11px 19px;border-radius:28px;white-space:nowrap}
@media(max-width:900px){
  .site-nav{width:calc(100% - 32px)!important;height:60px!important;padding:0 10px 0 18px!important;top:14px!important}
  .site-nav .nav-project{display:flex!important;align-self:center;height:20px;margin-right:10px;padding-right:10px;font-size:7px;border-right:1px solid rgba(104,130,160,.22)}
  .site-nav .nav-center{gap:14px!important}
  .site-nav .nav-center a{font-size:9px!important;letter-spacing:.03em!important}
  .site-nav .nav-cta{margin-left:12px;padding:10px 12px;font-size:8px}
}
@media(max-width:650px){
  .site-nav{width:calc(100% - 28px)!important;height:56px!important;padding:0 10px 0 15px!important;top:12px!important}
  .site-nav .nav-project{display:none!important}
  .site-nav .nav-center{display:none!important}
  .site-nav .nav-cta{margin-left:auto;margin-right:12px;padding:9px 12px;font-size:8px}
  .site-nav .menu-toggle{display:flex!important;margin-left:0!important}
  .site-nav .nav-menu{right:0;top:64px;border-radius:16px;min-width:210px}
}

/* Custom cursor only hides the native pointer after the logo cursor is actively tracking. */
@media(min-width:900px){.custom-cursor-ready,.custom-cursor-ready body,.custom-cursor-ready body *{cursor:none!important}.custom-cursor-ready .cursor{display:block}}


/* V75 — referansla uyumlu mavi/camgöbeği tarama; merkez parlak, uçlar transparan */
.stats-grid .stat-card .stat-light-sweep{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.78;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(to bottom,
    transparent 0%,
    transparent 49.70%,
    rgba(26,103,255,0) 49.80%,
    rgba(28,132,255,.14) 49.88%,
    rgba(35,170,255,.48) 49.95%,
    rgba(117,224,255,.92) 50%,
    rgba(32,190,255,.56) 50.05%,
    rgba(19,126,255,.18) 50.12%,
    rgba(20,105,255,0) 50.22%,
    transparent 50.30%,
    transparent 100%);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 7%,rgba(0,0,0,.62) 20%,#000 36%,#000 64%,rgba(0,0,0,.62) 80%,rgba(0,0,0,.12) 93%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 7%,rgba(0,0,0,.62) 20%,#000 36%,#000 64%,rgba(0,0,0,.62) 80%,rgba(0,0,0,.12) 93%,transparent 100%);
  box-shadow:none;
  transform:translate3d(0,-100%,0);
  animation:statVerticalScan 2.8s linear infinite;
  will-change:transform;
  backface-visibility:hidden;
  mix-blend-mode:screen;
}
@keyframes statVerticalScan{
  0%{transform:translate3d(0,-100%,0)}
  100%{transform:translate3d(0,100%,0)}
}
@media(prefers-reduced-motion:reduce){.stats-grid .stat-card .stat-light-sweep{animation:none;opacity:0;will-change:auto}}


/* V77 — add matching lower-right corner brackets to all four statistic cards */
.stats-grid .stat-card .stat-corner-br{
  position:absolute;
  right:27px;
  bottom:27px;
  width:7px;
  height:7px;
  margin:0;
  border-right:1px solid #4380bb;
  border-bottom:1px solid #4380bb;
  z-index:4;
  pointer-events:none;
}
.stats-grid .stat-card .stat-light-sweep{z-index:2}
@media(max-width:650px){.stats-grid .stat-card .stat-corner-br{right:18px;bottom:18px}}

/* V78: Timeline hareketleri mouse üzerine gelince durmasın; sürekli akıcı kalsın. */
.brand-timeline-window:hover .brand-moving-projects,
.brand-timeline-window:hover .brand-moving-blocks,
.brand-timeline-window:hover .brand-playhead,
.brand-timeline-window:hover .brand-name-track {
  animation-play-state: running !important;
}


/* SHOPIER / PRODUCTS NAV LINK */
.site-nav .nav-center .nav-products-link{color:#70baff!important}
.site-nav .nav-center .nav-products-link:hover{color:#fff!important}
.shop-nav{mix-blend-mode:normal!important;background:linear-gradient(180deg,rgba(5,12,22,.78),rgba(5,12,22,.12));backdrop-filter:blur(12px)}


/* V88 — Marka proje kutularında YAKINDA etiketi */
#brand-projects .brand-texture-tile{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
#brand-projects .brand-texture-tile::after{
  content:"YAKINDA";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(225,240,255,.92);
  font-family:inherit;
  font-size:clamp(10px,.78vw,13px);
  font-weight:700;
  letter-spacing:.22em;
  text-shadow:0 0 12px rgba(0,145,255,.42);
  pointer-events:none;
}
#brand-projects .brand-texture-tile:hover::after{
  color:#fff;
  text-shadow:0 0 16px rgba(0,174,255,.65);
}
/* CUSTOMER ACCOUNT NAV LINK */
.site-nav .nav-account-link{flex-shrink:0;white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.09em;color:#c8e5ff;border:1px solid rgba(46,145,255,.48);border-radius:22px;padding:9px 13px;margin-left:13px;background:rgba(12,48,82,.48)}
.site-nav .nav-account-link:hover{color:#fff;border-color:#27aaff;box-shadow:0 0 18px rgba(22,145,255,.2)}
.shop-nav{z-index:50}
.shop-nav .nav-account-link{font-size:9px}
@media(max-width:900px){.site-nav .nav-account-link{padding:8px 10px;font-size:8px;margin-left:8px}}
@media(max-width:650px){.site-nav .nav-account-link{display:none}}

/* Marka zaman cizelgesi: logo kutulari */
.brand-timeline .brand-name-chip.brand-logo-chip{padding:6px 16px}
.brand-timeline .brand-logo-chip img{display:block;max-width:172px;max-height:49px;width:auto;height:auto;object-fit:contain;opacity:.92;transition:opacity .25s,transform .25s;filter:drop-shadow(0 0 10px rgba(120,170,255,.08))}
.brand-timeline .brand-logo-chip:hover img{opacity:1;transform:scale(1.05)}
.brand-timeline .brand-name-chip.brand-logo-chip{background:linear-gradient(135deg,rgba(18,42,67,.94),rgba(9,20,34,.98))}
@keyframes brandNameLoopV32{from{transform:translateX(0)}to{transform:translateX(-33.333333%)}}
.brand-timeline .brand-name-track{animation:brandNameLoopV32 64s linear infinite}

/* Logo kutulari: marka kendi arka planiyla, tam renk */
.brand-timeline .brand-name-chip.brand-logo-chip{padding:0;overflow:hidden;background:#0b1626}
.brand-timeline .brand-logo-chip img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;opacity:.96;filter:none;transform:none;transition:opacity .25s,transform .35s}
.brand-timeline .brand-logo-chip:hover img{opacity:1;transform:scale(1.04)}

/* Arac galerisi: 4 kolon x 3 farkli gorsel, kutular daha uzun: ayni arac ayni anda iki kez gorunmez */
.car-projects-section .car-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.car-projects-section .car-gallery-column img{aspect-ratio:2/3.05}
.car-projects-section .car-gallery-track{animation-duration:42s}
.car-projects-section .car-gallery-column.slower .car-gallery-track{animation-duration:52s}

/* Arac fotograflari: tiklayinca Instagram */
.car-gallery-column a.car-link{display:block;text-decoration:none;color:inherit;border-radius:14px;cursor:pointer}
.car-gallery-column a.car-link:focus-visible{outline:2px solid #4aaeff;outline-offset:3px}

/* Cursor: normal ok + yumuşak parlak glow daire (logo kaldırıldı) */
@media(min-width:900px){
.custom-cursor-ready,.custom-cursor-ready body,.custom-cursor-ready body *{cursor:auto!important}
.custom-cursor-ready a,.custom-cursor-ready button,.custom-cursor-ready [role=button],.custom-cursor-ready label,.custom-cursor-ready summary{cursor:pointer!important}
.cursor{width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;
 background:radial-gradient(circle,rgba(90,170,255,.34) 0%,rgba(90,170,255,.16) 35%,rgba(90,170,255,0) 70%);
 mix-blend-mode:screen;transition:opacity .25s;filter:blur(2px)}
.cursor img{display:none}
}

/* Nav: Ürünlerim + Giriş Yap eklendi — İletişime Geç ile çakışmasın */
@media(min-width:651px){
.site-nav .nav-center{gap:clamp(12px,1.5vw,30px)!important;min-width:0}
.site-nav .nav-account-link{margin-left:4px!important}
.site-nav .nav-cta{flex-shrink:0}
}
@media(min-width:651px){
.site-nav .nav-project-suffix{display:none!important}
}
@media(min-width:651px) and (max-width:1100px){
.site-nav .nav-center{gap:10px!important}
.site-nav .nav-center a{font-size:8px!important;letter-spacing:.02em!important}
.site-nav .nav-account-link{padding:7px 9px!important}
}
@media(min-width:651px) and (max-width:820px){
.site-nav .nav-project span:first-child{display:none!important}
.site-nav .nav-center{gap:8px!important}
.site-nav .nav-center a{font-size:7.5px!important}
.site-nav .nav-cta{margin-left:8px!important;padding:9px 10px!important}
}

/* Hakkımızda portresi: siyah-beyaz, mouse glow'unun olduğu yer renkli */
.about-frame > img{filter:contrast(1.03) brightness(.92)!important}
@media(min-width:801px){.about-frame > img{filter:grayscale(1) contrast(1.06) brightness(.86)!important}}
.about-frame > img.about-color{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  filter:contrast(1.04) saturate(1.05) brightness(.95)!important;
  opacity:0;transition:opacity .35s ease, transform .65s cubic-bezier(.2,.7,.2,1);
  -webkit-mask-image:radial-gradient(circle 190px at var(--light-x,50%) var(--light-y,50%),#000 0%,#000 40%,rgba(0,0,0,.55) 65%,transparent 100%);
          mask-image:radial-gradient(circle 190px at var(--light-x,50%) var(--light-y,50%),#000 0%,#000 40%,rgba(0,0,0,.55) 65%,transparent 100%);
}
.about-frame.is-light-active > img.about-color{opacity:1}
.about-frame .frame-vignette,.about-frame .rec-label,.about-frame .corner,.about-frame .frame-caption{z-index:3}
@media (hover:none){.about-frame > img.about-color{display:none}}
/* Portredeki ışık sweep'i kaldırıldı (renk açılma efekti kalıyor) */
.about-frame::after,.about-frame.is-light-active::after{display:none!important;opacity:0!important}

/* Mobil: servis kartlarında başlıkları aynı hizada tut */
.services-card-grid .service-glass-card{justify-content:flex-start;padding-top:44px}
.services-card-grid .service-card-icon{flex-shrink:0;margin-bottom:20px}
.services-card-grid .service-glass-card p{min-height:5.2em}

/* Mobil üst menü: masaüstündeki gibi marka adı solda, İLETİŞİME GEÇ + menü sağda */
@media(max-width:650px){
  .site-nav .nav-project{display:flex!important;align-items:center;height:auto;margin-right:auto;padding-right:0;border-right:0;font-size:9px;letter-spacing:.08em;white-space:nowrap}
  .site-nav .nav-project span:first-child,.site-nav .nav-project .nav-project-suffix{display:none!important}
  .site-nav .nav-project strong{color:#e8f1ff;font-weight:700}
  .site-nav .nav-cta{margin-left:0;margin-right:10px}
}
/* Oklar ve simgeler her cihazda düz (emoji olmayan) görünsün */
.nav-cta span,.contact-card-arrow,.service-card-icon{font-variant-emoji:text}

/* Hamburger menü: PC'deki menüyle aynı (numarasız, Ürünlerim mavi, Giriş Yap hap şeklinde) */
.site-nav .nav-menu{gap:6px;padding:18px 20px;min-width:230px}
.site-nav .nav-menu a{font-size:11px;letter-spacing:.09em;color:#cfe0f5;padding:11px 8px;white-space:nowrap}
.site-nav .nav-menu a.menu-products{color:#70baff}
.site-nav .nav-menu a.menu-account{margin-top:8px;text-align:center;font-size:10px;font-weight:700;color:#c8e5ff;border:1px solid rgba(46,145,255,.48);border-radius:22px;padding:11px 14px;background:rgba(12,48,82,.48)}

/* Telefon: istatistik kartlarındaki dikey tarama PC'deki gibi sürekli aksın */
@media(max-width:900px){
  .stats-grid .stat-card .stat-light-sweep{animation:statVerticalScan 2.8s linear infinite;opacity:.78;transform:translate3d(0,-100%,0)}
}
/* Dokunmatik ekranda servis kartı ışığı takılı kalmasın */
@media(hover:none){
  .service-glass-card.is-light-active::after,.stat-card.stat-sweep-active .stat-light-sweep{opacity:0}
  .stats-grid .stat-card.stat-sweep-active .stat-light-sweep{opacity:.78}
}