.about-page{background:#050505;color:#f3f3f0}
.about-page .about-timeline{position:relative;overflow:hidden;padding:66px 24px 105px;background:#050505;color:#fff}
.about-page .timeline-intro{width:min(940px,100%);margin:0 auto 30px;text-align:center}
.about-page .timeline-intro .eyebrow{color:#f1c1d0;margin:0 0 15px}
.about-page .timeline-intro h2{font:400 clamp(44px,7vw,86px)/.98 var(--sans);letter-spacing:-.055em;margin:0}
.about-page .timeline-intro h2 em{font-family:var(--serif);font-weight:400}
.about-page .timeline-intro p{max-width:420px;margin:18px auto 0;color:#a5a0a3;font-size:13px;line-height:1.6}
.about-page .timeline-wrapper{position:relative;isolation:isolate;width:min(940px,100%);margin:0 auto;padding:32px 0 18px;color:#fff}
.about-page .timeline-lines-container{position:absolute;z-index:1;top:0;left:50%;width:3px;transform:translateX(-50%);pointer-events:none;backface-visibility:hidden}
.about-page .timeline-track{width:2px;height:100%;margin:auto;background:rgba(255,255,255,.08);opacity:0;transition:opacity .8s ease}
.about-page .timeline-track.visible{opacity:1}
.about-page .timeline-progress{position:absolute;inset:0 auto auto 0;width:3px;height:100%;transform:scaleY(0);transform-origin:top center;opacity:0;background:linear-gradient(to bottom,#f1c1d0,#d4919f,#f1c1d0);box-shadow:0 0 15px #f1c1d0;transition:opacity .8s ease;will-change:transform;mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 95%,transparent 100%)}
.about-page .timeline-progress.visible{opacity:1}
.about-page .timeline-head{position:absolute;z-index:3;top:0;left:50%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 20px 5px rgba(241,193,208,.65);opacity:0;transform:translate(-50%,-50%);pointer-events:none}
.about-page .content-container{position:relative;z-index:2}
.about-page .content-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:250px;margin-bottom:clamp(90px,16vh,180px)}
.about-page .content-row:last-child{margin-bottom:0}
.about-page .row-space{min-width:0;min-height:1px}
.about-page .content-row.left-block .content-block{grid-column:1}
.about-page .content-row.right-block .content-block{grid-column:2}
.about-page .content-block{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:210px;padding:28px 30px;overflow:visible;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(241,193,208,.08);box-shadow:0 20px 40px -10px rgba(0,0,0,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:1;transform:translate3d(0,0,0) scale(.98);transition:opacity .5s ease,transform .8s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .5s ease,background-color .5s ease;backface-visibility:hidden}
.about-page.motion-ready .content-block{opacity:.3}
.about-page .content-block.active{opacity:1;transform:translate3d(0,0,0) scale(1);border-color:rgba(255,255,255,.25);background:rgba(241,193,208,.11);box-shadow:0 20px 60px -20px rgba(0,0,0,.9),0 0 50px -30px rgba(241,193,208,.4)}
.about-page .block-marker{position:absolute;top:50%;width:clamp(28px,4vw,52px);height:1px;background:#f1c1d0;box-shadow:0 0 8px #f1c1d0;opacity:0;transition:opacity .4s ease,transform .4s ease}
.about-page .left-block .block-marker{left:100%;transform-origin:left;transform:scaleX(0)}
.about-page .right-block .block-marker{right:100%;transform-origin:right;transform:scaleX(0)}
.about-page .content-block.active .block-marker{opacity:1;transform:scaleX(1)}
.about-page .card-copy{flex:1;min-width:0}
.about-page .card-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}
.about-page .card-number{color:rgba(255,255,255,.48);font:11px var(--mono)}
.about-page .card-title{margin:0;font:500 clamp(19px,2.2vw,26px)/1.2 var(--sans);letter-spacing:-.025em}
.about-page .card-copy p{max-width:48ch;margin:0;color:rgba(255,255,255,.65);font-size:13px;line-height:1.55}
.about-page .card-icon{display:flex;flex:none;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.02);color:#fff;font:24px var(--sans);transition:all .5s cubic-bezier(.4,0,.2,1)}
.about-page .content-block.active .card-icon{border-color:rgba(241,193,208,.5);color:#f1c1d0;background:rgba(241,193,208,.05);box-shadow:0 0 25px -10px rgba(241,193,208,.6);transform:rotate(5deg)}
@media(max-width:768px){.about-page .about-timeline{padding:52px 22px 72px}.about-page .timeline-intro{text-align:left;margin-bottom:20px}.about-page .timeline-intro p{margin-left:0}.about-page .timeline-wrapper{padding-top:24px}.about-page .timeline-lines-container{left:16px}.about-page .content-row{display:block;min-height:0;margin-bottom:48px;padding-left:42px}.about-page .content-block{min-height:0;padding:22px;flex-direction:column-reverse;align-items:flex-start;gap:16px}.about-page .card-icon{width:48px;height:48px;margin-bottom:2px}.about-page .right-block .block-marker,.about-page .left-block .block-marker{left:auto;right:100%;width:26px;transform-origin:right}.about-page .card-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.about-page .content-block,.about-page.motion-ready .content-block,.about-page .content-block.active,.about-page .card-icon,.about-page .block-marker,.about-page .timeline-progress,.about-page .timeline-head{transition:none!important;animation:none!important}.about-page .content-block{opacity:1!important;transform:none!important}.about-page .timeline-progress{transform:scaleY(1)!important;opacity:.75}.about-page .timeline-head{display:none}}