body{background:#000}nav a{color:white;text-decoration:none;font-size:16px;padding:10px 0}.book{color:#000;text-decoration:none}.about-opening{position:relative;min-height:800px;overflow:hidden;display:flex;align-items:center;background:#000}.about-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.about-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000a,transparent 65%),linear-gradient(0deg,#000,transparent 18%)}.about-introduction{position:relative;z-index:1;padding:95px 24px 115px;width:56%;max-width:820px}.about-introduction h1{font-size:clamp(58px,6.9vw,108px);letter-spacing:-.045em;line-height:1.1;font-weight:700;white-space:nowrap}.about-introduction h1>span{position:relative;display:inline-block}.about-introduction svg{position:absolute;width:100%;height:24px;bottom:-12px;left:0;overflow:visible}.about-introduction svg path{fill:none;stroke:#ed1b2d;stroke-width:8;stroke-linecap:round}.lead{font-size:clamp(23px,2.3vw,34px);line-height:1.4;margin:45px 0 30px;max-width:660px;letter-spacing:-.02em}.lead strong{font-weight:650}.reflection{font-size:clamp(17px,1.55vw,23px);line-height:1.5;margin:0;max-width:630px}.milestones{background:#000;padding:65px 3.5% 110px;position:relative}.milestone-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;max-width:1380px;margin:auto}.milestone{border:2px solid #f3f3f3;border-radius:38px;aspect-ratio:1/1;flex:0 0 calc((100% - 48px)/3);max-width:365px;padding:30px 22px 22px;text-align:center;display:flex;flex-direction:column}.card-heading{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:22px}.card-number{font-size:60px;line-height:1;font-weight:500;letter-spacing:-.04em}.milestone:first-child .card-number{font-size:47px}.milestone h2{font-size:clamp(22px,2vw,30px);line-height:1.13;letter-spacing:-.025em;font-weight:400;margin:13px 0 0}.milestone p{font-size:15px;line-height:1.4;margin:0;padding-top:22px;border-top:1px solid #fff;min-height:79px;display:flex;align-items:center;justify-content:center}.animated .entrance{animation:about-fade 2s both ease-out}.animated .lead{animation-delay:.65s}.animated .reflection{animation-delay:1.35s}.animated .milestone{opacity:0;transform:translateY(25px);transition:opacity 1.6s ease,transform 1.6s ease}.animated .milestone.shown{opacity:1;transform:none}@keyframes about-fade{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.about-opening{min-height:900px}.about-introduction{padding-left:4vw;max-width:880px}}
@media(max-width:1000px){.about-introduction{width:61%}.about-opening{min-height:760px}.about-backdrop{object-position:60% center}.about-introduction h1{font-size:65px}.lead{font-size:25px}.reflection{font-size:18px}.milestone{border-radius:30px;padding:24px 16px 20px}.milestone p{font-size:13px;min-height:82px}.card-number{font-size:53px}.milestone h2{font-size:23px}}
@media(max-width:700px){nav a{font-size:16px}.about-opening{min-height:0;display:block;padding-top:400px}.about-backdrop{height:520px;object-position:85% top;width:100%;object-fit:cover}.about-shade{height:530px;background:linear-gradient(0deg,#000 0%,#0005 28%,transparent 60%)}.about-introduction{width:100%;padding:0 22px 55px;max-width:none}.about-introduction h1{font-size:clamp(44px,11vw,68px);white-space:normal}.lead{font-size:23px;line-height:1.4;margin:35px 0 27px}.reflection{font-size:17px;line-height:1.55}.milestones{padding:25px 22px 70px}.milestone-grid{gap:20px}.milestone{flex-basis:100%;max-width:345px;border-radius:34px;padding:28px 22px 22px}.milestone h2{font-size:28px}.milestone p{font-size:15px}.card-number{font-size:64px}}
@media(prefers-reduced-motion:reduce){.animated .entrance{animation:none}.animated .milestone{opacity:1;transform:none;transition:none}}
