/* Existing YKM Grup brand: navy, turquoise, white; local system fonts. */
:root{--bg:#091b24;--bg2:#102a32;--white:#fff;--ink:#102b33;--muted:#637278;--accent:#00b8b0;--accent-light:#48e0d6;--accent-dark:#007d78;--line:#e4ebeb;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}::selection{background:var(--accent);color:var(--bg)}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{max-width:1240px;margin:auto;min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:8px 30px;gap:25px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:180px;display:block}.menu{display:flex;gap:30px;align-items:center}.menu a{font-size:13px;letter-spacing:.02em;font-weight:650;color:var(--ink);transition:color .2s;white-space:nowrap}.menu a:hover,.menu a[aria-current=page]{color:var(--accent-dark)}.menu .navcta{border:1px solid var(--accent);padding:11px 20px;color:var(--ink);background:#e6f9f7;border-radius:5px}.hamb{display:none;background:none;border:1px solid #c3d3d7;color:var(--ink);font-size:25px;padding:3px 12px;cursor:pointer}.shell{max-width:1240px;margin:auto;padding:0 30px}
.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent-dark);font-weight:750}.hero{min-height:690px;display:grid;grid-template-columns:1fr 49%;overflow:hidden;background:var(--bg);color:var(--white)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:100px 6% 100px max(30px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 0 0,#124d50,transparent 65%),var(--bg)}.hero .eyebrow,.pagehero .eyebrow,.statement .eyebrow{color:var(--accent-light)}.hero h1{font-size:clamp(49px,5.8vw,88px);line-height:1.04;letter-spacing:-.065em;margin:28px 0 30px;font-weight:700}.hero h1 em{font-style:normal;color:var(--accent-light)}.hero p{font-size:17px;max-width:470px;color:#b4c9ce;margin:0 0 38px}.hero-art{background:#153840;position:relative;overflow:hidden}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,27,36,.05),transparent 40%),linear-gradient(0deg,rgba(9,27,36,.3),transparent 35%)}.hero-art img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;bottom:38px;right:35px;z-index:1;background:rgba(9,27,36,.88);backdrop-filter:blur(8px);padding:17px 23px;border-left:2px solid var(--accent);font-size:12px;letter-spacing:.15em}
.btn{display:inline-flex;align-items:center;gap:25px;justify-content:center;background:var(--accent);color:#05262b;padding:15px 24px;font-size:13px;font-weight:800;letter-spacing:.04em;min-width:195px;border:1px solid transparent;border-radius:5px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:var(--accent-light)}.btn-outline{background:transparent;border:1px solid #879fa0;color:var(--ink)}.btn-outline:hover{background:#e3f5f2}.hero .btn-outline{color:var(--white);border-color:#879fa0}.hero .btn-outline:hover{background:#153840}.actions{display:flex;flex-wrap:wrap;gap:15px}
.section{padding:115px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:50px}.section h2,.pagehero h1{font-size:clamp(38px,4.2vw,64px);font-weight:700;line-height:1.16;letter-spacing:-.055em;margin:17px 0 0}.section-head>p{max-width:390px;color:var(--muted);margin:0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{padding:39px 31px;min-height:350px;border:1px solid var(--line);background:#f7f9f9;display:flex;flex-direction:column;transition:background .2s}.tile:hover{background:#edf7f6}.num{font-size:14px;color:var(--accent-dark);font-weight:700}.tile h3{font-size:29px;font-weight:650;line-height:1.2;letter-spacing:-.04em;margin:55px 0 15px}.tile p{margin:0;color:var(--muted);font-size:15px}.tile .link{color:var(--accent-dark);font-weight:700;font-size:13px;margin-top:auto;padding-top:27px}
.light{background:#f0f6f6;color:var(--ink)}.light .eyebrow{color:var(--accent-dark)}.light p{color:#526a70}.split{display:grid;grid-template-columns:47% 53%;align-items:center}.split .visual{min-height:540px;background:#153840 url('architectural.svg') center/cover}.split-copy{padding:65px 7vw 65px 8vw}.split h2{font-size:clamp(34px,3.3vw,51px);font-weight:700;line-height:1.16;letter-spacing:-.05em;margin:22px 0}.split p{max-width:520px}.small-list{list-style:none;padding:0;margin:30px 0}.small-list li{border-top:1px solid #cedfdf;padding:15px 0;font-weight:600}.small-list li:before{content:'↗';margin-right:17px;color:var(--accent-dark)}
.statement{background:var(--bg2);color:var(--white);text-align:center;padding:115px 30px}.statement h2{max-width:920px;margin:18px auto 35px;font-size:clamp(36px,5vw,72px);font-weight:700;line-height:1.2;letter-spacing:-.06em}.statement h2 span{color:var(--accent-light)}.statement p{max-width:640px;margin:auto auto 30px;color:#b4c9ce}
footer{border-top:1px solid #ffffff18;padding:55px 0 25px;background:var(--bg);color:var(--white)}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footgrid p,.footgrid a{color:#b4c9ce;font-size:14px}.footgrid a:hover{color:var(--accent-light)}.footgrid h4{margin:0 0 18px;color:var(--white)}.footgrid .brand img{width:180px}.footgrid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-address{font-style:normal;font-size:14px;color:#b4c9ce;line-height:1.9}.footgrid .contact-phone{display:inline-block;color:var(--accent-light);font-weight:700;margin-top:10px}.bottom{display:flex;justify-content:space-between;gap:20px;padding-top:35px;margin-top:35px;border-top:1px solid #ffffff18;font-size:12px;color:#99b1b6}
.pagehero{padding:130px 0 95px;background:radial-gradient(circle at 85% 0,#124d50,transparent 55%),var(--bg);border-bottom:1px solid #ffffff18;color:var(--white)}.pagehero p{max-width:650px;color:#b4c9ce;margin-top:24px;font-size:18px}.content{max-width:840px}.content p{color:var(--muted)}.servicegrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.service{min-width:0;background:#f7f9f9;padding:45px;border:1px solid var(--line)}.service h2{font-size:28px;font-weight:650;margin:8px 0 15px;letter-spacing:-.04em}.service p{color:var(--muted)}.note{padding:30px;border-left:2px solid var(--accent);background:#edf7f6;color:#21454b}
.contactgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.contactpanel{background:var(--bg2);padding:42px;color:var(--white)}.contactpanel strong{color:var(--accent-light)}.contactpanel p,.contactpanel address{color:#b4c9ce}.contactpanel address{font-style:normal;line-height:1.9;margin:14px 0 24px}.contactpanel .contact-phone{display:inline-block;color:var(--white);font-size:clamp(22px,2.5vw,28px);font-weight:700;white-space:nowrap}.contactpanel hr{border:0;border-top:1px solid #ffffff22;margin:28px 0}.contactgrid>div>p{color:var(--muted);max-width:530px}
.project-placeholder{min-height:290px;background:linear-gradient(140deg,#153840,#091b24);color:var(--white);display:flex;align-items:center;justify-content:center;border:1px solid #36565f;padding:45px;text-align:center}.project-placeholder h3{font-size:30px;letter-spacing:-.04em;margin:10px}.project-placeholder p{color:#b4c9ce}.project-placeholder .eyebrow{display:block;color:var(--accent-light)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.facts-strip{background:var(--accent);color:#05262b;padding:16px 0}.facts-flex{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-weight:700;font-size:.9rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.step{padding:28px;background:#f0f6f6;border:1px solid #d9e6e6;border-radius:8px}.step b{display:block;color:var(--accent-dark);font-size:.83rem;letter-spacing:.05em;margin-bottom:25px}.step h3{color:var(--ink);font-size:1.35rem;margin:0 0 12px}.step p{color:#526a70;font-size:.96rem;line-height:1.65}.steps-vertical{grid-template-columns:repeat(2,1fr)}.faq{max-width:920px;margin:30px 0}.faq details{border-bottom:1px solid #cedfdf;padding:17px 0}.faq summary{cursor:pointer;font-weight:650;font-size:1.04rem;padding:9px 0}.faq details p{max-width:740px;line-height:1.8}.btn-on-light{border-color:#879fa0;color:var(--ink)}
.form-layout{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px}.brief-form{padding:30px;background:#fff;border:1px solid #d9e6e6;border-radius:10px;display:grid;gap:17px;color:var(--ink)}.brief-form label{display:grid;gap:9px;font-weight:600}.brief-form input,.brief-form textarea,.brief-form select{background:white;border:1px solid #b7cbce;border-radius:5px;padding:12px;width:100%;box-sizing:border-box;color:var(--ink)}.brief-form textarea{resize:vertical}.brief-form .btn{cursor:pointer;text-align:left}.brief-form .btn-outline{border:1px solid #879fa0}.notice{margin-top:24px;padding:20px;background:#e3f5f2;color:#21454b;border-left:3px solid var(--accent);line-height:1.65}.muted-note{font-size:.86rem;opacity:.82;margin-top:15px}#brief-output{display:grid;gap:15px}#brief-output[hidden]{display:none!important}
@media(max-width:1050px){.hamb{display:block}.nav{min-height:88px}.brand img{width:160px}.menu{display:none;position:absolute;top:100%;left:0;right:0;padding:25px 30px;background:#fff;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line)}.menu.open{display:flex}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:105px 30px 75px}.hero-art{height:450px}.tiles{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split .visual{min-height:400px}.split-copy{padding:75px 30px}.contactgrid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}}
@media(max-width:680px){.nav{padding:6px 19px;min-height:80px}.brand img{width:150px}.menu{padding:25px 20px}.hero h1{font-size:48px}.hero-copy{padding:80px 20px 60px}.hero-art{height:320px}.section{padding:75px 0}.section-head{display:block}.section-head>p{margin-top:20px}.tiles,.servicegrid,.footgrid{grid-template-columns:1fr}.tile{min-height:290px}.section h2,.pagehero h1{font-size:40px}.pagehero{padding:90px 0 70px}.bottom{flex-direction:column}.shell{padding:0 20px}.split .visual{min-height:280px}.statement{padding:80px 20px}.contactpanel{padding:30px 24px}.service{padding:30px 24px}}
@media(max-width:600px){.steps,.steps-vertical{grid-template-columns:1fr}.facts-flex{gap:10px;flex-direction:column}.brief-form{padding:18px}}
/* Match the existing YKM desktop display density; mobile and print stay native. */
@media screen and (min-width:1024px){html{zoom:.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}