.about-main{max-width:1400px;margin:auto;padding:54px 6% 100px}
.about-heading .back-link{margin-bottom:28px}
.about-heading h1{font-size:clamp(4.5rem,9vw,9rem);line-height:.95;margin:0}
.about-heading h1 span{display:inline;color:var(--red)}
.about-story{margin-top:58px}
.story-row{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(44px,7vw,110px);padding:20px 0 65px}
.story-copy{max-width:570px}
.story-copy p{font-size:18px;line-height:1.9;color:#d5d8e0;margin:0 0 24px}
.story-copy p:last-child{margin-bottom:0}
.story-copy .intro-copy{font-size:clamp(22px,2.2vw,30px);line-height:1.55;color:var(--paper);font-weight:500}
.polaroid{position:relative;background:#f5f5f1;padding:12px 12px 44px;margin:0;box-shadow:0 18px 40px #0005;width:100%;max-width:360px;justify-self:center}
.polaroid::before{content:"";position:absolute;top:-12px;left:calc(50% - 35px);width:70px;height:24px;background:#ff414ec7;transform:rotate(-5deg);z-index:1}
.polaroid img{display:block;width:100%;height:auto}
.photo-one{transform:rotate(4deg);justify-self:end;margin-right:10px}
.story-middle{grid-template-columns:1fr 1.15fr;padding:28px 0 75px}
.photo-two{max-width:285px;transform:rotate(-5deg);justify-self:start;margin-left:30px}
.story-middle .story-copy{justify-self:end}
.photo-three{transform:rotate(-3deg);margin-right:24px;justify-self:end}
.story-last{padding-bottom:0}
.polaroid::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 0 0 2px var(--red),0 10px 32px #ff414e28;opacity:0;transition:opacity .3s ease}
.polaroid figcaption{position:absolute;left:10px;right:10px;bottom:10px;text-align:center;color:var(--ink);font-size:16px;font-weight:600;line-height:24px;opacity:0;transform:translateY(3px);transition:opacity .3s ease,transform .3s ease}
.polaroid:hover::after,.polaroid:focus::after{opacity:1}
.polaroid:hover figcaption,.polaroid:focus figcaption{opacity:1;transform:translateY(0)}
.polaroid:focus-visible{outline:3px solid var(--red);outline-offset:5px}
@media(hover:none){.polaroid figcaption{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.polaroid::after,.polaroid figcaption{transition:none;transform:none}}
@media(prefers-reduced-motion:no-preference){
.scroll-reveal{opacity:1;translate:0 0;transition:opacity 1.05s cubic-bezier(.25,.1,.25,1),translate 1.05s cubic-bezier(.25,.1,.25,1)}
.scroll-reveal.reveal-pending{opacity:0;translate:0 10px}
.polaroid.scroll-reveal{transition:opacity 1.2s ease;translate:none}
.polaroid.scroll-reveal.reveal-pending{translate:none}
}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;translate:none!important;transition:none!important}}
@media(max-width:850px){.story-row{gap:42px}.polaroid{max-width:310px}.photo-two{max-width:235px;margin-left:12px}.story-copy p{font-size:17px;line-height:1.8}}
@media(max-width:620px){.about-main{padding-top:32px;padding-bottom:64px}.about-heading .eyebrow{font-size:11px;letter-spacing:1.3px;line-height:1.6}.about-story{margin-top:32px}.story-row,.story-middle{grid-template-columns:1fr;gap:35px;padding:0 0 54px}.story-copy,.story-middle .story-copy{max-width:none;justify-self:stretch}.story-middle .story-copy{grid-row:1}.polaroid{width:85%;max-width:325px;padding:10px 10px 38px}.photo-one{margin-right:8px}.photo-two{max-width:255px;margin-left:12px}.photo-three{margin-right:10px}.story-last{padding-bottom:0}.story-copy p{font-size:17px}.story-copy .intro-copy{font-size:23px}}