/* About Us story: live text and photographs share the hero content rails. */
@font-face{font-family:ABS Story Display;src:url('../fonts/library/wondar-quason/wondar-quason-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ABS Story Script;src:url('../fonts/library/middleton/middleton-400.woff2') format('woff2');font-weight:400;font-display:swap;size-adjust:87%}
@font-face{font-family:ABS Story Text;src:url('../fonts/library/neue-frutiger/neue-frutiger-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ABS Story Label;src:url('../fonts/library/univers-next-paneuropean/univers-next-paneuropean-400.woff2') format('woff2');font-weight:400;font-display:swap}
body.about-page .abs.abs--coastal{--u:calc(min(100vw,1900px) / 1672);position:relative;isolation:isolate;overflow:hidden;padding:0;background:#fbf8f1;color:#073b57}
.abs--coastal .abs__coast-art{position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);width:min(100%,1900px);height:auto;max-width:none;pointer-events:none;mix-blend-mode:normal}
body.about-page .abs--coastal .abs__g{position:relative;display:grid;grid-template-columns:minmax(0,610fr) minmax(0,724fr);gap:calc(132 * var(--u));align-items:start;width:100%;max-width:none;min-height:calc(941 * var(--u));margin:0 auto;padding:calc(175 * var(--u)) var(--abs-photo-rail) calc(85 * var(--u));box-sizing:border-box}
.abs--coastal .abs__copy{position:relative;z-index:1;min-width:0;margin-top:calc(35 * var(--u))}
.abs--coastal .abs__k{display:flex;align-items:center;gap:calc(24 * var(--u));font:400 max(11px,calc(16 * var(--u)))/1.4 'ABS Story Label',Arial,sans-serif;letter-spacing:.34em;color:#9c8268}
.abs--coastal .abs__k::before{width:calc(46 * var(--u));min-width:24px;height:1px;background:#ad9478}
body.about-page .abs--coastal .abs__t{margin-top:calc(32 * var(--u))!important;font:400 calc(100 * var(--u))/1 'ABS Story Display',Georgia,serif;letter-spacing:-.035em;white-space:nowrap;color:#073b57;text-wrap:wrap}
.abs--coastal .abs__t em{display:block;margin-top:calc(-16 * var(--u));font:400 1.06em/.94 'ABS Story Script',cursive;font-style:normal;letter-spacing:0;white-space:nowrap;color:#917658}
body.about-page .abs--coastal .abs__p{max-width:none;margin-top:calc(32 * var(--u))!important;font:400 max(18px,calc(22 * var(--u)))/1.53 'ABS Story Text',Arial,sans-serif;letter-spacing:0;color:#0b4b69}
body.about-page .abs--coastal .abs__p+.abs__p{margin-top:calc(30 * var(--u))!important}
body.about-page .abs--coastal .abs__ph{position:relative;min-width:0;width:100%;max-width:none;padding:0 0 calc(135 * var(--u));z-index:1}
.abs--coastal .abs__now{position:relative;aspect-ratio:724/545;border-radius:calc(21 * var(--u));overflow:hidden;box-shadow:none}
.abs--coastal .abs__now img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.abs--coastal .abs__now figcaption{top:calc(25 * var(--u));right:calc(27 * var(--u));padding:calc(11 * var(--u)) calc(20 * var(--u));background:#fffdf8f5;border-radius:999px;font:400 max(10px,calc(14 * var(--u)))/1.1 'ABS Story Label',Arial,sans-serif;letter-spacing:.28em;color:#073b57}
body.about-page .abs--coastal .abs__then{position:absolute;left:calc(-24 * var(--u));bottom:calc(14 * var(--u));width:calc(380 * var(--u));padding:calc(14 * var(--u)) calc(14 * var(--u)) 0;background:#fffdf8;box-shadow:none;transform:rotate(-5.5deg);transform-origin:50% 50%;transition:transform .5s ease}
.abs--coastal .abs__then img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;filter:sepia(.07)}
.abs--coastal .abs__then figcaption{padding:calc(12 * var(--u)) 0 calc(15 * var(--u));font:400 max(20px,calc(30 * var(--u)))/1.1 'ABS Story Script',cursive;letter-spacing:0;text-align:center;color:#917658}
body.about-page .abs--coastal .abs__then:hover{transform:rotate(-3deg) translateY(-3px)}
@media(max-width:1250px){
 body.about-page .abs--coastal .abs__g{display:grid;grid-template-columns:1fr;gap:46px;padding:75px var(--abs-photo-rail) 85px;min-height:0;max-width:none}
 .abs--coastal .abs__copy{margin-top:0;max-width:none}
 body.about-page .abs--coastal .abs__t{font-size:clamp(60px,7.3vw,87px);margin-top:25px!important}
 .abs--coastal .abs__t em{margin-top:7px}
 .abs--coastal .abs__k{font-size:12px;gap:20px;letter-spacing:.3em}
 .abs--coastal .abs__k::before{width:40px}
 body.about-page .abs--coastal .abs__p{font-size:21px;line-height:1.55;max-width:690px;margin-top:27px!important}
 body.about-page .abs--coastal .abs__p+.abs__p{margin-top:22px!important}
 body.about-page .abs--coastal .abs__ph{width:100%;max-width:none;justify-self:stretch;padding-bottom:120px}
 .abs--coastal .abs__now{border-radius:18px}
 .abs--coastal .abs__now figcaption{top:22px;right:23px;padding:11px 18px;font-size:12px}
 body.about-page .abs--coastal .abs__then{left:-8px;bottom:0;width:52%;padding:12px 12px 0}
 .abs--coastal .abs__then figcaption{font-size:29px;padding:12px 0 15px}
 .abs--coastal .abs__coast-art{width:150%;max-width:1900px;left:50%;opacity:.6}
}
@media(max-width:640px){
 body.about-page .abs--coastal .abs__g{gap:35px;padding:52px var(--abs-photo-rail) 65px}
 .abs--coastal .abs__k{font-size:10px;gap:15px;letter-spacing:.28em}
 .abs--coastal .abs__k::before{width:30px;min-width:30px}
 body.about-page .abs--coastal .abs__t{font-size:clamp(40px,11.4vw,64px);letter-spacing:-.025em;margin-top:23px!important}
 .abs--coastal .abs__t em{font-size:1.08em;line-height:1;margin-top:7px}
 body.about-page .abs--coastal .abs__p{font-size:17px;line-height:1.6;margin-top:25px!important}
 body.about-page .abs--coastal .abs__p+.abs__p{margin-top:20px!important}
 body.about-page .abs--coastal .abs__ph{padding-bottom:90px}
 .abs--coastal .abs__now{border-radius:13px}
 .abs--coastal .abs__now figcaption{top:15px;right:15px;padding:9px 13px;font-size:10px;letter-spacing:.2em}
 body.about-page .abs--coastal .abs__then{left:-3px;bottom:0;width:58%;padding:8px 8px 0;box-shadow:none}
 .abs--coastal .abs__then figcaption{font-size:22px;padding:9px 0 12px}
 .abs--coastal .abs__coast-art{width:240%;left:30%;opacity:.35}
}
@media(prefers-reduced-motion:reduce){body.about-page .abs--coastal .abs__then{transition:none}}

@media(max-width:1250px){.abs--coastal .abs__coast-art{clip-path:inset(0 0 44% 0)}}
