@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* NTG Zayıf Akım — "Proje Paftası" */
:root{
  --paper:#F3F1EA; --paper-2:#EBE8DF; --paper-3:#E3DFD3;
  --ink:#14202B; --ink-2:#34414D; --mute:#56606A; --hair:#B9B4A7; --grid:rgba(20,32,43,.055);
  --yangin:#C8372B; --guvenlik:#2E8540; --data:#1F66A8; --ses:#B87400; --tesis:#6E4BAA;
  --focus:#1F66A8;
  --sans:'Barlow',system-ui,sans-serif; --cond:'Barlow Condensed','Barlow',sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  --gut:clamp(16px,3.2vw,44px); --frame:clamp(6px,1.1vw,14px);
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;font:400 1.0625rem/1.6 var(--sans);color:var(--ink);background-color:var(--paper);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:24px 24px;background-position:var(--frame) var(--frame)}
img,svg{display:block;max-width:100%}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{color:var(--data)}
::selection{background:var(--ink);color:var(--paper)}
:focus-visible{outline:2px dashed var(--focus);outline-offset:3px}
html{scrollbar-color:var(--ink-2) var(--paper-2)}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--ink-2);border:3px solid var(--paper-2)}
h1,h2,h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;line-height:.95;letter-spacing:-.005em;margin:0;text-wrap:balance}
h1{font-size:clamp(3rem,6.4vw,6rem)}
h2{font-size:clamp(2.1rem,3.6vw,3.4rem)}
h3{font-size:1.55rem;line-height:1.05}
p{margin:0 0 1em;max-width:68ch}
.mono{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--ink);color:#fff;padding:10px 14px}
.skip:focus{left:24px}

/* Sheet frame (viewport border like a drawing sheet) */
.frame{position:fixed;inset:var(--frame);border:2px solid var(--ink);pointer-events:none;z-index:40}
.frame::after{content:"";position:absolute;inset:4px;border:1px solid var(--ink)}
.wrap{padding:0 calc(var(--frame) + 5px)}

/* Header */
.hd{position:sticky;top:var(--frame);z-index:30;background:var(--paper);border-bottom:1.5px solid var(--ink);margin-top:var(--frame);border-top:5px solid transparent}
.hd-in{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px);padding:10px var(--gut);min-height:66px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand img{height:40px;width:auto}
.brand span{font:500 .72rem/1.25 var(--mono);color:var(--mute);letter-spacing:.06em;border-left:1px solid var(--hair);padding-left:12px}
.nav{display:flex;gap:clamp(14px,2vw,30px);margin-left:auto}
.nav a{font-weight:600;font-size:1rem;text-decoration:none;padding:6px 0;position:relative}
.nav a[aria-current=page]::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor}
.hd-tel{font:500 .9rem var(--mono);text-decoration:none;white-space:nowrap}
.menu-btn{display:none;margin-left:auto;background:none;border:1.5px solid var(--ink);width:46px;height:42px;cursor:pointer;color:var(--ink)}
.menu-btn svg{margin:auto}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.7em;font:600 1rem/1 var(--sans);padding:15px 22px;background:var(--ink);color:var(--paper);text-decoration:none;border:1.5px solid var(--ink);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}
.btn:hover{background:var(--data);border-color:var(--data);color:#fff}
.btn svg{width:18px;height:18px;flex:none}
.btn.line{background:transparent;color:var(--ink)}
.btn.line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.sm{padding:11px 16px;font-size:.95rem}
.btn[disabled]{opacity:.55;cursor:progress}
.arrow{transition:transform .3s var(--ease)}a:hover .arrow,button:hover .arrow{transform:translateX(4px)}

/* Section scaffolding: each section is a sheet band closed by an ink rule */
.band{border-bottom:1.5px solid var(--ink);padding:clamp(56px,8vw,112px) var(--gut)}
.band.tight{padding-block:clamp(40px,5vw,72px)}
.band-hd{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px 32px;margin-bottom:clamp(28px,4vw,52px)}
.band-hd p{grid-column:1;margin:14px 0 0;color:var(--ink-2);font-size:1.125rem}
.band-hd .ref{grid-column:2;grid-row:1;align-self:start;color:var(--mute);text-align:right}
.ink{background:var(--ink);color:var(--paper)}
.ink a:hover,.ink a:not(.btn):hover{color:#9CC6EE}

/* HERO */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);border-bottom:1.5px solid var(--ink);min-height:calc(100svh - 84px - var(--frame))}
.hero-copy{padding:clamp(40px,6vw,88px) var(--gut);display:flex;flex-direction:column;justify-content:center;border-right:1px dashed var(--hair)}
.hero h1 em{font-style:normal;color:var(--data)}
.hero .lead{font-size:clamp(1.1rem,1.35vw,1.25rem);line-height:1.55;margin:26px 0 34px;max-width:36em;color:var(--ink-2)}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-dwg{position:relative;display:grid;grid-template-rows:1fr auto;min-width:0}
.dwg{padding:clamp(18px,2.4vw,34px) clamp(12px,2vw,30px) 8px}
.dwg svg{width:100%;height:auto;max-height:66svh;margin:auto}
.dwg-foot{display:grid;grid-template-columns:1fr auto;align-items:end;border-top:1px solid var(--ink)}

/* Legend / layer toggle */
.legend{display:flex;flex-wrap:wrap;gap:0;padding:12px clamp(12px,2vw,24px)}
.legend button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:8px 10px;border:1px solid transparent;color:var(--ink)}
.legend button:hover{border-color:var(--hair)}
.legend button[aria-pressed=true]{border-color:var(--ink);background:var(--paper-2)}
.legend button:focus-visible{outline:2px dashed var(--focus)}
.legend i{width:22px;height:3px;flex:none}
.legend .hint{font:400 .72rem var(--mono);color:var(--mute);padding:8px 10px}

/* Antet (title block) */
.antet{display:grid;grid-template-columns:repeat(2,minmax(0,auto));border-left:1.5px solid var(--ink);font:500 .8rem/1.4 var(--mono);min-width:min(360px,100%)}
.antet>div{padding:7px 12px;border-bottom:1px solid var(--ink);border-right:1px solid var(--ink)}
.antet>div:nth-child(2n){border-right:0}
.antet>.w{grid-column:1/-1;border-right:0}
.antet>div:nth-last-child(-n+2){border-bottom:0}
.antet small{display:block;font-size:.72rem;letter-spacing:.09em;color:var(--mute);font-weight:400}

/* Riser drawing */
.riser .fl{stroke:var(--ink);stroke-width:1.4}
.riser .fl-t{font:500 11px var(--mono);fill:var(--mute);letter-spacing:.05em}
.riser .cab{fill:var(--paper);stroke:var(--ink);stroke-width:1.4}
.riser .cab-t{font:500 9px var(--mono);fill:var(--ink)}
.riser .roof{fill:none;stroke:var(--ink);stroke-width:1.4}
.riser .lay{transition:opacity .35s var(--ease)}
.riser .w{fill:none;stroke-width:1.7}
.riser .w.v{stroke-width:2.4}
.riser .dev{fill:var(--paper);stroke-width:1.7}
.riser .tag{font:500 9.5px var(--mono);letter-spacing:.04em}
.riser[data-solo] .lay{opacity:.1}
.riser[data-solo=yangin] .lay.yangin,.riser[data-solo=guvenlik] .lay.guvenlik,.riser[data-solo=data] .lay.data,.riser[data-solo=ses] .lay.ses,.riser[data-solo=tesis] .lay.tesis{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .js .riser .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.5s var(--ease) forwards;animation-delay:var(--d,0s)}
  .js .riser .pop{opacity:0;animation:pop .6s var(--ease) forwards;animation-delay:var(--d,0s)}
}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Scope strip under hero */
.scope{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1.5px solid var(--ink)}
.scope>div{padding:20px var(--gut) 22px;border-right:1px solid var(--ink);display:flex;gap:14px;align-items:flex-start}
.scope>div:last-child{border-right:0}
.scope svg{width:28px;height:28px;flex:none;margin-top:2px}
.scope b{display:block;font:700 1.2rem/1.1 var(--cond);text-transform:uppercase;margin-bottom:3px}
.scope span{font-size:.95rem;color:var(--ink-2);line-height:1.4;display:block}

/* Legend table of services (lejant) */
.lejant{width:100%;border-collapse:collapse;border-top:1.5px solid var(--ink)}
.lejant th{font:500 .74rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);text-align:left;padding:10px 12px;border-bottom:1px solid var(--ink)}
.lejant td{padding:0;border-bottom:1px solid var(--hair);vertical-align:middle}
.lejant tr.grp td{border-bottom:1px solid var(--ink);padding:18px 12px 8px;font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.lejant tr.grp i{display:inline-block;width:22px;height:3px;vertical-align:middle;margin-right:10px}
.lejant a{display:grid;grid-template-columns:54px 88px minmax(0,1.1fr) minmax(0,1.6fr) 28px;align-items:center;gap:16px;padding:14px 12px;text-decoration:none;transition:background .25s var(--ease)}
.lejant a:hover{background:var(--paper-2);color:var(--ink)}
.lejant .sym{width:34px;height:34px}
.lejant .code{font:500 .8rem var(--mono);color:var(--mute)}
.lejant .nm{font:700 1.3rem/1.05 var(--cond);text-transform:uppercase}
.lejant .ds{color:var(--ink-2);font-size:.98rem;line-height:1.45}
.lejant .go{justify-self:end}

/* Process as revision table */
.proc{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1.5px solid var(--paper);counter-reset:s}
.proc li{list-style:none;padding:18px 16px 22px;border-right:1px solid rgba(243,241,234,.35);position:relative}
.proc li:last-child{border-right:0}
.proc .k{font:500 .74rem var(--mono);letter-spacing:.08em;color:#9CC6EE;display:block;margin-bottom:34px}
.proc b{display:block;font:700 1.25rem/1.05 var(--cond);text-transform:uppercase;margin-bottom:8px}
.proc span{font-size:.93rem;line-height:1.45;color:#D8D4C9;display:block}
.proc li::before{content:"";position:absolute;left:16px;right:0;top:44px;height:1.5px;background:var(--paper)}
.proc li::after{content:"";position:absolute;left:12px;top:40px;width:9px;height:9px;border-radius:50%;background:var(--ink);border:1.5px solid var(--paper)}
.proc{margin:0;padding:0}

/* Project sheets */
.sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px)}
.sheet{border:1.5px solid var(--ink);background:var(--paper);display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:var(--ink);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.sheet:hover{color:var(--ink);transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(20,32,43,.55)}
.sheet figure{margin:0;border-bottom:1.5px solid var(--ink);aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--paper-3)}
.sheet figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.sheet:hover figure img{transform:scale(1.035)}
.sheet figcaption{position:absolute;left:0;top:0;background:var(--paper);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:5px 10px;font:500 .72rem var(--mono);letter-spacing:.08em}
.sheet .ab{display:grid;grid-template-columns:minmax(0,1fr) auto}
.sheet .ab>div{padding:10px 14px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sheet .ab>div:nth-child(2n){border-right:0}
.sheet .ab>.w{grid-column:1/-1;border-right:0}
.sheet .ab>div:nth-last-child(-n+2){border-bottom:0}
.sheet .ab small{display:block;font:400 .72rem var(--mono);letter-spacing:.09em;color:var(--mute);text-transform:uppercase}
.sheet h3{margin-top:2px}
.sheet .syms{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.sheet .syms svg{width:20px;height:20px}
.st{font:500 .74rem var(--mono);white-space:nowrap}
.st::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--guvenlik);margin-right:7px;vertical-align:1px}
.st.on::before{background:var(--ses)}
.sheets.all{grid-template-columns:repeat(3,minmax(0,1fr))}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filters button{all:unset;cursor:pointer;font:500 .78rem var(--mono);letter-spacing:.04em;padding:9px 14px;border:1px solid var(--ink)}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.filters button:focus-visible{outline:2px dashed var(--focus);outline-offset:2px}

/* Contact band */
.call{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end}
.call h2{font-size:clamp(2.6rem,5.4vw,5rem)}
.call p{color:#D8D4C9;font-size:1.15rem;margin-top:18px}
.call .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.call .btn:hover{background:#9CC6EE;border-color:#9CC6EE;color:var(--ink)}
.call .btn.line{background:transparent;color:var(--paper);border-color:rgba(243,241,234,.7)}
.call .btn.line:hover{background:var(--paper);color:var(--ink)}
.chan{border-top:1px solid rgba(243,241,234,.45)}
.chan a{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(243,241,234,.45);text-decoration:none;font-size:1.15rem}
.chan small{font:500 .74rem var(--mono);letter-spacing:.09em;color:#B7B2A6;text-transform:uppercase}

/* Page head for inner pages */
.phead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end;padding:clamp(44px,6vw,88px) var(--gut) clamp(32px,4vw,52px);border-bottom:1.5px solid var(--ink)}
.phead p{margin:18px 0 0;font-size:1.15rem;color:var(--ink-2)}
.crumbs{font:500 .72rem var(--mono);letter-spacing:.05em;color:var(--mute);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:var(--mute)}

/* Service detail */
.svc{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-bottom:1.5px solid var(--ink)}
.svc-body{padding:clamp(40px,5vw,72px) var(--gut);border-right:1px dashed var(--hair)}
.svc-body p{font-size:1.125rem}
.svc-body h2{font-size:1.9rem;margin:38px 0 16px}
.checks{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}
.checks li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--hair)}
.checks li svg{width:16px;height:16px;margin-top:4px}
.svc-dwg{padding:clamp(28px,4vw,56px) var(--gut);display:flex;flex-direction:column;gap:22px;background:linear-gradient(var(--paper),var(--paper)) padding-box}
.detail{border:1.5px solid var(--ink);background:var(--paper)}
.detail svg{width:100%;height:auto}
.detail .cap{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:8px 12px;font:500 .7rem var(--mono);letter-spacing:.06em}
.mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mini a{text-decoration:none;font:500 .92rem/1.3 var(--sans)}
.mini img{aspect-ratio:4/3;object-fit:cover;width:100%;border:1px solid var(--ink);margin-bottom:6px}
.pager{display:grid;grid-template-columns:1fr 1fr;border-bottom:1.5px solid var(--ink)}
.pager a{padding:22px var(--gut);text-decoration:none;display:flex;flex-direction:column;gap:4px}
.pager a+a{border-left:1px solid var(--ink);text-align:right;align-items:flex-end}
.pager small{font:500 .74rem var(--mono);color:var(--mute);letter-spacing:.07em}
.pager b{font:700 1.4rem/1.05 var(--cond);text-transform:uppercase}

/* Project detail */
.pj{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);border-bottom:1.5px solid var(--ink)}
.gal{padding:clamp(20px,3vw,40px) var(--gut);border-right:1px dashed var(--hair)}
.gal-main{border:1.5px solid var(--ink);position:relative;background:var(--paper-3);aspect-ratio:16/10;overflow:hidden}
.gal-main img{width:100%;height:100%;object-fit:cover}
.gal-main figcaption{position:absolute;left:0;top:0;background:var(--paper);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:5px 10px;font:500 .74rem var(--mono)}
.thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.thumbs button{all:unset;cursor:pointer;border:1px solid var(--hair);aspect-ratio:4/3;overflow:hidden;position:relative}
.thumbs button[aria-current=true]{outline:2px solid var(--ink);outline-offset:2px}
.thumbs button:focus-visible{outline:2px dashed var(--focus);outline-offset:2px}
.thumbs img{width:100%;height:100%;object-fit:cover}
.pj-side{padding:clamp(20px,3vw,40px) var(--gut);display:flex;flex-direction:column;gap:26px}
.pj-side .antet{border:1.5px solid var(--ink);grid-template-columns:1fr 1fr}
.kapsam{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.kapsam li{border-bottom:1px solid var(--hair)}
.kapsam a{display:grid;grid-template-columns:30px 62px 1fr;gap:10px;align-items:center;padding:9px 0;text-decoration:none}
.kapsam svg{width:22px;height:22px}
.kapsam .code{font:500 .72rem var(--mono);color:var(--mute)}
.lbl{font:500 .74rem var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}

/* About */
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px)}
.two p{font-size:1.15rem}
.prin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--ink)}
.prin div{padding:20px 18px 6px 0;border-right:1px solid var(--hair);margin-right:18px}
.prin div:last-child{border-right:0}
.prin b{display:block;font:700 1.4rem var(--cond);text-transform:uppercase;margin-bottom:8px}
.prin p{font-size:1rem;color:var(--ink-2)}

/* Contact page */
.ct{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-bottom:1.5px solid var(--ink)}
.ct-form{padding:clamp(36px,5vw,64px) var(--gut);border-right:1px dashed var(--hair)}
.ct-side{padding:clamp(36px,5vw,64px) var(--gut);display:flex;flex-direction:column;gap:26px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.f{display:flex;flex-direction:column;gap:7px}
.f.w{grid-column:1/-1}
.f label{font:500 .72rem var(--mono);letter-spacing:.07em;text-transform:uppercase}
.f label span{color:var(--mute);text-transform:none;letter-spacing:0}
.f input,.f textarea,.f select{font:400 1.05rem var(--sans);color:var(--ink);background:var(--paper);border:0;border-bottom:1.5px solid var(--ink);padding:10px 2px;border-radius:0;transition:background .2s}
.f textarea{border:1.5px solid var(--ink);min-height:150px;resize:vertical;padding:10px 12px;background-image:linear-gradient(transparent 31px,var(--grid) 32px);background-size:100% 32px}
.f input:focus,.f textarea:focus,.f select:focus{outline:none;background:var(--paper-2)}
.f input::placeholder,.f textarea::placeholder{color:#6D747B}
.f [aria-invalid=true]{border-color:var(--yangin);background:#F6E6E2}
.f .err{font-size:.9rem;color:#A42A20;min-height:0}
.hp{position:absolute;left:-9999px}
.consent{grid-column:1/-1;font-size:.9rem;color:var(--ink-2)}
.fmsg{grid-column:1/-1;border:1.5px solid var(--ink);padding:14px 16px;display:none}
.fmsg.ok{display:block;border-color:var(--guvenlik);background:#E4EEDF}
.fmsg.bad{display:block;border-color:var(--yangin);background:#F6E6E2}
.map{border:1.5px solid var(--ink);aspect-ratio:4/3;background:var(--paper-3);position:relative}
.map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.35) contrast(1.05)}
.map-btn{position:absolute;inset:0;display:grid;place-items:center;text-align:center;gap:10px;padding:20px}

/* Footer as title block */
.ft{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));border-bottom:var(--frame) solid transparent;margin-bottom:var(--frame)}
.ft>div{padding:26px var(--gut) 30px;border-right:1px solid var(--ink)}
.ft>div:last-child{border-right:0}
.ft img{height:46px;width:auto;margin-bottom:16px}
.ft small{display:block;font:400 .72rem var(--mono);letter-spacing:.09em;color:var(--mute);text-transform:uppercase;margin-bottom:10px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ft a{text-decoration:none}
.ft a:hover{text-decoration:underline}
.ft .legal{grid-column:1/-1;border-top:1px solid var(--ink);border-right:0;padding:12px var(--gut);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:500 .74rem var(--mono);color:var(--mute)}

/* WhatsApp floating tag (mobile) */
.wa{position:fixed;right:calc(var(--frame) + 14px);bottom:calc(var(--frame) + 14px);z-index:35;display:none;align-items:center;gap:8px;background:#1F7A3A;color:#fff;text-decoration:none;font:600 .95rem var(--sans);padding:12px 16px;box-shadow:0 10px 24px -10px rgba(20,32,43,.6)}
.wa svg{width:20px;height:20px}
.wa:hover{color:#fff;background:#17632E}

/* Reveal: content visible by default; JS adds motion only */
@media (prefers-reduced-motion:no-preference){
  .js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .js [data-reveal].in{opacity:1;transform:none}
}

/* Responsive */
@media (max-width:1180px){
  .proc{grid-template-columns:repeat(4,minmax(0,1fr))}
  .proc li:nth-child(4){border-right:0}
  .proc li:nth-child(n+5){border-top:1px solid rgba(243,241,234,.35)}
  .sheets.all{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hd-tel{display:none}
}
@media (max-width:960px){
  .hero,.svc,.pj,.ct,.call,.two{grid-template-columns:1fr}
  .hero{min-height:0}
  .hero-copy,.svc-body,.gal,.ct-form{border-right:0;border-bottom:1px dashed var(--hair)}
  .scope{grid-template-columns:1fr 1fr}
  .scope>div:nth-child(2){border-right:0}
  .scope>div:nth-child(-n+2){border-bottom:1px solid var(--ink)}
  .lejant a{grid-template-columns:44px 70px minmax(0,1fr) 22px}
  .lejant .ds{display:none}
  .prin{grid-template-columns:1fr 1fr}
  .ft{grid-template-columns:1fr 1fr}
  .ft>div:nth-child(2){border-right:0}
  .ft>div:nth-child(-n+2){border-bottom:1px solid var(--ink)}
  .nav,.hd .btn{display:none}
  .menu-btn{display:grid}
  .hd.open .nav{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--paper);border-bottom:1.5px solid var(--ink);padding:6px var(--gut) 16px}
  .hd.open .nav a{padding:14px 0;border-bottom:1px solid var(--hair);font-size:1.15rem}
  .wa{display:inline-flex}
  .phead{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:1rem}
  .brand span{display:none}
  .brand img{height:34px}
  .sheets,.sheets.all{grid-template-columns:1fr}
  .proc{grid-template-columns:1fr}
  .proc li{border-right:0;border-top:1px solid rgba(243,241,234,.35);padding-left:44px}
  .proc li:first-child{border-top:0}
  .proc .k{margin-bottom:6px}
  .proc li::before{left:21px;top:0;bottom:0;right:auto;width:1.5px;height:auto}
  .proc li::after{left:17px;top:22px}
  .scope{grid-template-columns:1fr}
  .scope>div{border-right:0;border-bottom:1px solid var(--ink)}
  .scope>div:last-child{border-bottom:0}
  .dwg-foot{grid-template-columns:1fr}
  .antet{border-left:0;border-top:1px solid var(--ink)}
  .fgrid{grid-template-columns:1fr}
  .band-hd{grid-template-columns:1fr}
  .band-hd .ref{grid-column:1;grid-row:auto;text-align:left}
  .chan a{grid-template-columns:1fr auto}
  .chan small{grid-column:1/-1}
  .thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .prin,.ft{grid-template-columns:1fr}
  .prin div{border-right:0;border-bottom:1px solid var(--hair);margin-right:0}
  .ft>div{border-right:0;border-bottom:1px solid var(--ink)}
  .mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pager{grid-template-columns:1fr}
  .pager a+a{border-left:0;border-top:1px solid var(--ink)}
}
@media print{.frame,.hd,.wa,.call{display:none}body{background:#fff}}
.ic{width:20px;height:20px;flex:none}
.mini img,.thumbs img,.sheet figure img,.gal-main img{height:auto}
.sheet figure img,.gal-main img,.thumbs img{height:100%}
.detail .cap svg{width:18px;height:18px}
.skip:hover{color:#fff}
.detail .cap{font-size:.76rem;letter-spacing:.04em}
.kapsam .code,.lejant .code{font-size:.8rem}
/* review fixes */
.notes{display:grid;grid-template-columns:auto 1fr;border-bottom:1.5px solid var(--ink)}
.notes h2{font-size:1.25rem;padding:22px var(--gut);border-right:1px solid var(--ink);white-space:nowrap}
.notes ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:n}
.notes li{counter-increment:n;padding:20px 22px 22px;border-right:1px solid var(--hair);font-size:.98rem;line-height:1.45;color:var(--ink-2)}
.notes li:last-child{border-right:0}
.notes li::before{content:counter(n) ".";display:block;font:700 1.6rem/1 var(--cond);color:var(--ink);margin-bottom:8px}
.ink :focus-visible,.call :focus-visible{outline-color:#9CC6EE}
.ink .btn:hover,.ink .btn:focus-visible{color:var(--ink)}
.draft{display:inline-block;font:500 .8rem var(--mono);border:1px dashed var(--ses);color:#7A4E00;padding:6px 10px;margin-top:14px}
.firm{border:1.5px solid var(--ink);grid-template-columns:1fr 1fr;align-self:start}
.firm .pend{color:var(--mute);border-style:dashed}
.map-btn{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}
@media (max-width:960px){.notes{grid-template-columns:1fr}.notes h2{border-right:0;border-bottom:1px solid var(--ink)}.notes ol{grid-template-columns:1fr 1fr}.notes li:nth-child(2){border-right:0}.notes li:nth-child(-n+2){border-bottom:1px solid var(--hair)}}
@media (max-width:640px){
  .notes ol{grid-template-columns:1fr}.notes li{border-right:0;border-bottom:1px solid var(--hair)}
  .dwg{overflow-x:auto;-webkit-overflow-scrolling:touch}.dwg svg{min-width:560px;max-height:none}
  .detail{overflow-x:auto}.detail svg{min-width:520px}
}
.tdraft{font:500 .74rem var(--mono);font-style:normal;border:1px dashed var(--ses);color:#7A4E00;padding:2px 6px;margin-left:8px;white-space:nowrap}
.ink a:hover,.call a:hover,.chan a:hover{color:#9CC6EE}
.ct-side .chan a:hover{color:var(--data)}
.scroll-cue{display:none;margin:0;padding:6px var(--gut);color:var(--mute);border-top:1px dashed var(--hair)}
@media (max-width:640px){
  .dwg{margin:0 12px;padding:14px 0 6px;border-inline:1px solid var(--hair);mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .scroll-cue{display:block}
}
.sheet figure img.contain,.gal-main img.contain{object-fit:contain;background:#1E2328}
.sheet figure:has(img.contain),.gal-main:has(img.contain){background:#1E2328}
.filters .sep{width:1px;background:var(--ink);margin:0 6px;align-self:stretch}
.hero h1{font-size:clamp(2.7rem,4.9vw,4.8rem)}