.pier-opening{padding-top:45px;padding-bottom:45px}.pier-opening .case-back{color:#506866;margin-bottom:35px}.pier-title{grid-template-columns:1.4fr 1fr;align-items:end;gap:8%;margin-bottom:40px;display:grid}.pier-title h1{font-size:clamp(3rem,5.8vw,6.5rem);line-height:1.04}.pier-title h1 em{color:#39736a}.pier-title>div>p:not(.eyebrow){margin-bottom:24px;font-size:18px;line-height:1.75}.pier-photo{cursor:zoom-in;background:#123b43;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pier-photo>img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.pier-photo>span{color:#fff;background:#062a35ed;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex;position:absolute;bottom:12px;right:12px}.pier-photo:focus-visible{outline-offset:4px;outline:3px solid #167fd0}.pier-opening .pier-photo img{aspect-ratio:16/9}.pier-credits{color:#fff;background:#062a35;grid-template-columns:repeat(4,1fr);gap:25px;padding:28px 6%;display:grid}.pier-credits dt{letter-spacing:.1em;color:#b7d7cc;margin-bottom:8px;font-size:11px}.pier-credits dd{margin:0;font-size:16px}.pier-installation{background:#eaf0ed}.pier-build-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pier-case figure{margin:0}.pier-case figcaption{color:#506866;margin-top:12px;font-size:13px}.pier-connection{grid-template-columns:1fr 1fr;align-items:center;gap:9%;display:grid}.pier-connection figure .pier-photo img{aspect-ratio:3/4;object-fit:contain;max-height:620px}.pier-connection p:not(.eyebrow){color:#506866;margin-top:24px}.pier-finished{color:#fff;background:#062a35}.pier-finished .section-heading>p,.pier-caption{color:#c8dcd8}.pier-finished .pier-photo img{aspect-ratio:16/9}.pier-caption{margin-top:18px;font-size:13px}.pier-case .contact-side .text-link{margin-top:22px}.pier-case section[id]{scroll-margin-top:25px}@media (max-width:800px){.pier-title,.pier-connection{grid-template-columns:1fr;gap:28px}.pier-credits{grid-template-columns:1fr 1fr}.pier-build-grid{grid-template-columns:1fr}.pier-title h1{font-size:clamp(3rem,10vw,4.6rem)}.pier-opening{padding-top:30px}.pier-opening .pier-photo img,.pier-finished .pier-photo img{aspect-ratio:4/3}.pier-build-grid .pier-photo img{max-height:450px}.pier-connection figure .pier-photo img{max-height:500px}}