@import url('fonts.css?v=20261106-2');
:root{--ink:#102c50;--paper:#ffffff;--green:#0758a8;--lime:#ffffff;--line:#dde7f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.preview{background:#102c50;color:#edf5ff;padding:8px 4.5%;font-size:10px;letter-spacing:1.5px;display:flex;gap:24px}.preview span{opacity:.7;letter-spacing:.2px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-family:'Manrope',sans-serif;font-weight:800;font-size:33px;letter-spacing:-1.8px}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:3px;margin-top:1px}nav{display:flex;gap:28px;align-items:center;font-size:12px}.nav-cta{border-bottom:1px solid;padding-bottom:8px;margin-left:20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.hero-copy{padding:65px 8% 26px 9%;display:flex;flex-direction:column}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.7}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#1682de;border-radius:50%;margin-right:7px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(45px,4.7vw,76px);line-height:1.08;font-weight:500;letter-spacing:-3.5px;margin:30px 0 26px}em{font-style:normal;color:#2279c5}.intro{font-size:15px;line-height:1.8;max-width:365px;color:#58708a}.actions{display:flex;align-items:center;gap:26px;margin-top:33px}.button{display:inline-flex;align-items:center;gap:25px;background:var(--green);color:white;padding:18px 23px;font-size:12px}.button:hover{background:#064589}.textlink{font-size:11px}.hero-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;margin-top:auto;padding-top:50px}.hero-art{position:relative;overflow:hidden;background:#e9f1f9}.hero-art>img{height:100%;width:100%;object-fit:cover;display:block}.art-label{position:absolute;bottom:26px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.art-index{position:absolute;top:25px;right:30px;font-size:25px}.manifest{padding:80px 8%;display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--line);gap:50px}.manifest>p:last-child{font-size:clamp(22px,2.3vw,34px);font-weight:400;line-height:1.5;letter-spacing:-1px}.manifest span{color:#69809b}.section{padding:95px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}h2{font-size:clamp(33px,3.6vw,53px);font-weight:500;line-height:1.2;letter-spacing:-2px;margin-top:19px}.section-head>p{max-width:290px;color:#58708a;line-height:1.8;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article{padding:28px 35px 32px 0;position:relative}.service-grid article+article{border-left:1px solid var(--line);padding-left:35px}.number{font-size:11px;color:#6885a4}.line-icon{font-size:48px;font-weight:400;margin:34px 0;color:#3989cf}.service-grid h3{font-size:24px;font-weight:500;letter-spacing:-.7px}.service-grid p{font-size:13px;line-height:1.9;color:#58708a;margin:18px 0 33px;min-height:100px}.service-grid a{font-size:11px;border-bottom:1px solid #87a9ca;padding-bottom:6px}.process{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.process-intro>p:not(.eyebrow){font-size:13px;color:#d4e7fb;line-height:1.9;max-width:330px;margin-top:26px}.light{background:var(--lime);color:var(--ink);margin-top:30px}.light:hover{background:#e7f3ff}.steps{padding-top:8px}.steps details{border-bottom:1px solid #ffffff40;padding:24px 0}.steps summary{list-style:none;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:17px}.steps summary::-webkit-details-marker{display:none}.steps summary>span{color:#b6d9ff;font-size:10px}.steps summary b{margin-left:auto;font-weight:400}.steps details[open] summary b{transform:rotate(45deg)}.steps details p{font-size:13px;color:#d4e7fb;line-height:1.9;margin:18px 20px 0 32px}.fine{font-size:10px;line-height:1.7;color:#d2e6fa;margin-top:24px}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px}.project-grid article:nth-child(2){padding-top:70px}.project-image{height:340px;position:relative;overflow:hidden;background:#e5eef6}.project-image img{width:100%;height:100%;object-fit:cover;object-position:center 56%;transition:transform .6s}.project-image:hover img{transform:scale(1.04)}.second img{filter:sepia(.25);transform:scale(1.25) scaleX(-1)}.second:hover img{transform:scale(1.29) scaleX(-1)}.project-image>span{position:absolute;bottom:15px;left:15px;font-size:8px;letter-spacing:1px;background:var(--paper);padding:8px 10px}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.project-title h3{font-size:23px;font-weight:500}.project-title span{font-size:12px}.project-grid article>p{font-size:11px;color:#58708a;margin-top:8px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.about-lead{font-size:24px;line-height:1.5;letter-spacing:-.6px;margin-bottom:24px}.about>div>p:not(.eyebrow):not(.about-lead){font-size:14px;line-height:1.9;color:#58708a}.values{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.values span{font-size:10px;padding:10px 13px;border:1px solid #c8dcee}.contact{background:#eaf4fd}.contact-heading{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(50px,6vw,86px);letter-spacing:-4px}.contact em{color:#2179c5}.big-arrow{font-size:100px;font-weight:400}.contact-bottom{display:flex;justify-content:space-between;gap:40px;border-top:1px solid #b9d5ed;margin-top:46px;padding-top:30px}.contact-bottom>p{font-size:16px;line-height:1.7}.contact-placeholder{max-width:370px}.contact-placeholder strong{font-size:13px;font-weight:500}.contact-placeholder p{font-size:11px;line-height:1.8;margin-top:8px;color:#58708a}footer{padding:40px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}footer p,footer>a:not(.brand){font-size:12px}footer small{font-size:9px;flex-basis:100%;color:#58708a;border-top:1px solid var(--line);padding-top:20px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0585ef;outline-offset:5px}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:15px;font-size:10px}.nav-cta{margin-left:0}.hero{min-height:610px}h1{letter-spacing:-2.5px}.actions{gap:15px;flex-wrap:wrap}.hero-copy{padding-top:45px}.section{padding:70px 6%}.manifest{padding:55px 6%}.service-grid article,.service-grid article+article{padding-left:22px;padding-right:22px}.project-image{height:280px}}@media(max-width:700px){html{scroll-padding-top:80px}.preview{font-size:8px;gap:12px;letter-spacing:1px;padding:8px 5%}.preview span{font-size:8px}header{height:80px;padding:0 6%}.brand{font-size:29px}.menu{display:block;border:0;background:none;color:var(--ink);font-size:12px}.menu span{margin-left:10px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:28px 6%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:24px;font-size:14px}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 25px}h1{font-size:52px;letter-spacing:-2.5px;margin:25px 0}.intro{font-size:14px;max-width:340px}.hero-bottom{padding-top:38px}.hero-art{height:430px}.hero-art img{object-position:center 60%}.art-label{left:22px;right:22px}.manifest{grid-template-columns:1fr;gap:20px;padding:43px 6%}.manifest>p:last-child{font-size:22px;letter-spacing:-.5px}.manifest br{display:none}.section{padding:60px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px;max-width:100%}h2{font-size:36px;letter-spacing:-1.4px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{border-left:0;padding:26px 0;border-bottom:1px solid var(--line)}.service-grid article:last-child{border-bottom:0}.line-icon{margin:10px 0 18px;position:absolute;right:10px;top:10px;font-size:36px}.service-grid h3{margin-top:26px;font-size:24px}.service-grid p{min-height:0;margin:16px 0 26px;max-width:330px}.process{grid-template-columns:1fr;gap:35px}.process-intro>p:not(.eyebrow){max-width:none}.steps summary{font-size:15px}.project-grid{grid-template-columns:1fr;gap:38px}.project-grid article:nth-child(2){padding-top:0}.project-image{height:300px}.about{grid-template-columns:1fr;gap:28px}.about-lead{font-size:22px}.contact h2{font-size:47px;letter-spacing:-2.5px}.big-arrow{font-size:60px}.contact-bottom{flex-direction:column;gap:25px}.contact-placeholder{max-width:none}footer{padding:35px 6%;gap:22px}footer p{margin-left:auto}footer>a:not(.brand){flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.arrow{display:inline-block;width:10px;height:10px;border-top:1px solid currentColor;border-right:1px solid currentColor;position:relative;margin-left:4px}.arrow:after{content:"";position:absolute;height:13px;width:1px;background:currentColor;right:4px;top:-2px;transform:rotate(45deg)}.big-arrow .arrow{width:60px;height:60px;border-width:2px}.big-arrow .arrow:after{height:83px;width:2px;right:28px;top:-12px}

.hero-art>img{object-position:52% center}.hero-art .art-label{color:#fff;z-index:1;line-height:1.8;gap:20px}.hero-art:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(transparent,rgba(13,31,25,.85))}.hero-art .art-index{color:#fff}.second img,.second:hover img{filter:none;transform:none}.second:hover img{transform:scale(1.04)}.first img{object-position:center}.credits{display:inline-block;margin-top:12px;line-height:1.8}.credits a{text-decoration:underline;text-underline-offset:3px}

.journey{border-left:1px solid #ffffff40;padding-left:40px}.journey>span{font-size:10px;letter-spacing:2px;color:#b6d9ff;display:block;margin-top:24px}.journey>span:first-child{margin-top:0}.journey h3{font-size:24px;font-weight:500;margin:8px 0}.journey p{font-size:13px;color:#d4e7fb;line-height:1.8}.contact-details{max-width:510px;width:50%}.contact-details>div{margin-bottom:24px}.contact-details span{display:block;font-size:9px;letter-spacing:2px;color:#58708a;margin-bottom:9px}.contact-details a{font-size:22px;font-weight:500;letter-spacing:-.5px}.phone-pair{display:flex;gap:34px}.phone-pair a{font-size:19px}address{font-size:15px;font-style:normal;line-height:1.8}.guide-hero{padding:75px 8% 65px;background:#eaf4fd;position:relative;overflow:hidden}.guide-hero:after{content:"İSTANBUL";position:absolute;font-size:160px;font-weight:800;letter-spacing:-8px;bottom:-35px;right:-10px;color:#0758a807;pointer-events:none}.guide-hero h1{max-width:850px;font-size:64px;margin:25px 0}.guide-hero>p:last-child{max-width:620px;line-height:1.8;color:#58708a;font-size:15px}.guide-intro{display:flex;gap:25px;align-items:center;margin-bottom:35px}.guide-intro .eyebrow{color:#2279c5}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dde7f1;border-left:1px solid #dde7f1}.guide-step{padding:34px;border-right:1px solid #dde7f1;border-bottom:1px solid #dde7f1}.guide-step>span{font-size:12px;color:#2279c5}.guide-step h2{font-size:25px;letter-spacing:-.6px;margin:24px 0 18px}.guide-step p{font-size:14px;line-height:1.9;color:#58708a}.guide-notice{border-left:3px solid #2279c5;background:#f4f8fc;padding:24px;margin-top:28px;color:#58708a;font-size:13px;line-height:1.8}.official{background:#0758a8;color:#fff}.official .section-head>p{color:#d4e7fb}.official-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.official-links a{padding:30px;border:1px solid #ffffff50;display:block}.official-links a span{display:block;font-size:10px;letter-spacing:1.5px;color:#b6d9ff;margin-bottom:15px}.official-links a strong{font-size:23px;line-height:1.4;font-weight:500;display:block;margin-bottom:18px}.official .fine{max-width:800px;color:#d4e7fb}.guide-back{font-size:12px;border-bottom:1px solid #8daecf;padding-bottom:5px}.guide-cta{display:flex;justify-content:space-between;align-items:center;gap:35px}.guide-cta h2{margin-top:0}.guide-cta .button{flex-shrink:0}@media(max-width:700px){.contact-details{width:100%;max-width:none}.contact-details a{font-size:20px}.phone-pair{gap:22px;flex-wrap:wrap}.phone-pair a{font-size:18px}.journey{padding-left:25px}.guide-hero{padding:45px 6%}.guide-hero h1{font-size:42px;letter-spacing:-2px}.guide-hero:after{font-size:88px;bottom:-12px}.guide-grid{grid-template-columns:1fr}.guide-step{padding:28px}.guide-step h2{margin-top:15px}.official-links{grid-template-columns:1fr}.official-links a strong{font-size:21px}.guide-cta{display:block}.guide-cta .button{margin-top:25px}}

/* Editorial typography system: expressive architectural display + quiet reading text. */
:root{--display:'Cormorant Garamond',Georgia,serif;--body:'Inter',Arial,sans-serif}
body{font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(62px,6.2vw,94px);line-height:1.02;margin:28px 0 25px}
h1 em,h2 em{font-family:var(--display);font-weight:500;font-style:italic;letter-spacing:-.035em}
h2{font-size:clamp(42px,4.6vw,66px);line-height:1.08;margin-top:18px}
h3{font-family:var(--body);font-weight:500;letter-spacing:-.025em;line-height:1.4}
p{font-feature-settings:'ss01' on}nav{font-size:12px;gap:25px;font-weight:500}.brand{font-family:var(--body);font-size:31px;font-weight:700;letter-spacing:-1.6px}.brand span{font-family:var(--body);font-weight:500;font-size:8px;letter-spacing:2.6px;margin-top:5px}
.hero{min-height:720px}.hero-copy{padding-top:53px;padding-right:7%}.eyebrow{font-family:var(--body);font-size:10px;font-weight:600;letter-spacing:1.9px;line-height:1.8}.intro{font-size:15px;line-height:1.9;max-width:390px}.actions{gap:23px;flex-wrap:wrap;margin-top:30px}.button{font-size:12px;font-weight:500;letter-spacing:.05px;padding:18px 23px;line-height:1.5}.textlink{font-size:11px;font-weight:500;line-height:1.6}.hero-bottom{letter-spacing:1.2px;line-height:1.7}.manifest>p:last-child{font-family:var(--display);font-size:clamp(29px,3.2vw,44px);font-weight:500;letter-spacing:-.018em;line-height:1.3}.section-head>p,.service-grid p{font-size:14px;line-height:1.85}.service-grid h3{font-size:22px;font-weight:500}.service-grid p{min-height:130px}.service-grid a{font-size:12px;line-height:1.6}.process-intro>p:not(.eyebrow),.journey p{font-size:14px;line-height:1.85}.journey h3{font-family:var(--display);font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.02em}.project-title h3{font-size:21px;line-height:1.4}.project-grid article>p{font-size:12px;line-height:1.7}.about-lead{font-family:var(--display);font-size:33px;line-height:1.3;font-weight:500;letter-spacing:-.01em}.about>div>p:not(.eyebrow):not(.about-lead){font-size:14px;line-height:1.9}.values span{font-size:11px}.contact h2{font-size:clamp(64px,7.2vw,104px);line-height:1.03;letter-spacing:-.025em}.contact-bottom>p{font-size:15px;line-height:1.9}.contact-details a{font-size:20px;letter-spacing:-.025em}.phone-pair a{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}address{font-size:14px;line-height:1.85}.contact-details span{font-size:10px;font-weight:600;letter-spacing:1.5px}.guide-hero h1{font-size:clamp(56px,6.2vw,86px);max-width:1000px;line-height:1.07;letter-spacing:-.025em}.guide-hero>p:last-child{font-size:15px;line-height:1.9;max-width:680px}.guide-step h2{font-family:var(--body);font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.03em}.guide-step p{font-size:14px;line-height:1.9}.guide-notice{font-size:13px;line-height:1.9}.official-links a strong{font-family:var(--display);font-weight:500;font-size:32px;line-height:1.2;letter-spacing:-.015em}.fine{font-size:11px;line-height:1.9}.official-links .arrow{display:inline-block;margin-bottom:0}.guide-hero:after{font-family:var(--body)}footer small{font-size:10px;line-height:1.8}.preview{line-height:1.7}
@media(min-width:701px) and (max-width:1050px){nav{gap:16px;font-size:11px}.hero-copy{padding-left:8%;padding-right:5%}h1{font-size:62px}.hero{min-height:690px}.phone-pair{flex-wrap:wrap;gap:22px}.service-grid p{min-height:155px}}
@media(max-width:700px){header{height:82px}.brand{font-size:29px}.brand span{font-size:7px;letter-spacing:2.4px}.preview{font-size:8px;letter-spacing:.7px;line-height:1.6;gap:14px}.preview span{font-size:8px;letter-spacing:0}.hero-copy{padding:39px 6% 26px}.hero{min-height:0}h1{font-size:clamp(52px,13.6vw,76px);line-height:1.03;letter-spacing:-.025em;margin:25px 0 23px}.intro{font-size:14px;line-height:1.85;max-width:360px}.hero-art{height:440px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-bottom{font-size:8px;letter-spacing:.7px}.actions{gap:20px}.button{font-size:11px;padding:16px 20px}.textlink{font-size:10px}.manifest>p:last-child{font-size:30px;line-height:1.3;letter-spacing:-.015em}h2{font-size:44px;line-height:1.1;letter-spacing:-.025em}.section-head>p{font-size:14px}.service-grid h3{font-size:22px}.service-grid p{min-height:0;font-size:14px;line-height:1.85}.journey h3{font-size:31px}.project-title h3{font-size:21px}.about-lead{font-size:30px;line-height:1.3}.contact h2{font-size:clamp(53px,13.6vw,78px);line-height:1.04;letter-spacing:-.03em}.big-arrow .arrow{width:36px;height:36px}.big-arrow .arrow:after{height:49px;right:16px;top:-8px}.contact-heading{gap:14px}.contact-details a{font-size:20px}.phone-pair a{font-size:17px}.phone-pair{gap:25px}.guide-hero h1{font-size:49px;line-height:1.08;letter-spacing:-.025em}.guide-hero>p:last-child{font-size:14px}.guide-intro{gap:12px;flex-wrap:wrap}.guide-intro .eyebrow{font-size:8px;letter-spacing:1.2px}.guide-step h2{font-size:23px;line-height:1.35}.official-links a strong{font-size:30px;line-height:1.2}.guide-cta h2{font-size:43px}nav{font-size:14px;gap:24px}.project-image>span{font-size:7px;letter-spacing:.6px;max-width:calc(100% - 30px)}.art-label{font-size:8px;letter-spacing:.4px}.hero-art .art-label{gap:12px}.fine{font-size:11px}}

.city-story{display:grid;grid-template-columns:1.35fr 1fr;background:#f3f8fc}.city-story figure{margin:0;position:relative;min-height:470px}.city-story img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 46%}.city-story figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 26px 22px;color:white;background:linear-gradient(transparent,#102c50c9);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px}.city-story-copy{padding:66px 12% 55px 12%}.city-story-copy h2{font-size:51px}.city-story-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:25px;color:#58708a}.city-story-copy .textlink{display:inline-block;margin-top:25px}.city-story-copy>.image-disclaimer,.image-disclaimer{font-size:11px!important;line-height:1.8;color:#58708a}.photo-essay{background:#f6f9fc;border-top:1px solid #dde7f1}.detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:34px;align-items:start}.detail-grid figure{margin:0}.detail-grid figure:nth-child(2){padding-top:80px}.photo-open{display:block;position:relative;height:475px;overflow:hidden;background:#eaf4fd}.photo-open img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.photo-open:hover img{transform:scale(1.035)}.photo-open>span{position:absolute;right:15px;bottom:15px;background:#fff;padding:11px 13px;font-family:var(--body);font-size:9px;letter-spacing:1px}.detail-grid figure:nth-child(2) .photo-open{height:360px}.detail-grid figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:22px}.detail-grid h3{font-size:21px}.detail-grid figcaption p{font-size:11px;line-height:1.8;margin-top:7px;color:#58708a}.detail-grid figcaption>span{font-size:11px;color:#2279c5;padding-top:7px}.photo-essay>.image-disclaimer{margin-top:40px;max-width:760px}.image-disclaimer a{text-decoration:underline;text-underline-offset:3px}.guide-city{margin:0;position:relative;height:360px;overflow:hidden}.guide-city img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}.guide-city figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 8% 20px;background:linear-gradient(transparent,#102c50cc);color:white;font-size:10px;letter-spacing:.5px}.photo-sources{display:grid;grid-template-columns:1fr 1fr;gap:30px}.photo-sources article{border:1px solid #dde7f1}.photo-sources img{width:100%;height:230px;object-fit:cover}.photo-sources article>div{padding:26px}.photo-sources h2{font-size:33px;margin-top:0}.photo-sources p{font-size:12px;color:#58708a;margin:13px 0}.photo-sources a{font-size:12px;text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.city-story{grid-template-columns:1fr}.city-story figure{min-height:310px}.city-story-copy{padding:38px 6% 45px}.city-story-copy h2{font-size:43px}.city-story figcaption{font-size:8px;padding:45px 6% 18px}.detail-grid{grid-template-columns:1fr;gap:36px}.detail-grid figure:nth-child(2){padding-top:0}.photo-open{height:400px}.detail-grid figure:nth-child(2) .photo-open{height:300px}.detail-grid h3{font-size:20px}.guide-city{height:260px}.guide-city figcaption{font-size:8px;line-height:1.8;padding:30px 6% 16px}.photo-sources{grid-template-columns:1fr}.photo-sources h2{font-size:32px}.photo-sources img{height:240px}}

/* Readable long-form service and property-owner guide. */
.clarity,.soft{background:#f3f8fc}.clarity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.clarity-grid article{border-top:1px solid #b8d2e8;padding-top:25px}.clarity-grid article>span{font-size:11px;color:#2279c5}.clarity-grid h3{font-size:22px;margin:13px 0}.clarity-grid p,.reading-copy p,.reading-copy li,.contact-prep p,.faq-list p{font-size:15px;line-height:1.9;color:#506980}.detail-link{display:inline-block;margin-top:34px;font-size:13px}.page-jumps{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 35px;padding:24px 6%;border-bottom:1px solid #dce7f0;background:white}.page-jumps a{font-size:12px;color:#0758a8;border-bottom:1px solid #b8d2e8;padding-bottom:5px}.editorial-service{display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.editorial-service h2{margin:16px 0 28px}.reading-lead{font-family:var(--display);font-size:29px;line-height:1.4;max-width:440px}.reading-copy{max-width:660px}.reading-copy p+p{margin-top:20px}.reading-copy h3{font-size:21px;margin:28px 0 14px}.reading-copy ul{padding-left:20px;margin:18px 0 24px}.reading-copy li{margin-bottom:13px;padding-left:5px}.reading-copy strong{font-weight:600;color:#193b5e}.reading-copy .textlink{display:inline-block;margin-top:22px;font-size:12px}.contact-prep{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:36px 0;border-top:1px solid #b7cee0;border-bottom:1px solid #b7cee0;margin:38px 0}.contact-prep h3{font-size:21px;margin-bottom:15px}.contact-bottom>p{max-width:340px}.expanded-steps{grid-template-columns:1fr 1fr}.expanded-steps .guide-step{padding:36px}.step-practical{border-top:1px solid #dce7f0;margin-top:24px;padding-top:20px}.step-practical h3{font-size:14px;font-weight:600;margin-bottom:8px}.guide-step .step-practical p{font-size:14px}.faq-list{max-width:880px;margin-left:auto}.faq-list details{border-top:1px solid #c9dbe9;padding:23px 0}.faq-list details:last-child{border-bottom:1px solid #c9dbe9}.faq-list summary{cursor:pointer;font-size:18px;font-weight:500;line-height:1.6;padding-right:22px}.faq-list p{margin-top:18px;max-width:750px}.section:target,.editorial-service:target{scroll-margin-top:110px}a:focus-visible,summary:focus-visible{outline:2px solid #2279c5;outline-offset:5px}.services .service-grid p{min-height:160px}.guide-notice a{overflow-wrap:anywhere}
@media(max-width:900px){.clarity-grid{gap:22px}.clarity-grid h3{font-size:20px}.editorial-service{gap:6%}.services .service-grid p{min-height:190px}}
@media(max-width:700px){.clarity-grid,.editorial-service,.contact-prep,.expanded-steps{grid-template-columns:1fr}.clarity-grid{gap:28px}.clarity-grid article{padding-top:17px}.clarity-grid h3{font-size:21px}.reading-lead{font-size:28px;margin-bottom:26px}.reading-copy p,.reading-copy li,.clarity-grid p,.contact-prep p,.faq-list p{font-size:14px;line-height:1.9}.page-jumps{justify-content:flex-start;gap:15px 22px;padding:22px 6%}.page-jumps a{font-size:11px}.editorial-service{gap:0}.contact-prep{gap:26px;margin:30px 0}.contact-prep h3{font-size:20px}.contact-bottom>p{max-width:none}.expanded-steps .guide-step{padding:28px}.faq-list summary{font-size:17px}.faq-list details{padding:22px 0}.services .service-grid p{min-height:0}}

.contact-details { min-width: 0; }
.contact-details .email-pair a { display: block; width: fit-content; max-width: 100%; overflow-wrap: anywhere; }
.contact-details .email-pair a + a { margin-top: 8px; }
.contact-details a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Dekomim logo palette and service layouts */
:root {
  --ink: #091f58;
  --green: #0759ad;
  --line: #d6e5f4;
  --brand-navy: #091f58;
  --brand-blue: #0759ad;
  --brand-ice: #b4e3ff;
  --brand-pale: #edf6ff;
}

.preview { background: var(--brand-navy); }
.brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 11px;
}
.brand .brand-logo {
  display: block;
  flex-shrink: 0;
  width: 63px;
  height: 63px;
  object-fit: contain;
}
.brand .brand-name {
  margin: 0;
  color: var(--brand-navy);
  font: 750 22px/1.05 var(--body);
  letter-spacing: .035em;
}
.brand small {
  display: block;
  margin-top: 5px;
  color: var(--brand-blue);
  font: 650 8px/1.4 var(--body);
  letter-spacing: .085em;
}
footer .brand-logo { width: 51px; height: 51px; }
footer .brand-name { font-size: 18px; }
header nav a:hover, .textlink:hover { text-decoration: underline; text-underline-offset: 4px; }
header .nav-cta {
  margin-left: 2px;
  padding: 12px 15px;
  border: 0;
  background: var(--brand-blue);
  color: #fff;
  white-space: nowrap;
}
header .nav-cta:hover { background: #064689; text-decoration: none; }

.hero { min-height: 620px; background: var(--brand-navy); }
.hero-copy {
  padding-block: clamp(44px, 6vw, 87px) 28px;
  background: linear-gradient(145deg, #081b4d, #0a3979 68%, #0763ae);
  color: #fff;
}
.hero h1 { max-width: 13ch; font-size: clamp(56px, 6vw, 94px); }
.hero h1 em { display: block; color: var(--brand-ice); }
.hero .eyebrow, .hero-bottom { color: #c6e7fd; }
.hero .eyebrow > span { background: #80d4ff; }
.hero .intro { max-width: 45ch; color: #e0f1ff; }
.hero .actions { gap: 16px 22px; }
.hero .button {
  gap: 15px;
  background: var(--brand-ice);
  color: var(--brand-navy);
}
.hero .button:hover { background: #e0f3ff; }
.hero .textlink { color: #fff; font-size: 12px; }
.hero .hero-bottom { gap: 12px; }
.hero-art::after { background: linear-gradient(transparent, #071b4de6); }
.hero :focus-visible { outline-color: #b4e3ff; }
.manifest { background: var(--brand-pale); }
.manifest span { color: #3c5e82; }

.services .service-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--line);
  background: var(--line);
}
.services .service-grid article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(21px, 3vw, 37px);
  border: 0;
  background: #fff;
}
.services .service-grid article:hover { background: #f5faff; }
.service-category {
  margin-top: 8px;
  color: var(--brand-blue);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .085em;
  text-transform: uppercase;
}
.services .service-grid h3 { margin: 9px 0 13px; }
.services .service-grid p { min-height: 0; margin: 0 0 20px; }
.services .service-grid a { margin-top: auto; }
.clarity .section-head > div { max-width: 640px; }
.page-jumps {
  position: static;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 18px 6%;
}
.page-jumps a { color: var(--brand-blue); }
.resource-links a { text-decoration: underline; text-underline-offset: 3px; }
.model-comparison {
  background: linear-gradient(130deg, #081e55, #0a4891);
  color: #fff;
}
.model-comparison .eyebrow, .model-comparison .section-head > p { color: #d1ecff; }
.model-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.model-grid article {
  display: flex;
  flex-direction: column;
  padding: clamp(19px, 2.6vw, 35px);
  background: #fff;
  color: var(--brand-navy);
}
.model-grid h3 { font-size: 21px; }
.model-grid dl { margin: 19px 0 22px; }
.model-grid dt {
  padding-top: 11px;
  border-top: 1px solid var(--line);
  color: var(--brand-blue);
  font-size: 11px;
  font-weight: 650;
}
.model-grid dd {
  margin: 5px 0 12px;
  color: #425c78;
  font-size: 14px;
  line-height: 1.65;
}
.model-grid a {
  margin-top: auto;
  color: var(--brand-blue);
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.model-comparison > .button { background: var(--brand-ice); color: var(--brand-navy); }
.model-comparison > .button:hover { background: #e0f3ff; }
.contact { background: var(--brand-pale); }

@media (max-width: 900px) {
  header { height: 82px; }
  header .menu {
    display: block;
    border: 1px solid var(--line);
    padding: 10px 12px;
    background: #fff;
    color: var(--brand-navy);
    font-size: 12px;
  }
  header nav {
    display: none;
    position: absolute;
    inset: 81px 0 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 6%;
    background: #fff;
    border-bottom: 1px solid var(--line);
    font-size: 14px;
  }
  header nav.open { display: flex; }
  .brand .brand-logo { width: 51px; height: 51px; }
  .brand .brand-name { font-size: 19px; }
  .services .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .hero { min-height: 0; }
  .hero h1 { font-size: clamp(48px, 11.8vw, 67px); }
  .hero-art { height: min(440px, 82vw); }
  .model-grid { grid-template-columns: minmax(0, 1fr); }
  .page-jumps { gap: 10px 20px; }
  .model-grid dl { margin-bottom: 15px; }
}

@media (max-width: 520px) {
  .services .service-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Urban renewal guide */
.renewal-hero {
  padding-block: clamp(42px, 7vw, 92px);
  background: linear-gradient(125deg, #091f58 20%, #0a3979 68%, #0763ae);
  color: #fff;
}
.renewal-hero::after { content: none; }
.renewal-hero .guide-back { color: #d9efff; }
.renewal-hero .eyebrow { margin-top: 28px; color: #c6e7fd; }
.renewal-hero h1 { max-width: 17ch; margin-block: 17px; }
.renewal-hero h1 em { display: block; color: var(--brand-ice); }
.renewal-hero > p:not(.eyebrow) { max-width: 63ch; color: #e0f1ff; font-size: 16px; line-height: 1.85; }
.renewal-hero .button, .renewal-feature .button { background: var(--brand-ice); color: var(--brand-navy); }
.renewal-hero .button:hover, .renewal-feature .button:hover { background: #e0f3ff; }
.renewal-hero .textlink { font-size: 13px; }
.renewal-hero :focus-visible, .renewal-feature :focus-visible { outline-color: var(--brand-ice); }
.renewal-feature { background: linear-gradient(135deg, #091f58, #0759ad); }
.renewal-feature .journey > a {
  display: inline-block;
  margin-top: 8px;
  color: #eff8ff;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.renewal-steps .guide-step > h3 { margin: 17px 0 12px; font-size: 22px; }
.renewal-steps .step-practical strong { display: block; margin-bottom: 4px; color: var(--brand-blue); font-size: 13px; }
.demolition-section { background: var(--brand-pale); }
.demolition-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}
.demolition-grid article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(19px, 2.5vw, 34px);
  background: #fff;
  border-top: 3px solid var(--brand-blue);
}
.demolition-grid .eyebrow { color: var(--brand-blue); }
.demolition-grid h3 { margin-top: 10px; font-size: 23px; }
.demolition-grid ul { margin: 16px 0 22px; padding-left: 19px; color: #435e7a; font-size: 14px; line-height: 1.75; }
.demolition-grid li + li { margin-top: 10px; }
.stage-record { margin-top: auto; padding-top: 13px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.65; }
.stage-record p { margin-top: 4px; color: #435e7a; }
.demolition-section .guide-notice a, #asamalar .guide-notice a { text-decoration: underline; text-underline-offset: 3px; }

.role-list { margin: 0; border-top: 1px solid #bbd2e9; }
.role-list > div {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);
  gap: 17px 6%;
  padding-block: 20px;
  border-bottom: 1px solid #bbd2e9;
}
.role-list dt { color: var(--brand-navy); font-size: 17px; font-weight: 650; line-height: 1.5; }
.role-list dd { margin: 0; color: #435e7a; font-size: 15px; line-height: 1.75; }
.tracking-example {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 18px 5%;
  margin-top: 36px;
  padding: clamp(21px, 3vw, 36px);
  background: var(--brand-navy);
  color: #fff;
}
.tracking-example .eyebrow { color: var(--brand-ice); }
.tracking-example h3 { margin-top: 7px; }
.tracking-example dl { margin: 0; }
.tracking-example dl > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 8px; padding-block: 8px; }
.tracking-example dl > div + div { border-top: 1px solid #ffffff30; }
.tracking-example dt, .tracking-example dd { margin: 0; font-size: 13px; line-height: 1.5; }
.tracking-example dt { color: #c6e7fd; font-weight: 650; }
.guide-cta h2 { margin-top: 10px; }
.guide-cta p:not(.eyebrow) { margin-top: 14px; max-width: 57ch; color: #435e7a; line-height: 1.8; }
.service-reading-actions { display: flex; flex-wrap: wrap; gap: 0 24px; }
.service-reading-actions .textlink { color: var(--brand-blue); }

@media (max-width: 900px) {
  .demolition-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 700px) {
  .renewal-hero h1 { font-size: clamp(42px, 11vw, 57px); }
  .renewal-hero > p:not(.eyebrow) { font-size: 14px; }
  .renewal-feature .journey { padding-left: 18px; }
  .role-list > div, .tracking-example { grid-template-columns: minmax(0, 1fr); }
  .role-list > div { gap: 7px; }
  .role-list dd { font-size: 14px; }
}


.site-footer-contact {
  flex: 0 0 100%;
  min-width: 0;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}

.site-footer-contact h2 {
  margin: 0 0 24px;
  font-size: clamp(30px, 4vw, 48px);
}

.site-footer-contact .contact-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 235px), 1fr));
  width: 100%;
  max-width: none;
  gap: 24px;
}

.site-footer-contact .contact-details > div { margin: 0; }
.site-footer-contact .contact-details a { font-size: 17px; }
.site-footer-contact .footer-phones > div + div { margin-top: 12px; }
