.latitude-page { --latitude-blue: #0d5f94; --latitude-ice: #dcecf3; background: var(--latitude-ice); }
.loader--latitude .loader__line i { background: #4fa7d5; }
.latitude-page .wordmark span, .latitude-page .menu-toggle i { color: inherit; background: #5fb2dc; }
.latitude-page .scroll-progress i { background: #51a8d4; }
.latitude-hero { position: relative; min-height: 100svh; overflow: hidden; color: white; background: #123c58; }
.latitude-hero__media, .latitude-hero__grid { position: absolute; inset: 0; }
.latitude-hero__media { height: 112%; top: -6%; }
.latitude-hero__media img { height: 100%; object-fit: cover; object-position: center 30%; filter: saturate(.82) contrast(1.03); }
.latitude-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,22,35,.65), transparent 58%), linear-gradient(0deg, rgba(4,24,37,.46), transparent 45%); }
.latitude-hero__grid { z-index: 1; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px); background-size: 8.333vw 8.333vw; mask-image: linear-gradient(90deg, black, transparent 80%); }
.latitude-hero__coordinates { position: absolute; z-index: 2; top: 112px; left: var(--page); right: var(--page); display: grid; grid-template-columns: 1fr 1fr 1fr; font: 9px/1 "Nimbus Mono PS", monospace; text-transform: uppercase; }
.latitude-hero__coordinates span:nth-child(2) { text-align: center; }.latitude-hero__coordinates span:last-child { text-align: right; }
.latitude-hero__focus { position: absolute; z-index: 2; width: min(34vw, 520px); aspect-ratio: 1; right: 12vw; top: 21%; border: 1px solid rgba(255,255,255,.7); }
.latitude-hero__focus i { position: absolute; width: 18px; height: 18px; border-color: white; border-style: solid; }
.latitude-hero__focus i:nth-child(1) { left: -1px; top: -1px; border-width: 2px 0 0 2px; }.latitude-hero__focus i:nth-child(2) { right: -1px; top: -1px; border-width: 2px 2px 0 0; }.latitude-hero__focus i:nth-child(3) { left: -1px; bottom: -1px; border-width: 0 0 2px 2px; }.latitude-hero__focus i:nth-child(4) { right: -1px; bottom: -1px; border-width: 0 2px 2px 0; }
.latitude-hero__title { position: absolute; z-index: 3; left: var(--page); top: 33%; }
.latitude-hero__title > span { font: 9px/1 "Nimbus Mono PS", monospace; text-transform: uppercase; }
.latitude-hero h1 { margin: 18px 0 0; font-size: clamp(6.4rem, 15vw, 15rem); font-weight: 500; line-height: .72; letter-spacing: -.08em; }
.latitude-hero__title p { margin: 45px 0 0 56%; width: 220px; font-size: clamp(1.25rem, 2vw, 1.9rem); line-height: 1; }
.latitude-hero__foot { position: absolute; z-index: 3; left: var(--page); right: var(--page); bottom: 34px; display: flex; justify-content: space-between; align-items: end; font: 9px/1.25 "Nimbus Mono PS", monospace; text-transform: uppercase; }
.latitude-hero__foot span:first-child { max-width: 320px; }

.latitude-intro { min-height: 100svh; padding: 90px var(--page) 55px; display: grid; grid-template-columns: 2fr 7fr 3fr; gap: 60px 2vw; }
.latitude-intro > .section-index { grid-column: 1 / -1; }
.latitude-intro__lead { grid-column: 2 / 4; padding-top: 10vh; }
.latitude-intro__lead > span { font: 9px/1 "Nimbus Mono PS", monospace; color: var(--latitude-blue); text-transform: uppercase; }
.latitude-intro h2 { max-width: 1100px; margin: 25px 0 0; font-size: clamp(3.5rem, 7vw, 7.7rem); font-weight: 500; line-height: .88; letter-spacing: -.065em; }
.latitude-intro__aside { grid-column: 3; align-self: end; }
.latitude-intro__aside p { font-size: 16px; line-height: 1.25; }.latitude-intro__aside a { display: inline-block; margin-top: 24px; padding-bottom: 4px; border-bottom: 1px solid; font-size: 12px; }
.latitude-facts { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); margin: 45px 0 0; border-top: 1px solid var(--line); }
.latitude-facts div { padding: 18px 22px 0 0; border-right: 1px solid var(--line); }.latitude-facts div + div { padding-left: 22px; }.latitude-facts div:last-child { border: 0; }
.latitude-facts dt { margin-bottom: 13px; font: 9px/1 "Nimbus Mono PS", monospace; color: #4a7288; text-transform: uppercase; }.latitude-facts dd { margin: 0; font-size: 14px; }

.latitude-lens { position: relative; height: 130svh; overflow: hidden; color: white; background: #0c2b40; }
.latitude-lens__image { position: absolute; inset: 0; }.latitude-lens__image img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; filter: saturate(.7) contrast(1.08); }
.latitude-lens__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,25,38,.88) 0%, rgba(5,25,38,.18) 70%); }
.latitude-lens__layers { position: absolute; inset: 0; }.latitude-lens__layers i { position: absolute; top: 0; bottom: 0; width: 16.666%; border-left: 1px solid rgba(255,255,255,.35); border-right: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(1px) saturate(1.12); }.latitude-lens__layers i:nth-child(1) { left: 41.666%; }.latitude-lens__layers i:nth-child(2) { left: 58.333%; backdrop-filter: blur(4px); }.latitude-lens__layers i:nth-child(3) { left: 75%; backdrop-filter: blur(8px); }
.latitude-lens__copy { position: sticky; top: 0; min-height: 100svh; padding: 105px var(--page) 50px; display: flex; flex-direction: column; justify-content: center; }
.latitude-lens__copy > span { font: 9px/1 "Nimbus Mono PS", monospace; color: #77c2e7; text-transform: uppercase; }
.latitude-lens blockquote { max-width: 850px; margin: 40px 0; font-size: clamp(3.7rem, 7vw, 7.6rem); line-height: .9; letter-spacing: -.06em; }
.latitude-lens__copy p { max-width: 400px; margin: 0; font-size: 15px; }

.latitude-system { padding: 110px var(--page) 140px; background: #eef4f5; }
.latitude-system__head { display: grid; grid-template-columns: 8fr 3fr; gap: 7vw; align-items: end; margin: 85px 0 75px; }.latitude-system__head h2 { margin: 0; font-size: clamp(3.3rem, 6.4vw, 7rem); font-weight: 500; line-height: .9; letter-spacing: -.06em; }.latitude-system__head p { margin: 0; font-size: 15px; }
.latitude-kit { min-height: 76svh; display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; color: #eaf7fb; background: #09283c; }
.latitude-kit > div { padding: 3.4vw; border: 1px solid rgba(255,255,255,.2); }
.latitude-kit__brand { grid-row: 1 / 3; display: flex; flex-direction: column; }.latitude-kit__brand b { margin: auto 0; font-size: clamp(6rem, 13vw, 13rem); font-weight: 500; line-height: .7; letter-spacing: -.085em; }.latitude-kit__brand span,.latitude-kit__brand i { font: 9px/1 "Nimbus Mono PS", monospace; text-transform: uppercase; font-style: normal; }.latitude-kit__brand i { align-self: end; }
.latitude-kit__scale { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }.latitude-kit__scale span { grid-column: 1 / -1; font: 9px/1 "Nimbus Mono PS", monospace; text-transform: uppercase; }.latitude-kit__scale i { min-height: 150px; background: #dff5ff; }.latitude-kit__scale i:nth-of-type(2) { background:#8dcbea; }.latitude-kit__scale i:nth-of-type(3) { background:#3c94c1; }.latitude-kit__scale i:nth-of-type(4) { background:#12628f; }.latitude-kit__scale i:nth-of-type(5) { background:#061f31; }
.latitude-kit__glyph { display:none; }.latitude-kit__type { display: flex; justify-content: space-between; align-items: end; }.latitude-kit__type > span { align-self: start; font: 9px/1 "Nimbus Mono PS", monospace; text-transform: uppercase; }.latitude-kit__type b { font-size: clamp(4rem,8vw,8rem); font-weight: 500; line-height: .7; }.latitude-kit__type p { margin:0; font: 9px/1.35 "Nimbus Mono PS", monospace; text-transform:uppercase; }

.latitude-product { padding: 120px var(--page) 150px; color: #eaf7fb; background: #071b28; }
.latitude-product__intro { display: grid; grid-template-columns: 2fr 7fr 3fr; gap: 2vw; align-items:end; margin-bottom: 90px; }.latitude-product__intro > span { font:9px/1 "Nimbus Mono PS",monospace; color:#64b4dc; text-transform:uppercase; }.latitude-product__intro h2 { margin:0; font-size:clamp(3.4rem,6vw,6.5rem); font-weight:400; line-height:.9; letter-spacing:-.06em; }.latitude-product__intro p { margin:0; font-size:14px; }
.latitude-dashboard { min-height: 78svh; display:grid; grid-template-columns:72px 1fr; overflow:hidden; border:1px solid rgba(255,255,255,.26); border-radius:18px; background:#e9f2f4; color:#09283c; box-shadow:0 50px 110px rgba(0,0,0,.35); }
.latitude-dashboard__rail { padding:24px 0; display:flex; flex-direction:column; align-items:center; gap:28px; color:white; background:#0b3853; }.latitude-dashboard__rail b { writing-mode:vertical-rl; transform:rotate(180deg); font-size:15px; letter-spacing:.1em; }.latitude-dashboard__rail i { width:20px; height:20px; border:1px solid rgba(255,255,255,.4); border-radius:5px; }.latitude-dashboard__rail span { margin-top:auto; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#64b4dc; font-size:10px; }
.latitude-dashboard__main { padding:25px; display:grid; grid-template-rows:auto 1fr auto; gap:22px; }.latitude-dashboard__main > header { display:flex; justify-content:space-between; font:9px/1 "Nimbus Mono PS",monospace; text-transform:uppercase; }
.latitude-dashboard__map { position:relative; overflow:hidden; background:radial-gradient(circle at 64% 46%,rgba(34,130,180,.22),transparent 28%),linear-gradient(120deg,#dce9ec,#f6fafa); }.latitude-dashboard__map::before,.latitude-dashboard__map::after { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(9,40,60,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(9,40,60,.09) 1px,transparent 1px);background-size:44px 44px; }.latitude-dashboard__map::after { transform:rotate(22deg) scale(1.5); opacity:.4; }.map-orbit { position:absolute;z-index:2;left:64%;top:46%;border:1px solid #2386b8;border-radius:50%;transform:translate(-50%,-50%); }.map-orbit--one { width:180px;height:180px; }.map-orbit--two { width:330px;height:330px;opacity:.45; }.map-point { position:absolute;z-index:3;left:64%;top:46%;width:12px;height:12px;border-radius:50%;background:#e14a36;box-shadow:0 0 0 8px rgba(225,74,54,.18); }.latitude-dashboard__map > span { position:absolute;z-index:3;left:calc(64% + 22px);top:calc(46% - 7px);font:9px/1.3 "Nimbus Mono PS",monospace;text-transform:uppercase; }.latitude-dashboard__map > span b { font-size:18px; }
.latitude-dashboard__cards { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.latitude-dashboard__cards article { min-height:110px;padding:16px;display:flex;flex-direction:column;border:1px solid rgba(9,40,60,.15);background:white; }.latitude-dashboard__cards span { font:8px/1 "Nimbus Mono PS",monospace;text-transform:uppercase; }.latitude-dashboard__cards b { margin:auto 0 0;font-size:32px;font-weight:500;letter-spacing:-.05em; }

.latitude-outcome { min-height:100svh;padding:100px var(--page) 60px;display:flex;flex-direction:column;background:#d4e9f0; }.latitude-outcome h2 { margin:auto 0;font-size:clamp(3.6rem,7vw,7.5rem);font-weight:500;line-height:.88;letter-spacing:-.065em; }.latitude-outcome__stats { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(9,40,60,.25); }.latitude-outcome__stats div { min-height:140px;padding:18px 25px 0 0;display:flex;flex-direction:column;border-right:1px solid rgba(9,40,60,.25); }.latitude-outcome__stats div+div { padding-left:25px; }.latitude-outcome__stats div:last-child { border:0; }.latitude-outcome__stats b { font-size:clamp(3rem,5vw,5.5rem);font-weight:500;line-height:1;letter-spacing:-.06em; }.latitude-outcome__stats span { max-width:220px;margin-top:auto;font-size:12px; }
.latitude-next .next-case__media::after { background:linear-gradient(0deg,rgba(12,11,8,.7),transparent 65%); }

@media(max-width:900px){.latitude-intro{grid-template-columns:1fr 2fr}.latitude-intro__lead{grid-column:2}.latitude-intro__aside{grid-column:2}.latitude-system__head,.latitude-product__intro{grid-template-columns:1fr}.latitude-kit{grid-template-columns:1fr;grid-template-rows:auto}.latitude-kit__brand{grid-row:auto;min-height:60svh}.latitude-product__intro{gap:28px}.latitude-dashboard{grid-template-columns:55px 1fr}}
@media(max-width:720px){.latitude-hero__coordinates{top:94px}.latitude-hero__coordinates span:nth-child(2){display:none}.latitude-hero__coordinates{grid-template-columns:1fr 1fr}.latitude-hero__focus{width:66vw;right:7vw;top:25%}.latitude-hero__title{top:36%}.latitude-hero h1{font-size:clamp(5.5rem,24vw,8rem)}.latitude-hero__title p{margin:32px 0 0;width:180px}.latitude-hero__foot span:first-child{max-width:240px}.latitude-intro{min-height:auto;grid-template-columns:1fr;padding-top:70px}.latitude-intro__lead,.latitude-intro__aside{grid-column:1}.latitude-intro__lead{padding-top:80px}.latitude-intro h2{font-size:clamp(3.2rem,14vw,5rem)}.latitude-facts{grid-template-columns:1fr 1fr}.latitude-facts div{min-height:110px;border-bottom:1px solid var(--line)}.latitude-facts div:nth-child(2){border-right:0}.latitude-lens{height:110svh}.latitude-lens__layers i{width:25%}.latitude-lens__layers i:nth-child(1){left:50%}.latitude-lens__layers i:nth-child(2){left:75%}.latitude-lens__layers i:nth-child(3){display:none}.latitude-lens blockquote{font-size:3.3rem}.latitude-system{padding-top:75px;padding-bottom:85px}.latitude-system__head{margin:65px 0 45px}.latitude-kit__brand{padding:28px}.latitude-kit__scale,.latitude-kit__type{padding:24px}.latitude-kit__scale i{min-height:100px}.latitude-product{padding-top:80px;padding-bottom:90px}.latitude-dashboard{grid-template-columns:42px}.latitude-dashboard__main{padding:12px}.latitude-dashboard__rail b{font-size:11px}.latitude-dashboard__map{min-height:55svh}.latitude-dashboard__cards{grid-template-columns:1fr}.latitude-dashboard__cards article{min-height:80px}.latitude-outcome{min-height:auto;padding-top:75px}.latitude-outcome h2{margin:120px 0}.latitude-outcome__stats{grid-template-columns:1fr}.latitude-outcome__stats div,.latitude-outcome__stats div+div{padding:22px 0;border-right:0;border-bottom:1px solid rgba(9,40,60,.25)}}