/* Our Story cover: navy, photography and a marker for our beginning. */
.story-page .story-cover{position:relative;isolation:isolate;overflow:hidden;background:#082e43!important;color:#edf4ed;padding:30px 0 0}
.story-cover-image{position:absolute;z-index:-2;inset:0 0 0 46%}
.story-cover-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% center}
.story-cover-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#082e43 0%,#082e43c4 10%,#082e4320 45%,#082e4326),linear-gradient(0deg,#082e43eb 0%,transparent 40%,#082e4325)}
.story-cover-inner{position:relative}
.story-cover .about-breadcrumb{color:#b2c9cb;font-size:10px;margin-bottom:47px;gap:10px}
.story-cover .about-breadcrumb a{color:#d7e7df}
.story-cover-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:35px;align-items:end;min-height:460px}
.story-cover-copy{position:relative;z-index:2;padding:0 0 43px}
.story-page .story-cover-kicker{display:flex;align-items:center;gap:11px;color:#c6dcbe;font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 30px}
.story-cover-kicker>span{height:6px;width:6px;border-radius:50%;background:#cfe5af;box-shadow:0 0 0 5px #cfe5af12;flex-shrink:0}
.story-page .story-cover h1{font-size:clamp(56px,5.9vw,83px);line-height:1.04;letter-spacing:-.05em;color:#f1f5ee!important;margin:0 0 26px}
.story-page .story-cover h1 em{font-size:1.07em;line-height:1.02;color:#d6eab7!important;white-space:nowrap;font-family:Georgia,serif;font-weight:400}
.story-page .story-cover-lead{font-size:14px;line-height:1.9;color:#c2d5d4;margin:0 0 27px;max-width:430px}
.story-cover-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 19px;border-radius:40px;background:#d9edb3;color:#153e3b!important;font-size:11px;font-weight:500;transition:background .25s}
.story-cover-button>i{font-size:17px}.story-cover-button:hover{background:#eef7d9}
.story-cover-detail{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding-bottom:42px;gap:28px;min-width:0}
.story-cover-cross{position:absolute;right:8px;top:-5px;color:#e7f1da9c;font-size:87px;line-height:1;transform:rotate(15deg)}
.story-cover-year{position:relative;align-self:flex-start;margin-left:15%;background:#d9edb3;color:#113e3d;padding:22px 25px 20px;width:230px;transform:rotate(-5deg);box-shadow:0 18px 50px #041c3225}
.story-cover-year::after{content:"";position:absolute;top:0;right:0;border-top:25px solid #f2f7df;border-left:25px solid transparent}
.story-cover-year>span{display:block;font-size:8px;line-height:1.5;letter-spacing:.09em}.story-cover-year>span:first-child{text-transform:uppercase}
.story-cover-year>strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:"Bricolage Grotesque",sans-serif;font-size:65px;letter-spacing:-.06em;line-height:1.1;font-weight:700;margin:9px 0}
.story-cover-year>strong>span{font-family:Arial,sans-serif;font-size:28px;font-weight:400}
.story-page .story-cover-caption{margin:0;font-size:13px;line-height:1.7;color:#dce9dc;text-align:right;text-shadow:0 2px 15px #062d4b}
.story-cover-caption>span,.story-cover-caption>strong{display:block}.story-cover-caption>strong{font-family:Georgia,serif;font-size:25px;font-weight:400;font-style:italic;letter-spacing:-.02em}
.story-cover-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;border-top:1px solid #ffffff26;color:#cadad2}
.story-cover-foot>span,.story-cover-foot>a{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.01em}.story-cover-foot>span>i{color:#cde4ae;font-size:17px}.story-cover-foot>a{gap:28px;color:#ecf4e6}
@media(max-width:1100px){.story-page .story-cover h1{font-size:clamp(49px,6vw,66px)}.story-cover-main{gap:20px;min-height:440px}.story-cover-year{margin-left:5%;width:200px;padding:20px}.story-cover-year>strong{font-size:57px}.story-page .story-cover-lead{font-size:13px}.story-cover-cross{font-size:67px}}
@media(max-width:767px){.story-page .story-cover{padding-top:24px}.story-cover .about-breadcrumb{font-size:9px;margin-bottom:37px}.story-cover-image{inset:0;opacity:.65}.story-cover-image::after{background:linear-gradient(90deg,#082e43f2,#082e43a6),linear-gradient(0deg,#082e43,transparent 60%)}.story-cover-main{grid-template-columns:1fr;gap:15px;min-height:0}.story-cover-copy{padding-bottom:10px}.story-page .story-cover-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:25px}.story-page .story-cover h1{font-size:clamp(48px,9.7vw,69px);margin-bottom:24px}.story-page .story-cover-lead{font-size:13px;max-width:430px}.story-cover-button{font-size:10px;padding:12px 17px}.story-cover-detail{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;padding:25px 0 34px;min-height:0}.story-cover-year{width:165px;max-width:100%;margin:0;align-self:auto;padding:17px;transform:rotate(-4deg)}.story-cover-year>strong{font-size:47px;margin:8px 0}.story-cover-year>span{font-size:7px;letter-spacing:.03em}.story-cover-year>strong>span{font-size:24px}.story-page .story-cover-caption{font-size:10px;padding-bottom:3px}.story-cover-caption>strong{font-size:21px}.story-cover-cross{right:18px;top:8px;font-size:45px}.story-cover-foot{gap:15px;flex-wrap:wrap;padding:21px 0}.story-cover-foot>span,.story-cover-foot>a{font-size:9px;gap:9px}.story-cover-foot>a{width:100%;justify-content:space-between;border-top:1px solid #ffffff1f;padding-top:16px;margin-top:2px}.story-cover-foot>span>i{font-size:15px}}
@media(max-width:360px){.story-page .story-cover h1{font-size:43px}.story-cover-detail{gap:13px}.story-cover-year{padding:15px}.story-cover-year>strong{font-size:40px}.story-cover-year>span{font-size:6px}.story-cover-caption>strong{font-size:18px}.story-page .story-cover-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.story-cover-button{transition:none}}
