.about-story{background:linear-gradient(120deg,#fff 45%,#f1f6fb);overflow:clip}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(50px,7vw,110px);align-items:center}
.about-eyebrow{display:block;margin-bottom:24px;color:#536e87;font-size:.64rem;letter-spacing:.15em}
.about-story .about-intro{font-size:clamp(1.15rem,1.4vw,1.4rem);max-width:48ch;line-height:1.55;margin-top:28px}
.about-story .about-copy>p:not(.about-intro){font-size:.98rem;line-height:1.75;margin-top:22px;max-width:58ch}
.about-story .about-copy .about-location{color:#34516f;font-size:.85rem;margin-top:28px}
.about-story .about-copy .brand-note{font-size:.73rem;max-width:64ch}
.experience-book{position:relative;isolation:isolate;perspective:1100px;margin:35px 0 35px 20px;background:transparent;line-height:1.5}
.book-ground{position:absolute;inset:-45px -30px -35px -35px;z-index:-2;background:linear-gradient(90deg,transparent calc(100% - 1px),#c2d3e544 0),linear-gradient(transparent calc(100% - 1px),#c2d3e544 0);background-size:75px 75px;mask-image:radial-gradient(ellipse,#000 45%,transparent 75%)}
.book-ground i{position:absolute;width:80px;height:80px;background:linear-gradient(130deg,#f7faff,#d7e4f0);border:1px solid #fff;box-shadow:3px 4px 0 #d2deea,10px 18px 20px #3f5d7c12}
.book-ground i:nth-child(1){left:0;top:10px;transform:rotate(-8deg)}
.book-ground i:nth-child(2){right:0;bottom:0;transform:rotate(5deg)}
.book-ground i:nth-child(3){right:-8px;top:45%;width:25px;height:25px;background:#164bff}
.book-sheet{position:relative;border:1px solid #fff;padding:34px 28px 25px 40px;background:linear-gradient(90deg,#d8e3ef,#f9fcff 8%,#eef4fb);box-shadow:2px 2px 0 #cbd9e8,5px 5px 0 #eff5fb,7px 7px 0 #c4d5e5,15px 22px 30px #2d4c6c1c;transform-origin:left center}
.book-sheet::before{content:'';position:absolute;left:13px;top:20px;bottom:20px;width:1px;background:#a8bfd5;box-shadow:2px 0 0 #fff}
.book-caption{font-size:.58rem;letter-spacing:.12em;color:#526c86}
.experience-milestones{list-style:none;padding:0;margin:27px 0 0}
.experience-milestones li{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:23px 0;border-top:1px solid #cbdcea}
.milestone-year{font-size:1.65rem;font-weight:300;letter-spacing:-.05em;color:#164bff;line-height:1.15}
.experience-milestones strong{display:block;font-size:.86rem;line-height:1.4;font-weight:400;color:#233d57}
.experience-milestones li div>span{display:block;margin-top:5px;font-size:.68rem;color:#5c7287}
.book-endnote{border-top:1px solid #cbdcea;padding-top:20px;font-size:.86rem;color:#405d78;line-height:1.5}
.book-endnote>span{float:right;font-size:1.8rem;color:#164bff;line-height:1.2}
.book-endnote svg{display:block;width:26px;height:26px}
.book-leaf{display:none;position:absolute;inset:0;transform-origin:left center;backface-visibility:hidden;background:linear-gradient(130deg,#f6faff,#ccdded);border:1px solid #fff;box-shadow:3px 5px 0 #c1d2e3,12px 16px 25px #385a7920;padding:38px;color:#294c6c;pointer-events:none}
.book-leaf>span{font-size:clamp(1.5rem,2.2vw,2.3rem);font-weight:300;line-height:1.2;letter-spacing:-.04em}
.book-leaf i{display:block;margin-top:40px;width:30px;height:30px;background:#164bff;box-shadow:3px 4px 0 #b0c9e8}
@media(max-width:1000px){.about-story-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:35px}.book-sheet{padding:28px 20px 25px 30px}.experience-milestones li{grid-template-columns:58px 1fr;gap:8px}.milestone-year{font-size:1.4rem}.experience-milestones strong{font-size:.8rem}}
@media(max-width:760px){.about-story-grid{grid-template-columns:1fr;gap:28px}.experience-book{width:min(100% - 20px,420px);margin:15px auto 10px}.about-story .about-copy>p:not(.about-intro){font-size:.94rem}.experience-milestones li{grid-template-columns:70px 1fr}.milestone-year{font-size:1.65rem}.experience-milestones strong{font-size:.87rem}}
@media(prefers-reduced-motion:reduce){.book-leaf{display:none!important}.book-sheet{transform:none!important}.experience-milestones li{transform:none!important;opacity:1!important}}