/* Native HTML sections with individually cropped, optimized reference artwork. */
.network-page{--nu:min(.1vw,1.4px)}
.network-page main{background:#fafaf7 url('../images/reference/paper-texture.png') center/cover;color:#103b60;font-size:calc(14 * var(--nu));line-height:1.35}
.network-art{display:block;max-width:100%;height:auto}.network-filter-defs{position:absolute;width:0;height:0;overflow:hidden}
.network-page .inner-section{padding:calc(16 * var(--nu)) 0}
.network-page main h2{position:relative;font-size:calc(27 * var(--nu));font-weight:800;text-transform:uppercase;line-height:1.1;margin:0 0 calc(24 * var(--nu))}
.network-page main h2:after,.network-map aside h3:after,.network-handwritten:after{content:'';display:block;width:90%;max-width:calc(280 * var(--nu));height:calc(7 * var(--nu));margin-top:calc(7 * var(--nu));background:#f28210;mask:url('../images/reference/about-paint-badge.svg') center/100% 100% no-repeat;transform:rotate(-2deg)}
.network-page main p{margin-bottom:calc(15 * var(--nu))}.network-handwritten{font-family:'Segoe Print','Bradley Hand',cursive;font-style:italic;line-height:1.15;transform:rotate(-6deg);font-weight:500}
.network-hero{position:relative;isolation:isolate;overflow:hidden;background:#063957;height:calc(395 * var(--nu));padding:0}
.network-hero-photo{position:absolute;inset:0 0 0 auto;width:100%;height:100%;z-index:-1;mask-image:linear-gradient(90deg,transparent 0%,transparent 47%,#000 58%,#000)}
.network-hero-photo image{transform-box:fill-box;transform-origin:right top;transform:scale(.96)}
.network-hero .inner-hero-grid{display:flex;height:100%;align-items:flex-start;padding-top:calc(30 * var(--nu))}
.network-hero-copy{padding-left:calc(9 * var(--nu));max-width:53%}
.network-hero .inner-eyebrow{font-size:calc(20 * var(--nu));font-style:italic;font-weight:700;background:#ff8105;border-radius:0;mask:url('../images/reference/about-paint-badge.svg') center/100% 100% no-repeat;transform:rotate(-4deg);padding:calc(8 * var(--nu)) calc(16 * var(--nu));margin-bottom:calc(10 * var(--nu))}
.network-hero h1{font-size:calc(41 * var(--nu));line-height:1.02;letter-spacing:calc(-1 * var(--nu));margin-bottom:calc(8 * var(--nu))}
.network-hero h1 em{color:#ff8410;font-size:calc(40 * var(--nu));white-space:nowrap}
.network-hero p{font-size:calc(14.5 * var(--nu));line-height:1.3;margin:0;max-width:none}
.network-brush-line{display:block;width:calc(150 * var(--nu));height:calc(9 * var(--nu));background:url('../images/reference/underline.png') center/100% 100% no-repeat;margin-top:calc(7 * var(--nu))}
.network-benefits{position:relative;z-index:2;margin-top:calc(-80 * var(--nu));padding:calc(27 * var(--nu)) 0 calc(18 * var(--nu));background:#fafaf7 url('../images/reference/paper-texture.png') center/cover;clip-path:polygon(0 12%,18% 2%,34% 0,48% 12%,64% 18%,82% 24%,100% 55%,100% 100%,0 100%);mask:url('../images/reference/about-paper-edge.svg') center/100% 100% no-repeat}
.network-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 2.1fr;align-items:center;gap:0;padding-top:calc(12 * var(--nu))}
.network-benefits-grid>div{display:flex;gap:calc(10 * var(--nu));padding:0 calc(20 * var(--nu));border-right:1px solid #adbfc9;align-items:start;min-width:0}
.network-benefits-grid>div:first-child{padding-left:calc(8 * var(--nu))}
.network-benefits .network-art{width:calc(49 * var(--nu));height:calc(51 * var(--nu));object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.network-page main .network-benefits h2{font-size:calc(12 * var(--nu));line-height:1.1;text-transform:none;margin:0 0 calc(7 * var(--nu));letter-spacing:0}
.network-page main .network-benefits h2:after{display:none}.network-benefits p{font-size:calc(10 * var(--nu));line-height:1.25;margin:0!important}
.network-page main .network-benefits .network-handwritten{font-size:calc(21 * var(--nu));padding-left:calc(34 * var(--nu));padding-top:calc(14 * var(--nu))}
.network-benefits .network-handwritten:after{width:calc(130 * var(--nu));margin-left:calc(42 * var(--nu));height:calc(4 * var(--nu));margin-top:calc(2 * var(--nu))}
.network-reach-layout{grid-template-columns:33% 63%;gap:4%;align-items:start}.network-reach .reference-copy{padding-top:calc(4 * var(--nu))}.network-reach .reference-copy p{max-width:calc(280 * var(--nu));font-size:calc(14 * var(--nu));line-height:1.35}
.network-region-links{gap:calc(13 * var(--nu)) calc(18 * var(--nu))}
.network-region-links>a{border-radius:calc(6 * var(--nu));border:1px solid #dce1e4;background:#fff8;box-shadow:0 2px 3px #1231;overflow:hidden}
.network-region-photo{width:100%;height:calc(75 * var(--nu));object-fit:cover}
.network-region-links>a>.network-region-caption{position:relative;padding:calc(24 * var(--nu)) calc(12 * var(--nu)) calc(10 * var(--nu));font-size:calc(12 * var(--nu));line-height:1.2}
.network-region-icon{position:absolute;left:calc(9 * var(--nu));top:calc(-13 * var(--nu));width:calc(31 * var(--nu));height:calc(31 * var(--nu));clip-path:circle(49%)}
.network-map{padding-top:calc(4 * var(--nu))!important;padding-bottom:0!important}
.network-map-layout{position:relative;grid-template-columns:24% 55% 19%;gap:1%;padding:calc(16 * var(--nu));align-items:stretch;background:#073b5c;mask:url('../images/reference/about-paper-edge.svg') center/100% 100% no-repeat}
.network-page main .network-map h2{font-size:calc(27 * var(--nu));margin-bottom:calc(14 * var(--nu))}.network-map-copy{padding:calc(6 * var(--nu)) 0 0 calc(8 * var(--nu));position:relative;z-index:1}
.network-map-copy>p{font-size:calc(14 * var(--nu));line-height:1.3}
.network-map-copy .network-handwritten{font-size:calc(20 * var(--nu));margin:calc(33 * var(--nu)) 0 calc(5 * var(--nu));text-align:center}
.network-map-copy .network-handwritten:after{width:65%;margin-inline:auto;height:calc(5 * var(--nu))}
.network-route-map{height:100%;width:100%;object-fit:cover;object-position:center;mix-blend-mode:screen}
.network-map-layout aside{grid-column:auto;padding:calc(14 * var(--nu)) calc(14 * var(--nu));border-radius:0;background:#fafaf7 url('../images/reference/paper-texture.png');mask:url('../images/reference/about-paper-edge.svg') center/100% 100% no-repeat;align-self:stretch}
.network-page main .network-map aside h3{font-size:calc(14 * var(--nu));line-height:1.1;text-transform:uppercase;margin-bottom:calc(16 * var(--nu))}
.network-map aside h3:after{height:calc(4 * var(--nu));margin-top:calc(3 * var(--nu))}
.network-map aside ul{display:block;list-style:none;padding:0;margin:0 0 calc(13 * var(--nu));font-size:calc(11 * var(--nu))}
.network-map aside li{display:flex;align-items:center;gap:calc(7 * var(--nu));margin-bottom:calc(7 * var(--nu))}.network-map aside li .network-art{width:calc(15 * var(--nu));height:calc(19 * var(--nu));mix-blend-mode:multiply}
.network-page .network-map-quote{font-size:calc(13 * var(--nu));padding:calc(8 * var(--nu)) calc(10 * var(--nu));width:100%;border-radius:0;mask:url('../images/reference/about-paint-badge.svg') center/100% 100% no-repeat;white-space:nowrap}
.network-transport .inner-section-heading{display:flex;align-items:center;gap:calc(25 * var(--nu));margin-bottom:calc(16 * var(--nu))}
.network-transport .inner-section-heading h2{font-size:calc(21 * var(--nu));white-space:nowrap;margin-bottom:0}
.network-transport .inner-section-heading .network-handwritten{font-size:calc(17 * var(--nu));margin:0;border-left:1px solid #b6c6cf;padding-left:calc(24 * var(--nu))}
.network-transport .inner-section-heading .network-handwritten:after{height:calc(4 * var(--nu));margin-top:0}
.network-transport .text-link{margin-left:auto;font-size:calc(10 * var(--nu));font-weight:700;text-transform:uppercase;white-space:nowrap}
.network-transport-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(18 * var(--nu))}
.network-transport-links>a{border-radius:calc(6 * var(--nu));background:#fff8}
.network-transport-photo{width:100%;height:calc(90 * var(--nu));object-fit:cover}
.network-transport-links>a>div{position:relative;padding:calc(24 * var(--nu)) calc(14 * var(--nu)) calc(14 * var(--nu));min-height:calc(83 * var(--nu))}
.network-transport-icon{position:absolute;top:calc(-21 * var(--nu));left:calc(11 * var(--nu));width:calc(42 * var(--nu));height:calc(42 * var(--nu));clip-path:circle(49%)}
.network-page main .network-transport-links h3{font-size:calc(12 * var(--nu));line-height:1.2;margin-bottom:calc(5 * var(--nu))}
.network-transport-links p{font-size:calc(11 * var(--nu));line-height:1.3;padding-right:calc(18 * var(--nu));margin:0!important}
.network-transport-links a>div>span{position:absolute;right:calc(14 * var(--nu));bottom:calc(9 * var(--nu));font-size:calc(19 * var(--nu))}
.network-why{position:relative;isolation:isolate;overflow:hidden;min-height:calc(130 * var(--nu));mask:url('../images/reference/about-paper-edge.svg') center/100% 100% no-repeat}
.network-why-photo{position:absolute;inset:0 0 0 auto;width:55%;height:100%;object-fit:cover;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 55%)}
.network-why-layout{display:grid;grid-template-columns:61% 22%;justify-content:space-between;gap:5%;align-items:center}
.network-page main .network-why h2{font-size:calc(19 * var(--nu));margin:0 0 calc(12 * var(--nu))}
.network-page .network-why .reference-feature-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.network-why .reference-feature-grid>div{padding:0 calc(10 * var(--nu));border-right:1px solid #fff7}.network-why .reference-feature-grid>div:last-child{border:0}
.network-why .reference-feature-grid .network-art{width:calc(42 * var(--nu));height:calc(35 * var(--nu));object-fit:contain;margin:0 auto calc(6 * var(--nu));filter:url('#network-white-ink')}
.network-why .reference-feature-grid strong{font-size:calc(11 * var(--nu));line-height:1.2;font-weight:500}
.network-page .network-why blockquote{margin:0;padding:calc(14 * var(--nu));background:#fff1a8;box-shadow:0 5px 10px #0019;color:#103b60;font-size:calc(17 * var(--nu));text-align:left;transform:rotate(-7deg);line-height:1.2}
.network-why blockquote:after{height:calc(4 * var(--nu));width:90%;margin-top:calc(4 * var(--nu))}
.network-footer{position:relative;isolation:isolate;overflow:hidden;border:0;background:transparent;padding:calc(17 * var(--nu)) 0 calc(35 * var(--nu))}
.network-footer-photo{position:absolute;right:0;bottom:0;width:42%;height:calc(75 * var(--nu));object-fit:cover;z-index:-1;mask-image:linear-gradient(180deg,transparent,#000 45%)}
.network-footer .inner-footer-grid{grid-template-columns:27% 42% 27%;gap:2%;align-items:start}
.network-footer .reference-footer-logo{width:calc(225 * var(--nu));max-width:100%;padding:0;background:transparent}.network-footer .reference-footer-logo img{width:100%;height:calc(85 * var(--nu));object-fit:contain}
.network-footer .inner-footer-grid>div:nth-child(2){border-left:1px solid #96b1c2;padding:calc(8 * var(--nu)) 0 0 calc(25 * var(--nu))}
.network-page main .network-footer h2{font-size:calc(13 * var(--nu));text-transform:none;margin:0 0 calc(6 * var(--nu))}.network-footer h2:after{display:none!important}
.network-footer p{font-size:calc(10 * var(--nu));line-height:1.35}
.network-footer .inner-footer-action{grid-column:auto}.network-page .network-footer .btn{font-size:calc(17 * var(--nu));border-radius:0;padding:calc(10 * var(--nu)) calc(20 * var(--nu));mask:url('../images/reference/about-paint-badge.svg') center/100% 100% no-repeat}
.network-footer .inner-footer-action .network-handwritten{font-size:calc(17 * var(--nu));margin:calc(8 * var(--nu)) 0 0}.network-footer .network-handwritten:after{height:calc(4 * var(--nu));margin-top:calc(4 * var(--nu))}
@media(min-width:768px) and (max-width:991px){.network-map-layout{grid-template-columns:24% 55% 19%}.network-map-layout aside{grid-column:auto}.network-map-layout aside ul{display:block}.network-map-layout aside .btn{width:100%}.network-transport .inner-section-heading{flex-wrap:wrap}.network-transport .text-link{margin-left:0}}
@media(max-width:767px){.network-page{--nu:1px}.network-page main{font-size:14px}.network-page .inner-section{padding:25px 0}.network-page main h2{font-size:26px}.network-hero{height:350px}.network-hero .inner-hero-grid{padding-top:30px}.network-hero-copy{max-width:100%;padding:0}.network-hero h1{font-size:38px}.network-hero h1 em{font-size:clamp(25px,6.5vw,40px)}.network-hero p{font-size:14px}.network-hero-photo{width:1050px;left:auto;right:0;opacity:.35;mask:none}.network-hero-photo image{transform:none}.network-benefits{margin-top:-25px;padding:30px 0 25px;clip-path:polygon(0 5%,25% 0,60% 3%,100% 5%,100% 100%,0 100%)}.network-benefits-grid{grid-template-columns:1fr 1fr;gap:22px 0;padding-top:0}.network-benefits-grid>div{padding:0 10px}.network-benefits-grid>div:nth-child(2){border:0}.network-benefits .network-art{width:40px;height:44px}.network-page main .network-benefits .network-handwritten{font-size:18px;padding:0 10px;text-align:center}.network-benefits p{font-size:11px}.network-page main .network-benefits h2{font-size:12px}.network-reach-layout{grid-template-columns:1fr;gap:25px}.network-reach .reference-copy p{max-width:none;font-size:14px}.network-region-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.network-region-photo{height:80px}.network-region-links>a>.network-region-caption{font-size:12px;padding:24px 10px 12px}.network-map-layout{grid-template-columns:1fr;gap:20px;padding:25px 18px}.network-route-map{height:auto;mix-blend-mode:normal}.network-map-copy .network-handwritten{margin:20px 0 0;max-width:260px}.network-map-copy>p br{display:none}.network-map-layout aside{grid-column:auto;padding:20px}.network-map aside ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13px}.network-map-layout aside .btn{width:auto}.network-map aside h3{font-size:18px!important}.network-transport .inner-section-heading{align-items:start;flex-direction:column;gap:14px}.network-transport .inner-section-heading h2{font-size:23px;white-space:normal}.network-transport .inner-section-heading .network-handwritten{font-size:18px;border:0;padding:0}.network-transport .text-link{font-size:11px;margin-left:0}.network-transport-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.network-transport-photo{height:90px}.network-transport-links>a>div{padding:26px 12px 30px;min-height:135px}.network-page main .network-transport-links h3{font-size:14px!important}.network-transport-links p{font-size:12px}.network-why-layout{grid-template-columns:1fr;gap:30px}.network-page main .network-why h2{font-size:22px}.network-page .network-why .reference-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.network-why .reference-feature-grid>div:last-child{grid-column:1/-1}.network-why .reference-feature-grid strong{font-size:13px}.network-why .reference-feature-grid .network-art{width:42px;height:40px}.network-page .network-why blockquote{max-width:280px;margin:0 auto 15px;font-size:21px;padding:22px}.network-why-photo{width:100%;opacity:.45}.network-footer .inner-footer-grid{grid-template-columns:1fr;gap:22px;text-align:center}.network-footer .reference-footer-logo{width:200px;justify-self:center}.network-footer .reference-footer-logo img{height:100px}.network-footer .inner-footer-grid>div:nth-child(2){border:0;padding:0}.network-page main .network-footer h2{font-size:18px}.network-footer p{font-size:13px}.network-footer .inner-footer-action{grid-column:auto}.network-footer-photo{width:100%;opacity:.4}.network-footer{padding:25px 0 65px}}
@media(prefers-reduced-motion:reduce){.network-region-links>a,.network-transport-links>a{transition:none}}

/* Match the compact reference rhythm and let the harbour fill the trust band. */
@media(min-width:768px){.network-benefits{padding-top:calc(16 * var(--nu));padding-bottom:calc(10 * var(--nu))}.network-benefits-grid{padding-top:0}.network-page main .network-benefits .network-handwritten{font-size:calc(19 * var(--nu));padding-top:calc(14 * var(--nu))}.network-hero-photo{mask-image:linear-gradient(90deg,transparent 0%,transparent 51%,#000 61%,#000)}.network-map-layout aside{padding:calc(12 * var(--nu))}.network-map aside li{margin-bottom:calc(4 * var(--nu))}.network-map-copy .network-handwritten{font-size:calc(18 * var(--nu));margin-top:calc(20 * var(--nu))}}
.network-route-map{mix-blend-mode:normal;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.network-why>.network-why-photo{width:55%;height:100%;margin:0;filter:none}
.network-benefits .network-art,.network-map aside li .network-art{filter:contrast(1.2) brightness(1.08)}

.network-hero-photo image{clip-path:polygon(0 0,100% 0,100% 100%,80% 95%,60% 90%,40% 87%,20% 84%,0 82%)}
.network-benefits{filter:drop-shadow(0 2px 2px #1231)}

@media(min-width:768px){.network-hero-photo{mask-image:linear-gradient(90deg,transparent 0%,transparent 54%,#000 64%,#000)}.network-benefits{clip-path:none;mask:url('../images/network/benefits-paper-mask.svg') center/100% 100% no-repeat}}

/* Reference harbour silhouette: full cranes and ship, feathered into the paper. */
.network-footer .network-footer-photo{position:absolute;right:0;bottom:0;width:44%;height:auto;max-width:none;aspect-ratio:415 / 86;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 100%);opacity:1;pointer-events:none}
@media(min-width:768px){.network-footer{padding-bottom:calc(45 * var(--nu))}}
@media(max-width:767px){.network-footer{padding-bottom:85px}.network-footer .network-footer-photo{width:100%;opacity:.85}}

/* Panoramic banner with its own navy blend beneath the ragged benefits paper. */
.network-hero-photo{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right top;mask:none}
@media(max-width:767px){.network-hero-photo{inset:0;width:100%;opacity:.35}}