/* An open story spread: the original portrait and company copy take the lead. */
.about.about-story .station-sign{height:32px;flex-direction:row;justify-content:center;margin-bottom:8px;gap:11px;direction:rtl}
.about-story .station-sign .sign-number{width:32px;height:32px;border-radius:50%;transform:none}
.about-story .station-sign .sign-rule,.about-story .station-sign:after{display:none}
.about-story .station-sign>span:last-child{font-size:8px;background:none;border:0;padding:0;text-align:right}
.about-story .station-sign strong{font-size:10px}
.journey-depth .about.about-story .station-sheet{padding:0 0 20px}
.about-heading{text-align:center;margin-bottom:26px}
.about-heading .eyebrow{font-size:9px;margin-bottom:4px}
.about.about-story h2{font-size:clamp(33px,3.5vw,45px);line-height:1.3;letter-spacing:-1px;margin:0}
.story-spread{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:52px;align-items:center;max-width:1030px;margin:0 auto;padding:0 12px}
.about-story .story-copy{padding:26px 31px 0;background:#eee9d9;color:#272b20;border-radius:3px 3px 19px 3px;box-shadow:10px 10px 0 -2px #14170f,10px 10px 0 -1px #b89c4b66,0 16px 50px #0004;isolation:isolate}
.story-copy:before{content:'';position:absolute;right:17px;top:0;width:1px;height:100%;background:#a38f4b16;z-index:-1}
.story-copy:after{content:'';position:absolute;left:0;bottom:0;width:24px;height:24px;background:linear-gradient(135deg,#cdc5ab 50%,#171b11 51%);border-radius:0 0 14px 0;pointer-events:none}
.story-paper-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:13px;margin-bottom:16px;border-bottom:1px solid #403e2526;color:#797c64;font-size:9px}
.story-paper-top>span:last-child{font:8px/1.6 Arial;letter-spacing:2px}
.about-story .content-subtitle{font-size:20px;line-height:1.6;color:#262d1e;margin:0 0 13px;font-weight:700}
.about-story .body-large{font-size:15px;line-height:1.95;color:#343a2a;margin:0}
.about-story .body-copy{font-size:14px;line-height:1.95;color:#60624e;margin:12px 0 0}
.about-story .vision-panel{background:none;border:0;border-top:1px solid #403e2526;border-radius:0;margin:20px 0 0;padding:0}
.about-story .vision-panel summary{padding:15px 0 16px;gap:15px;font-size:13px;color:#363d26}
.about-story .vision-panel summary>span{display:flex;align-items:center;gap:12px}
.about-story .vision-panel summary small{font-size:8px;color:#7e8069;margin:0}
.about-story .vision-panel summary svg{width:24px;height:24px;flex-shrink:0;color:#574e25;border-color:#ad974d66;background:#d9c46b26}
.about-story .vision-panel summary:focus-visible{outline:2px solid #8b6e19;outline-offset:4px;border-radius:3px}
.about-story .vision-panel p{font-size:13px;line-height:1.95;color:#50553f;padding:0 0 23px;margin:0}
.about-story .founder-portrait{width:100%;max-width:415px;height:387px;margin:0 auto;align-self:start;position:relative;isolation:isolate}
.story-art{position:absolute;inset:0;pointer-events:none}
.story-year{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font:700 128px/.95 Arial;letter-spacing:-10px;color:transparent;-webkit-text-stroke:1px #e7c35b70;opacity:.8}
.story-backplate{position:absolute;inset:66px 53px 41px 40px;background:linear-gradient(140deg,#f8d56d 0%,#f8c531 38%,#dd8b08 100%);border-radius:140px 140px 12px 12px;transform:rotate(-9deg);box-shadow:inset 1px 1px 1px #fff8,0 22px 48px #05060055}
.story-backplate:after{content:'';position:absolute;inset:12px;border:1px solid #fff7;border-radius:inherit;opacity:.45}
.story-sketch{position:absolute;inset:20px -5px 0;width:calc(100% + 10px);height:100%;fill:none;stroke:#cbb574;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.5;z-index:2}
.story-photo{position:absolute;width:350px;max-width:100%;height:350px;left:50%;top:14px;transform:translateX(-50%);z-index:1;overflow:hidden;mask-image:linear-gradient(#000 90%,transparent)}
.story-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 12px #0005);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.story-spark{position:absolute;top:82px;left:13px;width:58px;height:58px;display:grid;place-items:center;transform:rotate(-13deg);border-radius:50%;background:#1a2115;box-shadow:0 0 0 1px #c7b26d66,0 8px 20px #0005;color:#f8c531;z-index:2}
.story-spark svg{width:34px;height:34px}
.story-origin{position:absolute;top:194px;right:-1px;color:#e3ce96;font-size:12px;transform:rotate(8deg);z-index:2}
.story-origin>span{display:block;font:32px/1.5 Arial;text-align:center}
.about-story .founder-portrait figcaption{position:absolute;bottom:5px;left:50%;width:280px;max-width:90%;display:flex;align-items:center;justify-content:space-between;gap:18px;transform:translateX(-50%) rotate(-4deg);z-index:3;border:1px solid #d6c393;background:#eee9d9;backdrop-filter:none;padding:13px 17px;margin:0;border-radius:3px;box-shadow:6px 6px 0 #b88923,0 12px 24px #0005;color:#272e20}
.about-story .founder-portrait figcaption strong{font-size:25px;line-height:1.4;color:#272e20}
.about-story .founder-portrait figcaption .founder-caption>span{font-size:9px;color:#777a62;line-height:1.8}
.about-story .founder-portrait figcaption i{position:static;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;font:24px Arial;border:1px solid #ae893a66;border-radius:50%;color:#876c29;background:#e5d59555}
.about.about-story .next-station{margin:25px auto 0;padding:5px 14px 5px 7px;font-size:10px;gap:13px}
.about-story .next-station:before{display:none}
.about-story .next-station span{width:26px;height:26px;font-size:17px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html:not(.motion-paused) .story-portrait:hover .story-photo img{transform:translateY(-5px)}
}
@media(min-width:701px) and (max-height:800px){
 .about.about-story .station-sign{height:26px;margin-bottom:6px}
 .about-story .station-sign .sign-number{width:26px;height:26px}
 .about-heading{margin-bottom:18px}
 .about.about-story h2{font-size:36px}
 .story-spread{max-width:980px;gap:40px}
 .about-story .story-copy{padding:19px 27px 0}
 .story-paper-top{margin-bottom:11px;padding-bottom:10px;font-size:8px}
 .about-story .content-subtitle{font-size:18px;margin-bottom:9px}
 .about-story .body-large{font-size:14px;line-height:1.9}
 .about-story .body-copy{font-size:13px;line-height:1.9;margin-top:10px}
 .about-story .vision-panel{margin-top:14px}
 .about-story .vision-panel summary{padding:12px 0 13px;font-size:12px}
 .about-story .founder-portrait{height:333px;max-width:365px}
 .story-year{font-size:112px;top:-13px}
 .story-backplate{inset:57px 47px 34px 36px}
 .story-photo{width:303px;height:303px;top:0}
 .story-spark{top:67px;left:9px;width:49px;height:49px}
 .story-spark svg{width:28px;height:28px}
 .story-origin{top:156px;right:-3px;font-size:10px}
 .about-story .founder-portrait figcaption{width:255px;padding:10px 15px;bottom:3px}
 .about-story .founder-portrait figcaption strong{font-size:23px}
 .about.about-story .next-station{margin-top:20px}
}
@media(max-width:1000px) and (min-width:701px){
 .story-spread{gap:28px;padding:0 4px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .about-story .story-copy{padding-right:24px;padding-left:24px}
 .about-story .body-large{font-size:14px}
 .about-story .body-copy{font-size:13px}
 .story-origin{right:-8px}
}
@media(max-width:700px){
 .about-heading{margin-bottom:16px}
 .about.about-story h2{font-size:30px;line-height:1.4;letter-spacing:-.7px}
 .story-spread{display:flex;flex-direction:column;gap:23px;padding:0 7px;max-width:510px}
 .about-story .story-copy{order:2;padding:21px 24px 0;text-align:right;width:100%;box-shadow:6px 6px 0 -2px #14170f,6px 6px 0 -1px #b89c4b66,0 15px 35px #0004}
 .story-paper-top{font-size:8px;margin-bottom:12px;padding-bottom:10px}
 .story-paper-top>span:last-child{font-size:7px}
 .about-story .content-subtitle{font-size:18px;margin-bottom:11px}
 .about-story .body-large{font-size:14px;line-height:1.95;text-align:right}
 .about-story .body-copy{font-size:13px;line-height:1.95;text-align:right;margin-top:12px}
 .about-story .vision-panel{margin-top:16px}
 .about-story .vision-panel summary{padding:13px 0 14px;font-size:12px}
 .about-story .vision-panel summary>span{gap:10px}
 .about-story .vision-panel summary small{font-size:7px}
 .about-story .vision-panel p{font-size:13px;line-height:1.95}
 .about-story .founder-portrait{order:1;height:235px;width:300px;max-width:100%;margin:0 auto;align-self:center}
 .story-year{top:-2px;font-size:93px;letter-spacing:-7px}
 .story-backplate{inset:40px 58px 27px 47px;border-radius:90px 90px 8px 8px}
 .story-photo{width:223px;height:223px;top:0}
 .story-spark{top:51px;left:20px;width:40px;height:40px}
 .story-spark svg{width:23px;height:23px}
 .story-sketch{inset:6px 0 0;width:100%;height:100%}
 .story-origin{top:119px;right:4px;font-size:10px}
 .story-origin>span{font-size:25px}
 .about-story .founder-portrait figcaption{width:222px;padding:8px 12px;bottom:0;gap:14px;box-shadow:4px 4px 0 #b88923,0 8px 18px #0005}
 .about-story .founder-portrait figcaption strong{font-size:21px}
 .about-story .founder-portrait figcaption .founder-caption>span{font-size:8px}
 .about-story .founder-portrait figcaption i{width:28px;height:28px;font-size:20px}
 .about.about-story .next-station{margin-top:22px}
}
@media(max-width:370px){
 .about.about-story h2{font-size:27px}
 .about-story .story-copy{padding-right:19px;padding-left:19px}
 .about-story .body-large{font-size:13px}
 .about-story .body-copy{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.story-photo img{transition:none}}
.motion-paused .story-photo img{transition:none}