:root{
  /* Primitive renkler */
  --carbon-950:#161a1d;
  --carbon-800:#252b2f;
  --concrete-100:#e7e5df;
  --porcelain-50:#f7f7f4;
  --signal-orange-600:#e95a2b;
  --steel-700:#344a57;
  --graphite-500:#707579;
  --graphite-300:#c9c7c0;
  --white-000:#fff;
  --orange-ink:#54220f;

  /* Semantik renkler */
  --color-text:var(--carbon-950);
  --color-surface-dark:var(--carbon-950);
  --color-surface-raised:var(--carbon-800);
  --color-surface-soft:var(--concrete-100);
  --color-background:var(--porcelain-50);
  --color-accent:var(--signal-orange-600);
  --color-technical:var(--steel-700);
  --color-muted:var(--graphite-500);
  --color-border:var(--graphite-300);
  --color-on-dark:var(--white-000);

  /* Tipografi */
  --font-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --font-body:"IBM Plex Sans",Arial,sans-serif;
  --font-technical:"IBM Plex Mono","Courier New",monospace;

  /* Bileşen aliasları */
  --ink:var(--color-text);
  --ink-soft:var(--color-surface-raised);
  --concrete:var(--color-surface-soft);
  --paper:var(--color-background);
  --orange:var(--color-accent);
  --blueprint:var(--color-technical);
  --muted:var(--color-muted);
  --line:var(--color-border);
  --white:var(--color-on-dark);
  --display:var(--font-display);
  --body:var(--font-body);
  --mono:var(--font-technical);
  --container:min(90vw,1440px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--orange);color:white;padding:12px 16px;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:none}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff3b;transition:background .25s,height .25s}.site-header.scrolled{position:fixed;height:74px;background:#171a1cf2;backdrop-filter:blur(16px)}.brand img{width:210px;height:auto}.desktop-nav{display:flex;align-items:center;gap:34px}.desktop-nav a{position:relative;text-decoration:none;font-size:12px;font-weight:600}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--orange);transition:right .25s}.desktop-nav a:hover:after,.desktop-nav a[aria-current="true"]:after{right:0}.header-cta{font:500 11px var(--mono);text-decoration:none;border-left:1px solid #ffffff5b;padding:8px 0 8px 24px;text-transform:uppercase;letter-spacing:.05em}.header-cta span{display:inline-grid;place-items:center;background:var(--orange);width:36px;height:36px;margin-left:12px;transition:transform .2s}.header-cta:hover span{transform:rotate(45deg)}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:6px}
.hero{min-height:920px;height:100dvh;position:relative;color:#fff;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08);animation:heroDrift 18s ease-out both}.hero-shade{background:linear-gradient(90deg,#111719e8 0%,#111719aa 48%,#11171938 78%),linear-gradient(0deg,#111719c9 0%,transparent 48%)}.hero-content{position:relative;z-index:2;width:var(--container);height:100%;margin:auto;padding:190px 0 100px;display:flex;flex-direction:column;justify-content:space-between}.kicker{display:flex;gap:25px;margin:0;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#d8d8d1}.kicker span:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;background:var(--orange);margin-left:25px;vertical-align:middle}.hero h1{margin:0;max-width:1060px;font:700 clamp(76px,10vw,158px)/.77 var(--display);letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance}.hero h1 em{display:inline-block;color:var(--orange);font-style:italic;font-weight:600}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-left:26%;gap:40px}.hero-bottom p{max-width:570px;margin:0;font-size:16px;line-height:1.75;color:#e1e1db}.action{min-width:230px;display:inline-flex;align-items:center;justify-content:space-between;padding:19px 21px;text-decoration:none;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;transition:background .2s,color .2s,transform .2s}.action-light{background:white;color:var(--ink)}.action-light:hover{background:var(--orange);color:#fff;transform:translateY(-3px)}.hero-rail{position:absolute;z-index:3;top:46%;left:1.4vw;display:flex;flex-direction:column;align-items:center;gap:13px}.hero-rail span{font:700 18px var(--display);color:var(--orange)}.hero-rail i{display:block;width:1px;height:70px;background:#ffffff6b}.hero-rail small{font:500 7px/1.5 var(--mono);letter-spacing:.12em;writing-mode:vertical-rl}.site-tag{position:absolute;z-index:4;right:4.5vw;bottom:0;width:265px;background:var(--orange);padding:22px 25px;color:#fff}.site-tag span{font:500 9px var(--mono);letter-spacing:.08em}.site-tag b{display:block;font:600 28px var(--display);text-transform:uppercase;margin:18px 0 5px}.site-tag small{font-size:10px}.live-line{position:absolute;z-index:4;left:0;bottom:0;width:calc(100% - 265px - 4.5vw);height:3px;background:#ffffff2b}.live-line i{display:block;height:100%;width:32%;background:var(--orange);animation:current 4s ease-in-out infinite}
.section-index{font:500 10px var(--mono);letter-spacing:.08em;color:var(--orange)}.section-label{margin:0 0 32px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blueprint)}.section-label.light{color:#adb5ba}.section-label.dark{color:#56200e}.statement{width:var(--container);margin:auto;padding:150px 0 175px;display:grid;grid-template-columns:1fr 5fr 2fr;gap:5vw;align-items:start}.statement h2{font:600 clamp(45px,5.6vw,83px)/.96 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0;text-wrap:balance}.statement h2 em{font-style:italic;color:var(--orange)}.statement-side{padding-top:55px}.statement-side p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 36px}.statement-side strong{color:var(--ink)}.inline-link{font:500 11px var(--mono);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:7px}.inline-link span{color:var(--orange);margin-left:9px}
.capabilities{background:var(--ink);color:white;padding:130px max(5vw,calc((100vw - 1440px)/2)) 155px}.capabilities-head{display:grid;grid-template-columns:2fr 1fr;gap:10vw;align-items:end;margin-bottom:80px}.capabilities h2{font:650 clamp(55px,7vw,104px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0}.capabilities-head>p{font-size:14px;line-height:1.8;color:#a5a9a9;max-width:390px}.capability{position:relative;display:grid;grid-template-columns:70px 1.15fr 1fr 65px;gap:25px;align-items:center;padding:37px 0;border-top:1px solid #ffffff2d;transition:padding .25s,background .25s}.capability:last-child{border-bottom:1px solid #ffffff2d}.capability:hover{padding-left:18px;padding-right:18px;background:#ffffff08}.capability-number{font:500 10px var(--mono);color:var(--orange)}.capability h3{font:600 clamp(28px,3vw,45px) var(--display);text-transform:uppercase;margin:0}.capability p{font-size:12px;line-height:1.8;color:#a5a9a9;max-width:480px}.capability-mark{font:400 37px var(--display);color:var(--orange);text-align:right}
.work{width:var(--container);margin:auto;padding:150px 0 175px}.work-heading{display:grid;grid-template-columns:1fr 4fr 2fr;gap:5vw;align-items:end;margin-bottom:75px}.work-heading h2{font:650 clamp(57px,7vw,104px)/.86 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0}.work-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:520px 380px 470px;gap:18px}.work-card{position:relative;overflow:hidden;background:#323639;color:white}.work-card-wide{grid-column:1;grid-row:1/span 2}.work-card-tall{grid-column:2;grid-row:1}.work-card:nth-child(3){grid-column:2;grid-row:2/span 2}.work-card:nth-child(4){grid-column:1;grid-row:3}.work-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}.work-card:hover img{transform:scale(1.035);filter:saturate(.9)}.work-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#11171955 0%,transparent 38%,#111719e8 100%)}.work-top,.work-bottom{position:absolute;z-index:2;left:28px;right:28px;display:flex;justify-content:space-between;gap:25px}.work-top{top:25px;font:500 8px var(--mono);letter-spacing:.08em}.work-top span:first-child{color:var(--orange)}.work-bottom{bottom:27px;align-items:flex-end}.work-bottom h3{font:600 clamp(38px,4vw,61px)/.82 var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:0}.work-bottom p{max-width:210px;text-align:right;font-size:10px;line-height:1.6;margin:0;color:#d1d2cf}.reference-note{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.reference-note span{font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}.reference-note p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.leadership{min-height:690px;background:var(--concrete);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center}.dc-monogram{height:100%;min-height:690px;position:relative;background:var(--blueprint);color:#ffffff16;display:flex;align-items:center;justify-content:center;overflow:hidden;font:700 420px/.6 var(--display);letter-spacing:-.23em;padding-right:.18em}.dc-monogram i,.dc-monogram b{position:absolute;color:var(--orange);font:400 50px var(--mono);letter-spacing:0}.dc-monogram i{top:14%;left:14%}.dc-monogram b{right:13%;bottom:15%}.leadership-copy{padding:80px 9vw 80px 8vw}.leadership blockquote{font:600 clamp(42px,4.6vw,71px)/.98 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0}.leader{border-top:1px solid #b7b7b1;margin-top:65px;padding-top:25px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.leader strong{display:block;font:600 25px var(--display);text-transform:uppercase}.leader span,.leader p{font-size:10px;color:var(--muted);margin:4px 0}.leader p{font-family:var(--mono)}
.process{background:var(--orange);padding:130px max(5vw,calc((100vw - 1440px)/2)) 150px}.process-head{display:flex;justify-content:space-between;gap:5vw;align-items:flex-start;margin-bottom:80px}.process-head h2{font:650 clamp(52px,7vw,100px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0;color:#171a1c}.process-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #171a1c}.process-list li{padding:30px 30px 0 0;border-right:1px solid #171a1c;min-height:210px}.process-list li:not(:first-child){padding-left:30px}.process-list li:last-child{border-right:0}.process-list span{display:block;font:500 10px var(--mono);margin-bottom:45px}.process-list strong{display:block;font:600 25px var(--display);text-transform:uppercase}.process-list p{font-size:11px;line-height:1.7;max-width:220px}
.contact{position:relative;overflow:hidden;background:var(--ink);color:white;padding:145px max(5vw,calc((100vw - 1440px)/2)) 65px}.contact-stamp{position:absolute;right:6vw;top:65px;font:700 270px/.55 var(--display);color:#ffffff09;text-align:center;transform:rotate(-5deg)}.contact-stamp small{font-size:58px;letter-spacing:.18em}.contact-copy{position:relative;z-index:2}.contact h2{font:650 clamp(66px,9vw,132px)/.82 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0 0 60px}.contact h2 em{color:var(--orange);font-style:italic}.contact-mail{display:inline-block;color:white;font:500 clamp(22px,3vw,44px) var(--display);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:8px}.contact-mail span{color:var(--orange);margin-left:12px}.contact-meta{position:relative;z-index:2;margin-top:120px;padding-top:28px;border-top:1px solid #ffffff2b;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.contact-meta small{font:500 8px var(--mono);letter-spacing:.1em;color:#7f878b}.contact-meta a,.contact-meta p{display:block;text-decoration:none;font-size:11px;color:#d0d2d2;margin:10px 0}
footer{background:#101315;color:#7f878b;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:9px}footer a{text-decoration:none}.footer-brand img{width:160px}footer>a:last-child span{color:var(--orange);margin-left:6px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@keyframes heroDrift{from{transform:scale(1.07)}to{transform:scale(1)}}@keyframes current{0%{transform:translateX(-100%)}45%,70%{transform:translateX(210%)}100%{transform:translateX(420%)}}
@media(max-width:1050px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.desktop-nav.open{position:absolute;display:flex;flex-direction:column;align-items:flex-start;top:100%;left:0;right:0;background:var(--ink);padding:30px 5vw;border-top:1px solid #ffffff33}.hero-content{padding-top:170px}.hero-bottom{padding-left:0}.statement{grid-template-columns:1fr 5fr}.statement-side{grid-column:2}.capabilities-head,.work-heading{grid-template-columns:1fr}.work-heading .section-index{margin-bottom:20px}.work-grid{grid-template-rows:500px 360px 430px}.leadership{grid-template-columns:.85fr 1.15fr}.dc-monogram{font-size:300px}.process-list{grid-template-columns:repeat(2,1fr)}.process-list li:nth-child(2){border-right:0}.process-list li:nth-child(n+3){border-top:1px solid var(--ink);padding-top:30px}}
@media(max-width:700px){.site-header{height:76px;padding:0 20px}.site-header.scrolled{height:66px}.brand img{width:175px}.hero{min-height:760px}.hero-content{width:auto;margin:0 20px;padding:145px 0 75px}.kicker{display:block}.kicker span{display:block;margin-bottom:8px}.kicker span:after{display:none!important}.hero h1{font-size:64px;line-height:.82}.hero-bottom{display:block}.hero-bottom p{font-size:13px;margin-bottom:30px}.hero-rail{display:none}.site-tag{right:20px;width:210px;padding:16px 18px}.site-tag b{font-size:23px;margin:10px 0 3px}.live-line{width:calc(100% - 230px)}.statement,.work{width:auto;margin:0 20px}.statement{padding:90px 0 110px;display:block}.statement .section-index{margin-bottom:45px}.statement h2{font-size:45px}.statement-side{padding-top:40px}.capabilities{padding:90px 20px 110px}.capabilities-head{margin-bottom:55px}.capabilities h2{font-size:57px}.capability{grid-template-columns:35px 1fr 28px;gap:12px}.capability p{grid-column:2;padding-right:5px}.capability-mark{grid-row:1;grid-column:3}.work{padding:90px 0 110px}.work-heading h2{font-size:58px}.work-grid{display:block}.work-card{height:440px;margin-bottom:14px}.work-card-tall{height:520px}.work-bottom{display:block}.work-bottom p{text-align:left;margin-top:15px}.reference-note{grid-template-columns:1fr}.leadership{display:block}.dc-monogram{min-height:400px;height:400px;font-size:245px}.leadership-copy{padding:80px 20px 100px}.leadership blockquote{font-size:43px}.process{padding:90px 20px 110px}.process-head{display:block}.process-head h2{font-size:56px}.process-list{grid-template-columns:1fr}.process-list li,.process-list li:not(:first-child){border-right:0;border-top:1px solid var(--ink);padding:25px 0;min-height:auto}.process-list span{margin-bottom:25px}.contact{padding:100px 20px 50px}.contact h2{font-size:61px}.contact-mail{font-size:21px}.contact-meta{grid-template-columns:1fr;margin-top:90px}.contact-stamp{font-size:180px}footer{gap:20px;flex-wrap:wrap}.footer-brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-media img,.live-line i{animation:none}}

/* Metinlerin birbirine girmesini önleyen tipografi ve yerleşim güvenlikleri */
.hero-content,
.hero-bottom,
.statement > *,
.capabilities-head > *,
.capability > *,
.work-heading > *,
.work-bottom > *,
.leadership > *,
.leadership-copy,
.process-head > *,
.process-list > *,
.contact-copy,
.contact-meta > *{
  min-width:0;
}

h1,
h2,
h3,
blockquote{
  text-wrap:balance;
}

p{
  text-wrap:pretty;
}

.hero h1,
.statement h2,
.capabilities h2,
.work-heading h2,
.work-bottom h3,
.leadership blockquote,
.process-head h2,
.contact h2{
  line-height:1;
}

.kicker,
.work-top,
.leader{
  flex-wrap:wrap;
}

.work-top{
  line-height:1.6;
  row-gap:.35rem;
}

.work-bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(9rem,12.5rem);
  gap:clamp(1rem,2vw,2rem);
  align-items:end;
}

.work-bottom h3{
  overflow-wrap:normal;
}

.work-bottom p{
  max-width:none;
  align-self:end;
}

.dc-monogram{
  letter-spacing:0;
  gap:.06em;
  padding-right:0;
  line-height:.9;
}

.contact-mail{
  max-width:100%;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.contact-meta a,
.contact-meta p{
  overflow-wrap:anywhere;
  word-break:normal;
}

@media(max-width:1050px){
  .capability{
    grid-template-columns:3rem minmax(0,1fr) 3rem;
  }

  .capability p{
    grid-column:2;
    margin:.25rem 0 0;
  }

  .work-bottom{
    grid-template-columns:1fr;
    gap:.75rem;
  }

  .work-bottom p{
    text-align:left;
  }
}

@media(max-width:700px){
  .hero h1{font-size:clamp(3rem,15.5vw,4rem)}
  .statement h2{font-size:clamp(2.45rem,11.5vw,3rem)}
  .capabilities h2{font-size:clamp(3rem,14vw,3.55rem)}
  .work-heading h2{font-size:clamp(3rem,14vw,3.6rem)}
  .leadership blockquote{font-size:clamp(2.35rem,11vw,2.85rem)}
  .process-head h2{font-size:clamp(3rem,14vw,3.55rem)}
  .contact h2{font-size:clamp(3.15rem,15vw,3.8rem)}
  .work-top{display:grid;grid-template-columns:1fr}
  .work-bottom p{margin-top:0}
  .leader{row-gap:1rem}
  .leader p{width:100%}
  .dc-monogram{font-size:clamp(9rem,46vw,13rem);gap:.08em}
  .contact-mail{font-size:clamp(1rem,5.2vw,1.3rem);line-height:1.4}
}

/* İçerik sadeleştirmesi: okunaklı etiketler ve çakışmayan hero düzeni */
.hero-media img{
  object-position:center;
  filter:saturate(.72) contrast(1.05) brightness(.92);
}

.hero-shade{
  background:
    linear-gradient(90deg,#101416f5 0%,#101416d9 34%,#10141670 62%,#1014161f 100%),
    linear-gradient(0deg,#101416d9 0%,transparent 52%);
}

.hero-content{
  padding-bottom:clamp(4rem,8vh,7rem);
}

.kicker{
  display:block;
  font:600 .78rem/1.5 var(--body);
  letter-spacing:.04em;
  text-transform:none;
  color:#e3e5e3;
}

.hero-bottom{
  display:grid;
  grid-template-columns:minmax(0,36rem) auto;
  align-items:end;
  justify-content:space-between;
  padding-left:0;
}

.section-label{
  margin-bottom:1.75rem;
  font:600 .8rem/1.45 var(--body);
  letter-spacing:.025em;
  text-transform:none;
}

.statement{
  grid-template-columns:minmax(0,2.2fr) minmax(17rem,.8fr);
  gap:clamp(4rem,9vw,10rem);
}

.statement-side{
  grid-column:auto;
}

.work-heading{
  grid-template-columns:minmax(0,1.6fr) minmax(16rem,.4fr);
  gap:clamp(3rem,8vw,8rem);
}

.work-heading > p{
  font-size:.875rem;
}

.work-top{
  justify-content:flex-start;
  font:600 .72rem/1.4 var(--body);
  letter-spacing:.035em;
  text-transform:none;
}

.capability-number,
.process-list span{
  font-size:.72rem;
}

.reference-note{
  display:block;
  max-width:44rem;
  margin-left:auto;
}

.reference-note p{
  font-size:.82rem;
}

.contact-meta small{
  font-size:.65rem;
}

@media(max-width:1050px){
  .statement{
    grid-template-columns:1fr;
    gap:2.75rem;
  }

  .statement-side{
    grid-column:auto;
    max-width:42rem;
    padding-top:0;
  }

  .work-heading{
    grid-template-columns:1fr;
    gap:2rem;
  }

  .work-heading > p{
    max-width:38rem;
  }
}

@media(max-width:700px){
  .hero-media img{object-position:64% center}
  .hero-content{padding-top:8.5rem;padding-bottom:4rem}
  .hero-bottom{display:block}
  .section-label{margin-bottom:1.25rem}
  .work-top{font-size:.76rem}
  .reference-note{margin-left:0}
}

/* Sessiz ve döngülü giriş videosu */
.hero-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.72) contrast(1.05) brightness(.92);
}

@media(max-width:700px){
  .hero-video{object-position:64% center}
}

@media(prefers-reduced-motion:reduce){
  .hero-video{visibility:hidden}
  .hero-media{background:url("assets/hero-electrical-panel-v2.png") 64% center/cover no-repeat}
}