/* The narrative below the hero only. No hero, header or footer selectors. */
.about-story-section{position:relative;scroll-margin-top:100px;background:#f7f1ea;color:#211c1f;padding:104px 0}
.about-story-section .container{max-width:1240px}
.about-story-section h2{font:500 clamp(35px,3.5vw,50px)/1.12 var(--serif);letter-spacing:-.03em;margin:0 0 28px;color:inherit;text-wrap:balance}
.about-story-section h2 em{color:#b56a4d;font-weight:inherit}
.about-story-section p{font-size:14px;line-height:1.9;color:#716158;margin:0 0 20px}
.about-story-section .story-number{display:block;font:400 58px/1 var(--serif);color:#b56a4d;letter-spacing:-.06em;margin-bottom:21px}
.about-story-section .story-kicker{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#a9573a;margin:0 0 18px}
.story-anchor{position:absolute;top:0;scroll-margin-top:100px}
.story-origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,9vw,145px);align-items:center}
.story-origin .story-copy{max-width:480px}
.story-arch{max-width:430px;padding:0 20px}
.story-arch svg{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px #51351f0d)}
.story-art-caption{display:block;text-align:center;color:#917969;font-size:10px;letter-spacing:.05em;margin-top:22px}
.about-story-section blockquote{margin:30px 0 0;padding:0;font:italic 400 clamp(24px,2.3vw,31px)/1.45 var(--serif);color:#a9573a;letter-spacing:-.02em}
.story-learning{background:#211b19;color:#f7f1ea;padding-block:96px}
.story-learning-grid{display:grid;grid-template-columns:1.05fr 1fr .75fr;gap:50px;align-items:center}
.story-learning h2{font-size:clamp(32px,3vw,43px)}
.story-learning .story-kicker{color:#c99477}
.story-learning p{color:#c4b5aa;font-size:13px}
.story-learning-copy{padding-top:24px}
.story-learning-copy p:last-child{margin-bottom:0}
.story-symbol-study{position:relative;min-height:320px;display:grid;place-items:center;isolation:isolate}
.story-symbol-study img{width:145px;height:auto;transform:rotate(-8deg);opacity:.92}
.story-orbit{position:absolute;z-index:-1;border:1px solid #b7805a38;border-radius:50%;width:250px;height:250px}
.story-orbit-two{width:190px;height:310px;transform:rotate(32deg)}
.story-study-label{position:absolute;bottom:0;font-size:9px;letter-spacing:.1em;color:#b99c86}
.story-beliefs{background:#f1e7dc;padding-block:104px 112px}
.story-beliefs-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:clamp(55px,7vw,110px);align-items:start}
.story-principles{display:grid;grid-template-columns:1fr 1fr;gap:38px 42px;padding-top:8px}
.story-principle{border-top:1px solid #cdb7a6;padding-top:18px;transition:border-color 250ms ease}
.story-principle:hover{border-color:#a9573a}
.story-principle-top{display:flex;align-items:center;justify-content:space-between;color:#a9573a;margin-bottom:24px}
.story-principle-top span{font-size:10px;letter-spacing:.12em}
.story-principle-top svg{width:26px;height:26px;transition:transform 250ms ease}
.story-principle:hover svg{transform:translateY(-3px)}
.about-story-section .story-principle h3{font:500 24px/1.25 var(--serif);letter-spacing:-.02em;margin:0 0 12px;color:#211c1f}
.story-principle p{font-size:13px;line-height:1.75;margin:0;max-width:280px}
.story-future{padding:0;background:#faf6f1}
.story-future-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(65px,9vw,145px);align-items:center;padding-block:108px}
.story-future .story-copy{max-width:510px}
.story-future-art{position:relative;min-height:360px;margin:0 30px;isolation:isolate}
.story-future-disc{position:absolute;width:240px;height:240px;border-radius:50%;background:#c08361;top:18px;left:10px}
.story-future-plane{position:absolute;width:250px;height:230px;background:#a9573a;clip-path:polygon(0 0,100% 50%,0 100%);left:105px;top:130px}
.story-future-line{position:absolute;width:310px;height:310px;border:1px solid #cda385;border-radius:50%;left:35px;top:45px;z-index:-1}
.story-invitation{position:relative;overflow:hidden;background:#291e1b;padding-block:86px;color:#f7f1ea;scroll-margin-top:100px}
.story-invitation-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center;position:relative}
.story-invitation h2{font-size:clamp(36px,4vw,56px);max-width:730px;margin-bottom:24px}
.story-invitation h2 em{color:#d18a66}
.story-invitation p{color:#c9b7aa;max-width:590px}
.story-invitation .story-kicker{color:#c99477}
.story-cta{display:inline-flex;align-items:center;gap:30px;min-height:48px;border-bottom:1px solid #b56a4d;padding:12px 0;margin-top:15px;color:#e4aa88;font-size:13px;font-weight:600;text-decoration:none}
.story-cta span{transition:transform 250ms ease}
.story-cta:hover span{transform:translate(3px,-3px)}
.story-cta:focus-visible{outline:2px solid #e4aa88;outline-offset:6px}
.story-invitation-symbol{position:relative;height:300px;overflow:hidden}
.story-invitation-symbol img{position:absolute;width:260px;height:auto;top:-5px;right:-20px;transform:rotate(-9deg);opacity:.75}
.story-enhanced [data-story-reveal]{opacity:0;transform:translateY(16px);transition:opacity 800ms ease var(--story-delay,0ms),transform 1000ms cubic-bezier(.16,1,.3,1) var(--story-delay,0ms)}
.story-enhanced [data-story-reveal="art"]{clip-path:inset(0 0 100% 0);transform:none;transition:opacity 800ms ease,clip-path 1200ms cubic-bezier(.16,1,.3,1)}
.story-enhanced [data-story-reveal].is-visible{opacity:1;transform:none;clip-path:inset(0)}
@media(min-width:768px) and (max-width:1050px){
.story-learning-grid{grid-template-columns:1fr 1fr;gap:36px}
.story-symbol-study{display:none}
.story-origin-grid,.story-beliefs-grid,.story-future-grid{gap:48px}
.story-arch{padding:0}
.story-future-art{transform:scale(.8);transform-origin:left center;margin:0}
.story-principles{gap:30px}
.story-invitation-grid{gap:40px}
}
@media(max-width:767px){
.about-story-section{padding-block:68px}
.about-story-section h2{font-size:clamp(33px,8.5vw,42px);line-height:1.15;margin-bottom:24px}
.about-story-section .story-number{font-size:46px;margin-bottom:16px}
.story-origin-grid,.story-learning-grid,.story-beliefs-grid,.story-future-grid{grid-template-columns:minmax(0,1fr);gap:40px}
.story-origin .story-copy{order:-1}
.story-arch{width:100%;max-width:320px;padding:0 10px;margin:0 auto}
.story-learning-copy{padding-top:0}
.story-symbol-study{min-height:260px;max-width:300px;width:100%;margin:0 auto}
.story-symbol-study img{width:110px}
.story-orbit{width:210px;height:210px}
.story-orbit-two{width:160px;height:240px}
.story-principles{gap:30px 24px}
.about-story-section .story-principle h3{font-size:22px}
.story-principle p{font-size:12px}
.story-future{padding:0}
.story-future-grid{padding-block:68px}
.story-future .story-copy{order:-1}
.story-future-art{width:310px;min-height:300px;margin:0 auto;transform:scale(.8);transform-origin:center top;margin-bottom:-40px}
.story-invitation{padding-block:65px}
.story-invitation-grid{grid-template-columns:minmax(0,1fr);gap:36px}
.story-invitation-symbol{height:190px;max-width:300px;width:100%;margin-left:auto}
.story-invitation-symbol img{width:190px;right:0}
}
@media(max-width:420px){.story-principles{grid-template-columns:minmax(0,1fr)}.story-principle p{max-width:100%;font-size:13px}}
@media(prefers-reduced-motion:reduce){
.story-enhanced [data-story-reveal],.story-enhanced [data-story-reveal="art"]{opacity:1;transform:none;clip-path:none;transition:none}
.story-principle,.story-principle-top svg,.story-cta span{transition:none}
.story-principle:hover svg,.story-cta:hover span{transform:none}
}
