/* Cementare — shared top navigation hero system for Galeri / Teknik / İletişim */
:root{
  --ctn-ink:#26231f;
  --ctn-text:#5f584e;
  --ctn-muted:#8b806c;
  --ctn-accent:#b1a374;
  --ctn-line:rgba(177,163,116,.25);
  --ctn-paper:#f3f0e9;
  --ctn-paper2:#f7f4ee;
}
.ct-nav-hero{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 74% 30%,rgba(255,255,255,.48) 0 18%,transparent 47%),
  linear-gradient(112deg,rgba(255,255,255,.52) 0%,rgba(243,240,233,.95) 48%,rgba(232,226,214,.72) 100%);
  padding:126px 0 0;color:var(--ctn-ink);}
.ct-nav-shell{position:relative;z-index:2;width:min(1880px,calc(100% - 96px));max-width:100%;margin:0 auto;padding-bottom:28px;}
.ct-nav-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:end;gap:clamp(58px,7.2vw,126px);min-height:286px;}
.ct-nav-copy{max-width:760px;padding-bottom:3px;}
.ct-nav-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--ct-type-sans,Arial,sans-serif);font-size:11px;line-height:1.2;letter-spacing:.23em;text-transform:uppercase;color:var(--ctn-muted);}
.ct-nav-kicker::before{content:"";width:30px;height:1px;flex:0 0 30px;background:rgba(177,163,116,.82);}
.ct-nav-title{margin:0 0 14px clamp(18px,1.8vw,32px);font-family:var(--ct-type-serif,Georgia,serif);font-size:clamp(54px,5.45vw,82px);font-weight:400;line-height:.96;letter-spacing:-.045em;color:var(--ctn-ink);}
.ct-nav-lead{position:relative;max-width:560px;margin:0 0 0 clamp(58px,4.8vw,88px);font-family:var(--ct-type-sans,Arial,sans-serif);font-size:16px;line-height:1.68;letter-spacing:.002em;color:var(--ctn-text);}
.ct-nav-lead::before{content:"";position:absolute;left:calc(-1 * clamp(30px,2.4vw,44px));top:.78em;width:clamp(18px,1.8vw,30px);height:1px;background:rgba(177,163,116,.66);}
.ct-nav-rail{position:relative;display:grid;align-content:end;gap:24px;padding:2px 0 4px 30px;border-left:1px solid rgba(177,163,116,.30);}
.ct-nav-rail::after{content:"";position:absolute;left:-1px;bottom:4px;width:1px;height:38px;background:var(--ctn-accent);}
.ct-nav-signature{display:grid;gap:8px;align-content:start;min-height:74px;padding-top:2px;}
.ct-nav-signature-tag{font-family:var(--ct-type-sans,Arial,sans-serif);font-size:9px;line-height:1.2;letter-spacing:.22em;text-transform:uppercase;color:rgba(118,107,87,.66);}
.ct-nav-signature-word{display:block;font-family:var(--ct-type-serif,Georgia,serif);font-size:clamp(36px,3.05vw,54px);font-weight:400;line-height:.9;letter-spacing:-.05em;white-space:nowrap;color:rgba(77,70,60,.105);}
.ct-nav-meta{display:grid;justify-items:start;align-content:end;font-family:var(--ct-type-sans,Arial,sans-serif);color:#5b544a;}
.ct-nav-meta-label{font-size:10px;line-height:1.2;letter-spacing:.20em;text-transform:uppercase;color:#8b806c;margin-bottom:16px;}
.ct-nav-meta-rule{display:block;width:42px;height:1px;background:rgba(177,163,116,.78);margin-bottom:14px;}
.ct-nav-meta-title{font-family:var(--ct-type-serif,Georgia,serif);font-size:18px;line-height:1.25;letter-spacing:-.012em;color:#3d382f;}
.ct-nav-meta-sub{margin-top:7px;font-size:11px;line-height:1.3;letter-spacing:.15em;text-transform:uppercase;color:#9a9185;}
.ct-nav-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;padding-top:20px;border-top:1px solid rgba(177,163,116,.24);}
.ct-nav-benefit{min-width:0;padding:0 clamp(28px,3.15vw,52px) 2px 0;}
.ct-nav-benefit+.ct-nav-benefit{padding-left:clamp(28px,3.15vw,52px);border-left:1px solid rgba(177,163,116,.20);}
.ct-nav-benefit-head{display:flex;align-items:center;gap:12px;margin:0 0 14px;}
.ct-nav-benefit-head::before{content:"";width:26px;height:1px;flex:0 0 26px;background:rgba(177,163,116,.76);}
.ct-nav-benefit-title{font-family:var(--ct-type-sans,Arial,sans-serif);font-size:10px;line-height:1.2;letter-spacing:.21em;text-transform:uppercase;color:#7f7564;}
.ct-nav-benefit p{max-width:520px;margin:0;font-family:var(--ct-type-sans,Arial,sans-serif);font-size:13px;line-height:1.66;color:#615a51;}
/* shared architectural line composition */
.ct-nav-arch{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.86;}
.ct-nav-arch span{position:absolute;display:block;box-sizing:border-box;}
.ct-nav-arch-circle-a{left:-132px;top:150px;width:350px;aspect-ratio:1;border:1px solid rgba(122,112,94,.16);border-radius:50%;}
.ct-nav-arch-circle-b{left:36.5%;top:70px;width:clamp(420px,37vw,690px);aspect-ratio:1;border:1px solid rgba(122,112,94,.13);border-radius:50%;}
.ct-nav-arch-ribs{left:63.7%;top:88px;width:56px;height:310px;background:repeating-linear-gradient(90deg,rgba(122,112,94,.12) 0 1px,transparent 1px 8px);}
.ct-nav-arch-lines{left:28%;bottom:86px;width:410px;height:38px;background:repeating-linear-gradient(0deg,rgba(122,112,94,.09) 0 1px,transparent 1px 8px);}
.ct-nav-arch-corner{right:4.6vw;top:94px;width:clamp(160px,15vw,270px);height:clamp(88px,8vw,142px);border-top:1px solid rgba(177,163,116,.33);border-right:1px solid rgba(177,163,116,.33);}
.ct-nav-arch-cross{right:-34px;bottom:74px;width:210px;height:168px;}
.ct-nav-arch-cross::before,.ct-nav-arch-cross::after{content:"";position:absolute;background:rgba(122,112,94,.13);}
.ct-nav-arch-cross::before{left:50%;top:0;width:1px;height:100%;}
.ct-nav-arch-cross::after{left:0;top:50%;width:100%;height:1px;}
.ct-nav-arch-axis{left:64.4%;top:134px;width:1px;height:clamp(160px,17vw,275px);background:linear-gradient(180deg,rgba(177,163,116,.05),rgba(177,163,116,.34),rgba(177,163,116,.05));}
.ct-nav-hero--gallery .ct-nav-arch-circle-b{left:37%;}
.ct-nav-hero--colors .ct-nav-arch-circle-b{left:34%;top:92px;}
.ct-nav-hero--colors .ct-nav-arch-ribs{left:66%;}
.ct-nav-hero--technical .ct-nav-arch-circle-b{left:34%;top:92px;}
.ct-nav-hero--technical .ct-nav-arch-ribs{left:66%;}
.ct-nav-hero--contact .ct-nav-arch-circle-b{left:39%;top:56px;}
.ct-nav-hero--contact .ct-nav-arch-lines{left:31%;}

/* Technical document strip directly under shared hero */
.ct-tech-docbar{background:#f7f4ee;border-top:1px solid rgba(177,163,116,.18);border-bottom:1px solid rgba(177,163,116,.24);padding:0;}
.ct-tech-docbar .ct-tech-wrap{padding:0;}
.ct-tech-docbar .ct-tech-docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;margin:0;gap:0;}
.ct-tech-docbar .ct-tech-doc{min-height:78px;padding:17px 20px;border:0;border-right:1px solid rgba(177,163,116,.20);background:transparent;}
.ct-tech-docbar .ct-tech-doc:first-child{border-left:1px solid rgba(177,163,116,.20);}

/* Contact content below shared hero */
#header15-19w.cementare-contact-page{min-height:0!important;padding:74px 0 86px!important;display:block!important;background:#f7f4ee!important;color:#302b25!important;overflow:visible!important;font-family:var(--ct-type-sans,Arial,sans-serif)!important;}
#header15-19w.cementare-contact-page>.mbr-overlay,#header15-19w .mbr-arrow{display:none!important;}
#header15-19w .cementare-contact-wrap{position:relative!important;z-index:2!important;width:min(1280px,calc(100% - 96px))!important;max-width:none!important;margin:0 auto!important;padding:0!important;}
#header15-19w .cementare-contact-row{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(58px,7vw,108px)!important;align-items:start!important;width:100%!important;margin:0!important;}
#header15-19w .cementare-contact-intro,#header15-19w .cementare-contact-form-col{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;color:#302b25!important;}
#header15-19w .cementare-contact-title,#header15-19w .cementare-contact-lead{display:none!important;}
#header15-19w .cementare-contact-details{max-width:none!important;margin:0!important;border-top:1px solid rgba(177,163,116,.36)!important;}
#header15-19w .cementare-contact-detail{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:18px!important;min-height:58px!important;padding:16px 0!important;border-bottom:1px solid rgba(177,163,116,.22)!important;color:#302b25!important;text-decoration:none!important;}
#header15-19w a.cementare-contact-detail:hover,#header15-19w a.cementare-contact-detail:focus-visible{padding-left:8px!important;border-color:rgba(177,163,116,.58)!important;color:#302b25!important;}
#header15-19w .cementare-detail-label{padding-top:2px!important;color:#8b806c!important;font-size:10px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:.18em!important;text-transform:uppercase!important;}
#header15-19w .cementare-detail-value{color:#403a33!important;font-size:15px!important;font-weight:400!important;line-height:1.55!important;}
#header15-19w .cementare-contact-note{max-width:none!important;margin:14px 0 0!important;color:#8c8479!important;font-size:11px!important;line-height:1.55!important;}
#header15-19w .cementare-contact-form-col{display:block!important;}
#header15-19w .cementare-contact-card{width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-top:1px solid rgba(177,163,116,.50)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#header15-19w .cementare-contact-card-head{margin:0 0 26px!important;padding-top:24px!important;text-align:left!important;}
#header15-19w .cementare-contact-card-eyebrow{display:block!important;margin:0 0 10px!important;color:#8b806c!important;font-size:10px!important;font-weight:600!important;letter-spacing:.22em!important;}
#header15-19w .cementare-contact-card h2{margin:0 0 10px!important;color:#2e2923!important;font-family:var(--ct-type-serif,Georgia,serif)!important;font-size:clamp(30px,2.6vw,40px)!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.035em!important;}
#header15-19w .cementare-contact-card-head p{max-width:520px!important;margin:0!important;color:#71695e!important;font-size:14px!important;line-height:1.65!important;}
#header15-19w .cementare-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 22px!important;}
#header15-19w .cementare-field{margin:0 0 17px!important;text-align:left!important;}
#header15-19w .cementare-field label{display:block!important;margin:0 0 7px!important;color:#7f7463!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:.14em!important;text-transform:uppercase!important;}
#header15-19w .cementare-field input,#header15-19w .cementare-field select,#header15-19w .cementare-field textarea{width:100%!important;min-height:42px!important;margin:0!important;padding:9px 0 10px!important;border:0!important;border-bottom:1px solid rgba(82,72,61,.24)!important;border-radius:0!important;outline:none!important;background:transparent!important;color:#302b25!important;font-family:var(--ct-type-sans,Arial,sans-serif)!important;font-size:15px!important;line-height:1.4!important;box-shadow:none!important;}
#header15-19w .cementare-field textarea{min-height:88px!important;resize:vertical!important;}
#header15-19w .cementare-field input::placeholder,#header15-19w .cementare-field textarea::placeholder{color:rgba(71,63,54,.46)!important;opacity:1!important;}
#header15-19w .cementare-field select{color-scheme:light!important;}
#header15-19w .cementare-field input:focus,#header15-19w .cementare-field select:focus,#header15-19w .cementare-field textarea:focus{border-bottom-color:#b1a374!important;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(177,163,116,.045))!important;}
#header15-19w .cementare-contact-privacy{color:#8a8175!important;}
#header15-19w .cementare-contact-status.is-success{background:#eef2ea!important;border-color:#cbd7c3!important;color:#44533c!important;}
#header15-19w .cementare-contact-status.is-error{background:#f6ece8!important;border-color:#dec4ba!important;color:#784c3d!important;}

@media(max-width:1100px){
 .ct-nav-shell{width:min(100% - 48px,1880px)}
 .ct-nav-hero{padding-top:112px}
 .ct-nav-top{grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:42px;min-height:250px}
 .ct-nav-title{font-size:clamp(48px,6vw,68px)}
 .ct-nav-rail{gap:18px;padding-left:22px}
 .ct-nav-signature{min-height:56px;gap:6px}
 .ct-nav-signature-word{font-size:clamp(30px,3.4vw,42px)}
 .ct-nav-benefit{padding-right:24px}.ct-nav-benefit+.ct-nav-benefit{padding-left:24px}
 #header15-19w .cementare-contact-wrap{width:min(100% - 48px,1280px)!important;}
}
@media(max-width:900px){
 .ct-nav-top{grid-template-columns:minmax(0,1fr) 230px;gap:28px;min-height:225px}
 .ct-nav-title{margin-left:14px;font-size:clamp(44px,7vw,60px)}
 .ct-nav-lead{margin-left:42px;max-width:460px}
 .ct-nav-lead::before{left:-28px;width:18px}
 .ct-nav-signature-word{font-size:28px}.ct-nav-signature-tag{font-size:7.5px;letter-spacing:.16em}
 .ct-nav-rail{gap:14px;padding-left:18px}
 .ct-nav-benefits{gap:0}.ct-nav-benefit p{font-size:12.4px}
 .ct-nav-arch-cross,.ct-nav-arch-axis{display:none}
 .ct-nav-arch-circle-a{left:-210px;top:122px;width:360px}.ct-nav-arch-circle-b{left:37%;top:98px;width:400px}.ct-nav-arch-ribs{left:69%;top:112px;width:38px;height:220px}.ct-nav-arch-lines{left:30%;bottom:102px;width:260px;height:28px}.ct-nav-arch-corner{right:20px;top:96px;width:130px;height:82px}
 .ct-tech-docbar .ct-tech-docs{grid-template-columns:repeat(2,minmax(0,1fr))}
 #header15-19w .cementare-contact-row{grid-template-columns:1fr!important;gap:48px!important;}
}
@media(max-width:640px){
 .ct-nav-hero{padding-top:102px}
 .ct-nav-shell{width:calc(100% - 28px);padding-bottom:22px}
 .ct-nav-top{display:block;min-height:0}
 .ct-nav-copy{max-width:none}.ct-nav-kicker{font-size:10px;gap:9px;margin-bottom:14px}.ct-nav-kicker::before{width:22px;flex-basis:22px}
 .ct-nav-title{margin-left:0;font-size:clamp(42px,13vw,54px)}
 .ct-nav-lead{margin-left:0;font-size:15px}.ct-nav-lead::before{display:none}
 .ct-nav-rail{margin-top:24px;padding:14px 0 0;border-left:0;border-top:1px solid rgba(177,163,116,.28)}.ct-nav-rail::after{display:none}.ct-nav-signature{display:none}.ct-nav-meta{display:flex;align-items:center;gap:10px}.ct-nav-meta-label{margin:0;font-size:8.5px}.ct-nav-meta-rule{width:20px;margin:0}.ct-nav-meta-title{font-family:var(--ct-type-sans,Arial,sans-serif);font-size:10.5px}.ct-nav-meta-sub{display:none}
 .ct-nav-benefits{grid-template-columns:1fr;margin-top:20px;padding-top:16px}.ct-nav-benefit,.ct-nav-benefit+.ct-nav-benefit{padding:0 0 16px;border-left:0}.ct-nav-benefit+.ct-nav-benefit{padding-top:16px;border-top:1px solid rgba(177,163,116,.16)}.ct-nav-benefit-head{margin-bottom:8px}.ct-nav-benefit p{font-size:13px;line-height:1.62}
 .ct-nav-arch{opacity:.5}.ct-nav-arch-circle-a{left:-210px;top:105px;width:330px}.ct-nav-arch-circle-b{left:58%;top:116px;width:290px}.ct-nav-arch-ribs{display:none}.ct-nav-arch-lines{left:34%;bottom:84px;width:180px;height:22px}.ct-nav-arch-corner{right:14px;top:92px;width:94px;height:58px}
 .ct-tech-docbar .ct-tech-docs{grid-template-columns:1fr}.ct-tech-docbar .ct-tech-doc{border-left:1px solid rgba(177,163,116,.20);border-bottom:1px solid rgba(177,163,116,.16)}
 #header15-19w.cementare-contact-page{padding:52px 0 66px!important}#header15-19w .cementare-contact-wrap{width:calc(100% - 28px)!important}#header15-19w .cementare-contact-row{gap:36px!important}#header15-19w .cementare-contact-detail{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important}#header15-19w .cementare-form-grid{grid-template-columns:1fr!important;gap:0!important}
}

/* V61 — Galeri / Teknik / İletişim first-view rhythm
   Desktop hero is intentionally compact so the next navigation/content strip
   is already visible at the bottom of the opening viewport. */
@media (min-width:901px){
  .ct-nav-hero{
    padding-top:clamp(96px,11.5vh,116px);
  }
  .ct-nav-shell{
    padding-bottom:18px;
  }
  .ct-nav-top{
    min-height:clamp(205px,27vh,238px);
  }
  .ct-nav-copy{
    transform:translateY(-2px);
  }
  .ct-nav-benefits{
    margin-top:22px;
    padding-top:16px;
  }
  .ct-nav-benefit-head{
    margin-bottom:10px;
  }
  .ct-nav-benefit p{
    font-size:12.6px;
    line-height:1.56;
  }
}

/* Short laptop viewports: preserve the same visual hierarchy while revealing
   the category/document/content strip without requiring the first scroll. */
@media (min-width:901px) and (max-height:820px){
  .ct-nav-hero{
    padding-top:92px;
  }
  .ct-nav-top{
    min-height:196px;
  }
  .ct-nav-kicker{
    margin-bottom:14px;
  }
  .ct-nav-title{
    margin-bottom:10px;
    font-size:clamp(50px,5vw,72px);
  }
  .ct-nav-lead{
    font-size:15px;
    line-height:1.58;
  }
  .ct-nav-rail{
    gap:18px;
  }
  .ct-nav-signature{
    min-height:58px;
  }
  .ct-nav-benefits{
    margin-top:18px;
    padding-top:14px;
  }
  .ct-nav-benefit-head{
    margin-bottom:8px;
  }
  .ct-nav-benefit p{
    font-size:12.2px;
    line-height:1.5;
  }
}

/* Keep the first strip visually attached to the shared hero family. */
.ct-nav-hero + .ev-g-tabs-wrap,
.ct-nav-hero + .ct-tech-docbar,
.ct-nav-hero + #header15-19w{
  position:relative;
  z-index:3;
}

/* V62 — First-view fold alignment for Galeri / Teknik / İletişim
   Desktop only. The shared hero grows to use the available viewport while
   preserving the same internal composition. Gallery category tabs and the
   Technical document strip finish exactly at the viewport fold; Contact
   holds the full first view and hands off to the form below the fold. */
@media (min-width:901px){
  .ct-nav-hero.ct-firstview-lock{
    box-sizing:border-box!important;
    min-height:var(--ct-firstview-hero,620px)!important;
    display:grid!important;
    align-items:center!important;
    padding-top:clamp(88px,10.5vh,108px)!important;
  }
  .ct-nav-hero.ct-firstview-lock .ct-nav-shell{
    align-self:center!important;
    padding-bottom:0!important;
  }
  .ct-nav-hero.ct-firstview-lock .ct-nav-top{
    min-height:clamp(244px,30vh,302px)!important;
  }
  .ct-nav-hero.ct-firstview-lock .ct-nav-benefits{
    margin-top:28px!important;
    padding-top:18px!important;
  }
  .ct-nav-hero.ct-firstview-lock .ct-nav-benefit-head{
    margin-bottom:10px!important;
  }
}
@media (min-width:901px) and (max-height:820px){
  .ct-nav-hero.ct-firstview-lock{
    padding-top:88px!important;
  }
  .ct-nav-hero.ct-firstview-lock .ct-nav-top{
    min-height:238px!important;
  }
  .ct-nav-hero.ct-firstview-lock .ct-nav-benefits{
    margin-top:24px!important;
    padding-top:16px!important;
  }
}


/* V63 — Contact hero parity with Galeri / Teknik */
.ct-nav-hero--contact .ct-nav-arch-circle-b{left:37%;top:70px;}
.ct-nav-hero--contact .ct-nav-arch-ribs{left:63.7%;}
.ct-nav-hero--contact .ct-nav-arch-lines{left:28%;}
.ct-nav-hero--contact .ct-nav-arch-axis{left:64.4%;}

/* Contact utility strip: same first-view rhythm as Gallery tabs / Technical docs */
.ct-contact-quickbar{background:#f7f4ee;border-top:1px solid rgba(177,163,116,.18);border-bottom:1px solid rgba(177,163,116,.24);padding:0;}
.ct-contact-quickbar-inner{width:min(1880px,calc(100% - 96px));max-width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.ct-contact-quickitem{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:15px clamp(16px,1.55vw,28px);border-left:1px solid rgba(177,163,116,.18);text-decoration:none!important;color:#403a33!important;background:transparent;transition:background .22s ease,color .22s ease;}
.ct-contact-quickitem:last-child{border-right:1px solid rgba(177,163,116,.18);}
.ct-contact-quickitem:hover,.ct-contact-quickitem:focus-visible{background:rgba(255,255,255,.36);color:#26231f!important;}
.ct-contact-quicklabel{font-family:var(--ct-type-sans,Arial,sans-serif);font-size:9px;line-height:1.2;letter-spacing:.20em;text-transform:uppercase;color:#8b806c;margin-bottom:5px;}
.ct-contact-quickvalue{font-family:var(--ct-type-serif,Georgia,serif);font-size:clamp(14px,.98vw,17px);line-height:1.25;letter-spacing:-.012em;color:#3d382f;}
.ct-contact-quickitem::after{content:"";position:absolute;left:clamp(16px,1.55vw,28px);bottom:-1px;width:24px;height:1px;background:rgba(177,163,116,.82);opacity:.75;}
@media(max-width:900px){
 .ct-contact-quickbar-inner{width:min(100% - 48px,1180px);grid-template-columns:repeat(2,minmax(0,1fr));}
 .ct-contact-quickitem{min-height:72px;border-bottom:1px solid rgba(177,163,116,.16);}
 .ct-contact-quickitem:nth-child(2n){border-right:1px solid rgba(177,163,116,.18);}
}
@media(max-width:640px){
 .ct-contact-quickbar-inner{width:calc(100% - 28px);grid-template-columns:1fr;}
 .ct-contact-quickitem{min-height:66px;padding:13px 14px;border-right:1px solid rgba(177,163,116,.18);}
 .ct-contact-quickitem::after{left:14px;}
}