:root{--ink:#071d32;--blue:#0b5da7;--green:#64b32e;--paper:#f8fafb;--line:#dce3e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}header{height:118px;padding:10px clamp(22px,6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}header>a img{width:310px;height:98px;object-fit:contain;object-position:left center}nav{display:flex;align-items:center;gap:34px}nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem}nav button{border:1px solid var(--ink);background:#fff;padding:10px 17px;font-weight:800;cursor:pointer}.intro{padding:110px clamp(24px,7vw,120px) 70px;display:grid;grid-template-columns:1.7fr .7fr;gap:8vw;align-items:end}.kicker,.section-top>span,.approach>div>span,.contact>span{font-size:.75rem;letter-spacing:.18em;font-weight:900;color:var(--green)}h1{font-size:clamp(5rem,11vw,11rem);line-height:.76;letter-spacing:-.085em;margin:46px 0 0;font-weight:750}.intro-side p{font-size:1.12rem;line-height:1.75;color:#516273}.intro-side a,.contact a{display:inline-block;margin-top:25px;color:var(--ink);font-weight:900;text-decoration:none;border-bottom:2px solid var(--green);padding-bottom:6px}.panorama{margin:0 clamp(24px,3vw,52px);background:var(--ink)}.panorama img{display:block;width:100%;height:auto;aspect-ratio:2.52/1;object-fit:contain}.panorama figcaption{padding:18px 22px;color:#fff;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.12em}.panorama figcaption b{color:#8fd052}.statement{padding:150px clamp(24px,13vw,220px);display:grid;grid-template-columns:.65fr 2fr;gap:7vw}.statement p{color:var(--green);font-weight:800;line-height:1.5}.statement h2,.section-top h2,.approach h2,.contact h2{font-size:clamp(3rem,6.4vw,7rem);letter-spacing:-.065em;line-height:.95;margin:0;font-weight:720}.network{background:var(--paper);padding:130px clamp(24px,7vw,120px)}.section-top{display:grid;grid-template-columns:.55fr 1.7fr;gap:4vw;margin-bottom:110px}.project{display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:center;margin:0 0 150px}.project.reverse{grid-template-columns:.55fr 1.45fr}.project.reverse .photo{order:2}.photo{background:#e8edf0;overflow:hidden}.photo img{display:block;width:100%;height:100%;aspect-ratio:1.65/1;object-fit:cover;transition:transform .7s ease}.photo:hover img{transform:scale(1.025)}.project-copy span{font-size:.8rem;color:var(--green);font-weight:900}.project-copy h3{font-size:clamp(2.1rem,4vw,4.3rem);letter-spacing:-.05em;line-height:1;margin:22px 0}.project-copy p{color:#5a6b7b;line-height:1.7;font-size:1.05rem}.approach{padding:140px clamp(24px,7vw,120px);background:var(--ink);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.approach h2{color:#fff;margin-top:25px}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:flex;gap:24px;border-bottom:1px solid #395064;padding:28px 0;font-size:1.1rem}.approach li b{color:var(--green)}.contact{padding:150px clamp(24px,7vw,120px);background:#fff}.contact h2{font-size:clamp(4.5rem,10vw,11rem);margin:38px 0;color:var(--ink)}.contact a{font-size:clamp(1.1rem,2vw,1.7rem)}footer{border-top:1px solid var(--line);padding:30px clamp(22px,6vw,100px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#677786;font-size:.82rem}footer img{width:190px;height:74px;object-fit:contain}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}html[dir=rtl] body{text-align:right}html[dir=rtl] header>a img{object-position:right center}html[dir=rtl] footer p:last-child{text-align:left}@media(max-width:780px){header{height:92px;padding:6px 18px}header>a img{width:210px;height:76px}nav a{display:none}nav{gap:8px}.intro{padding:72px 22px 45px;grid-template-columns:1fr;gap:45px}h1{font-size:4.6rem}.panorama{margin:0}.panorama img{aspect-ratio:auto}.statement,.section-top,.approach{grid-template-columns:1fr;padding:90px 22px}.statement{gap:35px}.network{padding:90px 22px}.section-top{padding:0;margin-bottom:70px}.project,.project.reverse{grid-template-columns:1fr;gap:35px;margin-bottom:90px}.project.reverse .photo{order:0}.photo img{aspect-ratio:1.35/1}.contact{padding:100px 22px}footer{grid-template-columns:1fr;text-align:center;gap:8px}footer img{margin:auto}footer p:last-child,html[dir=rtl] footer p:last-child{text-align:center}}
