:root{--navy:#07183c;--blue:#24a6bd;--cream:#f4f1e9;--ink:#0d1a34;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{position:absolute;z-index:9;inset:0 0 auto;height:106px;padding:0 5vw;display:grid;grid-template-columns:220px 1fr auto;align-items:center;color:#fff;border-bottom:1px solid #ffffff3d}.brand img{width:175px;filter:brightness(0) invert(1)}.site-header nav{display:flex;justify-content:center;gap:42px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.header-actions{display:flex;gap:10px;align-items:center}.language-switcher{display:flex;border:1px solid #ffffff66;padding:3px}.language-switcher button{border:0;background:transparent;color:#fff;padding:8px;cursor:pointer}.language-switcher button.active{background:#fff;color:var(--navy)}.button{border:0;display:inline-flex;gap:18px;justify-content:center;align-items:center;min-height:55px;padding:0 24px;background:var(--blue);color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.1em;font-size:11px;cursor:pointer}.button.small{min-height:42px;background:#ffffff1f;border:1px solid #ffffff91}.hero{min-height:900px;padding:205px 7vw 90px;color:#fff;background:linear-gradient(90deg,#061634f7 0%,#061634d9 48%,#06163426 100%),var(--hero) center/cover}.hero-copy{max-width:760px}.eyebrow{margin:0 0 24px;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.24em}.hero h1,.section h2,.work h2,.about h2,.contact h2{font:500 clamp(62px,8vw,120px)/.9 "Cormorant Garamond",serif;letter-spacing:-.045em;margin:0 0 30px}.hero h1 em,.work h2 em,.about h2 em{color:#63d0df}.intro{max-width:650px;line-height:1.8;color:#ffffffbf;margin-bottom:40px}.section{padding:125px 7vw}.section h2,.about h2,.contact h2{font-size:clamp(50px,6vw,86px)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #bbb6aa}.service-grid article{min-height:300px;padding:30px;border-right:1px solid #bbb6aa}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border:0}.service-grid article>span{color:var(--blue);font-size:10px}.service-grid h3{font:600 30px/1 "Cormorant Garamond",serif;margin:48px 0 20px}.service-grid p{color:#6d7483;line-height:1.8;font-size:13px}.work{padding:120px 5vw;background:var(--navy);color:#fff}.work h2{font-size:clamp(52px,6vw,88px)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.project-grid article{min-height:570px;background-size:cover;background-position:center;position:relative}.project-grid article:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#06142ee8)}.project-grid article div{position:absolute;z-index:1;left:25px;right:25px;bottom:25px}.project-grid small{text-transform:uppercase;letter-spacing:.15em;color:#65d6e5}.project-grid h3{font:500 35px/1 "Cormorant Garamond",serif;margin:10px 0}.process{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.process-list article{border-top:1px solid #c1bdb2;padding:28px 0;display:grid;grid-template-columns:55px 1fr;align-items:center}.process-list span{color:var(--blue)}.process-list h3{font:600 32px "Cormorant Garamond",serif;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;background:#0a1c42;color:#fff}.about-photo{min-height:700px;background-size:cover;background-position:center}.about>div:last-child{padding:110px 7vw;display:flex;justify-content:center;flex-direction:column}.about p:last-child{line-height:1.9;color:#ffffffa6}.contact{padding:115px 7vw;background:var(--blue);color:#fff}.contact .eyebrow{color:#fff}.contact h2{max-width:850px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin-top:55px}.contact label{display:flex;flex-direction:column;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.contact label.full{grid-column:1/-1}.contact input,.contact textarea{width:100%;border:1px solid #ffffff6b;background:#ffffff14;color:#fff;padding:15px;font:inherit}.contact textarea{min-height:140px}.contact .button{background:var(--navy);justify-self:start}.notice{background:#fff;color:var(--navy);padding:15px;margin:25px 0;max-width:1000px}footer{background:#061431;color:#fff;padding:75px 7vw 28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}footer>img{width:210px;filter:brightness(0) invert(1)}footer p{color:#ffffff70}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:24px;color:#ffffff57;font-size:10px}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.service-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.process,.about{grid-template-columns:1fr}.about-photo{min-height:500px}}@media(max-width:620px){.site-header{height:84px;padding:0 18px}.brand img{width:135px}.button.small{display:none}.language-switcher button span{display:none}.hero{min-height:790px;padding:150px 22px 70px}.hero h1{font-size:60px}.section,.work,.contact{padding:85px 22px}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #bbb6aa;padding:28px 0;min-height:240px}.project-grid article{min-height:470px}.contact form{grid-template-columns:1fr}.contact label.full{grid-column:auto}.about>div:last-child{padding:80px 22px}footer{grid-template-columns:1fr;padding:60px 22px 25px}}
