@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191b1a;--panel:#232624;--paper:#f4f3ee;--gold:#c1a467;--muted:#b9bcb6;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(3rem,6.5vw,6.1rem)}h2{font-size:clamp(2.4rem,4.2vw,4.3rem)}h3{font-size:1.35rem;font-weight:500;line-height:1.4}.container{width:min(1240px,88%);margin:auto}.eyebrow{font-family:Manrope,Arial,sans-serif;font-size:.875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:22px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border:1px solid var(--gold);color:#171917;background:var(--gold);font-weight:600;font-size:.875rem;cursor:pointer;transition:.2s}.btn:hover{background:#d9be87;border-color:#d9be87}.btn.outline{color:var(--paper);border-color:#ffffff66;background:transparent}.btn.outline:hover{border-color:var(--gold);color:var(--gold)}.btn.dark-outline{background:transparent;color:var(--ink);border-color:#191b1a50}.actions{display:flex;gap:14px;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:20;background:#191b1af2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:24px}.brand{display:flex;align-items:center;gap:14px;line-height:1.2}.brand img{width:55px;height:62px;object-fit:contain}.brand strong{font-family:Manrope,Arial,sans-serif;font-size:1.25rem;letter-spacing:.07em}.brand small{display:block;font-size:.7rem;letter-spacing:.3em;margin-top:6px;color:var(--gold)}.nav{display:flex;align-items:center;gap:28px;font-size:.875rem}.nav a:not(.btn){padding:10px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a[aria-current=page]{color:var(--gold);border-color:var(--gold)}.menu-toggle{display:none;background:transparent;color:var(--paper);border:1px solid var(--line);padding:8px 14px}.hero{position:relative;min-height:690px;display:flex;align-items:center;background:url('../assets/home.webp') center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111411ee 0%,#111411a6 42%,#11141112 100%)}.hero-content{position:relative;padding:85px 0 100px}.hero h1{max-width:740px;margin-bottom:26px}.hero h1 em{font-style:normal;color:#d6bd89}.hero p:not(.eyebrow){max-width:480px;color:#dddeda;margin-bottom:34px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff30;padding:18px 0;font-size:.875rem;color:#e3e4de}.hero-bottom .container{display:flex;justify-content:space-between}.section{padding:100px 0}.light{background:var(--paper);color:var(--ink)}.light .muted{color:#656b65}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:350px;margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #191b1a30;border-bottom:1px solid #191b1a30}.service{padding:38px 30px 40px 0}.service+.service{border-left:1px solid #191b1a30;padding-left:30px}.number{font-family:Manrope,sans-serif;font-size:.875rem;color:#8f753d;display:block;margin-bottom:24px}.service p{color:#656b65;margin-bottom:28px}.text-link{font-size:.875rem;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:6px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-card{border-bottom:1px solid var(--line);padding-bottom:25px}.project-card img{height:285px;transition:transform .5s}.project-photo{overflow:hidden}.project-card:hover img{transform:scale(1.04)}.project-meta{display:flex;align-items:start;justify-content:space-between;padding-top:22px;gap:12px}.project-meta h3{margin-bottom:3px}.project-meta p{font-size:.875rem;color:var(--muted);margin-bottom:0}.tag{font-size:.75rem;border:1px solid #ffffff35;padding:3px 10px;color:var(--muted);white-space:nowrap}.note{font-size:.875rem;color:var(--muted);margin:28px 0 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-photo{height:580px;position:relative}.about-photo img{height:100%}.year-stamp{position:absolute;bottom:0;left:0;background:var(--gold);color:var(--ink);padding:25px 32px;line-height:1.3}.year-stamp strong{font-family:Georgia,serif;font-size:3rem;display:block}.about-copy h2{margin-bottom:28px}.about-copy p{color:#656b65}.values{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0;color:var(--ink)}.values span{border-top:1px solid #191b1a30;padding-top:15px;font-size:.875rem}.why{padding:70px 0;background:var(--panel)}.why h2{font-size:2.5rem;margin-bottom:45px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.why-grid article{border-top:1px solid var(--gold);padding-top:24px}.why-grid p{color:var(--muted);font-size:.875rem}.cta{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.cta h2{margin-bottom:24px}.cta img{height:360px}.cta p{color:#656b65;max-width:490px;margin-bottom:30px}.footer{padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;margin-bottom:50px}.footer .brand{margin-bottom:22px}.footer p,.footer a:not(.brand){color:var(--muted);font-size:.875rem}.footer h3{font-size:1rem}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem}.page-head{padding:75px 0 70px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(3rem,5.5vw,5.1rem);margin-bottom:24px;max-width:880px}.page-head p:not(.eyebrow){max-width:650px;color:var(--muted);margin:0}.breadcrumb{font-size:.875rem;margin-bottom:35px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-grid img{height:440px}.detail-grid ul{padding-left:20px;color:#656b65}.wide-copy{max-width:850px}.wide-copy p{color:#656b65;font-size:1.1rem}.service-detail{padding:60px 0;border-bottom:1px solid #191b1a25;display:grid;grid-template-columns:100px 1fr 1fr;gap:35px}.service-detail h2{font-size:2.5rem}.service-detail p,.service-detail ul{color:#656b65}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px}.filter{background:transparent;border:1px solid #ffffff35;padding:10px 22px;color:var(--paper);cursor:pointer}.filter.active{background:var(--gold);border-color:var(--gold);color:var(--ink)}[hidden]{display:none!important}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.contact-item{padding:24px 0;border-bottom:1px solid #191b1a25}.contact-item span{display:block;font-size:.875rem;color:#656b65;margin-bottom:7px}.contact-item strong{font-size:1.15rem;font-weight:500}.contact-note{background:#e8e6df;padding:20px;font-size:.875rem;margin-top:30px}.form{display:grid;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:600}.form input,.form textarea,.form select{width:100%;border:1px solid #191b1a35;border-radius:0;background:transparent;padding:13px 14px;color:var(--ink)}.form textarea{resize:vertical;min-height:130px}.form-status{font-size:.875rem;color:#656b65}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);padding:12px;z-index:100;color:#111}.skip:focus{top:10px}.reveal{animation:appear .7s ease both}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1000px){.nav{gap:17px}.nav .btn{padding:11px 15px}.about-grid,.cta{gap:40px}.project-card img{height:230px}.contact-grid{gap:40px}.why-grid{gap:20px}.header-inner{gap:15px}.brand strong{font-size:1.1rem}}@media(max-width:800px){.container{width:90%}.header-inner{min-height:80px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--ink);padding:24px 5%;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column}.nav.open{display:flex}.hero{min-height:660px;background-position:60% center}.hero:before{background:linear-gradient(90deg,#111411e0,#11141160)}.hero-content{padding:80px 0 120px}.hero-bottom .container{gap:25px;font-size:.75rem}.section{padding:65px 0}.section-heading{display:block}.section-heading p{margin-top:25px}.services{grid-template-columns:1fr}.service,.service+.service{padding:28px 0;border-left:0;border-bottom:1px solid #191b1a25}.service:last-child{border-bottom:0}.project-grid{grid-template-columns:1fr}.project-card img{height:330px}.about-grid,.cta,.detail-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.about-photo{height:430px}.why-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.cta img{height:300px}.service-detail{grid-template-columns:50px 1fr;gap:15px}.service-detail>div:last-child{grid-column:2}.page-head{padding:50px 0}.form-row{grid-template-columns:1fr}.detail-grid img{height:330px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Prominent header branding */
.site-header .header-inner{min-height:124px}.site-header .brand{flex-shrink:0;gap:18px}.site-header .brand img{width:92px;height:104px}.site-header .brand strong{font-size:2.5rem;font-weight:800;letter-spacing:.035em;white-space:nowrap}.site-header .brand small{font-size:1.05rem;letter-spacing:.32em;margin-top:8px}
@media(max-width:1100px){.site-header .nav{gap:18px}.site-header .brand strong{font-size:2.15rem}.site-header .brand img{width:82px;height:96px}}
@media(max-width:900px){.site-header .header-inner{min-height:108px}.site-header .menu-toggle{display:block}.site-header .nav{display:none;position:absolute;top:108px;left:0;right:0;background:var(--ink);padding:24px 5%;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column}.site-header .nav.open{display:flex}.site-header .brand{gap:14px}.site-header .brand strong{font-size:2.1rem}.site-header .brand small{font-size:.95rem}.site-header .brand img{width:76px;height:88px}}
@media(max-width:420px){.site-header .brand{gap:10px}.site-header .brand strong{font-size:1.8rem}.site-header .brand small{font-size:.85rem}.site-header .brand img{width:62px;height:80px}.site-header .header-inner{gap:10px}}

/* Fit the opening scene to the available screen below the header. */
:root{--header-height:125px}
.hero{height:calc(100vh - var(--header-height));height:calc(100svh - var(--header-height));min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center}
.hero-content{padding:clamp(16px,4svh,40px) 0;align-self:center}
.hero .eyebrow{margin-bottom:clamp(12px,2svh,20px)}
.hero h1{font-size:clamp(2rem,8svh,6rem);line-height:1.05;margin-bottom:clamp(14px,2.4svh,24px)}
.hero p:not(.eyebrow){margin-bottom:clamp(16px,3svh,28px);line-height:1.6}
.hero-bottom{position:relative;z-index:1;padding:12px 0;width:100%}
html{scroll-padding-top:calc(var(--header-height) + 16px)}
@media(max-width:900px){:root{--header-height:109px}}
@media(max-height:540px){.hero h1{font-size:2rem}.hero-content{padding:12px 0}.hero p:not(.eyebrow){margin-bottom:14px;max-width:620px}.hero .eyebrow{margin-bottom:10px}.hero .btn{padding:10px 20px}}
@media(max-height:420px){.hero{height:auto;min-height:calc(100svh - var(--header-height))}}
/* Keep the header steady while page content gently fades. */
main{animation:page-enter 260ms ease-out both;transition:opacity 150ms ease,transform 150ms ease}
body.page-leaving main{animation:none;opacity:0;transform:translateY(-5px)}
@keyframes page-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){main{animation:none;transition:none}body.page-leaving main{opacity:1;transform:none}}

/* Full-screen presentation flow */
body.snap-home{overflow:hidden}.snap-home .screen-flow{height:calc(100vh - var(--header-height));height:calc(100svh - var(--header-height));overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding:0;overscroll-behavior-y:contain;animation:none;scrollbar-width:none}.screen-flow::-webkit-scrollbar{display:none}
.snap-home .snap-screen{height:100%;min-height:0;position:relative;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always;padding:0;overflow:hidden}
.snap-home .screen-content{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:auto;display:flex;align-items:safe center;padding:clamp(20px,4svh,48px) 0 12px;scrollbar-width:thin}
.snap-home .screen-content>.container{flex-shrink:0}.snap-home .hero-content{padding:0}.snap-home .hero h1{font-size:clamp(2rem,7.5svh,5.75rem)}
.screen-arrow{z-index:2;flex:0 0 60px;align-self:center;width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);opacity:.7;transition:opacity .2s,transform .2s;font-size:.75rem;line-height:1.2}.screen-arrow span{margin-top:2px}.screen-arrow:hover,.screen-arrow:focus-visible{opacity:1;transform:translateY(3px)}.light .screen-arrow{color:#776238}
.snap-home .section-heading{margin-bottom:clamp(20px,4svh,40px)}.snap-home h2{font-size:clamp(2rem,5.5svh,3.7rem)}.snap-home .service{padding-top:24px;padding-bottom:20px}.snap-home .service p{margin-bottom:0}.snap-home .number{margin-bottom:16px}.snap-home .project-card img{height:clamp(130px,27svh,260px)}.snap-home .project-card{padding-bottom:14px}.snap-home .project-meta{padding-top:14px}.snap-home .note{margin-top:18px}.snap-home .about-grid{gap:60px}.snap-home .about-photo{height:clamp(240px,56svh,520px)}.snap-home .about-copy h2{margin-bottom:22px}.snap-home .values{margin:22px 0 0;gap:16px}.contact-screen{background:var(--panel)}.contact-scene{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.contact-scene>img{height:clamp(220px,48svh,450px)}.contact-scene p{max-width:520px}.contact-scene-details{display:grid;gap:12px;margin:24px 0}.contact-scene-details span{color:var(--muted);font-size:.875rem;display:block}.contact-scene-details strong{font-weight:500;font-size:1rem}.scene-copyright{font-size:.75rem;color:var(--muted);margin:24px 0 0}.snap-home .nav a[aria-current]{color:var(--gold);border-color:var(--gold)}
@media(max-width:800px){.snap-home .project-grid{grid-template-columns:1fr}.snap-home .project-card{display:grid;grid-template-columns:40% 1fr;gap:18px;align-items:center}.snap-home .project-card img{height:120px}.snap-home .project-meta{padding:0;flex-wrap:wrap}.snap-home .project-grid{gap:16px}.snap-home .about-grid,.contact-scene{grid-template-columns:1fr;gap:24px}.snap-home .about-photo{height:170px}.year-stamp{padding:14px 20px}.year-stamp strong{font-size:2rem}.contact-scene>img{height:170px}.snap-home .service,.snap-home .service+.service{padding:16px 0}.snap-home .service h3{margin-bottom:10px}.snap-home .service .number{margin-bottom:8px}.snap-home .screen-content{display:block;padding-top:24px}.screen-arrow{flex-basis:56px}.snap-home .hero .screen-content{display:flex}}
@media(prefers-reduced-motion:reduce){.snap-home .screen-flow{scroll-behavior:auto}.screen-arrow{transition:none}}

/* Visible lower navigation, reserved below each topic. */
.snap-home .screen-arrow{flex-basis:76px;width:150px;opacity:.95;color:#d7bd84;transform:none;gap:5px;padding-bottom:10px}
.snap-home .screen-arrow svg{width:40px;height:40px;padding:6px;border:1px solid currentColor;border-radius:50%;background:#191b1a55}
.snap-home .screen-arrow span{font-size:.8rem;letter-spacing:.03em}
.snap-home .light .screen-arrow{color:#80682f}.snap-home .light .screen-arrow svg{background:#fff8}
.snap-home .screen-arrow:hover svg{background:var(--gold);color:var(--ink)}
@media(max-height:650px) and (min-width:801px){.snap-home h2{font-size:2.3rem}.snap-home .section-heading{margin-bottom:20px}.snap-home .about-photo{height:310px}.snap-home .about-copy p{margin-bottom:12px}.snap-home .values{margin-top:14px}.snap-home .project-card img{height:150px}.snap-home .contact-scene-details{grid-template-columns:repeat(3,1fr);gap:14px}.snap-home .contact-scene{gap:40px}.snap-home .contact-scene>img{height:280px}.snap-home .screen-content{padding-top:18px}}

/* Clearer opening headline and supporting text */
.snap-home .hero:before{background:linear-gradient(90deg,rgba(8,12,9,.97) 0%,rgba(8,12,9,.9) 33%,rgba(8,12,9,.6) 58%,rgba(8,12,9,.2) 100%)}
.snap-home .hero .eyebrow{color:#efd495;font-size:1rem;font-weight:800;letter-spacing:.15em;text-shadow:0 2px 8px #000}
.snap-home .hero h1{color:#fff;font-size:clamp(2.5rem,8svh,6.2rem);font-weight:700;letter-spacing:-.015em;text-shadow:0 3px 16px #0008}
.snap-home .hero h1 em{color:#f1d18a}
.snap-home .hero p:not(.eyebrow){color:#fff;font-size:1.2rem;font-weight:500;line-height:1.55;max-width:550px;text-shadow:0 2px 8px #000}
.snap-home .hero .btn{font-size:.95rem;font-weight:700}.snap-home .hero .btn.outline{background:#111b;border-color:#fff9;color:#fff}
@media(max-width:800px){.snap-home .hero:before{background:linear-gradient(90deg,#080c09f2,#080c09bb 65%,#080c0980)}.snap-home .hero p:not(.eyebrow){font-size:1.1rem}.snap-home .hero .eyebrow{font-size:.9rem}}
@media(max-height:540px){.snap-home .hero h1{font-size:2.25rem}.snap-home .hero p:not(.eyebrow){font-size:1rem}}

/* Left-aligned cover copy and larger yellow navigation */
.snap-home .hero .hero-content{width:92%;max-width:none;margin-left:4%;margin-right:4%;text-align:left;align-self:center}
.snap-home .hero .hero-content h1,.snap-home .hero .hero-content p{margin-left:0;margin-right:0;text-align:left}
.snap-home .hero .actions{justify-content:flex-start}
.site-header .nav{font-size:1.05rem;font-weight:600}
.site-header .nav a:not(.btn){color:#f1cc58}
.site-header .nav a:not(.btn):hover,.site-header .nav a[aria-current]{color:#ffe599;border-bottom-color:#f1cc58}
@media(max-width:1050px){.site-header .menu-toggle{display:block;color:#f1cc58;font-size:1rem}.site-header .nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--ink);padding:24px 5%;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:18px}.site-header .nav.open{display:flex}}
@media(max-width:800px){.snap-home .hero .hero-content{width:90%;margin-left:5%;margin-right:5%}.site-header .nav{font-size:1.1rem}}

/* Align branding and section copy close to the left edge. */
:root{--page-edge:24px}
.site-header .header-inner{width:calc(100% - 2 * var(--page-edge));max-width:none;margin-left:var(--page-edge);margin-right:var(--page-edge)}
.snap-home .screen-content>.container{width:calc(100% - 2 * var(--page-edge));max-width:none;margin-left:var(--page-edge);margin-right:var(--page-edge);text-align:left}
.snap-home .hero .hero-content{width:calc(100% - 2 * var(--page-edge));max-width:none;margin-left:var(--page-edge);margin-right:var(--page-edge);text-align:left}
.snap-home .screen-content h1,.snap-home .screen-content h2,.snap-home .screen-content h3,.snap-home .screen-content p{text-align:left}
.snap-home .section-heading{align-items:flex-start;flex-direction:column;gap:18px}.snap-home .section-heading>p{max-width:650px}
.snap-home .about-copy{order:-1;max-width:640px}.snap-home .about-grid{grid-template-columns:1fr 1fr}.snap-home .about-photo{width:100%;max-width:700px;justify-self:end}
@media(max-width:800px){:root{--page-edge:16px}.snap-home .about-grid{grid-template-columns:1fr}.snap-home .about-photo{max-width:none}.snap-home .hero .hero-content{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.snap-home .section-heading{gap:12px}}

/* Light header reveals the original black Özaras lettering. */
.site-header{background:#d8dee5;border-bottom:1px solid #b3bcc6;backdrop-filter:none}
.site-header .brand strong{color:#191d24}.site-header .brand small{color:#785f1f}
.site-header .nav{background:#232a33;padding:10px 20px;border-radius:4px}
.site-header .menu-toggle{color:#f1cc58;background:#232a33;border-color:#232a33}
@media(max-width:1050px){.site-header .nav{padding:24px 5%;border-radius:0;background:#232a33}}

/* Anchor cover content to the left independently of flex centering. */
body.snap-home #giris .screen-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:safe center;padding:24px;}
body.snap-home #giris .screen-content>.hero-content{flex:0 0 auto;align-self:flex-start;width:100%;max-width:760px;margin:0;padding:0;text-align:left;}
body.snap-home #giris .hero-content h1,body.snap-home #giris .hero-content p{margin-left:0;text-align:left;}
body.snap-home #giris .hero-content .actions{justify-content:flex-start;}
@media(max-width:800px){body.snap-home #giris .screen-content{padding:20px 16px;}}

/* Visible cover copy in normal flow, aligned to the left. */
body.snap-home #giris{background-image:url('../assets/hero-residence-v2.webp');background-position:center;background-size:cover}
body.snap-home #giris .screen-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2;padding:24px;min-height:0;flex:1 1 auto;}
body.snap-home #giris .screen-content>.hero-content{position:relative;inset:auto;transform:none;flex:none;align-self:flex-start;width:100%;max-width:620px;margin:0!important;padding:0;text-align:left!important;opacity:1;visibility:visible;animation:none;}
body.snap-home #giris h1{color:#fff;text-align:left!important;margin-left:0!important}
body.snap-home #giris p{color:#fff;text-align:left!important;margin-left:0!important}
body.snap-home #giris h1 em{color:#f1d18a}
body.snap-home #giris:before{z-index:0;background:linear-gradient(90deg,#08111bdb 0%,#08111b8c 34%,#08111b26 65%,transparent 100%)}
@media(max-width:800px){body.snap-home #giris .screen-content{padding:20px 16px}body.snap-home #giris:before{background:linear-gradient(90deg,#08111be6,#08111b80)}}
@media(max-height:540px){body.snap-home #giris .screen-content{justify-content:flex-start;padding:16px 24px}}

/* Stretch the cover wrapper so the text block starts at the viewport left. */
body.snap-home #giris{align-items:stretch}
body.snap-home #giris .screen-content{width:100%;align-self:stretch;box-sizing:border-box}

/* Five independent backgrounds; foreground copy stays fixed. */
body.snap-home #giris .hero-slideshow{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
body.snap-home #giris .hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:translateX(3%);transition:opacity 450ms ease,transform 450ms ease;will-change:opacity,transform}
body.snap-home #giris .hero-slide.is-active{opacity:1;transform:translateX(0)}
body.snap-home #giris:before{z-index:1;pointer-events:none}
body.snap-home #giris .screen-arrow{z-index:3}
.slideshow-toggle{position:absolute;right:24px;bottom:24px;z-index:4;border:1px solid #ffffff70;background:#08111b99;color:#fff;padding:8px 12px;border-radius:4px;font:inherit;font-size:14px;cursor:pointer}
.slideshow-toggle:focus-visible{outline:3px solid #f1d18a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body.snap-home #giris .hero-slide{transition:none;transform:none}}

/* Architectural depth and a stronger typographic hierarchy. */
body.snap-home #hakkimizda,body.snap-home #hizmetler{color:#fff;background-color:#101a26}
body.snap-home #hakkimizda{background:linear-gradient(90deg,#0d1724fa 0%,#0d1724eb 48%,#0d1724a3 100%),url('../assets/hero-slide-3.webp') center/cover}
body.snap-home #hizmetler{background:linear-gradient(110deg,#0c1727f5,#10243ae6),url('../assets/hero-slide-4.webp') center/cover}
body.snap-home :is(#hakkimizda,#hizmetler) h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(2rem,5.8svh,3.65rem);font-weight:800;line-height:1.15;letter-spacing:-.04em;color:#fff}
body.snap-home :is(#hakkimizda,#hizmetler) .eyebrow{color:#f1d18a;font-size:1rem;font-weight:800;letter-spacing:.13em;margin-bottom:16px}
body.snap-home :is(#hakkimizda,#hizmetler) p:not(.eyebrow){color:#e1e8f0;font-size:1.1rem;line-height:1.65}
body.snap-home #hakkimizda .about-grid{grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
body.snap-home #hakkimizda .about-copy{max-width:680px}
body.snap-home #hakkimizda .about-photo{height:clamp(260px,52svh,500px);border:1px solid #ffffff38;border-radius:8px;overflow:hidden;box-shadow:0 24px 60px #0005}
body.snap-home #hakkimizda .year-stamp{background:#e0bd78;padding:20px 28px;font-family:Manrope,Arial,sans-serif;font-weight:600}
body.snap-home #hakkimizda .year-stamp strong{font-family:Manrope,Arial,sans-serif;font-size:2.8rem;font-weight:800}
body.snap-home #hakkimizda .values{gap:12px;margin-top:24px;color:#fff}
body.snap-home #hakkimizda .values span{border:1px solid #ffffff28;border-left:3px solid #e0bd78;background:#ffffff08;padding:12px 16px;font-size:1rem;font-weight:600}
body.snap-home #hizmetler .section-heading{flex-direction:row;align-items:end;gap:40px;margin-bottom:clamp(24px,4svh,42px)}
body.snap-home #hizmetler .section-heading>p{max-width:400px;margin:0;border-left:2px solid #e0bd78;padding-left:22px}
body.snap-home #hizmetler .services{border:0;gap:22px}
body.snap-home #hizmetler .service,body.snap-home #hizmetler .service+.service{position:relative;border:1px solid #ffffff26;border-top:3px solid #e0bd78;border-radius:6px;background:linear-gradient(145deg,#26374ddd,#172536f0);padding:clamp(22px,3svh,36px);box-shadow:0 12px 32px #0002}
body.snap-home #hizmetler .number{font-family:Manrope,Arial,sans-serif;color:#f1d18a;font-size:.95rem;font-weight:800;letter-spacing:.07em;margin-bottom:24px}
body.snap-home #hizmetler h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:800;line-height:1.3;color:#fff;margin-bottom:18px}
body.snap-home :is(#hakkimizda,#hizmetler) .screen-arrow{color:#f1d18a}
body.snap-home :is(#hakkimizda,#hizmetler) .screen-arrow svg{background:#0b152780}
@media(max-width:800px){
 body.snap-home #hakkimizda .about-grid{grid-template-columns:1fr;gap:24px}
 body.snap-home #hakkimizda .about-photo{height:220px}
 body.snap-home #hizmetler .section-heading{flex-direction:column;align-items:flex-start;gap:20px}
 body.snap-home #hizmetler .services{grid-template-columns:1fr;gap:14px}
 body.snap-home #hizmetler .service,body.snap-home #hizmetler .service+.service{padding:22px}
 body.snap-home #hizmetler .number{margin-bottom:12px}
 body.snap-home :is(#hakkimizda,#hizmetler) h2{font-size:clamp(2rem,8vw,3rem)}
}
@media(max-height:650px) and (min-width:801px){
 body.snap-home :is(#hakkimizda,#hizmetler) h2{font-size:2.3rem}
 body.snap-home :is(#hakkimizda,#hizmetler) p:not(.eyebrow){font-size:1rem;line-height:1.5}
 body.snap-home #hakkimizda .about-photo{height:300px}
 body.snap-home #hakkimizda .values span{padding:10px 12px}
 body.snap-home #hizmetler .number{margin-bottom:16px}
}

.project-details-link{color:#f1d18a;border-color:#c1a467;background:#c1a46714;font-weight:700;font-size:.9rem;padding:7px 14px;transition:background .2s,color .2s}
.project-details-link:hover,.project-details-link:focus-visible{background:#e0bd78;color:#101a26}
.project-detail-page{background:#101a26;padding:48px 0 64px}
.project-intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:800;margin:16px 0 24px}
.project-back{display:inline-block;border-bottom:1px solid #e0bd78;padding-bottom:5px;margin-bottom:32px;color:#e0bd78}
.project-description{max-width:760px;font-size:1.2rem;color:#e1e8f0}
.project-render-section{margin-top:48px}
.project-render-section h2{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:2rem}
.render-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.render-gallery figure{margin:0;border:1px solid #ffffff28;background:#172536;overflow:hidden;border-radius:6px}
.render-gallery img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.render-gallery figcaption{padding:16px 20px;color:#e1e8f0;font-size:1rem}
@media(max-width:800px){.render-gallery{grid-template-columns:1fr}.project-detail-page{padding-top:28px}.project-render-section{margin-top:32px}}

.instagram-link{gap:10px}.instagram-link svg{flex:none}


.site-header .nav .social-nav{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;padding:0;flex-shrink:0;color:#f1d18a}
.social-nav svg{width:22px;height:22px}
.social-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-header .nav .social-nav:hover{background:#e0bd78;color:#172536;border-color:#e0bd78}
.social-footer{display:inline-flex;align-items:center;gap:12px;color:#f1d18a!important;border:1px solid #ffffff30;padding:10px 16px;border-radius:4px;margin:12px 0;font-weight:600;line-height:1.4}
.social-footer svg{width:24px;height:24px;flex:none}
.social-footer small{display:block;color:#e1e8f0;font-size:14px;font-weight:400}
.social-footer:hover{border-color:#e0bd78;background:#ffffff0a}
@media(max-width:1050px){.site-header .nav .social-nav{width:auto;align-self:flex-start;border-radius:4px;padding:8px 14px;gap:10px}.social-nav-label{position:static;width:auto;height:auto;clip-path:none}}

.contact-actions{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin:12px 0}
.contact-actions .btn,.contact-actions .social-footer{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:190px;padding:12px 22px;margin:0;border-radius:4px;font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.4;border-width:1px}
.contact-actions .social-footer svg{width:21px;height:21px}
.contact-actions .social-footer span{font-size:inherit;color:inherit}
@media(max-width:420px){.contact-actions .btn,.contact-actions .social-footer{flex:1 1 100%;min-width:0}}

.office-map{width:100%;overflow:hidden;border:1px solid #ffffff30;border-radius:6px;background:#172536}
.office-map iframe{display:block;width:100%;height:clamp(240px,44svh,420px);border:0;background:#e1e8f0}
.map-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;color:#fff;font-size:14px;line-height:1.4}
.map-caption a{color:#f1d18a;border-bottom:1px solid #f1d18a;white-space:nowrap}
.map-directions{margin-top:20px}
@media(max-width:800px){.map-caption{flex-wrap:wrap}.office-map iframe{height:250px}}

/* Equal emphasis for both lines of the header brand. */
.site-header .brand strong,.site-header .brand small{font-family:Manrope,Arial,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:.035em;line-height:1.15;color:#191d24}
.site-header .brand small{margin-top:4px}
@media(max-width:1100px){.site-header .brand strong,.site-header .brand small{font-size:2.15rem}}
@media(max-width:900px){.site-header .brand strong,.site-header .brand small{font-size:2.1rem}}
@media(max-width:420px){.site-header .brand strong,.site-header .brand small{font-size:1.8rem}}

.site-header .brand small{color:#e6b923;text-shadow:0 1px 1px #84660c55}

.contact-scene-details>div>span,.contact-item>span{color:#e6b923;font-weight:700}

.whatsapp-float{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:90;display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:12px 18px;border-radius:30px;background:#167c42;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:700;box-shadow:0 5px 22px #0003;text-decoration:none}.whatsapp-float:hover{background:#106334}.whatsapp-float:focus-visible{outline:3px solid #e6b923;outline-offset:4px}@media(max-width:600px){.whatsapp-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:11px 14px;font-size:12px}}

/* Compact floating contact control keeps project labels readable. */
.whatsapp-float{width:50px;height:50px;min-height:50px;padding:0;justify-content:center;border-radius:50%;right:18px;bottom:calc(18px + env(safe-area-inset-bottom))}.whatsapp-float svg{width:27px;height:27px}.whatsapp-contact{background:#167c42;color:#fff;border-color:#167c42}.whatsapp-contact:hover{background:#106334;border-color:#106334}@media(max-width:600px){.whatsapp-float{width:46px;height:46px;min-height:46px;padding:0;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.whatsapp-float svg{width:25px;height:25px}}

/* Keep the contact actions on one compact line, with social links together. */
.contact-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;width:100%}.contact-actions .btn,.contact-actions .social-footer{flex:1 1 0;min-width:0;min-height:42px;padding:9px 7px;font-size:clamp(10px,1vw,12px);gap:5px;white-space:nowrap;line-height:1.3}.contact-actions .social-footer svg{width:17px;height:17px;flex-shrink:0}@media(max-width:600px){.contact-actions{gap:5px}.contact-actions .btn,.contact-actions .social-footer{flex:1 1 0;min-width:0;padding:9px 4px;font-size:clamp(8px,2.35vw,11px);min-height:42px;gap:3px}.contact-actions .social-footer svg{width:14px;height:14px}}

/* One exact viewport per section, with no nested scrolling. */
body.snap-home{height:100dvh;overflow:hidden}
body.snap-home .screen-flow{height:calc(100dvh - var(--header-height));overflow-x:hidden;overflow-y:auto;overflow-anchor:none}
body.snap-home .snap-screen{height:100%;min-height:100%;max-height:100%;flex-shrink:0}
body.snap-home .screen-content,body.snap-home #giris .screen-content{overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px var(--page-edge);min-width:0}
body.snap-home .screen-content>.container{margin:0;width:100%;min-width:0;flex:none}
body.snap-home #giris .screen-content{align-items:flex-start}
body.snap-home .screen-arrow{flex:0 0 68px;padding-bottom:8px}
body.snap-home .slideshow-toggle{left:var(--page-edge);right:auto;bottom:20px;font-size:12px;padding:7px 11px}
body.snap-home .office-map iframe{height:clamp(180px,38dvh,360px)}

/* Retain the compact header while preserving the previous page design. */
.site-header .header-inner{min-height:96px}
.site-header .brand{gap:12px}
.site-header .brand img{width:66px;height:76px}
.site-header .brand strong,.site-header .brand small{font-size:1.75rem;line-height:1.12}
.site-header .brand small{margin-top:4px}
.site-header .nav{font-size:.9rem;gap:24px;padding:8px 18px}
@media(max-width:1050px){.site-header .nav{top:var(--header-height);gap:15px;padding:20px 5%}}
@media(max-width:800px){.site-header .header-inner{min-height:82px}.site-header .brand img{width:52px;height:64px}.site-header .brand strong,.site-header .brand small{font-size:1.35rem}}

/* Project information lives on dedicated pages; the main presentation stays compact. */
.project-showcase{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.project-showcase h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(2.5rem,5vw,4.7rem);font-weight:800;line-height:1.1;margin:12px 0 22px}
.project-showcase .eyebrow{margin-top:22px;margin-bottom:8px}
.concept-badge{display:table;color:#f1d18a;border:1px solid #e0bd7855;padding:5px 12px;border-radius:30px;font-size:.75rem}
.project-showcase-photo{margin:0;position:relative;overflow:hidden;border-radius:10px;border:1px solid #ffffff28}
.project-showcase-photo img{height:clamp(280px,55vh,560px)}
.project-showcase-photo figcaption{position:absolute;bottom:14px;left:14px;font-size:.75rem;background:#101a26d9;padding:5px 10px;border-radius:4px}
.project-contact-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}
.concept-note{font-size:.8rem;color:#b9c3ce;line-height:1.6;margin-top:20px}
.project-info-section{display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;margin-top:64px;padding-top:40px;border-top:1px solid #ffffff24}
.project-info-section h2,.related-section h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700}
.project-info-section p{color:#b9c3ce;max-width:550px}.project-info-section>.concept-note{grid-column:1/-1;margin:0}
.project-facts{margin:0}.project-facts>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff24;padding:14px 0}.project-facts dt{color:#b9c3ce;font-size:.9rem}.project-facts dd{margin:0;font-weight:600;font-size:.9rem}
.gallery-hint{font-size:.9rem;color:#b9c3ce}.gallery-open{display:block;width:100%;position:relative;padding:0;border:0;background:transparent;cursor:zoom-in}.gallery-open span{position:absolute;bottom:14px;right:14px;color:#fff;background:#101a26d9;padding:7px 12px;border-radius:4px;font-size:.8rem}
.gallery-dialog{width:min(1100px,94vw);max-height:92dvh;padding:42px 16px 12px;border:1px solid #ffffff35;border-radius:8px;background:#101a26;color:white}.gallery-dialog::backdrop{background:#000d}.gallery-dialog img{width:100%;height:auto;max-height:73dvh;object-fit:contain}.gallery-dialog p{margin:10px 0 0;font-size:.8rem}.gallery-close{position:absolute;top:8px;right:12px;background:transparent;color:white;border:0;cursor:pointer}
.related-section{margin-top:60px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.related-project{display:grid;gap:6px;padding:22px;border:1px solid #ffffff28;border-radius:6px;background:#172536}.related-project strong{font-size:1.25rem}.related-project span{font-size:.8rem;color:#f1d18a}.related-project:hover{border-color:#e0bd78}
.project-section-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.project-section-bottom .note{margin:0}.project-section-bottom .text-link{font-size:.8rem;white-space:nowrap}
.service-more{display:inline-block;margin-top:20px}.contact-phone{font-size:1.1rem;font-weight:600}.footer-phone{display:block;margin-top:14px}.process-section{background:#172536}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.process-grid article{border-top:1px solid #e0bd78;padding-top:20px}.process-grid article>span{color:#e0bd78}.process-grid h3{margin-top:12px}.process-grid p{font-size:.95rem;color:#b9c3ce}
@media(max-width:800px){.project-showcase,.project-info-section{grid-template-columns:1fr;gap:24px}.project-showcase-photo img{height:280px}.project-info-section{margin-top:36px;padding-top:28px}.project-description{font-size:1rem}.project-contact-actions{gap:16px}.related-grid,.process-grid{grid-template-columns:1fr}.project-facts>div{gap:12px}.project-section-bottom{flex-wrap:wrap;gap:8px}.project-section-bottom .note{font-size:.7rem}.project-section-bottom .text-link{font-size:.75rem}.render-gallery figcaption{padding:12px;font-size:.85rem}}

/* Short vision and mission statements in the about section. */
.vision-mission{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.vision-mission article{border:1px solid #ffffff28;border-top:3px solid #e0bd78;background:#ffffff06;border-radius:6px;padding:18px}
.vision-mission h3{font-family:Manrope,Arial,sans-serif;font-size:1rem;font-weight:800;color:#f1d18a;margin:0 0 10px}
body.snap-home #hakkimizda .vision-mission p,.vision-mission p{font-size:.9rem;line-height:1.55;color:#e1e8f0;margin:0}
.mission-section{background:#101a26;padding-top:50px;padding-bottom:50px}.mission-section .vision-mission{margin-top:0}
@media(max-width:800px){.vision-mission{grid-template-columns:1fr;gap:10px;margin-top:16px}.vision-mission article{padding:12px 15px}.vision-mission h3{font-size:.95rem;margin-bottom:6px}body.snap-home #hakkimizda .vision-mission p{font-size:.85rem;line-height:1.45}}

/* Project status groups */
.status-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-photo{position:relative}.project-status{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:3px;font-size:.75rem;font-weight:600;background:#101a26ed;color:#f1d18a;border:1px solid #e0bd7866}.project-status.completed{color:#b7e5cc;border-color:#7eb69788}.project-status-filters .filter{display:inline-flex;align-items:center;gap:18px}.project-status-filters .filter span{font-size:.7rem;opacity:.7}.project-status-count{color:var(--muted);font-size:.75rem;margin:12px 0 0}.snap-home .project-status-filters{margin-bottom:20px}.snap-home .status-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snap-home .status-project-grid .project-card img{height:clamp(120px,24svh,250px)}
@media(max-width:800px){.status-project-grid,.snap-home .status-project-grid{grid-template-columns:1fr}.project-status-filters{gap:8px}.project-status-filters .filter{padding:9px 12px;font-size:.8rem;gap:10px}.snap-home .status-project-grid .project-card img{height:120px}.snap-home .project-status{font-size:.6rem;padding:4px 6px;top:7px;left:7px}.snap-home .project-status-filters{margin-bottom:16px}}

/* Project listing layout */
.snap-home .status-project-grid,.status-project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
@media(max-width:800px){.snap-home .status-project-grid,.status-project-grid{grid-template-columns:1fr}.snap-home .status-project-grid .project-card img{height:100px}.snap-home .status-project-grid{gap:10px}.snap-home #projeler .section-heading{margin-bottom:14px}.snap-home #projeler h2{font-size:2rem}}

/* Clear project cover with a separate information panel. */
.project-showcase-photo .cadde-cover-caption{position:static;padding:24px;background:#152435;border-radius:0;color:#fff;font-size:.9rem;border-top:1px solid #d2b77555}
.cadde-cover-caption strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:.06em;color:#f1d18a;margin-bottom:8px}
.cadde-cover-caption .cadde-location{margin:0;color:#d5dfe9;font-size:.9rem;line-height:1.5}
.cadde-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;padding:18px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;gap:12px}
.cadde-stats>div{display:flex;flex-direction:column;gap:4px}.cadde-stats>div+div{border-left:1px solid #ffffff20;padding-left:18px}.cadde-stats b{font-family:Manrope,Arial,sans-serif;font-size:2rem;color:#f1d18a;line-height:1.2}.cadde-stats span{font-size:.8rem;color:#c4cfda}
.cadde-cover-caption .cadde-commercial{margin:0;color:#f1d18a;font-size:.8rem;font-weight:600;letter-spacing:.06em}
.project-showcase-photo:has(.cadde-cover-caption) img{height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover}
@media(max-width:800px){.project-showcase-photo .cadde-cover-caption{padding:20px 16px}.cadde-stats b{font-size:1.7rem}.cadde-stats>div+div{padding-left:12px}.cadde-location{font-size:.8rem}.project-facts dd{max-width:60%;text-align:right}}

.hero-project-label{position:absolute;right:6%;bottom:104px;z-index:4;display:flex;align-items:center;gap:14px;max-width:70%;padding:12px 18px;background:#0b1725b8;border:1px solid #e0bd7855;border-left:3px solid #e0bd78;backdrop-filter:blur(8px);border-radius:4px}.hero-project-name{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.1rem,2.2vw,1.8rem);font-weight:700;color:#fff}.hero-project-state{font-size:.7rem;padding:4px 8px;background:#e0bd781a;color:#f1d18a;border:1px solid #e0bd7855;border-radius:3px;white-space:nowrap}.hero-project-label:hover{border-color:#e0bd78}@media(max-width:800px){.hero-project-label{right:5%;bottom:90px;max-width:90%;gap:10px;padding:9px 12px}.hero-project-name{font-size:1rem}.hero-project-state{font-size:.65rem}}

/* Photographic service cards, designed for Park Yapı. */
.service-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-visual-card{display:block;min-width:0;background:#172637;border:1px solid #ffffff1c;border-radius:6px;overflow:hidden;transition:border-color .25s,transform .25s}.service-visual-photo{position:relative;overflow:hidden}.service-visual-photo img{height:220px;width:100%;object-fit:cover;transition:transform .5s}.service-visual-number{position:absolute;top:14px;left:14px;font-size:.75rem;letter-spacing:.1em;color:#f1d18a;background:#101a26e6;padding:5px 10px;border:1px solid #e0bd7860;border-radius:3px}.service-visual-copy{padding:22px 24px}.service-visual-copy h3,.service-visual-copy h2{font-family:Manrope,Arial,sans-serif;font-size:1.25rem;line-height:1.35;font-weight:700;letter-spacing:-.015em;margin:0 0 12px;color:#fff}.service-visual-copy p{font-size:.9rem;line-height:1.65;color:#b9c8d8;margin:0 0 18px}.service-visual-link{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e0bd7840;color:#f1d18a;font-size:.8rem;font-weight:600}.service-visual-card:hover,.service-visual-card:focus-visible{border-color:#e0bd78}.service-visual-card:hover img{transform:scale(1.035)}.service-visual-card:hover .service-visual-link{color:#fff}.snap-home .service-visual-photo img{height:clamp(110px,22svh,220px)}.snap-home .service-visual-copy{padding:18px 20px}.snap-home .service-visual-copy p{margin-bottom:12px}.snap-home #hizmetler h2{font-size:clamp(2rem,4.8svh,3.3rem)}.service-catalog{background:#101a26}.service-catalog-heading{margin-bottom:36px}.service-catalog-heading>p:last-child{color:#b9c8d8;max-width:650px}.service-expanded{scroll-margin-top:115px;display:flex;flex-direction:column}.service-expanded .service-visual-copy{flex:1;display:flex;flex-direction:column}.service-expanded .service-visual-link{margin-top:auto}.service-expanded .service-visual-photo img{height:230px}
@media(max-width:1000px){.service-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-visual-copy{padding:18px}.service-visual-copy h3{font-size:1.05rem}}
@media(max-width:800px){.service-visual-grid{grid-template-columns:1fr;gap:14px}.snap-home .service-visual-card{display:grid;grid-template-columns:32% 1fr}.snap-home .service-visual-photo img{height:100%;min-height:115px}.snap-home .service-visual-number{top:8px;left:8px;padding:3px 6px;font-size:.6rem}.snap-home .service-visual-copy{padding:12px 14px}.snap-home .service-visual-copy h3{font-size:.95rem;margin-bottom:5px}.snap-home .service-visual-copy p{font-size:.75rem;line-height:1.4;margin-bottom:6px}.snap-home .service-visual-link{padding-top:6px;font-size:.7rem}.snap-home #hizmetler .section-heading{margin-bottom:18px}.snap-home #hizmetler .section-heading>.muted{margin-top:12px;font-size:.8rem}.snap-home #hizmetler h2{font-size:1.8rem}.snap-home #hizmetler .eyebrow{margin-bottom:10px}.snap-home #hizmetler .service-more{margin-top:12px;font-size:.75rem}.service-catalog-grid{gap:24px}.service-expanded .service-visual-photo img{height:220px}}

/* Navigation dropdowns and service catalogue. */
.nav-group{position:relative}.nav-group-heading{display:flex;align-items:center;gap:5px}.submenu-toggle{border:0;background:transparent;color:inherit;cursor:pointer;padding:8px;line-height:1;font-size:1rem}.submenu-toggle[aria-expanded=true]{color:#9c742f}.nav-submenu{display:none;position:absolute;top:100%;left:0;width:290px;padding:10px;background:#122132;border:1px solid #d5b87766;border-top:2px solid #d5b877;box-shadow:0 14px 30px #0005;border-radius:0 0 5px 5px;z-index:30}.nav .nav-submenu a{display:block;padding:11px 12px!important;border-bottom:1px solid #ffffff14!important;color:#dbe4ed;font-size:.8rem;line-height:1.45}.nav .nav-submenu a:last-child{border-bottom:0!important}.nav .nav-submenu a:hover,.nav .nav-submenu a:focus-visible{background:#e0bd7815;color:#f1d18a}.nav-group.submenu-open>.nav-submenu,.nav-group:focus-within>.nav-submenu{display:block}
@media(hover:hover) and (min-width:801px){.nav-group:hover>.nav-submenu{display:block}}
.service-jump-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.service-jump-nav a{padding:9px 14px;border:1px solid #e0bd7855;border-radius:3px;font-size:.8rem;color:#f1d18a;transition:background .2s}.service-jump-nav a:hover{background:#e0bd78;color:#101a26}.service-catalog-detailed{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.service-catalog-detailed .service-visual-photo img{height:270px}.service-catalog-detailed .service-visual-copy{padding:28px}.service-catalog-detailed .service-visual-copy h2{font-size:1.5rem}.service-catalog-detailed .service-visual-copy p{font-size:1rem}.service-expanded:target{border-color:#e0bd78;box-shadow:0 0 0 2px #e0bd7825}
@media(max-width:1000px) and (min-width:801px){.nav{gap:12px;font-size:.8rem}.nav-group-heading{gap:0}.submenu-toggle{padding:6px}}
@media(max-width:800px){.nav-group-heading{justify-content:space-between}.nav-group-heading>a{flex:1}.submenu-toggle{padding:12px 16px;border:1px solid #9c742f44;border-radius:3px}.nav-submenu{position:static;width:100%;box-shadow:none;margin:4px 0 10px;padding:4px 8px;border-top:1px solid #d5b87766}.nav-group:focus-within>.nav-submenu{display:none}.nav-group.submenu-open>.nav-submenu{display:block}.service-jump-nav{gap:8px;margin-top:24px}.service-jump-nav a{font-size:.75rem;padding:8px 10px}.service-catalog-detailed{grid-template-columns:1fr;gap:24px}.service-catalog-detailed .service-visual-photo img{height:220px}.service-catalog-detailed .service-visual-copy{padding:22px}.service-catalog-detailed .service-visual-copy h2{font-size:1.3rem}.service-catalog-detailed .service-visual-copy p{font-size:.9rem}}

:where(img[width][height]){height:auto}


.construction-gallery{grid-template-columns:repeat(3,1fr);gap:18px}
.construction-gallery img{aspect-ratio:3/4}
.construction-gallery figcaption{padding:12px 14px;font-size:.9rem}
@media(max-width:800px){.construction-gallery{grid-template-columns:1fr 1fr;gap:12px}.construction-gallery figcaption{padding:10px;font-size:.78rem}}

.stage-title{font-family:Manrope,Arial,sans-serif;font-size:1.25rem;font-weight:700;color:#f4f3ee;margin:34px 0 14px;padding-left:12px;border-left:3px solid #c1a467}
.render-gallery figure.wide{grid-column:1/-1}
.render-gallery figure.wide img{aspect-ratio:1600/988}
.legal-copy h2{font-size:1.45rem;font-weight:600;margin:38px 0 10px}.legal-copy h2:first-child{margin-top:0}.legal-copy a{text-decoration:underline}