/* Personal photograph with a soft transition; isolated to the about page. */
:root body.about-page .about-beach-story{position:relative;isolation:isolate;overflow:hidden;background:#fff;padding:40px 0;min-height:520px;display:flex;align-items:center}
:root body.about-page .about-beach-image{position:absolute;inset:0 0 0 auto;width:65%;height:100%;opacity:.78;object-fit:cover;object-position:center;z-index:-2}
:root body.about-page .about-beach-story:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(255,255,255,.96) 47%,rgba(255,255,255,.75) 58%,transparent 78%),linear-gradient(0deg,#fff 0%,transparent 14%,transparent 91%,rgba(255,255,255,.6) 100%)}
:root body.about-page .about-beach-copy{width:52%;max-width:650px}
:root body.about-page .about-beach-copy .clean-bio-block{margin-bottom:26px}
:root body.about-page .about-beach-copy .about-nala{margin-top:24px;gap:18px}
:root body.about-page .about-beach-copy .nala-open{width:80px;flex-basis:80px}
:root body.about-page .about-beach-copy figcaption{font-size:.875rem}
@media(max-width:1000px) and (min-width:761px){:root body.about-page .about-beach-copy{width:57%}:root body.about-page .about-beach-image{width:65%;object-position:60% center}}
@media(max-width:760px){:root body.about-page .about-beach-story{display:flex;flex-direction:column;padding:30px 0 0;min-height:0}:root body.about-page .about-beach-story>.wrap{order:0}:root body.about-page .about-beach-copy{width:100%;max-width:none}:root body.about-page .about-beach-image{position:relative;inset:auto;order:1;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:65% center;z-index:0;margin-top:10px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 85%,transparent)}:root body.about-page .about-beach-story:before{display:none}:root body.about-page .about-beach-copy .about-nala{flex-direction:row;align-items:center;gap:16px}:root body.about-page .about-beach-copy .nala-open{width:72px;flex:0 0 72px}}