@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg:#f4f1ea;--bg-2:#fff;--bg-3:#eef4fb;--line:#c5d7ea;--line-2:#d9e2ec;--navy:#123a6d;--blue:#1a73c7;--gold:#f0a202;--gold-2:#ffd56a;--ink:#1a2332;--muted:#5c6b7a;--danger:#c0392b;--ok:#2e7d4f;--shadow:0 18px 40px #123a6d14;--radius:18px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(900px 420px at 90% -10%, #1a73c71f, transparent 55%), radial-gradient(700px 380px at 0% 20%, #f0a2021f, transparent 50%), var(--bg);margin:0;font-family:"Source Sans 3",sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.03em;color:var(--navy);margin:0 0 .45em;font-family:Outfit,sans-serif;line-height:1.08}h1{font-size:clamp(2.3rem,6vw,4.6rem);font-weight:800}h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700}p{margin:0 0 1rem}.wrap{width:min(1180px,100% - 40px);margin:0 auto}.site{flex-direction:column;min-height:100vh;display:flex}.site main{flex:1}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.is-in{opacity:1;transform:none}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.7rem;font-size:.76rem;font-weight:700}.lede{color:var(--muted);max-width:640px;font-size:1.12rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-gold{background:var(--gold);color:#1a1408}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px #f0a20259}.btn-ghost{border-color:var(--line);color:var(--navy);background:#fff}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.btn-danger{color:#8a241c;background:#fdecea;border:1px solid #f5c6c0}.btn:disabled{opacity:.6;cursor:not-allowed}.topbar{z-index:1;border-bottom:1px solid var(--line-2);color:var(--muted);background:#fff;font-size:.86rem;position:relative}.topbar-inner{align-items:center;gap:.8rem;padding:.45rem 0;display:flex}.topbar .dot{background:var(--gold);border-radius:50%;width:6px;height:6px}.topbar-right{color:var(--navy);margin-left:auto;font-weight:600}.nav-row{z-index:1;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0 1rem;display:flex;position:relative}.nav-backdrop{display:none}.site-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-2);background:#f4f1eaeb;position:sticky;top:0}.brand{align-items:center;gap:.7rem;min-width:0;display:flex}.brand-mark{object-fit:cover;object-position:center 46%;background:#0b1220;border-radius:50%;flex-shrink:0;width:48px;height:48px;box-shadow:0 0 0 1.5px #123a6d29}.brand strong,.brand em{font-style:normal;display:block}.brand strong{letter-spacing:.04em;text-transform:uppercase;color:var(--navy);font-family:Outfit,sans-serif;font-size:1.15rem}.brand em{color:var(--blue);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}.main-nav{align-items:center;gap:.2rem 1.1rem;display:flex}.main-nav a,.main-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.45rem 0;font-weight:600}.main-nav a:hover,.main-nav button:hover,.main-nav a.active,.main-nav button.active{color:var(--navy)}.nav-cta{border-radius:999px;background:var(--gold)!important;color:#1a1408!important;padding:.55rem .95rem!important}.nav-dd{position:relative}.nav-dd>button{align-items:center;gap:.35rem;display:flex}.nav-dd>button i{border:1.5px solid;border-width:0 1.5px 1.5px 0;margin-top:-4px;padding:2.5px;transform:rotate(45deg)}.nav-dd-panel{border:1px solid var(--line);min-width:280px;box-shadow:var(--shadow);z-index:60;background:#fff;border-radius:12px;padding:.5rem;display:none;position:absolute;top:100%;right:0}.nav-dd:hover .nav-dd-panel,.nav-dd.is-open .nav-dd-panel{display:grid}.nav-dd-panel a{border-radius:8px;padding:.55rem .7rem;color:var(--navy)!important}.nav-dd-panel a:hover{background:var(--bg-3);color:var(--blue)!important}.menu-toggle{border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:42px;display:none}.menu-toggle span{background:var(--navy);width:18px;height:1.5px;margin:4px auto;display:block}.hero{align-items:center;min-height:82vh;display:grid;position:relative;overflow:hidden}.hero-grid{background-color:#0000;background-image:linear-gradient(90deg,#1a73c714 1px,#0000 1px),linear-gradient(#1a73c714 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 70% 40%,#000,#0000 72%);mask-image:radial-gradient(circle at 70% 40%,#000,#0000 72%)}.hero-split{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;padding:4.5rem 0 3.5rem;display:grid;position:relative}.hero-schema{width:100%;height:auto;filter:drop-shadow(var(--shadow));animation:7s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.strip{border-block:1px solid var(--line-2);background:#fff}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.4rem 0;display:grid}.stats-row div{text-align:center}.stats-row b{color:var(--navy);font-family:Outfit,sans-serif;font-size:2rem;display:block}.stats-row span{color:var(--muted);font-size:.9rem}.section{padding:4.6rem 0}.section-alt{border-block:1px solid var(--line-2);background:#fff}.section-head{max-width:640px;margin-bottom:2rem}.process{counter-reset:none;grid-template-columns:repeat(5,1fr);gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.process li{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:190px;padding:1rem;position:relative}.process li:after{content:"";border-right:2px solid var(--blue);border-top:2px solid var(--blue);width:10px;height:10px;position:absolute;top:1.4rem;right:-.55rem;transform:rotate(45deg)}.process li:last-child:after{display:none}.process b{color:var(--gold);font-family:Outfit,sans-serif;font-size:1.4rem}.system-map{width:min(100%,720px);height:auto;margin:0 auto;display:block}.service-grid,.project-grid,.cap-grid{gap:1rem;display:grid}.service-grid>.reveal,.project-grid>.reveal,.service-grid .service-card{height:100%}.service-card,.project-card,.contact-card,.quote-form,.admin-card{border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.service-card{flex-direction:column;min-height:230px;padding:1.2rem;transition:all .25s;display:flex}.service-card:hover{border-color:var(--blue);transform:translateY(-6px)}.icon-wrap{border:1px solid var(--line);width:46px;height:46px;color:var(--blue);background:var(--bg-3);border-radius:12px;place-items:center;margin-bottom:1rem;display:grid}.icon-wrap.inline{vertical-align:-8px;margin:0 .4rem 0 0;display:inline-grid}.icon-wrap svg{width:22px;height:22px}.service-card p{color:var(--muted);flex:1}.more{color:var(--blue);font-size:.9rem;font-weight:700}.about-split{grid-template-columns:1.2fr .8fr;align-items:start;gap:2rem;display:grid}.cap-list,.cap-grid{margin:0;padding:0;list-style:none}.cap-list li,.cap-grid li{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:.7rem;margin-bottom:.5rem;padding:.8rem .95rem;display:flex}.cap-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.cap-grid li b{color:var(--blue);font-family:Outfit,sans-serif}.project-grid{grid-template-columns:repeat(3,1fr)}.project-grid-home{margin-bottom:1.5rem}.project-card{height:100%;transition:all .25s;display:block;overflow:hidden}.project-card:hover{border-color:var(--blue);transform:translateY(-6px)}.project-card-media{position:relative}.photo-badge{color:var(--navy);background:#fffffff0;border-radius:999px;padding:.22rem .55rem;font-size:.75rem;font-weight:700;position:absolute;top:10px;right:10px}.project-gallery{position:relative}.project-gallery img{aspect-ratio:4/3;object-fit:cover;width:100%}.project-stage{border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;position:relative;overflow:hidden}.project-stage-btn{background:var(--bg-3);cursor:zoom-in;border:0;width:100%;padding:0;display:block;position:relative}.project-stage-btn img{object-fit:contain;background:#e8eef6;width:100%;min-height:280px;max-height:min(78vh,820px)}.project-stage .project-placeholder{aspect-ratio:16/9;min-height:48vh}.zoom-hint{color:var(--navy);pointer-events:none;background:#fffffff0;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:700;position:absolute;bottom:16px;right:16px}.photo-count{color:#fff;background:#123a6ddb;border-radius:999px;margin:0;padding:.3rem .65rem;font-size:.8rem;font-weight:700;position:absolute;bottom:16px;left:16px}.project-thumbs{flex-wrap:wrap;gap:.55rem;margin:1rem 0 0;display:flex}.project-thumbs button{background:var(--bg-3);cursor:pointer;border:2px solid #0000;border-radius:10px;width:92px;height:68px;padding:0;overflow:hidden}.project-thumbs button.is-on{border-color:var(--gold)}.project-thumbs img{object-fit:cover;width:100%;height:100%}.project-pager{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:2.4rem;padding-top:1.4rem;display:grid}.pager-link{color:var(--muted);gap:.15rem;font-size:.85rem;display:grid}.pager-link strong{color:var(--navy);font-size:1rem}.pager-next{text-align:right}.lightbox{z-index:80;background:#0a1628e6;place-items:center;display:grid;position:fixed;inset:0}.lightbox-frame{cursor:zoom-out;background:0 0;border:0;max-width:100%;padding:0}.lightbox-frame img{object-fit:contain;border-radius:8px;width:auto;max-width:min(96vw,1400px);height:auto;max-height:86vh}.lightbox-close,.lightbox-nav{color:var(--navy);cursor:pointer;box-shadow:var(--shadow);background:#fffffff0;border:0;position:absolute}.lightbox-close{border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1;top:16px;right:16px}.lightbox-nav{border-radius:50%;width:46px;height:46px;font-size:1.8rem;top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:16px}.lightbox-nav.next{right:16px}.lightbox-caption{text-align:center;color:#fff;margin:0;font-weight:600;position:absolute;bottom:18px;left:0;right:0}.gallery-nav{width:36px;height:36px;color:var(--navy);cursor:pointer;box-shadow:var(--shadow);background:#ffffffeb;border:0;border-radius:50%;font-size:1.4rem;position:absolute;top:50%;transform:translateY(-50%)}.project-stage .gallery-nav{width:44px;height:44px;font-size:1.6rem}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:10px;left:0;right:0}.gallery-dots button{cursor:pointer;background:#ffffffb3;border:0;border-radius:50%;width:8px;height:8px;padding:0}.gallery-dots button.is-on{background:var(--gold)}.project-admin-row{align-items:start}.project-card img,.project-placeholder,.media-fallback,.gallery img,.service-hero-fallback{aspect-ratio:4/3;object-fit:cover;width:100%}.project-stage-btn img{aspect-ratio:auto;object-fit:contain;background:#e8eef6;width:100%;min-height:280px;max-height:min(78vh,820px)}.lightbox-frame img{aspect-ratio:auto;object-fit:contain;width:auto;max-width:min(96vw,1400px);height:auto;max-height:86vh}.project-placeholder,.media-fallback,.service-hero-fallback{color:var(--navy);place-items:center;font-family:Outfit,sans-serif;font-size:2.4rem;display:grid}.service-hero-fallback{background:var(--bg-3);color:var(--blue)}.service-hero-fallback svg{width:72px;height:72px}.project-card h3,.project-card figcaption{margin:0;padding:.85rem 1rem 1rem;font-size:1.15rem}.center-cta{text-align:center}.cta-band{color:#fff;background:linear-gradient(90deg,#123a6d,#1a73c7)}.cta-band h2,.cta-band p{color:#fff}.cta-inner{justify-content:space-between;align-items:center;gap:1.5rem;padding:2.5rem 0;display:flex}.cta-actions{flex-wrap:wrap;gap:.6rem;display:flex}.page-hero{padding:3.5rem 0 1.5rem}.page-body{padding:2.5rem 0 4rem}.prose{color:#334155;max-width:70ch}.gallery{grid-template-columns:1fr 1fr;gap:.8rem;margin:1.8rem 0;display:grid}.gallery-one{grid-template-columns:1fr}.gallery img{border:1px solid var(--line-2);border-radius:12px}.block-title{margin:2rem 0 1rem}.about-meta{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem;display:grid}.about-meta div{border-top:2px solid var(--gold);padding-top:1rem}.contact-layout{grid-template-columns:.7fr 1.3fr;gap:1.2rem;padding:2.5rem 0 4rem;display:grid}.contact-card,.quote-form{padding:1.4rem}.quote-form{gap:.9rem;display:grid}.quote-form label,.label{gap:.35rem;font-size:.92rem;font-weight:700;display:grid}.quote-form input,.quote-form select,.quote-form textarea,.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.7rem .8rem}.form-row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.form-error{color:var(--danger)}.form-success{color:#1e5a34;background:#e7f6ec;border-radius:10px;padding:.8rem 1rem}.photo-previews{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.photo-previews button{cursor:pointer;background:0 0;border:0;width:84px;padding:0}.photo-previews img{object-fit:cover;border-radius:8px;width:84px;height:64px}.uploader-btn{border:1px dashed var(--blue);cursor:pointer;color:var(--blue);background:var(--bg-3);border-radius:10px;padding:.65rem 1rem;display:inline-flex}.uploader-btn input{display:none}.uploader-btn.is-busy{opacity:.6}.uploader-hint{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.site-footer{border-top:1px solid var(--line-2);background:#fff;padding:2.5rem 0 1rem}.footer-grid{grid-template-columns:1.4fr 1fr .8fr 1fr;gap:1.5rem;display:grid}.footer-blurb{color:var(--muted);max-width:32ch;margin-top:.8rem}.site-footer ul{color:var(--muted);margin:0;padding:0;list-style:none}.site-footer li{margin:.3rem 0}.footer-base{color:#7b8794;border-top:1px solid var(--line-2);justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;font-size:.85rem;display:flex}.admin-login .brand-mark{width:72px;height:72px}.admin-login{place-items:center;min-height:100vh;padding:2rem;display:grid}.admin-login form{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#fff;border-radius:18px;gap:.8rem;padding:1.6rem;display:grid}.admin-login form label{gap:.35rem;font-weight:700;display:grid}.admin-login form input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.7rem .8rem}.admin-shell{background:var(--bg);grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-side{border-right:1px solid var(--line-2);background:#fff;padding:1.2rem .8rem}.admin-side nav{gap:.25rem;margin-top:1.2rem;display:grid}.admin-side button,.admin-side a{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.65rem .75rem}.admin-side button.is-active,.admin-side button:hover{background:var(--bg-3);color:var(--navy)}.admin-main{padding:1.4rem}.admin-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.stat{padding:1rem}.stat b{color:var(--navy);font-family:Outfit,sans-serif;font-size:1.8rem;display:block}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line-2);padding:.7rem .5rem}.admin-form{gap:.8rem;display:grid}.admin-list{gap:.7rem;display:grid}.item-row{grid-template-columns:92px 1fr auto;align-items:center;gap:.8rem;padding:.7rem;display:grid}.item-row img,.item-row .thumb{object-fit:cover;background:var(--bg-3);border-radius:8px;width:92px;height:68px}.badge{color:#8a5a00;background:#fff4d6;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.badge.yeni{color:#8a241c;background:#fdecea}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem;display:grid}.media-grid figure{border:1px solid var(--line-2);background:#fff;border-radius:10px;margin:0;overflow:hidden}.media-grid img{aspect-ratio:4/3;object-fit:cover}.media-grid figcaption{justify-content:space-between;gap:.4rem;padding:.5rem;font-size:.8rem;display:flex}.quote-photos{flex-wrap:wrap;gap:.5rem;display:flex}.quote-photos img{object-fit:cover;border-radius:8px;width:140px;height:100px}@media (width<=900px){.hero-split,.process,.strip-row,.stats-row,.project-grid,.about-split,.contact-layout,.footer-grid,.about-meta,.stat-grid,.admin-shell{grid-template-columns:1fr}.process li:after{display:none}.menu-toggle{flex-shrink:0;display:block}.brand-mark{width:44px;height:44px}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.nav-backdrop{z-index:0;cursor:pointer;background:#123a6d7a;border:0;padding:0;display:block;position:fixed;inset:0}.main-nav{border:1px solid var(--line);z-index:2;background:#fff;border-width:1px 0;border-radius:0 0 22px 22px;flex-direction:column;align-items:stretch;gap:.5rem;max-height:min(78vh,100dvh - 7rem);padding:1rem 1.1rem 1.15rem;display:none;position:absolute;inset:calc(100% + 2px) -20px auto;overflow:auto;box-shadow:0 28px 64px #123a6d38}.main-nav.is-open{display:flex}.main-nav>a,.main-nav .nav-dd>button{background:var(--bg);color:var(--navy);text-align:left;border-radius:12px;width:100%;padding:.95rem 1.05rem;font-size:1.08rem;font-weight:700}.main-nav>a.active,.main-nav .nav-dd>button.active{background:var(--bg-3);color:var(--blue);box-shadow:inset 3px 0 0 var(--gold)}.main-nav .nav-cta{text-align:center;margin-top:.15rem;background:var(--gold)!important;color:#1a1408!important}.nav-dd{width:100%}.nav-dd>button{justify-content:space-between}.nav-dd:hover .nav-dd-panel{display:none}.nav-dd-panel{min-width:0;box-shadow:none;background:var(--bg-3);border:1px solid var(--line);gap:.25rem;margin-top:.4rem;display:none;position:static}.nav-dd.is-open .nav-dd-panel{display:grid}.nav-dd-panel a{background:#fff;padding:.75rem .9rem}.topbar-right{display:none}.cta-inner,.footer-base,.admin-head,.item-row,.project-pager{flex-direction:column;align-items:stretch}.project-pager{text-align:center;grid-template-columns:1fr}.pager-next{text-align:center}.item-row,.form-row{grid-template-columns:1fr}.hero{min-height:auto}.hero-schema{max-width:360px;margin:0 auto}}