/* About Us: concept 04, Chapters by the sea. All styles stay within .abt. */
@font-face{font-family:"About Chapter Text";src:url('../fonts/library/neue-frutiger/neue-frutiger-400.woff2') format('woff2');font-weight:200 800;font-display:swap}
.abt{--display:"HP Display",Georgia,serif;--script:"HP Accent",cursive;--text:"About Chapter Text",Arial,sans-serif;--navy:#073b57;--sand:#917658;--muted:#53666a;position:relative;overflow:hidden;padding:clamp(70px,7.2vw,116px) 0;background:#f6f2e8;color:#103e50;font:400 16px/1.6 var(--text)}
.abt :where(h2,h3,p,figure){margin:0}
.abt .inner{position:relative;max-width:1600px;width:82%;margin:0 auto}
.abt .tiny,.abt .kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.abt .kicker{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.28em;color:var(--sand);line-height:1.5}
.abt .kicker::before{content:'';width:32px;height:1px;background:currentColor}
.abt .section-heading h2{font:400 clamp(42px,4.4vw,68px)/1.06 var(--display);letter-spacing:-.025em;color:var(--navy);margin-top:25px;max-width:900px;text-wrap:initial}
.abt .section-heading em{display:inline-block;font:400 1.16em/.72 var(--script);font-style:normal;color:var(--sand);letter-spacing:0}
.abt .desktop-break{display:none}
.abt .year{display:block;font:400 clamp(34px,3.2vw,50px)/1 var(--display);letter-spacing:-.035em;color:var(--sand);white-space:nowrap}
.abt h3{font:400 21px/1.25 var(--display);letter-spacing:0;color:var(--navy)}
.abt .description{font-size:14px;line-height:1.65;color:var(--muted);margin-top:12px;max-width:32ch}
.abt .wave-mark{width:75px;height:20px;color:var(--sand)}
.abt .chapter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:52px;border-bottom:1px solid #cbbd9f}
.abt .chapter-tabs button{position:relative;display:flex;align-items:center;gap:18px;text-align:left;padding:15px 0 23px;background:none;border:0;font:400 30px/1 var(--display);color:#8a8070;min-height:65px;-webkit-tap-highlight-color:transparent}
.abt .chapter-tabs .tiny{font:400 9px/1 var(--text);color:#8f8370}
.abt .chapter-tabs button[aria-selected=true]{color:var(--navy)}
.abt .tab-line{position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--navy);transition:width .3s}
.abt .chapter-tabs button[aria-selected=true] .tab-line{width:85%}
.abt .chapter-panels{margin-top:40px}
.abt .chapter-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:70px;align-items:center;margin-top:30px}
.abt .chapter-panel[hidden]{display:none}
.abt .chapter-image{position:relative;aspect-ratio:1.5;padding:9px;border:1px solid #d4c8b2}
.abt .chapter-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86)}
.abt .chapter-image figcaption{position:absolute;bottom:20px;left:20px;padding:7px 11px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;background:#fff9ebeb;color:var(--navy)}
.abt .chapter-copy>.tiny{color:var(--sand)}
.abt .chapter-copy .year{font-size:clamp(60px,7.5vw,110px);color:var(--navy);margin-top:26px;margin-bottom:18px}
.abt .chapter-copy h3{font-size:29px}
.abt .chapter-copy .description{font-size:16px;max-width:31ch}
.abt .chapter-bottom{display:flex;align-items:center;gap:25px;margin-top:30px;color:var(--sand);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.abt .story-highlight{font-weight:600;color:inherit;text-decoration:underline;text-decoration-color:#a68d6466;text-underline-offset:.22em;text-decoration-thickness:1px}
.abt button:focus-visible,.abt [tabindex]:focus-visible{outline:3px solid #ce9b45;outline-offset:5px}
.abt .chapter-panel.entering{animation:about-chapter-in .5s both}
@keyframes about-chapter-in{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
  .abt{padding-top:75px;padding-bottom:70px}
  .abt .inner{width:86%}
  .abt .section-heading h2{font-size:clamp(40px,5.3vw,58px)}
  .abt .chapter-panel{gap:40px}
  .abt .chapter-copy .description{font-size:15px}
  .abt .chapter-copy h3{font-size:25px}
  .abt .chapter-copy .year{font-size:75px;margin-top:20px}
}
@media(max-width:800px){
  .abt .chapter-panel{gap:28px}
  .abt .chapter-copy .year{font-size:60px}
  .abt .chapter-copy h3{font-size:23px}
  .abt .chapter-copy .description{font-size:14px}
  .abt .chapter-image{aspect-ratio:.95}
  .abt .chapter-image figcaption{left:15px;bottom:15px;font-size:8px}
  .abt .chapter-bottom{gap:15px;margin-top:25px;font-size:8px}
  .abt .chapter-bottom .wave-mark{width:50px}
  .abt .chapter-tabs button{font-size:25px;gap:12px}
}
@media(max-width:600px){
  .abt{padding:55px 0}
  .abt .inner{width:calc(100% - 44px)}
  .abt .section-heading h2{font-size:39px;line-height:1.07;margin-top:22px}
  .abt .kicker{font-size:9px;gap:12px;letter-spacing:.24em}
  .abt .kicker::before{width:22px}
  .abt .chapter-tabs{margin-top:32px}
  .abt .chapter-tabs button{font-size:19px;padding:15px 0 17px;gap:7px;flex-direction:column;align-items:start;min-height:70px}
  .abt .chapter-tabs .tiny{font-size:8px}
  .abt .chapter-panel{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:0}
  .abt .chapter-panels{margin-top:26px}
  .abt .chapter-image{aspect-ratio:1.35}
  .abt .chapter-image figcaption{font-size:8px}
  .abt .chapter-copy .year{font-size:63px;margin-top:15px;margin-bottom:15px}
  .abt .chapter-copy h3{font-size:28px}
  .abt .chapter-copy .description{font-size:15px;max-width:36ch}
  .abt .chapter-bottom{margin-top:24px}
}
@media(max-width:360px){.abt .inner{width:calc(100% - 36px)}.abt .section-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.abt .chapter-panel.entering{animation:none}.abt .tab-line{transition:none}}

/* Supplied coastal history design. The outer frame follows the live hero rails. */
@font-face{font-family:ABT Reference Display;src:url('../fonts/library/wondar-quason/wondar-quason-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ABT Reference Script;src:url('../fonts/library/middleton/middleton-400.woff2') format('woff2');font-weight:400;font-display:swap;size-adjust:87%}
@font-face{font-family:ABT Reference Text;src:url('../fonts/library/neue-frutiger/neue-frutiger-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ABT Reference Label;src:url('../fonts/library/univers-next-paneuropean/univers-next-paneuropean-400.woff2') format('woff2');font-weight:400;font-display:swap}
.abt.abt--reference{
 --history-rail:calc((100vw - min(100vw,1900px))/2 + 170px);
 --hu:calc((100vw - 2 * var(--history-rail)) / 1440);
 --display:'ABT Reference Display',Georgia,serif;--script:'ABT Reference Script',cursive;--text:'ABT Reference Text',Arial,sans-serif;
 --sand:#a0876d;--navy:#073b57;
 isolation:isolate;background:#faf6ed;padding:calc(38 * var(--hu)) 0 calc(46 * var(--hu));
}
.abt--reference .abt__art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none}
body.about-page .abt.abt--reference .inner{width:calc(100% - 2 * var(--history-rail));max-width:none;margin-inline:auto}
.abt--reference .section-heading{text-align:center;margin:0 auto}
.abt--reference .kicker{justify-content:center;gap:calc(18 * var(--hu));font:400 max(10px,calc(13 * var(--hu)))/1.4 'ABT Reference Label',Arial,sans-serif;letter-spacing:.3em;color:var(--sand)}
.abt--reference .kicker::before{width:calc(36 * var(--hu));height:1px}
.abt--reference .section-heading h2{max-width:none;margin:0 auto;font:400 calc(76 * var(--hu))/.98 var(--display);letter-spacing:-.04em;text-wrap:wrap;color:#06244c}
.abt--reference .section-heading em{display:block;margin-top:calc(4 * var(--hu));font:400 1.18em/.8 var(--script);letter-spacing:0;color:#9b8871}
.abt--reference .chapter-stage{display:grid;grid-template-columns:calc(64 * var(--hu)) minmax(0,1fr) calc(64 * var(--hu));gap:calc(64 * var(--hu));align-items:center;margin-top:calc(48 * var(--hu))}
.abt--reference .chapter-panels{min-width:0;margin:0}
.abt--reference .chapter-panel{grid-template-columns:minmax(0,780fr) minmax(0,348fr);gap:calc(56 * var(--hu));align-items:center;margin:0}
.abt--reference .chapter-image{aspect-ratio:780/480;min-width:0;margin:0;padding:calc(25 * var(--hu));border:1px solid #dfcfb7;border-radius:4px;background:linear-gradient(118deg,#f7f1e5,#fffcf5 42%,#f8f2e7);box-shadow:0 calc(13 * var(--hu)) calc(27 * var(--hu)) #4c39252b}
.abt--reference .chapter-image :is(img,.chapter-reference-photo){display:block;width:100%;height:100%;object-fit:cover;filter:none;clip-path:polygon(0 .7%,8% 0,15% .5%,24% .1%,33% .7%,41% 0,49% .4%,58% 0,68% .6%,79% .1%,89% .5%,99.8% .1%,99.5% 20%,100% 38%,99.6% 61%,100% 80%,99.6% 99.5%,88% 100%,77% 99.5%,64% 100%,51% 99.6%,40% 100%,27% 99.5%,15% 100%,.4% 99.6%,0 82%,.4% 63%,0 43%,.4% 22%)}
.abt--reference .chapter-image figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.abt--reference .chapter-copy{min-width:0;padding-bottom:calc(6 * var(--hu))}
.abt--reference .chapter-copy>.tiny{display:block;font:400 max(10px,calc(16 * var(--hu)))/1.4 'ABT Reference Label',Arial,sans-serif;letter-spacing:.29em;color:var(--sand)}
.abt--reference .chapter-copy .year{font:400 calc(128 * var(--hu))/1 var(--display);letter-spacing:-.065em;margin:calc(18 * var(--hu)) 0 calc(28 * var(--hu));color:var(--navy)}
.abt--reference .chapter-copy h3{font:400 calc(39 * var(--hu))/1.15 var(--display);letter-spacing:-.04em;color:var(--navy)}
.abt--reference .chapter-copy h3::before{content:'';display:block;width:calc(42 * var(--hu));height:1px;background:#af9475;margin-bottom:calc(30 * var(--hu))}
.abt--reference .chapter-copy .description{font:400 max(17px,calc(28 * var(--hu)))/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:#6f6d68;max-width:30ch;margin-top:calc(20 * var(--hu))}
.abt--reference .chapter-bottom{gap:calc(26 * var(--hu));margin-top:calc(33 * var(--hu));font:400 max(8px,calc(11 * var(--hu)))/1.4 'ABT Reference Label',Arial,sans-serif;letter-spacing:.25em;white-space:nowrap}
.abt--reference .wave-mark{flex:none;width:calc(116 * var(--hu));height:calc(24 * var(--hu));color:#b47d3f}
.abt--reference .chapter-arrow{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:0;border:1px solid #ae9479;border-radius:50%;background:#fffcf338;color:#a38b70;cursor:pointer;transition:background .2s,color .2s}
.abt--reference .chapter-arrow svg{width:calc(16 * var(--hu));height:calc(24 * var(--hu));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abt--reference .chapter-arrow--prev svg{transform:rotate(180deg)}
.abt--reference .chapter-arrow:hover{background:#efe5d5;color:#073b57}
.abt--reference .chapter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(66 * var(--hu));border:0;margin:calc(34 * var(--hu)) calc(247 * var(--hu)) 0}
.abt--reference .chapter-tabs button{display:flex;flex-direction:column-reverse;align-items:stretch;gap:calc(10 * var(--hu));min-height:0;padding:0;border:0;background:transparent;color:#a08f7e;cursor:pointer}
.abt--reference .chapter-tab-copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--hu));padding:0 0 calc(12 * var(--hu))}
.abt--reference .chapter-tabs .tiny{font:400 max(8px,calc(12 * var(--hu)))/1 'ABT Reference Label',Arial,sans-serif;letter-spacing:.2em;color:#a0876d}
.abt--reference .chapter-tab-year{font:400 calc(30 * var(--hu))/1 var(--display);letter-spacing:-.055em;white-space:nowrap}
.abt--reference .chapter-tabs .tab-line{width:100%;height:1px;background:currentColor;opacity:.65}
.abt--reference .chapter-tabs button[aria-selected=true] .tab-line{width:100%;background:#bd8545}
.abt--reference .chapter-thumb{--thumb-pad:calc(7 * var(--hu));position:relative;display:block;width:100%;flex-shrink:0;aspect-ratio:186/112;padding:var(--thumb-pad);background:#fffcf5;border:1px solid #e4dace;box-shadow:0 2px 6px #65503b0b}
.abt--reference .chapter-thumb :is(img,svg){position:absolute;inset:var(--thumb-pad);display:block;width:calc(100% - 2 * var(--thumb-pad));height:calc(100% - 2 * var(--thumb-pad));object-fit:cover;filter:grayscale(1) sepia(.25);opacity:.58;transition:filter .2s,opacity .2s}
.abt--reference .chapter-tabs button[aria-selected=true] .chapter-thumb{border-color:#bc8547;box-shadow:0 4px 12px #65503b20}
.abt--reference .chapter-tabs button[aria-selected=true] .chapter-thumb :is(img,svg),.abt--reference .chapter-tabs button:hover .chapter-thumb :is(img,svg){filter:none;opacity:1}
.abt--reference .chapter-panel:not([hidden])~.chapter-panel{margin-top:35px}
.abt--reference.is-enhanced .chapter-panel{margin:0}
.abt--reference:not(.is-enhanced) .chapter-arrow{visibility:hidden}
@media(max-width:1450px){.abt.abt--reference{--history-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:1100px){
 .abt.abt--reference{padding-block:60px}
 .abt--reference .section-heading h2{font-size:clamp(39px,5.1vw,58px);line-height:1.05}
 .abt--reference .chapter-stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:18px;margin-top:36px}
 .abt--reference .chapter-panel{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 .abt--reference .chapter-image{padding:16px;aspect-ratio:1.45}
 .abt--reference .chapter-copy>.tiny{font-size:10px;letter-spacing:.2em}
 .abt--reference .chapter-copy .year{font-size:clamp(56px,7.5vw,80px);margin:14px 0 20px}
 .abt--reference .chapter-copy h3{font-size:26px}
 .abt--reference .chapter-copy h3::before{width:32px;margin-bottom:20px}
 .abt--reference .chapter-copy .description{font-size:19px;margin-top:14px}
 .abt--reference .chapter-bottom{gap:14px;margin-top:23px;font-size:8px;white-space:normal}
 .abt--reference .wave-mark{width:55px;height:18px}
 .abt--reference .chapter-arrow svg{width:12px;height:19px}
 .abt--reference .chapter-tabs{gap:28px;margin:30px 100px 0}
 .abt--reference .chapter-tabs button{gap:10px}
 .abt--reference .chapter-tab-copy{gap:10px;padding:10px 0 16px}
 .abt--reference .chapter-tab-year{font-size:24px}
 .abt--reference .chapter-thumb{--thumb-pad:4px}
}
@media(max-width:900px){.abt.abt--reference{--history-rail:24px}}
@media(max-width:700px){
 .abt.abt--reference{padding-block:50px}
 .abt--reference .section-heading h2{font-size:clamp(35px,6.3vw,45px);max-width:15em;margin-top:0;line-height:1.08}
 .abt--reference .section-heading em{font-size:1.25em;line-height:.9;margin-top:8px}
 .abt--reference .kicker{font-size:9px;gap:13px}
 .abt--reference .kicker::before{width:28px}
 .abt--reference .chapter-stage{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
 .abt--reference .chapter-panels{grid-column:1/-1;grid-row:1}
 .abt--reference .chapter-panel{grid-template-columns:1fr;gap:30px}
 .abt--reference .chapter-image{aspect-ratio:1.56;padding:14px}
 .abt--reference .chapter-copy{padding:0}
 .abt--reference .chapter-copy .year{font-size:76px;line-height:1;margin:14px 0 22px}
 .abt--reference .chapter-copy h3{font-size:29px}
 .abt--reference .chapter-copy h3::before{margin-bottom:22px}
 .abt--reference .chapter-copy .description{font-size:17px;max-width:36ch;line-height:1.5}
 .abt--reference .chapter-bottom{font-size:9px;gap:22px;margin-top:24px}
 .abt--reference .wave-mark{width:70px}
 .abt--reference .chapter-arrow{width:44px;grid-row:2}
 .abt--reference .chapter-arrow--next{justify-self:end}
 .abt--reference .chapter-tabs{margin:26px 0 0;gap:16px}
 .abt--reference .chapter-tabs button{display:flex;flex-direction:column-reverse;align-items:stretch;gap:10px;min-width:0}
 .abt--reference .chapter-tab-copy{align-items:center;gap:8px;padding:3px 0 14px}
 .abt--reference .chapter-tab-year{font-size:clamp(20px,4.4vw,27px)}
 .abt--reference .chapter-tabs .tiny{font-size:8px}
 .abt--reference .chapter-thumb{--thumb-pad:3px;width:100%}
 .abt--reference .abt__art{height:auto;aspect-ratio:1672/941;opacity:.7}
}
@media(prefers-reduced-motion:reduce){.abt--reference .chapter-arrow,.abt--reference .chapter-thumb :is(img,svg){transition:none}}