:root{--ink:#18212b;--navy:#12283f;--blue:#2f6f9f;--cream:#f5f1e9;--sand:#e7dfd3;--paper:#fbfaf7;--white:#fff;--muted:#68737c;--line:#d9d5cd;--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(1280px,calc(100% - 72px));margin:auto}.section{padding:120px 0}.kicker{font:700 10px/1.2 var(--mono);letter-spacing:.19em;text-transform:uppercase;color:var(--blue)}.kicker i{display:inline-block;width:26px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}
.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(24,33,43,.1);display:flex;align-items:center;padding:0 max(36px,calc((100vw - 1280px)/2));color:var(--ink)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:42px;height:42px;object-fit:cover}.brand>span{display:grid;line-height:1}.brand strong{font-size:18px;letter-spacing:.13em}.brand small{font-size:8px;letter-spacing:.29em;color:#6d7f90;margin-top:6px}.nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:600}.nav>a:not(.nav-cta){color:#46535f}.nav>a:hover{color:var(--blue)}.nav-cta{background:var(--navy);color:white;padding:13px 16px;margin-left:7px;display:flex;gap:17px;align-items:center}.nav-cta span{color:#9fc4df}.menu-button{display:none;border:0;background:transparent;width:44px;padding:10px}.menu-button span{display:block;height:1px;background:var(--ink);margin:7px 0}
.hero-v2{min-height:calc(100svh - 78px);display:grid;grid-template-columns:48% 52%;background:var(--cream)}.hero-copy{padding:clamp(70px,9vw,145px) max(45px,calc((100vw - 1280px)/2)) 45px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1,.story h2,.heading-row h2,.process-intro h2,.contact-v2 h2,.editorial-cta h2,.inner-hero h1,.blog-hero h1,.article-hero h1,.project-hero h1{font-size:clamp(52px,6.2vw,96px);line-height:.95;letter-spacing:-.065em;font-weight:500;margin:26px 0}.hero-copy h1 em,.story h2 em,.heading-row h2 em,.process-intro h2 em,.contact-v2 h2 em,.editorial-cta h2 em,.blog-hero h1 em{font-family:var(--serif);font-weight:400;color:#6f7e86}.hero-copy>p{max-width:580px;font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:28px}.btn{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.02em}.btn-dark{background:var(--navy);color:white}.btn-light{background:var(--cream);color:var(--navy)}.text-arrow,.line-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);margin-top:auto;padding-top:30px}.hero-trust div{display:flex;gap:12px}.hero-trust strong{font:10px var(--mono);color:var(--blue)}.hero-trust span{font-size:11px;line-height:1.45;color:#58656e}.hero-visual{position:relative;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover}.image-note{position:absolute;right:20px;bottom:20px;background:rgba(251,250,247,.9);padding:9px 12px;font:9px var(--mono);letter-spacing:.12em}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white;padding:17px 0;white-space:nowrap}.marquee div{font:10px var(--mono);letter-spacing:.16em;text-align:center}.marquee i{color:var(--blue);font-size:7px;margin:0 30px}
.story-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:start}.story h2,.heading-row h2,.process-intro h2,.contact-v2 h2,.editorial-cta h2{font-size:clamp(46px,5vw,72px)}.story-grid p{color:var(--muted);line-height:1.8;font-size:15px}.story-grid .lead{font-size:20px;line-height:1.55;color:#34404a;margin-top:3px}.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article{padding:28px 26px;border-right:1px solid var(--line)}.principles article:first-child{padding-left:0}.principles article:last-child{border:0}.principles span{font:10px var(--mono);color:var(--blue)}.principles h3{font-size:18px;margin:20px 0 10px}.principles p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}
.project-section{background:#edf0f0}.heading-row{display:grid;grid-template-columns:1fr 380px;gap:80px;align-items:end;margin-bottom:60px}.heading-row h2{margin-bottom:0}.heading-row>p{color:var(--muted);line-height:1.75;font-size:14px}.heading-row.compact{grid-template-columns:1fr 420px}.project-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-tile{height:510px;position:relative;overflow:hidden;background:#ccd2d3}.project-wide{grid-column:1/-1;height:680px}.project-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-tile:hover img{transform:scale(1.025)}.project-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,23,36,.8),transparent 58%)}.project-overlay{position:absolute;z-index:2;left:32px;right:32px;bottom:30px;color:white}.project-overlay span{font:9px var(--mono);letter-spacing:.16em;color:#cbd8e2}.project-overlay h3{font:500 30px var(--sans);letter-spacing:-.04em;margin:10px 0 0}.project-overlay i{position:absolute;right:0;bottom:0;font-style:normal;font-size:24px}.project-placeholder{height:510px;border:1px dashed #aeb8bb;display:grid;place-content:center;text-align:center}.project-placeholder>span{font-size:40px;color:var(--blue)}.project-placeholder h3{margin:20px 0 5px}.project-placeholder p{color:var(--muted);font-size:12px}.all-link{margin-top:30px;display:flex;justify-content:space-between;border-top:1px solid #cbd0d1;padding-top:20px;font-size:12px;font-weight:700}
.services-v2{background:var(--paper)}.service-list-v2{border-top:1px solid var(--line)}.service-list-v2 article{display:grid;grid-template-columns:70px 1fr 1.3fr 1fr 30px;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service-list-v2 article:hover{padding-left:15px;background:white}.service-index{font:10px var(--mono);color:var(--blue)}.service-list-v2 h3{font-size:22px;letter-spacing:-.03em;margin:0}.service-list-v2 p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.service-list-v2 article>div{display:flex;gap:6px;flex-wrap:wrap}.service-list-v2 article>div span{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:6px 8px}.service-list-v2 i{font-style:normal;color:var(--blue)}
.process-v2{background:var(--navy);color:white}.process-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px}.process-intro{position:sticky;top:115px;align-self:start}.process-intro p{color:#a8b8c6;line-height:1.75;max-width:450px;margin-bottom:32px}.process-intro h2 em{color:#a8bfd0}.process-steps{border-top:1px solid rgba(255,255,255,.16)}.process-steps article{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:31px 0;border-bottom:1px solid rgba(255,255,255,.16)}.process-steps article>span{font:10px var(--mono);color:#7fa9c8}.process-steps h3{font-size:22px;margin:0 0 10px}.process-steps p{color:#9aabba;line-height:1.65;font-size:13px;margin:0;max-width:600px}
.compare-section{background:var(--cream)}.compare-frame{--position:52%;position:relative;aspect-ratio:16/8.3;overflow:hidden;background:#bbb;box-shadow:0 25px 70px rgba(30,35,38,.12)}.compare-frame>img,.compare-after,.compare-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-after{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.compare-label{position:absolute;z-index:3;top:20px;padding:8px 10px;background:white;font:9px var(--mono);letter-spacing:.14em}.before-label{right:20px}.after-label{left:20px;background:var(--navy);color:white}.compare-line{position:absolute;z-index:3;left:var(--position);top:0;bottom:0;width:1px;background:white;pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:white;display:grid;place-items:center;color:var(--navy);letter-spacing:5px;padding-left:5px}.compare-frame input{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.journal{background:white}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post-image{height:280px;display:grid;place-items:center;overflow:hidden;background:#e4e0d8;color:#777;font:10px var(--mono);letter-spacing:.15em}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.post-card:hover .post-image img{transform:scale(1.03)}.post-card>span{display:block;margin-top:19px;font:9px var(--mono);letter-spacing:.14em;color:var(--blue)}.post-card h3,.post-card h2{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:12px 0}.post-card p{color:var(--muted);font-size:13px;line-height:1.65}.empty-post .post-image{border:1px dashed #b8b2a8}
.contact-v2{background:var(--sand)}.contact-v2-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.contact-v2 p{color:#59666f;line-height:1.75;max-width:520px}.contact-v2 dl{display:grid;gap:20px;margin-top:40px}.contact-v2 dl div{display:grid;gap:5px}.contact-v2 dt{font:9px var(--mono);letter-spacing:.14em;color:var(--blue)}.contact-v2 dd{margin:0;font-size:14px}.inquiry-form{background:var(--paper);padding:42px;display:grid;gap:23px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry-form label{display:grid;gap:9px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border:0;border-bottom:1px solid #c9c5bd;background:transparent;border-radius:0;padding:11px 0;outline:none;text-transform:none;letter-spacing:normal}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--blue)}.form-message{border-left:3px solid #4d966f;padding:12px;background:#edf7f1;color:#326649!important;font-size:12px}.honeypot{position:absolute!important;left:-9999px!important}
.editorial-cta{background:#dce7ed;padding:85px 0}.editorial-cta .wrap{display:flex;align-items:end;justify-content:space-between}.editorial-cta h2{margin-bottom:0}.round-link{width:150px;height:150px;border-radius:50%;background:var(--navy);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:12px}.round-link span{font-size:20px}footer{background:#101e2d;color:white;padding:75px 0 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:65px}.footer-brand{display:grid;align-content:start}.footer-brand strong{font-size:27px;letter-spacing:.16em}.footer-brand>span{font-size:9px;letter-spacing:.36em;color:#7998b4;margin-top:7px}.footer-brand p{color:#7f91a3;line-height:1.65;max-width:300px;font-size:12px;margin-top:24px}.footer-main>div:not(.footer-brand){display:grid;align-content:start;gap:13px;color:#a8b4c0;font-size:12px}.footer-main small{color:#607991;font:9px var(--mono);letter-spacing:.15em;margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #2a3949;margin-top:60px;padding-top:22px;color:#657b91;font-size:10px}.floating-cta{position:fixed;z-index:40;right:20px;bottom:20px;background:#2d875e;color:white;padding:15px 19px;font-size:12px;font-weight:700;box-shadow:0 12px 35px rgba(0,0,0,.2)}
.inner-hero,.blog-hero{background:var(--cream);padding:110px 0 90px;position:relative;overflow:hidden}.inner-hero h1,.blog-hero h1{max-width:1000px;margin-bottom:22px}.inner-hero p,.blog-hero p{max-width:720px;color:var(--muted);line-height:1.75;font-size:17px}.inner-hero.has-image{min-height:650px;color:white;display:flex;align-items:end}.inner-hero.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,25,40,.83),rgba(10,25,40,.08))}.inner-hero.has-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.inner-hero.has-image>.wrap{position:relative;z-index:2}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:100px;padding-top:90px;padding-bottom:110px;align-items:start}.article-content{font-family:var(--serif);font-size:18px;line-height:1.9;color:#35414b}.article-content h2{font-family:var(--sans);font-size:36px;letter-spacing:-.04em;line-height:1.15;margin:55px 0 20px}.article-content h3{font-family:var(--sans);font-size:26px;margin:40px 0 15px}.article-content img{margin:35px 0;width:100%;height:auto}.article-content blockquote{font-size:25px;line-height:1.5;border-left:3px solid var(--blue);margin:40px 0;padding-left:25px;color:#4d6170}.article-layout aside{position:sticky;top:115px;background:var(--cream);padding:28px}.article-layout aside>span{font:9px var(--mono);letter-spacing:.15em;color:var(--blue)}.article-layout aside p{font-size:14px;line-height:1.6;color:var(--muted)}
.category-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.category-bar .wrap{display:flex;gap:25px;overflow:auto}.category-bar a{padding:18px 0;font-size:11px;font-weight:700;white-space:nowrap}.category-bar a.active{color:var(--blue)}.category-bar a span{color:#9aa2a8;margin-left:4px}.blog-list .post-card{padding-bottom:25px}.article-hero{padding:95px 0 0;background:var(--cream)}.article-hero .wrap{max-width:980px}.article-hero h1{font-size:clamp(48px,6vw,82px);max-width:970px}.article-hero p{max-width:760px;color:var(--muted);line-height:1.7;font-size:18px}.article-meta{display:flex;gap:28px;font:9px var(--mono);letter-spacing:.12em;color:#6c7881;padding:25px 0 45px}.article-hero>img{width:min(1280px,calc(100% - 72px));height:min(68vw,720px);object-fit:cover;margin:auto}.not-found,.empty-public{min-height:60vh;display:grid;place-content:center;text-align:center;padding:60px}.not-found>span{font:100px var(--serif);color:#c4beb4}.not-found h1{margin:0 0 25px}
.project-hero{height:calc(100svh - 78px);position:relative;display:flex;align-items:end;color:white}.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,19,30,.82),transparent 65%)}.project-hero .wrap{position:relative;z-index:2;padding-bottom:65px}.project-hero h1{font-size:clamp(55px,7vw,100px);margin-bottom:0}.project-facts{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.project-facts div{padding:27px 20px;border-right:1px solid var(--line)}.project-facts div:first-child{padding-left:0}.project-facts span{display:block;font:9px var(--mono);letter-spacing:.15em;color:var(--blue);margin-bottom:9px}.project-facts strong{font-size:13px}.project-narrative{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:100px;padding-bottom:100px}.project-narrative h2{font-size:36px;line-height:1.3;letter-spacing:-.04em;font-weight:500}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:25px;border-bottom:1px solid var(--line)}.gallery-heading h2{margin:13px 0 0;font-size:clamp(30px,3.5vw,48px);line-height:1;letter-spacing:-.05em;font-weight:500}.gallery-heading p{margin:0;color:var(--muted);font-size:11px}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.project-gallery figure{margin:0;min-width:0;aspect-ratio:4/3;overflow:hidden;background:#dfe1df}.project-gallery figure:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:2/1}.project-gallery-card{position:relative;width:100%;height:100%;display:block;padding:0;border:0;background:transparent;overflow:hidden;cursor:zoom-in}.project-gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,22,34,.45),transparent 45%);opacity:0;transition:opacity .35s}.project-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.project-gallery-card>span{position:absolute;z-index:2;right:16px;bottom:14px;color:white;font:9px var(--mono);letter-spacing:.12em;opacity:0;transform:translateY(5px);transition:.3s}.project-gallery-card:hover img{transform:scale(1.025)}.project-gallery-card:hover:after,.project-gallery-card:hover>span,.project-gallery-card:focus-visible:after,.project-gallery-card:focus-visible>span{opacity:1}.project-gallery-card:hover>span,.project-gallery-card:focus-visible>span{transform:translateY(0)}.project-gallery-card:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.project-lightbox[hidden]{display:none}.project-lightbox{position:fixed;z-index:200;inset:0;background:rgba(7,15,23,.96);display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;padding:35px;color:white}.project-lightbox figure{margin:0;min-width:0;height:calc(100svh - 70px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px}.project-lightbox figure img{width:100%;height:100%;object-fit:contain}.project-lightbox figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.project-lightbox figcaption strong{font-weight:600}.project-lightbox figcaption span{font:10px var(--mono);letter-spacing:.15em;color:#9db2c3}.lightbox-close,.lightbox-arrow{border:0;background:transparent;color:white;cursor:pointer}.lightbox-close{position:absolute;right:24px;top:18px;width:48px;height:48px;font-size:37px;font-weight:200;line-height:1}.lightbox-arrow{width:58px;height:58px;border:1px solid rgba(255,255,255,.28);border-radius:50%;font-size:37px;justify-self:center;transition:background .2s,border-color .2s}.lightbox-arrow:hover,.lightbox-arrow:focus-visible,.lightbox-close:focus-visible{background:rgba(255,255,255,.12);border-color:white;outline:0}body.gallery-open{overflow:hidden}
@media(max-width:1000px){.wrap{width:min(760px,calc(100% - 40px))}.menu-button{display:block;z-index:52}.nav{position:fixed;inset:78px 0 0;background:var(--paper);padding:55px 30px;display:flex;align-items:flex-start;flex-direction:column;gap:23px;font-size:19px;transform:translateY(-120%);transition:transform .3s}.nav.open{transform:translateY(0)}.nav-cta{margin:12px 0 0;font-size:12px}.hero-v2{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:85px 30px 55px}.hero-visual{height:65vw;min-height:480px}.story-grid,.heading-row,.process-layout,.contact-v2-grid,.project-narrative{grid-template-columns:1fr;gap:45px}.principles{grid-template-columns:1fr 1fr}.project-wide{height:580px}.process-intro{position:static}.service-list-v2 article{grid-template-columns:50px 1fr 1fr 25px}.service-list-v2 article>div{grid-column:2/4}.post-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:last-child{display:none}.article-layout{grid-template-columns:1fr;gap:35px}.article-layout aside{position:static}.project-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.section{padding:78px 0}.site-header{height:70px;padding:0 16px}.nav{top:70px}.brand img{width:38px;height:38px}.hero-copy{padding:65px 18px 40px}.hero-copy h1{font-size:50px}.hero-copy>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-trust{grid-template-columns:1fr 1fr}.hero-trust div:last-child{display:none}.hero-visual{height:74vw;min-height:360px}.marquee div{text-align:left}.story h2,.heading-row h2,.process-intro h2,.contact-v2 h2,.editorial-cta h2{font-size:42px}.principles{grid-template-columns:1fr}.principles article,.principles article:first-child{padding:23px 0;border-right:0;border-bottom:1px solid var(--line)}.project-grid-v2{grid-template-columns:1fr}.project-tile,.project-wide,.project-placeholder{grid-column:auto;height:430px}.service-list-v2 article{grid-template-columns:35px 1fr 20px;gap:14px}.service-list-v2 article p,.service-list-v2 article>div{grid-column:2/-1}.process-layout{gap:60px}.compare-frame{aspect-ratio:4/3}.post-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.inquiry-form{padding:28px 20px}.editorial-cta .wrap{align-items:flex-start;flex-direction:column;gap:30px}.round-link{width:auto;height:auto;border-radius:0;padding:18px 24px;flex-direction:row}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.article-hero>img{width:100%;height:65vw}.article-meta{flex-wrap:wrap}.project-facts{grid-template-columns:1fr 1fr}.project-facts div{padding-left:0}.gallery-heading{align-items:flex-start;flex-direction:column;gap:10px}.project-gallery{grid-template-columns:1fr;gap:12px}.project-gallery figure,.project-gallery figure:last-child:nth-child(odd){grid-column:auto;aspect-ratio:4/3}.project-lightbox{grid-template-columns:1fr;padding:55px 14px 18px}.project-lightbox figure{height:calc(100svh - 73px);gap:10px}.lightbox-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(7,15,23,.58);font-size:28px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-close{right:8px;top:7px}.project-lightbox figcaption{padding:0 4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.contact-page-hero{padding:120px 0 90px;background:var(--cream)}.contact-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end}.contact-page-hero h1{font-size:clamp(58px,7vw,104px);line-height:.92;letter-spacing:-.065em;font-weight:500;margin:28px 0}.contact-page-hero h1 em,.contact-form-layout h2 em{font-family:var(--serif);font-weight:400;color:#6f7e86}.contact-page-hero p{max-width:700px;color:var(--muted);font-size:17px;line-height:1.75}.contact-hero-note{border-left:1px solid var(--line);padding:15px 0 15px 38px}.contact-hero-note>span{font:9px var(--mono);letter-spacing:.16em;color:var(--blue)}.contact-hero-note strong{display:block;font-size:23px;line-height:1.35;margin:20px 0}.contact-hero-note p{font-size:13px;margin:0}.contact-details{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-detail-grid{display:grid;grid-template-columns:repeat(3,1fr)}.contact-detail-grid>a,.contact-detail-grid>div{position:relative;display:grid;align-content:center;gap:12px;min-height:170px;padding:25px 35px;border-right:1px solid var(--line)}.contact-detail-grid>*:first-child{padding-left:0}.contact-detail-grid>*:last-child{border:0}.contact-detail-grid span{font:9px var(--mono);letter-spacing:.15em;color:var(--blue)}.contact-detail-grid strong{font-size:16px}.contact-detail-grid small{color:var(--muted)}.contact-detail-grid i{position:absolute;right:30px;bottom:28px;color:var(--blue);font-style:normal}.contact-form-section{background:var(--paper)}.contact-form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:start}.contact-form-layout h2{font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.06em;font-weight:500;margin:25px 0}.contact-form-layout>div>p{color:var(--muted);line-height:1.75}.contact-promises{margin-top:45px;border-top:1px solid var(--line)}.contact-promises div{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-promises span{font:10px var(--mono);color:var(--blue)}.contact-promises p{margin:0;font-size:12px;color:var(--muted)}.contact-page-form{box-shadow:0 25px 70px rgba(27,36,43,.08)}.contact-success,.contact-error{display:grid;gap:5px;padding:16px;border-left:3px solid #3a8d65;background:#edf7f1;color:#326649}.contact-success span{font-size:12px}.contact-error{border-color:#bf4e59;background:#fff0f1;color:#8b3039}.privacy-note{color:var(--muted);font-size:10px;line-height:1.5}.contact-next{padding:85px 0;background:#dce7ed}.contact-next-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px}.contact-next-grid article{padding:30px;border-left:1px solid #b9c9d3}.contact-next-grid article:first-child{padding-left:0;border:0}.contact-next-grid span{font:10px var(--mono);color:var(--blue)}.contact-next-grid h3{font-size:21px;margin:20px 0 10px}.contact-next-grid p{font-size:13px;line-height:1.65;color:#596b78}
@media(max-width:1000px){.contact-hero-grid,.contact-form-layout{grid-template-columns:1fr;gap:45px}.contact-hero-note{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}}
@media(max-width:650px){.contact-page-hero{padding:75px 0 55px}.contact-page-hero h1{font-size:50px}.contact-detail-grid,.contact-next-grid{grid-template-columns:1fr}.contact-detail-grid>a,.contact-detail-grid>div{min-height:125px;padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.contact-next-grid article,.contact-next-grid article:first-child{padding:25px 0;border-left:0;border-top:1px solid #b9c9d3}.contact-next-grid article:first-child{border-top:0}}
.floating-contact-buttons{position:fixed;right:24px;bottom:24px;z-index:70;display:grid;gap:10px}.floating-contact{position:relative;width:174px;min-height:50px;padding:0 50px 0 17px;border-radius:15px;display:flex;align-items:center;color:white;font-size:15px;font-weight:750;letter-spacing:.01em;box-shadow:0 12px 30px rgba(25,37,47,.22);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;overflow:hidden}.floating-contact:hover{transform:translateX(-4px);box-shadow:0 17px 34px rgba(25,37,47,.28);filter:saturate(1.08)}.floating-contact:focus-visible{outline:3px solid white;outline-offset:3px}.call-button{background:linear-gradient(135deg,#625fd7,#6854c5)}.whatsapp-button{background:linear-gradient(135deg,#8bd660,#71c750)}.contact-icon{position:absolute;right:6px;top:5px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);box-shadow:-8px 0 18px rgba(32,45,55,.09);font-style:normal}.phone-icon:before{content:"☎";font-family:Arial,sans-serif;font-size:22px;line-height:1;color:white;transform:rotate(-12deg)}.chat-icon:before{content:"";width:16px;height:16px;border:1.8px solid white;border-radius:50%}.chat-icon:after{content:"";position:absolute;left:11px;bottom:10px;width:6px;height:6px;border-left:1.8px solid white;transform:rotate(-28deg)}
@media(max-width:650px){.floating-contact-buttons{right:13px;bottom:max(13px,env(safe-area-inset-bottom));gap:8px}.floating-contact{width:156px;min-height:46px;padding-left:14px;padding-right:45px;border-radius:13px;font-size:13px}.contact-icon{width:36px;height:36px;top:5px;right:5px}.phone-icon:before{font-size:20px}}
.home-project-grid .project-tile{height:500px}.project-card-facts{display:flex!important;gap:8px!important;margin-top:15px}.project-card-facts b{padding:5px 8px;border:1px solid rgba(255,255,255,.35);font:8px var(--mono);letter-spacing:.1em}.project-archive-link{align-items:center;padding:25px 0;margin-top:35px}.project-archive-link>span{display:grid;gap:5px}.project-archive-link strong{font-size:14px}.project-archive-link small{color:#738087;font-size:11px;font-weight:400}.project-archive-link>i{font-style:normal;font-size:24px;color:var(--blue)}.portfolio-hero-copy{display:flex;align-items:end;justify-content:space-between;gap:50px}.portfolio-hero-copy p{margin:0}.portfolio-page{padding-top:75px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 24px}.portfolio-card{min-width:0}.portfolio-image{height:440px;position:relative;display:block;overflow:hidden;background:#ccd2d3}.portfolio-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,22,34,.5),transparent 48%);opacity:.5;transition:opacity .3s}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.portfolio-image>span{position:absolute;z-index:2;right:20px;bottom:18px;color:white;font-size:10px;font-weight:700;letter-spacing:.04em;opacity:0;transform:translateY(8px);transition:.3s}.portfolio-image:hover img{transform:scale(1.025)}.portfolio-image:hover:after,.portfolio-image:hover>span{opacity:1}.portfolio-image:hover>span{transform:translateY(0)}.portfolio-card-body{padding:24px 4px 0}.portfolio-type{font:9px var(--mono);letter-spacing:.15em;color:var(--blue)}.portfolio-card h2{font-size:29px;line-height:1.15;letter-spacing:-.045em;font-weight:550;margin:12px 0}.portfolio-card-body>p{min-height:43px;color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 20px}.portfolio-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portfolio-facts div{padding:14px 10px;border-right:1px solid var(--line)}.portfolio-facts div:first-child{padding-left:0}.portfolio-facts div:last-child{border:0}.portfolio-facts dt{font:8px var(--mono);letter-spacing:.12em;color:#89939a}.portfolio-facts dd{margin:6px 0 0;font-size:11px;font-weight:700}.portfolio-detail-link{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.portfolio-detail-link span{font-size:16px;color:var(--blue)}
@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr;gap:55px}.portfolio-image{height:min(65vw,500px)}.portfolio-hero-copy{align-items:flex-start;flex-direction:column}.home-project-grid .project-tile{height:440px}}
@media(max-width:650px){.home-project-grid .project-tile{height:410px}.portfolio-page{padding-top:55px}.portfolio-image{height:72vw;min-height:330px}.portfolio-facts{grid-template-columns:1fr 1fr}.portfolio-facts div:nth-child(2){border-right:0}.portfolio-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-archive-link small{max-width:240px;line-height:1.4}}
.modern-header{height:96px;padding-left:max(28px,calc((100vw - 1420px)/2));padding-right:max(28px,calc((100vw - 1420px)/2));background:rgba(251,250,247,.97);box-shadow:0 8px 35px rgba(18,40,63,.045)}.modern-header .brand{min-width:218px;gap:14px}.modern-header .brand img{width:52px;height:52px;box-shadow:0 7px 18px rgba(17,35,54,.14)}.modern-header .brand strong{font-size:19px}.modern-header .brand small{font-size:7px;letter-spacing:.38em}.modern-nav{height:100%;gap:0}.modern-nav .nav-link{height:100%;min-width:98px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:9px;border-left:1px solid rgba(24,33,43,.08);color:#394956!important;transition:background .22s,color .22s}.modern-nav .nav-link:hover{background:#f0eee8;color:var(--navy)!important}.nav-icon{width:28px;height:28px;border:1px solid #cbd3d8;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:var(--blue);font:15px/1 var(--serif);transition:.22s}.nav-link:hover .nav-icon{background:var(--navy);border-color:var(--navy);color:white;transform:translateY(-1px)}.nav-copy{display:grid;gap:4px}.nav-copy small{font:7px/1 var(--mono);letter-spacing:.14em;color:#91a0aa}.nav-copy strong{font-size:11px;line-height:1;font-weight:700;white-space:nowrap}.modern-nav-cta{min-width:177px;min-height:58px;margin-left:13px!important;padding:0 15px 0 17px!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px;background:var(--navy)!important;color:white!important;box-shadow:0 9px 22px rgba(18,40,63,.18);transition:transform .22s,box-shadow .22s}.modern-nav-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(18,40,63,.24)}.modern-nav-cta>span{display:grid;gap:5px}.modern-nav-cta small{font:7px var(--mono);letter-spacing:.1em;color:#8eb1ca}.modern-nav-cta strong{font-size:11px;white-space:nowrap}.modern-nav-cta i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#c6dceb;font-style:normal}.modern-header+.hero-v2{min-height:calc(100svh - 96px)}.modern-header+*.project-hero,.project-hero{height:calc(100svh - 96px)}
@media(max-width:1200px) and (min-width:1001px){.modern-header{padding-left:20px;padding-right:20px}.modern-header .brand{min-width:180px}.modern-nav .nav-link{min-width:82px;padding:0 8px}.nav-icon{width:25px;height:25px}.nav-copy strong{font-size:10px}.modern-nav-cta{min-width:145px;margin-left:8px!important}.modern-nav-cta small{display:none}}
@media(max-width:1000px){.modern-header{height:78px;padding:0 20px}.modern-header .brand{min-width:0}.modern-header .brand img{width:46px;height:46px}.modern-nav{inset:78px 0 0;height:auto;padding:20px 22px 38px;gap:0;overflow-y:auto;background:rgba(251,250,247,.99)}.modern-nav .nav-link{width:100%;height:76px;min-width:0;padding:0 8px;justify-content:flex-start;gap:17px;border-left:0;border-bottom:1px solid var(--line)}.modern-nav .nav-link:first-child{border-top:1px solid var(--line)}.modern-nav .nav-icon{width:42px;height:42px;font-size:19px}.modern-nav .nav-copy{gap:6px}.modern-nav .nav-copy small{font-size:8px}.modern-nav .nav-copy strong{font-size:18px}.modern-nav-cta{width:100%;min-height:66px;margin:20px 0 0!important;padding:0 18px!important}.modern-nav-cta small{display:block}.modern-nav-cta strong{font-size:14px}.modern-header+.hero-v2{min-height:auto}.project-hero{height:calc(100svh - 78px)}}
@media(max-width:650px){.modern-header{height:72px;padding:0 15px}.modern-header .brand img{width:43px;height:43px}.modern-header .brand strong{font-size:17px}.modern-header .brand small{font-size:6px}.modern-nav{inset:72px 0 0;padding:14px 16px 28px}.modern-nav .nav-link{height:70px}.modern-nav .nav-icon{width:38px;height:38px}.modern-nav .nav-copy strong{font-size:17px}.project-hero{height:calc(100svh - 72px)}}
.modern-nav .grid-cta{min-width:137px;padding-inline:14px;background:var(--navy);color:white!important;border-left-color:var(--navy)}.modern-nav .grid-cta:hover{background:#1a3650;color:white!important}.modern-nav .grid-cta .nav-icon{border-color:rgba(255,255,255,.3);color:white}.modern-nav .grid-cta:hover .nav-icon{background:white;border-color:white;color:var(--navy)}.modern-nav .grid-cta .nav-copy small{color:#91b3cd}.modern-nav .grid-cta .nav-copy strong{font-size:12px}
@media(max-width:1200px) and (min-width:1001px){.modern-nav .grid-cta{min-width:122px;padding-inline:9px}.modern-nav .grid-cta .nav-copy strong{font-size:10px}}
@media(max-width:1000px){.modern-nav .grid-cta{width:100%;min-width:0;margin:0;padding:0 8px;border-bottom-color:var(--navy)}.modern-nav .grid-cta .nav-copy strong{font-size:18px}}
@media(max-width:650px){.modern-nav .grid-cta .nav-copy strong{font-size:17px}}
.modern-header{display:grid;grid-template-columns:minmax(218px,1fr) auto minmax(280px,1fr);column-gap:22px}.modern-header .brand{justify-self:start;margin-right:0}.modern-header .modern-nav{justify-self:center}.header-company-info{justify-self:end;min-width:0;display:grid;grid-template-columns:minmax(0,145px) auto;align-items:center;gap:13px;padding-left:16px;border-left:1px solid var(--line)}.company-address{min-width:0;display:flex;align-items:center;gap:8px}.company-address>i{width:27px;height:27px;border:1px solid #cbd3d8;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:var(--blue);font-style:normal}.company-address>span,.company-phone-list a{min-width:0;display:grid;gap:4px}.header-company-info small,.mobile-company-info small{font:7px/1 var(--mono);letter-spacing:.12em;color:#82919c}.header-company-info strong{font-size:9px;line-height:1.25;font-weight:700}.company-address strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-phone-list{display:grid;gap:7px;padding-left:13px;border-left:1px solid var(--line)}.company-phone-list a:hover strong{color:var(--blue)}.header-company-spacer{justify-self:end}.mobile-company-info{display:none}
@media(max-width:1350px) and (min-width:1001px){.modern-header{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);column-gap:14px}.header-company-info{grid-template-columns:auto;min-width:165px}.company-address{display:none}.company-phone-list{padding-left:0;border-left:0}.header-company-info strong{font-size:8px}}
@media(max-width:1120px) and (min-width:1001px){.header-company-info{display:none}.modern-header{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)}}
@media(max-width:1000px){.modern-header{display:flex}.modern-header .brand{margin-right:auto}.header-company-info,.header-company-spacer{display:none}.mobile-company-info{width:100%;margin-top:18px;padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mobile-company-info>span,.mobile-company-info>a{display:grid;gap:7px;min-width:0}.mobile-company-info strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}.mobile-company-info a:hover strong{color:var(--blue)}}
@media(max-width:650px){.mobile-company-info{grid-template-columns:1fr;gap:14px;padding:17px}.mobile-company-info>span,.mobile-company-info>a{padding-bottom:13px;border-bottom:1px solid var(--line)}.mobile-company-info>*:last-child{padding-bottom:0;border-bottom:0}}

/* V2.10 — mobil menü ve yatay taşma düzeltmeleri */
html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}
body.menu-open{overflow:hidden}
body.menu-open .modern-header{z-index:90}
body.menu-open .floating-contact-buttons{opacity:0;visibility:hidden;pointer-events:none}
main{min-width:0}

@media(max-width:1000px){
  .modern-header{position:sticky;width:100%;max-width:100%}
  .modern-header .brand{min-width:0;max-width:calc(100% - 58px);overflow:hidden}
  .modern-header .brand>span{min-width:0}
  .modern-header .brand strong,.modern-header .brand small{white-space:nowrap}
  .menu-button{position:relative;z-index:53;flex:0 0 44px;cursor:pointer}
  .menu-button span{transform-origin:center;transition:transform .22s ease,opacity .22s ease}
  .menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .modern-nav{
    position:absolute;
    inset:100% 0 auto auto;
    justify-self:auto;
    width:min(50vw,360px);
    max-width:50vw;
    height:auto;
    max-height:calc(100svh - 78px);
    padding:10px 0;
    display:flex;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:rgba(251,250,247,.995);
    box-shadow:0 24px 45px rgba(18,40,63,.13);
    transform:translateX(100%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;
  }
  .modern-nav.open{
    transform:translateX(0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
  }
  .modern-nav .nav-link{width:100%;height:58px;min-width:0;padding:0 18px;justify-content:flex-start;border:0;border-bottom:1px solid var(--line);flex:0 0 auto}
  .modern-nav .nav-link:first-child{border-top:0}
  .modern-nav .nav-link:last-of-type{border-bottom:0}
  .modern-nav .nav-icon,.modern-nav .nav-copy small,.modern-nav .grid-cta,.modern-nav .mobile-company-info{display:none!important}
  .modern-nav .nav-copy{min-width:0}
  .modern-nav .nav-copy strong{font-size:15px;line-height:1.2;white-space:normal}
}

@media(max-width:650px){
  .modern-nav{
    inset:100% 0 auto auto;
    width:50vw;
    max-width:50vw;
    height:auto;
    max-height:calc(100svh - 72px);
    padding:8px 0;
  }
  .modern-nav .nav-link{height:56px;padding:0 16px}
  .modern-nav .nav-copy strong{font-size:14px}
  .hero-v2,.hero-copy,.hero-visual,.section,.wrap,.project-grid-v2,.post-grid,.portfolio-grid,.service-list-v2,.contact-v2-grid,.footer-main{min-width:0;max-width:100%}
  .hero-copy h1,.inner-hero h1,.blog-hero h1,.article-hero h1,.project-hero h1{overflow-wrap:anywhere}
  .project-overlay{left:20px;right:20px}
  .project-card-facts{max-width:100%;flex-wrap:wrap}
  .inquiry-form input,.inquiry-form select,.inquiry-form textarea{min-width:0;width:100%}
}