/* Landing-page warmth above a quiet navy reading space. */
.about-story-page{--story-navy:#091a32;--story-orange:#ff9854;--story-edge:#cad9ef2b;--ui-focus:#ffb679;margin:0;background:var(--story-navy);color:#e2e9f3;-webkit-font-smoothing:antialiased}
.about-story-page *{box-sizing:border-box}
.about-story-page a{color:inherit;text-underline-offset:5px}
.about-story-page ::selection{background:#ffc184;color:#091a32}
.about-story-page .skip-link{position:absolute;top:10px;left:22px;z-index:10;padding:10px 16px;background:var(--story-navy);color:#fff;transform:translateY(-160%)}
.about-story-page .skip-link:focus{transform:none}
.story-header,.story-footer{margin:auto;padding:28px 6vw;display:flex;justify-content:space-between;align-items:center;gap:24px}
.story-header{background:#ff741d;color:var(--story-navy)}
.story-header img{display:block;width:190px;height:auto}
.story-header>a:last-child{font-size:13px;text-decoration:none}
.story-header a:focus-visible,.story-opening a:focus-visible{outline-color:var(--story-navy)}
.personal-story{margin:0}
.story-opening{padding:38px max(6vw,calc((100% - 746px)/2)) 56px;background:linear-gradient(120deg,#ff741d 0%,#ff8c32 65%,#ffb45f 100%);color:var(--story-navy)}
.story-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 27px}
.story-opening h1{font:400 clamp(44px,5vw,64px)/1.14 var(--type-display);letter-spacing:-.055em;margin:0 0 24px}
.story-opening h1 em{font-family:var(--type-literary);font-weight:400;letter-spacing:-.035em}
.story-deck{font-size:18px;line-height:1.8;max-width:54ch;color:#25334a;margin:0}
.story-body{width:calc(100% - 12vw);max-width:746px;margin:0 auto;padding:48px 0 60px}
.story-body>p{max-width:660px}
.story-body p{font-size:17px;line-height:1.95;margin:0 0 23px}
.story-footer{max-width:1320px;border-top:1px solid var(--story-edge);flex-wrap:wrap;padding-bottom:44px}
.story-footer a,.story-companion a{color:#ffb679}
.story-footer-credit{display:flex;flex-direction:column;font-size:12px;color:#b7c5d9}
.story-footer .story-enquiry{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font:inherit;color:inherit;text-decoration:none}
.story-footer .story-enquiry:hover,.story-footer .story-enquiry:focus-visible{text-decoration:underline}
.story-companion{max-width:660px;margin-top:32px;padding-top:24px;border-top:1px solid var(--story-edge)}
.story-companion h2{font:400 24px/1.4 var(--type-literary);margin:0 0 14px;color:var(--story-orange)}
.story-companion p{font-size:15px;line-height:1.85;color:#b7c5d9;margin-bottom:0}
.story-belief{padding:100svh 6vw 88px}
.belief-note{max-width:720px}
.belief-note h2{font:400 12px/1.8 var(--type-display,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;margin:0 0 28px;color:var(--story-orange)}
.belief-note blockquote{margin:0}
.belief-note blockquote p{font:italic 400 clamp(23px,2vw,30px)/1.75 var(--type-literary,Georgia,serif);letter-spacing:-.01em;text-wrap:pretty;margin:0 0 28px}
.belief-signature{margin:42px 0 0;width:clamp(280px,32vw,420px);max-width:100%}
.belief-signature img{display:block;width:100%;height:auto}
@media(max-width:600px){
 .story-header,.story-footer{padding:22px;gap:16px}.story-header img{width:155px}.story-header>a:last-child{font-size:12px;text-align:right}
 .story-opening{padding:36px 22px 38px}
 .story-opening h1{font-size:clamp(39px,10.5vw,61px)}.story-deck{font-size:16px}
 .story-body{width:calc(100% - 44px);padding:34px 0 44px}.story-body p{font-size:16px;line-height:1.85}
 .story-footer-credit{flex-basis:100%}
 .story-belief{padding:100svh 22px 60px}
 .belief-note h2{font-size:11px;margin-bottom:24px}
 .belief-note blockquote p{font-size:22px;line-height:1.7;margin-bottom:26px}
 .belief-signature{margin-top:32px;width:min(100%,300px)}
}