.about-page .site-header{position:relative;background:var(--ivory)}
.about-opening{padding:65px 6.5% 85px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;background:linear-gradient(135deg,#fafaf6 30%,#e8f0f1)}
.about-kicker{text-transform:uppercase;letter-spacing:2.6px;font:11px var(--sans);margin:0 0 28px;color:#627d86}
.about-heading h1{font-size:clamp(55px,5.7vw,90px);line-height:1.04;letter-spacing:-1.7px;font-weight:400}.about-heading h1 em{color:#63848f;display:inline-block;margin-top:8px}
.about-lead{font:30px/1.35 var(--serif);margin:32px 0}.about-lead span{display:block;font:14px/1.7 var(--sans);max-width:350px;color:var(--muted);margin-top:8px}
.story-link{font:22px var(--serif);border-bottom:1px solid #9ab0b8;display:inline-flex;gap:44px;padding:0 0 10px}
.founder-photo{margin:0}.founder-photo img{display:block;width:100%;height:auto;border-radius:160px 160px 3px 3px;box-shadow:0 25px 70px #17384612}.founder-photo figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font:20px var(--serif)}.founder-photo figcaption span:last-child{font:11px/2 var(--sans);color:var(--muted)}
.about-story{padding:100px 8%;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;scroll-margin-top:30px}.about-story h2,.ocean-letter h2{font-size:54px}.story-copy h3{font:30px var(--serif);font-weight:500;margin:0 0 22px}.story-copy p{font:16px/1.9 var(--sans);color:var(--muted);margin:0 0 22px}
.ocean-letter{margin:0 6.5% 85px;padding:70px 12%;background:#eaf1f3;text-align:center}.ocean-letter blockquote{font:26px/1.65 var(--serif);max-width:790px;margin:35px auto 0}.letter-signature{font:italic 34px var(--serif);margin:28px 0 0}.about-sound{position:fixed;right:24px;bottom:24px;z-index:6;box-shadow:0 3px 24px #17384618}
@media(max-width:1000px){.about-opening{gap:5%;padding-top:40px}.about-heading h1{font-size:62px}.about-story{gap:6%}.about-story h2,.ocean-letter h2{font-size:44px}}
@media(max-width:720px){.about-opening{grid-template-columns:1fr;padding:40px 28px 45px;gap:40px}.about-heading h1{font-size:58px}.about-kicker{margin-bottom:22px}.about-lead{font-size:28px;margin:25px 0}.about-lead span{font-size:13px}.founder-photo img{border-radius:95px 95px 2px 2px}.founder-photo figcaption{font-size:19px}.founder-photo figcaption span:last-child{font-size:10px}.about-story{grid-template-columns:1fr;padding:55px 28px;gap:30px}.about-story h2,.ocean-letter h2{font-size:40px}.story-copy p{font-size:15px;line-height:1.85}.ocean-letter{margin:0 14px 45px;padding:42px 22px}.ocean-letter blockquote{font-size:23px;line-height:1.55}.about-sound{right:15px;bottom:15px}.about-page footer{padding-bottom:85px}}

.story-photo{display:block;width:100%;max-height:420px;object-fit:cover;margin-top:35px;border-radius:2px}@media(max-width:720px){.story-photo{max-height:280px}}

@media(min-width:721px){.story-copy p{font-family:var(--serif);font-size:27px;font-weight:500;line-height:1.55;color:var(--navy);margin-bottom:28px}.story-copy h3{font-size:36px}.about-story{grid-template-columns:.85fr 1.15fr;gap:7%}}