/* Paper navigation fades into the supplied blue atmospheric film. */
.site-footer.coastal-footer {
  position:relative;isolation:isolate;overflow:hidden;
  min-height:max(780px,100svh);padding:150px var(--editorial-gutter) 340px;
  background:var(--cream);color:var(--navy);
}
.coastal-footer::before {
  content:'';position:absolute;inset:0 0 auto;height:140px;z-index:4;
  background:linear-gradient(var(--navy),rgba(1,33,56,.5) 28%,rgba(240,240,232,0) 100%);
  opacity:1;pointer-events:none;
}
.coastal-footer__scene {position:absolute;inset:20% 0 0;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 3%);-webkit-mask-image:linear-gradient(transparent,#000 3%)}
.coastal-footer__photo {display:block;width:100%;height:calc(100% + 80px);margin-top:-40px;object-fit:cover;object-position:50% 66%;transform:translate3d(0,var(--footer-photo-y,0px),0)}
.coastal-footer__video {position:absolute;inset:-40px 0 auto;width:100%;height:calc(100% + 80px);object-fit:cover;object-position:50% 66%;transform:translate3d(0,var(--footer-photo-y,0px),0);opacity:0;transition:opacity .45s ease;pointer-events:none}
.coastal-footer.video-ready .coastal-footer__video {opacity:1}
.coastal-footer__scene::after {content:'';position:absolute;inset:0;background:linear-gradient(var(--cream) 0%,rgba(240,240,232,.96) 20%,rgba(240,240,232,.82) 44%,rgba(240,240,232,.35) 62%,rgba(240,240,232,0) 80%)}
.coastal-footer__content {position:relative;z-index:3;display:grid;grid-template-columns:minmax(280px,1.65fr) repeat(3,minmax(120px,.65fr));gap:32px;max-width:1480px;margin:auto}
.coastal-footer__brand h2 {font:400 clamp(32px,3.3vw,49px)/1.04 var(--sans);letter-spacing:-.045em;margin:0 0 20px}
.coastal-footer__brand p {font:400 16px/1.6 var(--sans);max-width:285px;margin:0 0 23px}
.coastal-footer__brand .button {min-height:46px;padding:0 22px;gap:35px;display:inline-flex;align-items:center;font:500 13px/1.2 var(--mono);text-transform:uppercase}
.coastal-footer__nav h3 {font:500 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em;margin:4px 0 18px}
.coastal-footer__nav ul {list-style:none;padding:0;margin:0;display:grid;gap:2px}
.coastal-footer__nav a {display:inline-flex;align-items:center;min-height:44px;font:400 16px/1.4 var(--sans);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s}
.coastal-footer__nav a:hover {text-decoration-color:currentColor}
.coastal-footer__legal {position:relative;z-index:3;display:flex;gap:26px;flex-wrap:wrap;max-width:1480px;margin:32px auto 0;font:400 12px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.04em}
.coastal-footer__legal a {min-height:44px;display:inline-flex;align-items:center}
.coastal-footer__legal span {display:inline-flex;align-items:center}
.coastal-footer__legal {width:max-content;max-width:100%;padding:3px 16px;background:rgba(240,240,232,.97);margin-left:0}
.coastal-footer__mark {position:absolute;z-index:1;bottom:40px;left:6%;width:88%;height:auto;opacity:.84;transform:translate3d(0,var(--footer-mark-y,0px),0);pointer-events:none;user-select:none}
.coastal-footer__fog {position:absolute;inset:auto 0 0;height:170px;z-index:2;background:linear-gradient(0deg,#dce9ec,rgba(220,233,236,.48) 30%,rgba(220,233,236,0));pointer-events:none}
.coastal-footer__motion {font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;min-height:44px;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent}
.coastal-footer__motion[hidden] {display:none}
.coastal-footer a:focus-visible,.coastal-footer button:focus-visible {outline:2px solid var(--navy);outline-offset:5px}
@media(min-width:1650px){.site-footer.coastal-footer{padding-left:max(var(--editorial-gutter),calc((100vw - 1480px)/2));padding-right:max(var(--editorial-gutter),calc((100vw - 1480px)/2));padding-bottom:26vw}}
@media(max-width:1023px){
  .coastal-footer__content{grid-template-columns:1.5fr 1fr 1fr;gap:22px}
  .coastal-footer__brand{grid-row:span 2}
  .coastal-footer__nav:last-child{grid-column:2/4}
  .site-footer.coastal-footer{padding-bottom:290px}
}
@media(max-width:700px){
  .site-footer.coastal-footer{min-height:0;padding:105px 24px 255px}
  .coastal-footer::before{height:95px}
  .coastal-footer__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
  .coastal-footer__brand{grid-column:1/-1;grid-row:auto}
  .coastal-footer__brand h2{font-size:37px}
  .coastal-footer__brand p{max-width:300px}
  .coastal-footer__nav:last-child{grid-column:auto}
  .coastal-footer__nav h3{font-size:12px;margin-bottom:8px}
  .coastal-footer__nav a{font-size:16px}
  .coastal-footer__legal{font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;width:100%;margin-top:30px;padding:8px 14px}.coastal-footer__motion{justify-self:start}
  .coastal-footer__scene{inset:44% 0 0}
  .coastal-footer__scene::after{background:linear-gradient(var(--cream),rgba(240,240,232,.92) 15%,rgba(240,240,232,.7) 38%,rgba(240,240,232,0) 72%)}
  .coastal-footer__mark{left:5%;width:90%;bottom:54px}
  .coastal-footer__fog{height:100px}
}
@media(prefers-reduced-motion:reduce){.coastal-footer__photo,.coastal-footer__video,.coastal-footer__mark{transform:none}.coastal-footer.video-ready .coastal-footer__video{opacity:0}.coastal-footer a{transition:none}}
@media print{.site-footer.coastal-footer{min-height:0;padding:30px;background:white;color:black}.coastal-footer__scene,.coastal-footer__fog,.coastal-footer__mark{display:none}.coastal-footer__content{display:block}.coastal-footer__nav{margin-top:20px}}