/* Dekorex — kaydırmalı açılış çizim dizisi (beyaz kâğıt + kurşun kalem) */
:root{
  --paper:#F4F5F6; --grid:rgba(60,60,70,.06); --grid2:rgba(60,60,70,.12);
  --lead:#33333a; --ink:#1c1c20; --sub:#6b6e73; --orange:#E8720C;
  --paper-warm:#F2EFE8; /* açılış/kalem kâğıdı için sıcak ton */
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter",system-ui,sans-serif;}
.tag{position:fixed;left:8px;bottom:8px;z-index:19;margin:0;background:var(--orange);color:#fff;font:600 11px/1 "Oswald";letter-spacing:.08em;padding:5px 9px;border-radius:3px;}

/* ---- kaydırma sahnesi: uzun sarmal + sticky pin ---- */
.scroll-wrap{position:relative;height:460vh;}
.pin{position:sticky;top:0;height:100vh;min-height:600px;overflow:hidden;
  background:radial-gradient(130% 100% at 50% 34%, #F6F3EC 0%, #F0EDE5 55%, #E7E2D7 100%);}
.pin::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),
    linear-gradient(var(--grid2) 1px,transparent 1px),linear-gradient(90deg,var(--grid2) 1px,transparent 1px);
  background-size:28px 28px,28px 28px,140px 140px,140px 140px;
  mask-image:radial-gradient(120% 100% at 50% 42%,#000 62%,transparent 100%);}

.marks span{position:absolute;width:26px;height:26px;border:0 solid rgba(60,60,70,.32);pointer-events:none;z-index:4;}
.marks .tl{top:22px;left:22px;border-top-width:2px;border-left-width:2px;}
.marks .tr{top:22px;right:22px;border-top-width:2px;border-right-width:2px;}
.marks .bl{bottom:22px;left:22px;border-bottom-width:2px;border-left-width:2px;}
.marks .br{bottom:22px;right:22px;border-bottom-width:2px;border-right-width:2px;}

.titleblock{position:absolute;left:50%;transform:translateX(-50%);bottom:26px;z-index:4;
  font:500 11px/1.2 "Oswald";letter-spacing:.14em;color:var(--sub);text-align:center;
  border:1px solid rgba(60,60,70,.22);padding:7px 16px;border-radius:2px;background:rgba(255,255,255,.35);}
.titleblock b{color:var(--orange);}

/* sağdaki ilerleme adımları */
.steps{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:4;margin:0;padding:0;list-style:none;display:grid;gap:18px;}
.steps li{display:flex;align-items:center;gap:10px;justify-content:flex-end;font-family:"Oswald";font-weight:500;color:var(--sub);opacity:.5;transition:opacity .3s,color .3s;}
.steps li b{font-weight:600;font-size:12px;letter-spacing:.08em;}
.steps li span{font-size:11px;letter-spacing:.12em;}
.steps li.on{opacity:1;color:var(--ink);}
.steps li.on b{color:var(--orange);}
@media (max-width:680px){.steps{display:none;}}

/* logo + slogan tek kolon, aynı ekranda */
.combo{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:clamp(16px,3vh,32px);padding:24px;transition:transform .7s cubic-bezier(.16,.84,.44,1);}
.combo.up{transform:translateY(-8%);}                        /* logo bitince kolon yukarı */
/* slogan başta kapalı; logo bitince aşağıda açılır */
.slg-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.8vh,18px);
  max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.16,.84,.44,1),opacity .5s ease;}
.combo.up .slg-wrap{max-height:48vh;opacity:1;}

.draw{width:100%;height:auto;overflow:visible;}
#svg-logo{position:absolute;inset:0;max-width:none;width:100%;height:100%;}
.draw .st{fill:none;stroke:var(--lead);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.9;}
/* slogan: geniş viewBox, kalın kalem çizgisi + dolum */
.slg{width:min(50vw,540px);height:auto;}
.slg .st{stroke-width:6;}
.slg-fill{fill:var(--ink);opacity:0;transition:opacity .4s ease;}
.slg-sub{margin:clamp(14px,2.5vh,26px) 0 0;font-size:clamp(12px,1.4vw,16px);letter-spacing:.04em;color:var(--sub);opacity:0;transition:opacity .5s ease;}
.slg-sub.on{opacity:1;}
.slg-sub::before{content:"";display:inline-block;width:26px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px;}

.stage{position:relative;width:min(80vw,880px);aspect-ratio:600/135;}
.real{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;filter:drop-shadow(0 6px 22px rgba(0,0,0,.14));}
.real.on{opacity:1;}
/* başta beliren şeffaf (hayalet) logo */
.ghost{position:absolute;inset:0;width:100%;height:100%;opacity:.16;filter:grayscale(1);}

.cap{text-align:center;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s;}
.cap.on{opacity:1;transform:none;}
.cap h1{margin:0;font-family:"Oswald";font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(18px,3vw,38px);color:var(--ink);}
.cap p{margin:9px 0 0;font-size:clamp(12px,1.3vw,15px);letter-spacing:.04em;color:var(--sub);}
.cap p::before{content:"";display:inline-block;width:24px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px;}

.label{display:flex;align-items:baseline;gap:16px;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s;}
.label.on{opacity:1;transform:none;}
.label .ln{font-family:"Oswald";font-weight:600;font-size:clamp(14px,1.6vw,18px);color:var(--orange);letter-spacing:.1em;}
.label h2{margin:0;font-family:"Oswald";font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);
  font-size:clamp(30px,6vw,76px);line-height:.9;clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.65,.02,.35,1);}
.label.on h2{clip-path:inset(0 0 0 0);}
.label p{margin:0;font-family:"Oswald";font-weight:500;font-size:clamp(11px,1.3vw,14px);letter-spacing:.14em;color:var(--sub);}

/* kaydır ipucu + ilerleme çubuğu */
.scrollcue{position:absolute;left:50%;transform:translateX(-50%);bottom:64px;z-index:5;
  display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:"Oswald";font-weight:500;font-size:13px;letter-spacing:.16em;transition:opacity .4s;}
.scrollcue b{display:inline-block;animation:bob 1.6s ease-in-out infinite;font-weight:700;}
@keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(5px);}}
.pbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(60,60,70,.1);z-index:6;}
.pbar i{display:block;height:100%;width:0;background:var(--orange);}

/* ---- intro sonrası ---- */
.after{min-height:100svh;background:#0d0d0f;color:#F4F3F0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 24px;text-align:center;}
.after .eyebrow{font-family:"Oswald";font-weight:500;letter-spacing:.18em;font-size:13px;color:var(--orange);}
.after h2{margin:0;font-family:"Oswald";font-weight:700;text-transform:uppercase;font-size:clamp(30px,6vw,72px);line-height:.92;}
.after p{max-width:48ch;color:#8c887f;}

/* ===================== SİTE (intro sonrası) ===================== */
/* üst bar: saat + metre + menü */
.bar{position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:20px;
  padding:11px clamp(16px,4vw,48px);background:rgba(244,245,246,.92);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(60,60,70,.12);transform:translateY(-112%);transition:transform .45s ease;}
.bar.show{transform:none;}
.bar-logo{flex:none;} .bar-logo img{width:clamp(118px,12vw,146px);height:auto;display:block;}
.bar-data{display:flex;gap:22px;margin-left:auto;margin-right:clamp(8px,2vw,28px);font-family:"Oswald";}
.bar-data span{display:flex;flex-direction:column;line-height:1.12;min-width:74px;}
.bar-data b{font-weight:600;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums;}
.meter b{color:var(--orange);}
.bar-data i{font-style:normal;font-size:9px;letter-spacing:.12em;color:var(--sub);margin-top:2px;}
.bar-nav{display:flex;gap:clamp(12px,1.6vw,26px);}
.bar-nav a{font-family:"Oswald";font-weight:500;font-size:13px;letter-spacing:.06em;color:var(--ink);text-decoration:none;transition:color .2s;}
.bar-nav a:hover{color:var(--orange);}
@media(max-width:860px){.bar-data{display:none;} .bar-nav{gap:14px;} .bar-nav a{font-size:12px;}}

.site{position:relative;z-index:2;background:var(--paper);}
.sec{max-width:1320px;margin:0 auto;padding:clamp(56px,9vh,110px) clamp(16px,4vw,56px);}
.sec.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,.84,.44,1);}
.sec.reveal.in{opacity:1;transform:none;}
.sec-head{max-width:62ch;margin-bottom:clamp(26px,5vh,48px);}
.mini{display:inline-block;width:42px;height:42px;color:var(--lead);margin-bottom:14px;}
.mini svg{width:100%;height:100%;}
.eyebrow{font-family:"Oswald";font-weight:500;letter-spacing:.16em;font-size:12px;color:var(--orange);margin:0 0 10px;}
.sec-head h2{font-family:"Oswald";font-weight:700;text-transform:uppercase;font-size:clamp(30px,6vw,72px);line-height:.92;margin:0;color:var(--ink);}
.sec-head .lead{margin-top:16px;color:var(--sub);}

/* projeler ızgara */
.pgrid,.pall{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px);}
.pall{margin-top:clamp(10px,1.4vw,18px);}
.pcard{position:relative;overflow:hidden;background:#e4e6e8;aspect-ratio:4/3;cursor:pointer;border:1px solid rgba(60,60,70,.1);}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,.84,.44,1),filter .5s;filter:saturate(.92);}
.pcard:hover img{transform:scale(1.05);filter:saturate(1.05);}
.pcard figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;
  background:linear-gradient(to top,rgba(18,18,20,.82),transparent);color:#fff;}
.pcard .pn{font-family:"Oswald";font-weight:600;font-size:15px;text-transform:uppercase;line-height:1.05;}
.pcard .pm{font-size:11px;color:rgba(255,255,255,.82);white-space:nowrap;}
@media(max-width:820px){.pgrid,.pall{grid-template-columns:repeat(2,1fr);}}
.sec-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:clamp(18px,3vh,30px);}
.expand{font-family:"Oswald";font-weight:600;font-size:14px;letter-spacing:.08em;color:var(--ink);background:transparent;border:1.5px solid var(--lead);padding:12px 22px;border-radius:40px;cursor:pointer;transition:.2s;}
.expand:hover{background:var(--lead);color:var(--paper);}
.count{font-family:"Oswald";color:var(--sub);font-size:13px;letter-spacing:.05em;}
.count b{color:var(--ink);}

/* ara çizgi: metre & saat oyunu */
.rule{display:flex;align-items:center;gap:14px;justify-content:center;max-width:1320px;margin:0 auto;padding:12px clamp(16px,4vw,56px);
  font-family:"Oswald";font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--sub);
  border-top:1px dashed rgba(60,60,70,.25);border-bottom:1px dashed rgba(60,60,70,.25);}
.rule i{flex:1;height:1px;background:repeating-linear-gradient(90deg,rgba(60,60,70,.3) 0 6px,transparent 6px 12px);}
.rule span{color:var(--orange);font-variant-numeric:tabular-nums;}

/* 360 */
.t360-card{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--paper);background:var(--ink);
  font-family:"Oswald";font-weight:600;letter-spacing:.06em;font-size:clamp(16px,2vw,22px);padding:16px 26px;border-radius:4px;transition:.25s;}
.t360-card:hover{background:var(--orange);color:#111;}

/* ekip */
.tcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.4vw,18px);}
.tcard{border:1px solid rgba(60,60,70,.16);padding:22px 24px;cursor:pointer;transition:border-color .25s;background:rgba(255,255,255,.3);}
.tcard:hover{border-color:var(--lead);}
.tcard h3{margin:0;font-family:"Oswald";font-weight:700;text-transform:uppercase;font-size:clamp(18px,2.4vw,28px);color:var(--ink);}
.tcard .role{font-family:"Oswald";font-weight:500;letter-spacing:.06em;font-size:13px;color:var(--orange);margin-top:6px;}
.tcard .more{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease;color:var(--sub);font-size:14px;}
.tcard.open .more{max-height:90px;opacity:1;margin-top:12px;}
@media(max-width:640px){.tcards{grid-template-columns:1fr;}}

/* iletişim */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start;}
.contact-sol{display:flex;flex-direction:column;gap:16px;}
.big-tel{font-family:"Oswald";font-weight:700;font-size:clamp(28px,5vw,56px);color:var(--orange);text-decoration:none;line-height:1;}
.contact-grid address{font-style:normal;color:var(--sub);}
.links{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:6px 0 0;}
.links a{font-family:"Oswald";font-weight:500;letter-spacing:.06em;font-size:13px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:2px;}
/* hemen ara butonu (telefon) */
.ara-btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff !important;border:none !important;border-radius:0;padding:12px 20px;font-family:"Oswald";font-weight:700;letter-spacing:.08em;font-size:14px;text-transform:uppercase;transition:background .2s;}
.ara-btn:hover{background:#c85f00;}
.ara-btn svg{flex:none;}
/* hızlı teklif kutusu */
.lead-kutu{background:#fff;border:1px solid rgba(60,60,70,.14);border-top:3px solid var(--orange);padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:11px;}
.lead-kutu h3{font-family:"Oswald";font-weight:700;font-size:clamp(20px,2.4vw,28px);text-transform:uppercase;margin:0;color:var(--ink);}
.lead-alt{color:var(--sub);font-size:14px;margin:-4px 0 4px;}
.lead-kutu input,.lead-kutu textarea{width:100%;border:1px solid rgba(60,60,70,.22);border-radius:0;padding:12px 14px;font:inherit;color:var(--ink);background:#fafbfb;}
.lead-kutu input:focus,.lead-kutu textarea:focus{outline:2px solid var(--orange);outline-offset:-1px;border-color:var(--orange);}
.lead-kutu textarea{resize:vertical;min-height:52px;}
.lead-btnler{display:flex;gap:10px;flex-wrap:wrap;margin-top:3px;}
.lead-gonder{flex:1 1 200px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--orange);color:#fff;border:none;padding:14px 18px;font-family:"Oswald";font-weight:700;letter-spacing:.06em;font-size:15px;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.lead-gonder:hover{filter:brightness(.92);}
.lead-mail{flex:0 1 auto;display:inline-flex;align-items:center;gap:8px;background:none;color:var(--ink);border:1.5px solid rgba(60,60,70,.3);padding:14px 18px;font-family:"Oswald";font-weight:700;letter-spacing:.06em;font-size:15px;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s;}
.lead-mail:hover{border-color:var(--orange);color:var(--orange);}
.lead-gonder svg,.lead-mail svg{flex:none;}
.lead-kvkk{color:var(--sub);font-size:11.5px;margin:0;}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr;}}
.foot{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px clamp(16px,4vw,56px);border-top:1px solid rgba(60,60,70,.14);color:var(--sub);font-size:13px;}

/* lightbox */
.lb{position:fixed;inset:0;z-index:80;background:rgba(12,12,14,.96);display:flex;flex-direction:column;}
.lb[hidden]{display:none;}
.lb-top{display:flex;align-items:center;gap:16px;padding:16px clamp(16px,4vw,40px);color:#F4F3F0;font-family:"Oswald";}
.lb-top #lbTitle{font-weight:600;letter-spacing:.04em;margin:0;margin-right:auto;}
.lb-top #lbCount{margin:0;color:rgba(244,243,240,.7);font-size:14px;}
.lb-x{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;font-family:"Oswald";font-weight:500;letter-spacing:.1em;padding:8px 16px;border-radius:30px;cursor:pointer;}
.lb img{flex:1;min-height:0;width:100%;object-fit:contain;padding:0 clamp(16px,6vw,90px) 22px;}
.lb-prev,.lb-next{position:fixed;top:50%;transform:translateY(-50%);width:68px;height:68px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:38px;line-height:1;transition:background .2s,border-color .2s;}
.lb-prev:hover,.lb-next:hover{background:var(--orange);border-color:var(--orange);}
.lb-prev{left:20px;} .lb-next{right:20px;}
.lb-prev::after{content:"‹";} .lb-next::after{content:"›";}

/* ===== PROJELER editöryel (thirdway esinli) — kutu yerine görselin altında yazı ===== */
.pstat{display:flex;align-items:baseline;gap:clamp(14px,2vw,24px);margin:0 0 clamp(30px,5vh,56px);
  padding-bottom:clamp(20px,3vh,34px);border-bottom:1px solid rgba(60,60,70,.16);}
.pstat b{font-family:"Oswald";font-weight:700;font-size:clamp(56px,10vw,128px);line-height:.78;color:var(--ink);}
.pstat span{font-family:"Oswald";font-weight:500;font-size:clamp(12px,1.4vw,15px);letter-spacing:.1em;text-transform:uppercase;color:var(--sub);line-height:1.5;}

/* başlık + 134 YATAY tek satır */
.proj-top{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(16px,3vw,40px);flex-wrap:wrap;
  border-bottom:1px solid rgba(60,60,70,.16);padding-bottom:clamp(12px,2vh,18px);margin-bottom:clamp(16px,2.6vh,26px);}
#projeler .sec-head{max-width:none;margin:0;}
#projeler .sec-head h2{font-size:clamp(26px,3.4vw,46px);}
#projeler .pstat{margin:0;padding:0;border:0;align-items:baseline;flex:none;}
#projeler .pstat b{font-size:clamp(34px,4.6vw,62px);}
#projeler .pstat span{text-align:right;}

/* ortak döner katman (hero + büyük kartlar) */
.pf-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  transition:opacity .9s ease,transform 1.2s cubic-bezier(.16,.84,.44,1);}
.pf-layer.show{opacity:1;}

/* tam genişliğe (cetvele kadar) taşan kutular */
.pfeat,.pbig,.pstrip{width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;}

/* 1. PROJE — tam genişlik ve ekran boyu, kendi fotoğrafları döner */
.pfeat{display:block;position:relative;cursor:pointer;height:clamp(540px,92svh,1040px);margin-bottom:clamp(12px,1.6vw,20px);
  padding-left:clamp(16px,4vw,56px);padding-right:150px;} /* sağda cetvel payı */
.pfeat-img{position:relative;overflow:hidden;height:100%;width:100%;background:#e4e6e8;}
.pfeat:hover .pf-layer.show{transform:scale(1.03);}
.pfeat.dur .pf-layer{transition:none;} /* sekme arkadayken geçiş yapma */
.pcounter{position:absolute;top:0;left:0;z-index:2;font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.12em;
  color:var(--ink);background:var(--paper);padding:7px 12px;}
.pfeat-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,3vw,48px);
  background:linear-gradient(to top,rgba(10,18,28,.82),rgba(10,18,28,.2) 56%,transparent);color:#fff;}
.pfeat-cap .plabel{color:#fff;font-family:"Oswald";font-weight:500;font-size:clamp(11px,1.3vw,13px);letter-spacing:.18em;text-transform:uppercase;opacity:.92;}
.pfeat-cap h3{margin:8px 0 6px;font-family:"Oswald";font-weight:700;text-transform:uppercase;font-size:clamp(34px,5.6vw,84px);line-height:.9;color:#fff;}
.pfeat-cap .ploc{color:rgba(255,255,255,.82);font-size:clamp(13px,1.4vw,16px);}
.pfeat-cap .popen{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-family:"Oswald";font-weight:700;font-size:clamp(14px,1.5vw,17px);letter-spacing:.14em;text-transform:uppercase;color:#fff;border:1.6px solid rgba(255,255,255,.8);padding:12px 22px;transition:background .25s,color .25s,border-color .25s;}
.pfeat:hover .pfeat-cap .popen{background:var(--orange);border-color:var(--orange);color:#fff;}

/* 2 BÜYÜK — tam genişlik (hero ile devamlılık), biraz küçük; kendi fotoğrafları döner */
.pbig{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.2vw,18px);margin-bottom:clamp(12px,1.6vw,20px);
  padding-left:clamp(16px,4vw,56px);padding-right:150px;}
.pbigcard{margin:0;position:relative;cursor:pointer;height:clamp(320px,70svh,780px);overflow:hidden;background:#e4e6e8;}
.pbigcard .pimg{position:absolute;inset:0;overflow:hidden;}
.pbigcard:hover .pf-layer.show{transform:scale(1.04);}
.pbigcard figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(14px,2vw,30px);display:block;
  background:linear-gradient(to top,rgba(10,18,28,.8),rgba(10,18,28,.14) 60%,transparent);color:#fff;}
.pbigcard .plabel{font-family:"Oswald";font-weight:500;font-size:clamp(12px,1.1vw,13px);letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:.9;}
.pbigcard .pn{display:block;font-family:"Oswald";font-weight:700;font-size:clamp(20px,2.7vw,42px);text-transform:uppercase;color:#fff;margin:4px 0 2px;line-height:.98;}
.pbigcard .pmeta{font-size:13px;color:rgba(255,255,255,.8);letter-spacing:.03em;}

/* çizgi çizgi şerit — projelerden fotoğraflar akar */
.pstrip{position:relative;overflow:hidden;height:clamp(92px,13svh,148px);margin-bottom:clamp(26px,4vh,50px);background:#fff;border-top:1px solid rgba(60,60,70,.1);border-bottom:1px solid rgba(60,60,70,.1);}
.pstrip-track{position:relative;height:100%;} /* logolar site.js ile tek tek kayar */
/* duraklatma yalnızca fareli cihazda (dokunmatikte :hover yapışıp donmasın) */
.pstrip-tile{position:absolute;top:0;left:0;height:100%;width:clamp(170px,18vw,250px);display:flex;align-items:center;justify-content:center;padding:0 clamp(16px,2.2vw,32px);}
.pstrip-tile img{max-width:100%;max-height:74%;object-fit:contain;transition:transform .3s;}
a.pstrip-tile{cursor:pointer;}
a.pstrip-tile:hover img{transform:scale(1.08);}
.pstrip-tile--pasif{cursor:default;}

/* ≥861px: bölümün sağ padding'i 210px (cetvel payı) olduğundan içerik kutusu
   viewport'ta sola kayık; tam-genişlik kutuları bu asimetri kadar sağa kaydır. */
@media(min-width:861px){
  .pfeat,.pbig,.pstrip{margin-left:calc(50% - 50vw + (210px - clamp(16px,4vw,56px)) / 2);}
}
@media(max-width:860px){
  .pfeat{padding-right:clamp(16px,4vw,56px);height:clamp(460px,80svh,820px);}
  .pbig{padding-right:clamp(16px,4vw,56px);}
}
@media(max-width:820px){
  .pbig{grid-template-columns:1fr;gap:12px;}
  .pbigcard{height:clamp(220px,38svh,420px);}
}

/* ızgara: görselin ALTINDA yazı (overlay yok) */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);}
.pall{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,34px);margin-top:clamp(18px,2.4vw,34px);}
.pcard{position:static;display:block;overflow:visible;background:none;border:none;aspect-ratio:auto;cursor:pointer;}
.pcard .pimg{overflow:hidden;aspect-ratio:4/3;background:#e4e6e8;}
.pcard img{width:100%;height:100%;object-fit:cover;filter:saturate(.95);transition:transform .6s cubic-bezier(.16,.84,.44,1);}
.pcard:hover img{transform:scale(1.045);}
.pcard figcaption{position:static;background:none;color:inherit;padding:12px 0 0;display:block;}
.pcard .plabel{font-family:"Oswald";font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);}
.pcard .pn{display:block;font-family:"Oswald";font-weight:600;font-size:clamp(16px,1.6vw,21px);text-transform:uppercase;color:var(--ink);margin:5px 0 2px;line-height:1.05;}
.pcard .pmeta{font-size:12px;color:var(--sub);letter-spacing:.03em;}
@media(max-width:820px){.pgrid,.pall{grid-template-columns:repeat(2,1fr);}}

/* ===== sağ cetvel (boydan boya) — metre göstergesi ===== */
.ruler{position:fixed;top:0;right:0;width:46px;height:100vh;z-index:35;pointer-events:none;
  border-left:1px solid rgba(60,60,70,.2);background:rgba(242,239,232,.6);backdrop-filter:blur(2px);
  opacity:0;transition:opacity .4s ease;}
.ruler.show{opacity:1;}
.ruler::before{content:"";position:absolute;inset:0;
  background:
    repeating-linear-gradient(to bottom, rgba(60,60,70,.42) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(to bottom, rgba(60,60,70,.6) 0 1.4px, transparent 1.4px 45px);
  background-size:11px 100%,22px 100%;background-position:right,right;background-repeat:no-repeat,no-repeat;}
.ruler-mark{position:absolute;left:0;right:0;top:0;height:0;border-top:2px solid var(--orange);}
.ruler-mark span{position:absolute;right:50px;top:-10px;font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.06em;
  color:var(--orange);background:var(--paper);padding:3px 7px;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.08);font-variant-numeric:tabular-nums;}
.ruler-mark span::after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);
  border:4px solid transparent;border-left-color:var(--paper);}
@media(max-width:760px){.ruler{display:none;}}

/* cetvel: genişlet + marka + uç değerleri */
.ruler{width:54px;}
.ruler-brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);writing-mode:vertical-rl;
  font-family:"Oswald";font-weight:600;letter-spacing:.42em;font-size:12px;color:rgba(60,60,70,.42);text-transform:uppercase;}
.ruler-end{position:absolute;right:7px;font-family:"Oswald";font-weight:600;font-size:10px;letter-spacing:.06em;
  color:var(--sub);font-variant-numeric:tabular-nums;}
.ruler-end.top{top:10px;} .ruler-end.bot{bottom:10px;}

/* ===== sol dikey marka + cetvel (thirdway esinli, Dekorex) ===== */
.scale{position:fixed;left:0;top:0;height:100vh;width:170px;z-index:36;pointer-events:none;opacity:0;transition:opacity .4s ease;}
.scale.show{opacity:1;}
/* dev dikey DEKOREX */
.scale-word{position:absolute;left:14px;bottom:26px;writing-mode:vertical-rl;transform:rotate(180deg);
  font-family:"Oswald";font-weight:700;font-size:clamp(42px,5.4vw,70px);letter-spacing:.005em;line-height:.9;
  color:rgba(28,28,32,.92);display:flex;align-items:center;gap:18px;}
.scale-badge{writing-mode:horizontal-tb;transform:rotate(0deg);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  border:2px solid var(--ink);font-size:15px;font-weight:600;letter-spacing:.02em;flex:none;}
/* cetvel çizgisi + tırnaklar */
.scale-line{position:absolute;left:132px;top:0;bottom:0;width:1px;background:rgba(28,28,32,.45);}
.scale-line::before{content:"";position:absolute;right:1px;top:0;bottom:0;width:11px;
  background:repeating-linear-gradient(to bottom,rgba(28,28,32,.5) 0 1px,transparent 1px 8px);}
.scale-line::after{content:"";position:absolute;right:1px;top:0;bottom:0;width:20px;
  background:repeating-linear-gradient(to bottom,rgba(28,28,32,.6) 0 1.4px,transparent 1.4px 40px);}
/* işaret: metre + görsel + not */
.scale-mark{position:absolute;left:132px;top:0;height:0;}
.scale-tick{position:absolute;left:-14px;width:28px;top:0;border-top:2px solid var(--orange);}
.scale-read{position:absolute;left:34px;top:-24px;display:flex;align-items:center;gap:10px;white-space:nowrap;}
.scale-thumb{width:64px;height:46px;object-fit:cover;background:#e4e6e8;border:1px solid rgba(28,28,32,.18);}
.scale-txt b{display:block;font-family:"Oswald";font-weight:700;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums;}
.scale-txt span{font-family:"Inter";font-size:11px;color:var(--sub);letter-spacing:.02em;}

/* geniş ekranda içeriğe sol pay bırak (cetvel üstüne binmesin) */
@media(min-width:1180px){
  .site .sec,.site .rule,.site .foot{padding-left:210px;}
}
@media(max-width:860px){.scale{display:none;}}

/* ===== cetveli SAĞA al + DX rozeti başa dönüş tuşu ===== */
.scale{left:auto;right:0;}
.scale-word{left:auto;right:14px;}
.scale-line{left:auto;right:132px;}
.scale-mark{left:auto;right:132px;}
.scale-tick{left:auto;right:-14px;}
.scale-read{left:auto;right:34px;flex-direction:row;text-align:right;}
.scale-txt b,.scale-txt span{text-align:right;}
/* DX rozeti: üstte, tıklanır, başa döndürür */
.scale-badge{position:absolute;top:74px;right:16px;left:auto;bottom:auto;transform:none;writing-mode:horizontal-tb;z-index:42;
  width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;
  font-family:"Oswald";font-weight:600;font-size:15px;letter-spacing:.02em;color:var(--ink);text-decoration:none;
  background:rgba(242,239,232,.85);pointer-events:auto;cursor:pointer;transition:.2s;}
.scale-badge:hover{background:var(--orange);border-color:var(--orange);color:#fff;}
/* içerik payını sağa al (cetvel göründüğü her genişlikte) */
@media(min-width:861px){
  .site .sec,.site .rule,.site .foot{padding-left:clamp(16px,4vw,56px);padding-right:210px;}
}

/* DX rozeti DEKOREX yazısının üstünde — tek sütun, alttan hizalı */
.scale-stack{position:absolute;right:8px;bottom:26px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.scale-word{position:static;right:auto;bottom:auto;left:auto;}
.scale-badge{position:static;top:auto;right:auto;left:auto;bottom:auto;}

/* 360 önizleme */
.t360-prev{display:block;position:relative;max-width:720px;margin:0 0 clamp(18px,3vh,30px);overflow:hidden;border:1px solid rgba(60,60,70,.16);background:#e4e6e8;}
.t360-prev img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover;transition:transform .7s cubic-bezier(.16,.84,.44,1);}
.t360-prev:hover img{transform:scale(1.03);}
.t360-tag{position:absolute;top:0;left:0;background:var(--paper);color:var(--ink);font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.12em;padding:7px 12px;}

/* ===== proje detayı (editöryel, kidz esinli) ===== */
.detail{position:fixed;inset:0;z-index:70;background:var(--paper);display:flex;flex-direction:column;}
.detail[hidden]{display:none;}
.detail-bar{display:flex;align-items:center;gap:16px;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid rgba(60,60,70,.14);}
.detail-mark{font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.14em;color:var(--sub);}
#dTitle{font-family:"Oswald";font-weight:600;letter-spacing:.04em;color:var(--ink);margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-araclar{display:flex;align-items:center;gap:8px;flex:none;}
.dnav{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid rgba(60,60,70,.22);color:var(--ink);font-family:"Oswald";font-weight:600;letter-spacing:.08em;font-size:12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;width:40px;height:40px;}
.dnav-txt{width:auto;padding:0 15px;text-transform:uppercase;text-decoration:none;}
.dnav:hover{background:var(--orange);border-color:var(--orange);color:#fff;}
.detail-x{background:var(--ink);border:1px solid var(--ink);color:#fff;font-family:"Oswald";font-weight:700;letter-spacing:.1em;padding:0 18px;height:40px;border-radius:0;cursor:pointer;transition:.2s;}
.detail-x:hover{background:var(--orange);border-color:var(--orange);}
@media(max-width:620px){.dnav-txt{display:none;}.detail-mark{display:none;}}
.detail-scroll{overflow-y:auto;padding:clamp(30px,6vh,70px) clamp(16px,6vw,90px) 80px;}
.d-head{max-width:72ch;margin:0 auto clamp(30px,5vh,56px);}
.d-cat{font-family:"Oswald";font-weight:500;letter-spacing:.14em;font-size:12px;color:var(--orange);text-transform:uppercase;margin:0 0 10px;}
.d-title{font-family:"Oswald";font-weight:700;text-transform:uppercase;font-size:clamp(34px,6vw,76px);line-height:.92;color:var(--ink);margin:0;}
.d-intro{margin:18px 0 0;font-size:clamp(15px,1.6vw,18px);color:var(--ink);line-height:1.6;max-width:60ch;}
.d-meta{display:flex;flex-wrap:wrap;gap:0 28px;margin-top:22px;border-top:1px solid rgba(60,60,70,.16);padding-top:14px;}
.d-meta span{font-family:"Oswald";font-weight:500;letter-spacing:.06em;font-size:13px;color:var(--sub);}
.d-meta b{color:var(--ink);font-weight:600;}
.d-share{position:relative;margin-top:22px;background:none;border:1.6px solid var(--ink);color:var(--ink);font-family:"Oswald";font-weight:700;font-size:clamp(13px,1.4vw,15px);letter-spacing:.14em;text-transform:uppercase;padding:13px 24px;border-radius:0;cursor:pointer;transition:background .25s,color .25s,letter-spacing .25s;min-height:48px;}
.d-share::after{content:"";position:absolute;right:-1.6px;bottom:-1.6px;width:11px;height:11px;border-bottom:3px solid var(--orange);border-right:3px solid var(--orange);}
.d-share:hover{background:var(--ink);color:#fff;letter-spacing:.2em;}
.d-hero{margin:0 0 clamp(14px,2vw,22px);}
.d-hero img{width:100%;height:auto;display:block;cursor:zoom-in;}
.d-grid{display:grid;grid-template-columns:1fr;gap:clamp(14px,2vw,22px);}
.d-grid figure{margin:0;}
.d-grid img{width:100%;height:auto;object-fit:contain;cursor:zoom-in;display:block;background:#e4e6e8;}
.d-note{margin:clamp(24px,4vh,40px) auto 0;max-width:72ch;font-size:12px;color:var(--sub);font-style:italic;}
@media(max-width:700px){.d-grid{grid-template-columns:1fr;}}

/* ===== 360 yer listesi (tek tek) ===== */
.t360-list{list-style:none;margin:0 0 clamp(18px,3vh,28px);padding:0;display:grid;gap:1px;background:rgba(60,60,70,.14);border:1px solid rgba(60,60,70,.14);max-width:720px;}
.t360-list a{display:flex;align-items:center;gap:12px;background:var(--paper);padding:16px 18px;text-decoration:none;transition:background .2s;}
.t360-list a:hover{background:#e9eaec;}
.t360-list .tn{font-family:"Oswald";font-weight:600;font-size:clamp(15px,1.6vw,19px);text-transform:uppercase;color:var(--ink);}
.t360-list .tm{font-size:12px;color:var(--sub);}
.t360-list .tg{margin-left:auto;font-family:"Oswald";font-weight:500;font-size:12px;letter-spacing:.08em;color:var(--orange);white-space:nowrap;}

/* ===== en alt: boydan boya DEKOREX + alt satır ===== */
.foot{max-width:none;margin:0;padding:0;border:none;display:block;}
.foot-word{font-family:"Oswald";font-weight:700;text-transform:uppercase;letter-spacing:-.03em;line-height:.72;
  font-size:clamp(68px,24.5vw,460px);color:#d6dadf;text-align:center;white-space:nowrap;overflow:hidden;
  padding:clamp(40px,8vh,90px) 0 0;}
/* alt kısmı siteye gömülü dursun */
.foot-word .fw-base,.foot-word .fw-color{transform:translateY(.16em);}
.foot-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  padding:20px clamp(16px,4vw,56px);border-top:1px solid rgba(60,60,70,.16);margin-top:clamp(10px,2vh,20px);
  font-family:"Oswald";font-weight:500;font-size:12px;letter-spacing:.1em;color:var(--sub);}
.foot-top{color:var(--ink);text-decoration:none;transition:color .2s;}
.foot-top:hover{color:var(--orange);}
@media(min-width:861px){.site .foot{padding:0;}}

/* ===== etkileşimler: fare karakalem izi + renk gezinmesi ===== */
/* fare izi tuvali */
.trail{position:fixed;inset:0;z-index:94;pointer-events:none;}

/* alttaki DEKOREX: gezinince renk gelir */
.foot-word{position:relative;cursor:default;--mx:50%;--my:50%;}
.foot-word .fw-base,.foot-word .fw-color{display:block;}
.foot-word .fw-color{position:absolute;inset:0;padding:inherit;color:transparent;
  background-color:#fbfcfd;
  background-image:linear-gradient(#aeb8c2 1px,transparent 1px),linear-gradient(90deg,#aeb8c2 1px,transparent 1px);
  background-size:17px 17px;
  -webkit-background-clip:text;background-clip:text;
  -webkit-mask-image:radial-gradient(circle 160px at var(--mx) var(--my),#000 0%,#000 32%,transparent 72%);
  mask-image:radial-gradient(circle 160px at var(--mx) var(--my),#000 0%,#000 32%,transparent 72%);
  opacity:0;transition:opacity .25s ease;}
.foot-word:hover .fw-color{opacity:1;}

/* DX rozeti: fare gelince, geldiği yönden renklenir */
.scale-badge{position:relative;overflow:hidden;isolation:isolate;}
.scale-badge::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;
  background:conic-gradient(from 210deg,#E8720C,#f2a900,#e0455f,#8a5cff,#19a3a3,#E8720C);
  opacity:0;transform:scale(0);transform-origin:var(--ox,50%) var(--oy,50%);
  transition:transform .4s cubic-bezier(.16,.84,.44,1),opacity .2s ease;}
.scale-badge:hover::before{opacity:1;transform:scale(1);}
.scale-badge:hover{color:#fff;border-color:transparent;background:transparent;}

/* ===== 360 kartları (vitrin tarzı, koyu) ===== */
.tur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);max-width:1120px;}
.tur-card{display:block;text-decoration:none;background:#1c1c20;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;}
.tur-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.14);}
.tur-img{aspect-ratio:16/9;overflow:hidden;background:#111;}
.tur-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,.84,.44,1);}
.tur-card:hover .tur-img img{transform:scale(1.05);}
.tur-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;color:#F4F3F0;}
.tur-txt b{display:block;font-family:"Oswald";font-weight:600;font-size:15px;letter-spacing:.01em;}
.tur-txt i{font-style:normal;font-size:12px;color:rgba(244,243,240,.6);}
.tur-lock{display:inline-flex;align-items:center;gap:6px;font-family:"Oswald";font-weight:500;font-size:11px;letter-spacing:.04em;color:rgba(244,243,240,.62);white-space:nowrap;}
@media(max-width:820px){.tur-grid{grid-template-columns:1fr;max-width:440px;}}

/* ===== imleç kalemi ===== */
html.fx-pencil, html.fx-pencil *{cursor:none !important;}
.pencil-cursor{position:fixed;top:0;left:0;z-index:95;pointer-events:none;will-change:transform;opacity:0;transition:opacity .2s;}
.pencil-cursor.on{opacity:1;}

/* ===== alt sayfalar (projeler / ekip) ===== */
.subpage #site{padding-top:58px;}
.arsiv-head{display:flex;align-items:baseline;gap:16px;margin:clamp(40px,6vh,70px) 0 16px;border-top:1px solid rgba(60,60,70,.16);padding-top:clamp(20px,3vh,30px);}
.arsiv-head h3{font-family:"Oswald";font-weight:700;text-transform:uppercase;font-size:clamp(20px,2.6vw,34px);color:var(--ink);margin:0;}
.arsiv-head span{font-family:"Oswald";font-weight:500;color:var(--sub);font-size:13px;letter-spacing:.06em;}
.rows{list-style:none;margin:0;padding:0;}
.arow{display:grid;grid-template-columns:64px 1.4fr 1fr 1.2fr;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(60,60,70,.1);font-size:14px;}
.arow .ay{font-family:"Oswald";font-weight:600;color:var(--orange);}
.arow .an{font-weight:600;color:var(--ink);}
.arow .an button{font:inherit;background:none;border:none;color:var(--ink);cursor:pointer;text-align:left;padding:0;border-bottom:1px solid var(--orange);}
.arow .at,.arow .ap{color:var(--sub);}
@media(max-width:760px){.arow{grid-template-columns:46px 1fr;gap:3px 12px;}.arow .at,.arow .ap{grid-column:2;font-size:12px;}}

.kimiz{display:grid;gap:clamp(26px,5vh,46px);}
.kimiz-lead{font-family:"Oswald";font-weight:500;font-size:clamp(18px,2.4vw,30px);line-height:1.42;color:var(--ink);max-width:42ch;}
.kimiz-lead b{color:var(--orange);font-weight:600;}
.kimiz-stats{list-style:none;margin:0;padding:clamp(24px,4vh,40px) 0 0;border-top:1px solid rgba(60,60,70,.16);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.kimiz-stats b{display:block;font-family:"Oswald";font-weight:700;font-size:clamp(40px,6vw,84px);line-height:1;color:var(--ink);}
.kimiz-stats span{font-family:"Oswald";font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--sub);}
@media(max-width:640px){.kimiz-stats{grid-template-columns:repeat(2,1fr);row-gap:30px;}}

/* 360 kartı "AÇ" (şifre kilidi kaldırıldı) */
.tur-go{margin-left:auto;font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.06em;color:var(--orange);white-space:nowrap;}
.tur-grid{grid-template-columns:repeat(2,1fr);max-width:760px;}

/* ===== MOBİL optimizasyon ===== */
/* açılış mobilde tek ekran + otomatik oynar (hızlı kaydırmada atlanmaz) */
html.intro-auto .scroll-wrap{height:100svh;}
/* pin de aynı boyda olmalı: iOS'ta 100vh > 100svh → açılış ekranı alttaki projenin üstüne biniyordu */
html.intro-auto .pin{height:100svh;min-height:0;}

@media(max-width:760px){
  /* projelerimiz: büyük ana (pfeat) + 2 büyük (pbig, tek sütuna iner) + küçük ızgara */
  .pfeat{margin-bottom:clamp(20px,4vh,34px);}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .pgrid .pcard .pimg{aspect-ratio:1/1;}
  .pgrid .pcard .pn{font-size:14px;}
  .pgrid .pcard .plabel{font-size:12px;}
  /* dev başlıkların mobilde üst boşluğu azalsın */
  .sec{padding-top:clamp(40px,7vh,70px);}
  .sec-head h2{font-size:clamp(32px,11vw,56px);}
  .pstat b{font-size:clamp(52px,20vw,96px);}
}

/* ===== arka plan DEKOREX filigranı (küçük küçük, tüm sayfa) ===== */
.site{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='120'%3E%3Ctext%20x='8'%20y='34'%20font-family='Arial,Helvetica,sans-serif'%20font-size='26'%20font-weight='700'%20letter-spacing='1'%20fill='%23e7e9ec'%3EDEKOREX%3C/text%3E%3Ctext%20x='158'%20y='94'%20font-family='Arial,Helvetica,sans-serif'%20font-size='26'%20font-weight='700'%20letter-spacing='1'%20fill='%23e7e9ec'%3EDEKOREX%3C/text%3E%3C/svg%3E");background-repeat:repeat;}
/* içerik kartları/metin filigranın üstünde kalsın (zaten opak/kendi zemini var) */

/* ===== filigranı ÇAPRAZ yap (düz sıra yerine eğik) ===== */
.site{background:transparent;}            /* kâğıt rengi body'den gelsin, filigran görünsün */
body::before{content:"";position:fixed;inset:-45%;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='120'%3E%3Ctext%20x='8'%20y='34'%20font-family='Arial,Helvetica,sans-serif'%20font-size='26'%20font-weight='700'%20letter-spacing='1'%20fill='%23e6e8eb'%3EDEKOREX%3C/text%3E%3Ctext%20x='158'%20y='94'%20font-family='Arial,Helvetica,sans-serif'%20font-size='26'%20font-weight='700'%20letter-spacing='1'%20fill='%23e6e8eb'%3EDEKOREX%3C/text%3E%3C/svg%3E");
  background-repeat:repeat;transform:rotate(-26deg);transform-origin:center;}

/* ===== gömülü 360 penceresi ===== */
.tur-card{border:none;padding:0;text-align:left;width:100%;font:inherit;cursor:pointer;}
.tur-modal{position:fixed;inset:0;z-index:85;background:#0c0c0e;display:flex;flex-direction:column;}
.tur-modal[hidden]{display:none;}
.tur-modal-bar{display:flex;align-items:center;gap:16px;padding:13px clamp(16px,4vw,40px);color:#F4F3F0;}
#turTitle{font-family:"Oswald";font-weight:600;letter-spacing:.06em;margin-right:auto;}
.tur-x{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;font-family:"Oswald";font-weight:500;letter-spacing:.1em;padding:8px 16px;border-radius:30px;cursor:pointer;transition:.2s;}
.tur-x:hover{background:#fff;color:#111;}
.tur-frame{flex:1;min-height:0;background:#0c0c0e;}
.tur-frame iframe{width:100%;height:100%;border:0;display:block;}
.tur-frame .tur-load{display:grid;place-items:center;height:100%;color:rgba(244,243,240,.6);font-family:"Oswald";letter-spacing:.1em;}

/* ===== mobil denetim düzeltmeleri ===== */
.trail{width:100%;height:100%;}                       /* tuval tam viewport (2× boyut hatası) */
html{scroll-padding-top:66px;}                        /* çapa bölümleri sabit barın altına girmesin */
.sec{scroll-margin-top:66px;}
.bar-nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px;}   /* dokunma hedefi 44px */
.detail-x,.tur-x,.lb-x{display:inline-flex;align-items:center;min-height:44px;}

/* ekran okuyucu / SEO için görünmez başlık */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ===== geri tuşu (alt sayfalar) — mimari / pafta tarzı ===== */
.geri-btn{display:inline-flex;align-items:center;gap:13px;margin:clamp(16px,2.4vw,26px) 0 clamp(18px,2.8vw,32px) clamp(16px,4vw,56px);text-decoration:none;color:var(--ink);font-family:"Oswald";font-weight:600;font-size:clamp(14px,1.5vw,16px);letter-spacing:.12em;text-transform:uppercase;}
.geri-yuv{width:46px;height:46px;border-radius:50%;border:1.6px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .25s,border-color .25s;}
.geri-yuv svg{stroke:var(--ink);transition:stroke .25s,transform .25s;}
.geri-btn:hover .geri-yuv{background:var(--orange);border-color:var(--orange);}
.geri-btn:hover .geri-yuv svg{stroke:#fff;transform:translateX(-3px);}
.geri-btn:hover{color:var(--orange);}

/* ===== proje kategori filtresi ===== */
.pfiltre{margin:0 0 clamp(18px,2.6vw,28px);}
.pf-ust,.pf-alt{display:flex;flex-wrap:wrap;gap:8px;}
.pf-alt{margin-top:10px;padding-top:10px;border-top:1px solid rgba(60,60,70,.12);}
.pf-btn,.pf-sub{font-family:"Oswald";font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:none;border:1px solid rgba(60,60,70,.22);color:var(--sub);border-radius:40px;transition:background .2s,color .2s,border-color .2s;}
.pf-btn{font-size:14px;padding:9px 18px;}
.pf-sub{font-size:12px;padding:6px 14px;}
.pf-btn:hover,.pf-sub:hover{border-color:var(--orange);color:var(--orange);}
.pf-btn.aktif{background:var(--ink);border-color:var(--ink);color:#fff;}
.pf-sub.aktif{background:var(--orange);border-color:var(--orange);color:#fff;}
.pf-bos{color:var(--sub);font-size:14px;padding:20px 0;}

/* ekip: proje sayısı kalkınca 3'lü düzen */
.kimiz-stats.uc{grid-template-columns:repeat(3,1fr);}
@media(max-width:640px){.kimiz-stats.uc{grid-template-columns:repeat(2,1fr);}}

/* ===== hero CTA (açılıştan sonra) ===== */
.hero-cta{padding:clamp(26px,6vw,70px) clamp(16px,4vw,56px) clamp(6px,2vw,18px);}
.hc-sub{font-family:"Oswald";font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin:0 0 10px;}
.hc-bas{font-family:"Oswald";font-weight:700;font-size:clamp(34px,7vw,88px);line-height:.98;text-transform:uppercase;margin:0 0 22px;color:var(--ink);}
.hc-btn{display:flex;gap:12px;flex-wrap:wrap;}
.hc-btn a{font-family:"Oswald";font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:15px;padding:14px 26px;text-decoration:none;transition:.2s;}
.hc-bir{background:var(--ink);color:#fff;}
.hc-bir:hover{background:var(--orange);}
.hc-iki{background:none;color:var(--ink);border:1.5px solid rgba(60,60,70,.3);}
.hc-iki:hover{border-color:var(--orange);color:var(--orange);}

/* ===== dönüşüm bandı ===== */
.cta-bant{background:var(--ink);color:#fff;padding:clamp(44px,7vw,88px) clamp(16px,4vw,56px);margin:clamp(22px,4vw,48px) 0;width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;}
.cta-ic{max-width:1120px;margin:0 auto;}
.cta-bant h2{font-family:"Oswald";font-weight:700;font-size:clamp(28px,5vw,60px);text-transform:uppercase;margin:0 0 12px;}
.cta-bant p{color:rgba(255,255,255,.72);font-size:clamp(15px,1.6vw,18px);margin:0 0 26px;max-width:60ch;}
.cta-btn{display:flex;gap:12px;flex-wrap:wrap;}
.cta-btn a{font-family:"Oswald";font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:15px;padding:14px 26px;text-decoration:none;transition:.2s;}
.cta-ara{background:var(--orange);color:#fff;}
.cta-ara:hover{background:#c85f00;}
.cta-tek{background:none;color:#fff;border:1.5px solid rgba(255,255,255,.45);}
.cta-tek:hover{border-color:#fff;}

/* ===== hizmetler ===== */
.hiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,30px);}
.hiz-kart{border-top:2px solid var(--ink);padding:18px 0 0;}
.hiz-no{font-family:"Oswald";font-weight:600;font-size:12px;letter-spacing:.14em;color:var(--orange);}
.hiz-kart h3{font-family:"Oswald";font-weight:700;font-size:clamp(18px,2vw,26px);text-transform:uppercase;margin:10px 0 8px;color:var(--ink);}
.hiz-kart p{color:var(--sub);font-size:14px;line-height:1.55;margin:0;}
@media(max-width:820px){.hiz-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.hiz-grid{grid-template-columns:1fr;}}

/* ===== SSS (açılır-kapanır) ===== */
.sss-liste{border-top:1px solid rgba(60,60,70,.16);max-width:900px;}
.sss{border-bottom:1px solid rgba(60,60,70,.16);}
.sss summary{list-style:none;cursor:pointer;padding:18px 0;font-family:"Oswald";font-weight:600;font-size:clamp(16px,2vw,21px);color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px;}
.sss summary::-webkit-details-marker{display:none;}
.sss summary::after{content:"+";color:var(--orange);font-weight:400;font-size:26px;line-height:1;transition:transform .2s;}
.sss[open] summary::after{transform:rotate(45deg);}
.sss p{margin:0 0 18px;color:var(--sub);font-size:15px;line-height:1.6;max-width:70ch;}

/* ===== proje kartı hover ipucu ===== */
.pcard .pimg{position:relative;}
.pcard .pimg::after{content:"İNCELE →";position:absolute;left:12px;bottom:12px;background:var(--orange);color:#fff;font-family:"Oswald";font-weight:600;font-size:11px;letter-spacing:.1em;padding:5px 11px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:2;}
.pcard:hover .pimg::after{opacity:1;transform:translateY(0);}
.pcard:hover .pimg img{transform:scale(1.06);}

/* ===== ana sayfa diğer projeler: üstteki ikili büyükler gibi (3 sütun, aynı boy, yazı foto üstünde) ===== */
#projeler > .pgrid{width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;
  padding-left:clamp(16px,4vw,56px);padding-right:150px;
  grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,18px);margin-top:clamp(12px,1.6vw,20px);}
#projeler > .pgrid .pcard{margin:0;position:relative;overflow:hidden;height:clamp(280px,58svh,640px);background:#e4e6e8;}
#projeler > .pgrid .pcard .pimg{position:absolute;inset:0;aspect-ratio:auto;height:100%;}
#projeler > .pgrid .pcard figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(14px,2vw,30px);
  background:linear-gradient(to top,rgba(10,18,28,.8),rgba(10,18,28,.14) 60%,transparent);color:#fff;}
#projeler > .pgrid .pcard .plabel{color:#fff;opacity:.9;font-size:clamp(12px,1.1vw,13px);letter-spacing:.16em;}
#projeler > .pgrid .pcard .pn{color:#fff;font-weight:700;font-size:clamp(20px,2.3vw,38px);margin:4px 0 2px;line-height:.98;}
#projeler > .pgrid .pcard .pmeta{color:rgba(255,255,255,.8);font-size:13px;}
#projeler > .pgrid .pcard .pimg::after{left:auto;right:clamp(14px,2vw,30px);bottom:auto;top:clamp(14px,2vw,30px);}
@media(min-width:861px){#projeler > .pgrid{margin-left:calc(50% - 50vw + (210px - clamp(16px,4vw,56px)) / 2);}}
@media(max-width:860px){#projeler > .pgrid{padding-right:clamp(16px,4vw,56px);}}
@media(max-width:1100px) and (min-width:821px){#projeler > .pgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:820px){#projeler > .pgrid{grid-template-columns:1fr;gap:12px;} #projeler > .pgrid .pcard{height:clamp(220px,38svh,420px);}}

/* ===== projeler sayfası: başlık + filtre tuşları kartlarla aynı hizada ===== */
#projeler > .sec-head,#projeler > .pfiltre{width:100vw;margin-left:calc(50% - 50vw);box-sizing:border-box;
  padding-left:clamp(16px,4vw,56px);padding-right:150px;max-width:none;}
@media(min-width:861px){#projeler > .sec-head,#projeler > .pfiltre{margin-left:calc(50% - 50vw + (210px - clamp(16px,4vw,56px)) / 2);}}
@media(max-width:860px){#projeler > .sec-head,#projeler > .pfiltre{padding-right:clamp(16px,4vw,56px);}}
.sr-only + #projeler{padding-top:clamp(4px,1.4vw,16px);}
#projeler > .sec-head{margin-bottom:clamp(18px,2.4vw,28px);}
#projeler > .sec-head h2{font-size:clamp(34px,5vw,72px);}
#projeler > .pfiltre{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:clamp(18px,2.2vw,26px);}
#projeler > .pfiltre .pf-alt{margin-top:0;padding-top:0;border-top:none;padding-left:18px;border-left:1px solid rgba(60,60,70,.18);}
#projeler > .pfiltre .pf-alt[hidden]{display:none;}
#projeler > .pfiltre .pf-btn{font-size:15px;padding:11px 22px;}
#projeler > .pfiltre .pf-sub{font-size:13px;padding:9px 16px;}
@media(max-width:600px){#projeler > .pfiltre .pf-alt{padding-left:0;border-left:none;}}

/* mobilde pafta anteti tek satır */
@media(max-width:600px){.titleblock{white-space:nowrap;font-size:9px;letter-spacing:.1em;padding:6px 10px;}}