/* BAŞATA — shared architectural design system */
:root{--navy:#102a3e;--blue:#2c6488;--ink:#152e40;--muted:#61717c;--line:#dce3e7;--pale:#eef2f4;--paper:#f9faf9}
body{background:var(--paper);font-family:'Segoe UI',Arial,Helvetica,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-weight:400;text-wrap:balance}h1{letter-spacing:-2.8px}h2{letter-spacing:-1.6px}p{max-width:75ch}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600}.eyebrow.blue{color:#3e6e8d}
.site-header{height:98px;padding:0 6%;background:rgba(249,250,249,.96);border-bottom:1px solid #dbe3e8;box-shadow:0 6px 30px #102a3e05}
.site-header .brand{width:206px;padding-right:26px}.site-header #nav{font-family:inherit;font-size:14px;gap:28px}.site-header #nav>.nav-cta{border-radius:2px;padding:12px 22px;font-weight:500;background:#173c56;box-shadow:none}.site-header #nav>.nav-cta:hover{background:#2b5b7c}.site-header .project-submenu{border-top:2px solid #5283a2;border-radius:0 0 4px 4px;padding:10px;background:#fafbfb;box-shadow:0 20px 45px #102a3e1a}
.button{border-radius:2px;padding:16px 26px;font-size:13px;letter-spacing:.2px;font-weight:500;transition:background .2s,box-shadow .2s}.button:hover{box-shadow:0 6px 20px #102a3e14}
.hero{grid-template-columns:43% 57%;min-height:660px;margin:22px 24px 0;overflow:hidden;border-radius:4px;background:var(--navy)}
.hero-copy{padding:66px 11% 30px;background:var(--navy)}.hero h1{font-size:clamp(48px,4.8vw,76px);font-weight:350;line-height:1.1}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-2px;color:#b5cfdf}.hero .lead{font-size:16px;line-height:1.85;color:#c2d0da}.hero-image{min-height:660px;background:#102a3e}.hero-image>img{object-fit:contain;object-position:center;background:#102a3e}.hero-image figcaption{background:#0b2032e8;left:22px;right:22px;bottom:22px;padding:16px 18px;border:1px solid #ffffff24;font-size:10px;letter-spacing:1px;align-items:center;flex-wrap:wrap}.hero-bottom{font-size:10px;letter-spacing:1.2px;color:#afc5d5}
.section{padding:100px 8%}.intro{gap:12%;background:var(--paper)}.intro .large{font-size:25px;line-height:1.55;letter-spacing:-.35px}.intro-text{font-size:16px}.principles{gap:12px;border:0;flex-wrap:wrap}.principles span{border:1px solid #d4dfe6;padding:8px 14px;border-radius:2px;font-size:11px;background:#fff}
.services{background:#eef2f3}.section-head{margin-bottom:44px}.service-grid{gap:24px}.service-grid article,.service-grid article:first-child,.service-grid article:last-child{border:1px solid #dce4e9;background:#fafcfc;padding:32px;border-radius:3px;transition:box-shadow .25s,border-color .25s}.service-grid article:hover{box-shadow:0 12px 35px #102a3e09;border-color:#b6cad8}.service-grid .number{font-family:Georgia,serif;font-size:32px;color:#6e91aa;margin-bottom:35px}.service-grid h3{font-size:27px;font-weight:400;letter-spacing:-.7px}.service-grid p{font-size:14px;line-height:1.9}.service-grid ul{font-size:12px}.service-grid li{padding:9px 0}
.approach{background:#102a3e;gap:10%}.approach-title h2{font-size:clamp(36px,4vw,56px)}.steps li{padding:26px 0;gap:26px}.steps li>span{font-family:Georgia,serif;font-size:24px;color:#9cbdd2}.steps h3{font-size:22px;font-weight:400}.steps p{font-size:14px;line-height:1.85}
.project{background:#fafbfa}.checklist{border:1px solid #dce4e8;padding:12px 28px;border-radius:3px;background:#fff}.checklist>div:last-child{border:0}.checklist h3{font-size:20px}.checklist p{font-size:14px}.checklist span{font-family:Georgia,serif;font-size:21px;color:#7898ad}
.faq{max-width:none;padding-left:18%;padding-right:18%;background:#f1f4f5}.faq details{padding:25px 0}.faq summary{font-size:17px}.faq details p{font-size:15px;line-height:1.85}.faq summary:after{font-weight:300}
.page-intro{position:relative;overflow:hidden;padding:32px 8% 76px;background:#102a3e;isolation:isolate}.page-intro::after{content:'';position:absolute;z-index:-1;right:8%;top:0;bottom:0;width:27%;border-left:1px solid #ffffff0a;border-right:1px solid #ffffff0a;transform:skewX(-18deg);pointer-events:none}.page-intro h1{font-size:clamp(42px,5.2vw,76px);font-weight:350;line-height:1.12}.page-lead{font-size:17px;line-height:1.9}.breadcrumbs{font-size:11px;margin-bottom:54px}.page-next{background:#eaf0f3;padding:65px 8%;border-top:1px solid #d7e2e9}.page-next h2{font-size:32px}.page-contact{background:#edf2f4}.contact-details{padding:32px;background:#fff;border:1px solid #d8e2e8;border-radius:3px}.contact-details a{font-size:clamp(15px,1.65vw,22px);padding-bottom:3px}
.portfolio-hero{margin:22px 24px 0;border-radius:4px;overflow:hidden;background:#102a3e}.portfolio-copy{padding-bottom:45px}.portfolio-copy h1{font-weight:350}.portfolio-cover figcaption{font-size:10px}.collection-nav{margin:0 24px;padding:22px 6%;background:#edf2f5;border:0;gap:16px}.collection-nav>a,.collection-nav>a:first-child,.collection-nav>a:last-child{border-radius:3px;padding:25px 20px;box-shadow:none}.collection-nav strong{font-weight:500}.collection-nav small{font-size:12px}.collection-heading{padding-bottom:30px;margin-bottom:35px}.collection{padding-top:80px;padding-bottom:80px}.collection-heading h2{font-weight:350}.photo-grid{gap:30px}.photo-open{border-radius:3px;border:0;box-shadow:0 4px 18px #102a3e07;background:#eaf0f3}.photo-card figcaption{padding-top:15px;font-size:12px}.zoom-label{border-radius:2px;font-size:10px}.collection-more{padding:14px 24px;background:#fff;border-color:#bdcdd8}.portfolio-end{padding:90px 8%;background:#102a3e}.portfolio-end h2{font-weight:350}
.ongoing-section{padding-top:65px;background:#f5f7f7}.ongoing-heading h2{font-weight:350;font-size:clamp(30px,3.5vw,48px)}.ongoing-grid{gap:26px;align-items:start}.ongoing-card{border:1px solid #dce4e9;border-top:1px solid #dce4e9;border-radius:4px;background:#fff;box-shadow:0 8px 30px #102a3e06;padding:26px}.project-gallery{margin:-26px -26px 25px}.ongoing-card h3{font-size:24px;font-weight:400;letter-spacing:-.6px;min-height:92px}.ongoing-card .project-number{font-family:inherit;font-size:11px;letter-spacing:2px;color:#68859b;margin-bottom:13px}.ongoing-card .eyebrow{font-size:9px;letter-spacing:1.5px}.project-scope{font-size:11px}.ongoing-thumbnails{gap:7px;padding:9px;background:#f2f5f6}.ongoing-photo img{transition:filter .25s}.populated .ongoing-photo span{background:#102a3edb;padding:6px 9px;font-size:10px}.project-photo-placeholder{background:#eaf0f3;color:#728a9a}.ongoing-category+.ongoing-category{margin-top:80px;padding-top:70px}
footer{background:#0b2030;padding:65px 8% 28px}.footer-top{padding-bottom:50px}.footer-brand{font-size:32px;letter-spacing:4px}.footer-top p{font-family:Georgia,serif;font-size:26px;font-weight:400;color:#b7cfdf}.footer-top>a:last-child{font-size:12px}.footer-bottom{font-size:11px;color:#a2b7c7}.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0 40px;border-top:1px solid #ffffff1a}.footer-contact>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-contact span{font-size:9px;letter-spacing:2px;color:#a5bfd0;margin-bottom:8px}.footer-contact a,.footer-contact address{font-size:13px;font-style:normal;color:#d0dce5;overflow-wrap:anywhere}.footer-contact a:hover{color:white}
.home-projects{padding:85px 8%;background:#fff}.home-projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.home-projects-heading h2{margin:0}.home-projects-heading>a{font-size:12px;border-bottom:1px solid #7896aa;padding-bottom:5px}.home-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.home-project-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;background:#eaf0f4;border-radius:3px}.home-project-card span{display:block;margin-top:17px;font-size:10px;letter-spacing:1.8px;color:#668198}.home-project-card h3{font-size:20px;margin:6px 0 0;letter-spacing:-.4px}.home-project-card:hover h3{color:#2c6488}
@media(min-width:961px) and (max-width:1150px){.site-header{padding:0 3%}.site-header #nav{gap:16px;font-size:13px}.site-header .brand{width:180px;padding-right:18px}.site-header #nav>.nav-cta{padding:12px 15px}.service-grid article,.service-grid article:first-child,.service-grid article:last-child{padding:24px}.hero-copy{padding-left:10%;padding-right:9%}}
@media(max-width:960px){.site-header{height:82px;padding:0 6%}.site-header .brand{width:184px;padding:0}.site-header #nav{font-size:17px;gap:0}.site-header #nav>.nav-cta{padding:14px 18px}.hero{grid-template-columns:1fr 1fr;margin:14px 16px 0;min-height:580px}.hero-copy{padding:45px 9% 25px}.hero h1{font-size:48px}.hero-image{min-height:580px}.hero-image figcaption{left:12px;right:12px;bottom:12px;font-size:9px}.hero-bottom{flex-wrap:wrap;gap:5px}.ongoing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ongoing-card h3{min-height:0}.service-grid{gap:15px}.service-grid h3{font-size:24px}.service-grid article,.service-grid article:first-child,.service-grid article:last-child{padding:24px}.section{padding:75px 6%}.faq{padding-left:10%;padding-right:10%}}
@media(max-width:760px){h1,h2{letter-spacing:-1.5px}.hero{grid-template-columns:1fr;margin:12px 12px 0}.hero-copy{padding:42px 7% 28px}.hero h1{font-size:clamp(45px,9vw,60px)}.hero-image{min-height:0;height:390px}.hero .lead{max-width:100%}.hero-bottom{width:100%;justify-content:space-between;margin-top:32px}.hero-image figcaption{font-size:9px}.section{padding:60px 7%}.intro .large{font-size:22px}.service-grid{gap:18px}.service-grid article,.service-grid article:first-child,.service-grid article:last-child{padding:27px}.service-grid .number{margin-bottom:22px}.checklist{padding:5px 22px}.page-intro{padding:28px 7% 50px}.page-intro h1{font-size:clamp(38px,8vw,54px)}.breadcrumbs{margin-bottom:36px}.page-lead{font-size:16px}.page-next{padding:45px 7%}.page-next h2{font-size:28px}.contact-details{padding:24px}.portfolio-hero{margin:12px 12px 0}.portfolio-copy{padding:28px 7% 35px}.collection-nav{margin:0 12px;padding:16px 6%;gap:10px}.collection-nav>a,.collection-nav>a:first-child,.collection-nav>a:last-child{padding:18px}.collection{padding:55px 7%}.photo-grid{gap:24px 14px}.ongoing-section{padding:45px 7%}.ongoing-card{padding:24px}.project-gallery{margin:-24px -24px 24px}.ongoing-category+.ongoing-category{margin-top:50px;padding-top:45px}.footer-contact{grid-template-columns:1fr;gap:25px}.footer-top{gap:30px}.footer-top p{font-size:23px}.home-projects{padding:60px 7%}.home-projects-heading{display:block}.home-projects-heading>a{display:inline-block;margin-top:20px}.home-project-grid{grid-template-columns:1fr;gap:30px}.home-project-card h3{font-size:23px}}
@media(max-width:540px){.ongoing-grid{grid-template-columns:1fr}.hero-image{height:300px}.photo-grid{grid-template-columns:1fr}.hero-image figcaption{padding:10px}.portfolio-cover{height:380px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Contact page and larger brand */
.site-header .brand{width:280px;padding-right:24px}.site-header #nav{gap:22px}
.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;background:#f7f9f9}.contact-intro>p:not(.eyebrow){font-size:16px;color:#61717c;line-height:1.9}.contact-intro h2{font-size:clamp(35px,3.8vw,54px)}.contact-note{border-top:1px solid #d5e0e6;margin-top:40px;padding-top:28px}.contact-note>span,.contact-kicker{font-size:10px;font-weight:600;letter-spacing:2px;color:#557d99}.contact-note p{font-size:14px;color:#61717c;margin:16px 0}.contact-note a{font-size:13px;border-bottom:1px solid #8ba6b9;padding-bottom:5px}.contact-blocks{display:flex;flex-direction:column;gap:22px;min-width:0}.contact-block{padding:36px;border:1px solid #d9e3e9;border-radius:4px;background:#fff;box-shadow:0 8px 30px #102a3e04}.contact-block h3{margin:20px 0;font-size:29px;letter-spacing:-.7px}.contact-email{display:block;width:fit-content;max-width:100%;font-size:clamp(16px,1.65vw,22px);overflow-wrap:anywhere;border-bottom:1px solid #d5e1e9;padding-bottom:6px;margin:12px 0;color:#244b67}.contact-email:hover{color:#397da9}.contact-block address{font-style:normal;color:#61717c;font-size:16px;line-height:1.9}.contact-map{display:inline-block;margin-top:26px;padding:11px 18px;border:1px solid #bccedb;border-radius:2px;font-size:12px}.contact-map:hover{background:#edf3f7}
@media(min-width:961px) and (max-width:1200px){.site-header{padding-left:3%;padding-right:3%;gap:18px}.site-header .brand{width:245px;padding-right:18px}.site-header #nav{font-size:13px;gap:16px}.site-header #nav>.nav-cta{padding:12px 14px}}
@media(min-width:961px) and (max-width:1050px){.site-header #nav{font-size:12px;gap:13px}.site-header .brand{width:230px}}
@media(max-width:960px){.site-header .brand{width:245px;padding:0}.site-header #nav{gap:0}.contact-layout{gap:6%}.contact-block{padding:28px}}
@media(max-width:760px){.contact-layout{grid-template-columns:1fr;gap:36px}.contact-block{padding:26px}.contact-block h3{font-size:26px}.contact-email{font-size:18px}}
@media(max-width:380px){.site-header .brand{width:205px}.site-header{gap:12px}.site-header .menu{min-width:80px;gap:8px}.contact-email{font-size:16px}}

/* Simple footer emblem */
.footer-brand{display:block;width:124px;flex-shrink:0;line-height:0;letter-spacing:0}.footer-brand img{display:block;width:100%;height:auto}
@media(max-width:760px){.footer-brand{width:108px}}

/* Larger header logo, with space reserved for navigation */
.site-header{height:116px}
.site-header .brand{width:331.2px}
@media(min-width:961px) and (max-width:1300px){.site-header{padding-left:3%;padding-right:3%;gap:16px}.site-header #nav{gap:12px}.site-header .brand{width:290.4px}}
@media(min-width:961px) and (max-width:1050px){.site-header .brand{width:272.4px}.site-header #nav{gap:10px}}
@media(max-width:960px){.site-header{height:104px;gap:14px}.site-header .brand{width:294px;max-width:calc(100% - 114px)}.site-header #nav{max-height:calc(100dvh - 104px)}}
@media(max-width:380px){.site-header .brand{width:246px;max-width:calc(100% - 92px)}.site-header{gap:12px}}

/* More readable main navigation */
.site-header #nav{font-size:18px;gap:24px}
.site-header #nav>a,.site-header .project-menu-toggle{font-weight:500}
.site-header .project-submenu>a{font-size:15px}
@media(min-width:1151px) and (max-width:1400px){.site-header{padding-left:3%;padding-right:3%;gap:18px}.site-header #nav{font-size:16px;gap:18px}.site-header #nav>.nav-cta{padding:12px 16px}}
@media(max-width:1150px){.site-header{height:104px;padding-left:6%;padding-right:6%;gap:14px}.site-header .brand{width:294px;max-width:calc(100% - 114px);padding:0;border:0}.site-header #nav{font-size:19px;gap:0;max-height:calc(100dvh - 104px)}.site-header .project-menu-toggle{font-size:19px}.site-header .project-submenu>a{font-size:16px}.site-header #nav>.nav-cta{font-size:17px}.site-header .menu{font-size:14px}}
@media(max-width:380px){.site-header .brand{width:246px;max-width:calc(100% - 92px)}.site-header{gap:12px}}