/* About page: shared homepage palette, typography, navigation and footer. */
.story-opening{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;padding-top:70px;padding-bottom:75px}
.story-opening .eyebrow,.story-letter .eyebrow{color:var(--muted);margin-bottom:26px}
.story-opening h1{font-size:clamp(52px,5.5vw,82px);line-height:1.08;letter-spacing:-.05em}
.story-opening h1 em{color:#677957}
.story-intro{font:23px/1.5 var(--serif);margin:27px 0 18px}
.story-opening-copy>p:not(.eyebrow):not(.story-intro){max-width:440px;color:var(--muted);font-size:14px}
.story-opening-copy .signature{margin-top:27px;font-size:29px}
.story-opening-art{position:relative;padding:0 25px 40px 0;min-width:0}
.story-coast{width:100%;height:495px;border-radius:48% 48% 0 0;object-position:center}
.story-keepsake{position:absolute;bottom:0;right:0;background:#fffdf5;transform:rotate(5deg);width:55%;max-width:220px;padding:12px 12px 17px;box-shadow:0 10px 26px #183c3626}
.story-keepsake img{width:100%;height:auto;border-radius:50%}
.story-keepsake figcaption{font:italic 14px/1.4 var(--serif);text-align:center;margin-top:10px}
.story-margin{position:absolute;left:-28px;bottom:45px;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg)}
.story-letter{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.story-letter h2{font-size:clamp(40px,4vw,58px)}
.story-prose p{font-size:14px;color:var(--muted);margin-bottom:20px}
.story-prose .letter-lead{font:26px/1.45 var(--serif);color:var(--ink)}
.story-team{background:#eaece3}
.story-team .section-aside{margin:0}
.advisor{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:9%;align-items:center;padding:45px 0;border-top:1px solid #cad1c3}
.advisor:last-child{padding-bottom:0}
.advisor figure{text-align:center}
.advisor figure img{width:100%;max-width:300px;height:auto;border-radius:50%;margin:auto}
.advisor figcaption{font-size:8px;letter-spacing:1.5px;margin-top:20px;color:var(--muted)}
.advisor-copy h3{font-size:45px;margin:10px 0 24px}
.advisor-copy>p:not(.eyebrow){font-size:14px;max-width:540px;color:var(--muted);margin-top:14px}
.advisor-specialties{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;margin:25px 0 8px;font-size:10px;font-weight:700}
.advisor-specialties li{border-bottom:1px solid #a1af98;padding-bottom:6px}
.advisor-jessica{margin-top:45px;grid-template-columns:minmax(0,1fr) minmax(0,320px)}
.advisor-jessica figure{grid-column:2;grid-row:1}
.advisor-jessica .advisor-copy{grid-column:1;grid-row:1}
.approach-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.approach-list article{border-top:1px solid var(--line);padding-top:20px}
.approach-list article>span{font:italic 22px var(--serif);color:#667655}
.approach-list h3{font-size:28px;margin:17px 0 12px;line-height:1.2}
.approach-list p{font-size:14px;color:var(--muted)}
.story-credential{margin-top:65px;padding:32px 40px;background:#eaece3;display:flex;gap:40px;align-items:center}
.story-credential img{width:130px;height:auto;flex-shrink:0}
.story-credential h3{font-size:30px;line-height:1.2;margin:10px 0}
.story-credential p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:600px}
.story-credential .text-link{margin-top:8px}
.story-reviews{background:#eaece3}
.review-slider{border-top:1px solid #bfcabb;padding-top:22px;min-width:0}
.review-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}
.review-controls[hidden],.review-progress[hidden]{display:none}
.review-position{font:italic 24px var(--serif);color:var(--muted)}
.review-position [data-review-current]{color:var(--ink);font-size:32px}
.review-arrows{display:flex;gap:12px}
.review-arrows button{width:50px;height:50px;border:1px solid #7d9075;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;font-size:25px;transition:background .2s,color .2s}
.review-arrows button:hover:not([aria-disabled="true"]){background:var(--ink);color:var(--paper)}
.review-arrows button[aria-disabled="true"]{opacity:.4;cursor:default}
.review-slides{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;align-items:start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7d9075 transparent}
.review-slider.is-enhanced .review-slides{scrollbar-width:none}
.review-slider.is-enhanced .review-slides::-webkit-scrollbar{display:none}
.review-slides:focus-visible{outline:3px solid #8a592b;outline-offset:5px}
.review-slide{scroll-snap-align:start;scroll-snap-stop:always;padding:36px 7% 40px;background:#f7f5ef;min-width:0}
.review-quote-mark{display:block;font:80px/.8 var(--serif);height:48px;color:#907647}
.review-slide blockquote{margin:14px 0 28px;font:clamp(22px,2.2vw,30px)/1.55 var(--serif);letter-spacing:-.25px;overflow-wrap:anywhere}
.review-slide figcaption{display:flex;align-items:center;gap:15px}
.review-avatar{width:46px;height:46px;border:1px solid #b7c1ac;border-radius:50%;display:grid;place-items:center;font:italic 18px var(--serif);flex-shrink:0}
.review-slide strong{display:block;font:22px var(--serif)}
.review-slide small{display:block;font-size:10px;letter-spacing:1px;margin-top:5px;color:var(--muted)}
.review-progress{height:2px;background:#cbd3c4;margin-top:24px}
.review-progress span{display:block;height:100%;width:10%;background:var(--ink);transition:width .3s}
@media(max-width:1000px){
  .story-opening{gap:6%;padding-top:55px;padding-bottom:55px}
  .story-opening h1{font-size:54px}
  .story-intro{font-size:20px}
  .story-intro br{display:none}
  .story-coast{height:420px}
  .story-letter{gap:6%}
  .advisor{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:6%}
  .advisor-jessica{grid-template-columns:minmax(0,1fr) minmax(0,240px)}
  .advisor-copy h3{font-size:36px}
  .approach-list{gap:22px}
}
@media(max-width:650px){
  .story-opening{display:flex;flex-direction:column;gap:36px;padding-block:42px 48px}
  .story-opening-copy{width:100%}
  .story-opening h1{font-size:clamp(41px,11.7vw,68px)}
  .story-opening .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:22px}
  .story-opening .signature{margin-top:17px}
  .story-intro{font-size:22px;margin-top:22px}
  .story-opening-art{width:100%;max-width:380px;padding:0 10% 34px 0}
  .story-coast{height:auto;aspect-ratio:1.1;border-radius:45% 45% 0 0}
  .story-keepsake{width:48%;right:3%;padding:9px 9px 12px;transform:rotate(4deg)}
  .story-keepsake figcaption{font-size:12px;margin-top:8px}
  .story-margin{left:-16px;font-size:6px;letter-spacing:1.2px}
  .story-letter{display:block}
  .story-letter .eyebrow{margin-bottom:18px}
  .story-letter h2{font-size:42px;margin-bottom:25px}
  .story-prose .letter-lead{font-size:24px}
  .story-prose p:last-child{margin-bottom:0}
  .story-team .section-aside{margin-top:22px}
  .advisor,.advisor-jessica{display:flex;flex-direction:column;gap:25px;padding:30px 0;margin-top:0}
  .advisor figure{width:100%}
  .advisor figure img{width:190px}
  .advisor figcaption{font-size:8px;letter-spacing:1px;margin-top:15px}
  .advisor-copy h3{font-size:36px;margin:12px 0 20px}
  .advisor-copy .eyebrow{font-size:9px}
  .advisor-specialties{font-size:11px;gap:10px 16px}
  .advisor-jessica{margin-top:20px}
  .approach-list{display:block}
  .approach-list article{display:flex;gap:22px;padding:22px 0}
  .approach-list article>span{padding-top:4px}
  .approach-list h3{margin:0 0 10px;font-size:27px}
  .story-credential{margin-top:25px;padding:26px 22px;flex-direction:column;align-items:flex-start;gap:20px}
  .story-credential img{width:105px}
  .story-credential h3{font-size:28px}
  .review-controls{margin-bottom:16px}
  .review-slide{padding:27px 22px 30px}
  .review-slide blockquote{font-size:20px;line-height:1.55;margin-top:8px}
  .review-quote-mark{font-size:66px;height:40px}
  .review-slide strong{font-size:20px}
  .review-slide small{font-size:9px;letter-spacing:.7px}
  .review-arrows button{width:46px;height:46px}
}