.page-sobre .story-opening{background:var(--sage2);padding:65px 0 80px}.story-opening-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.story-opening h1{font-size:clamp(3rem,5.4vw,5.2rem);letter-spacing:-.045em;max-width:15ch}.story-opening h1 em{font-weight:400;color:var(--gold)}.opening-name{margin-top:28px;font-size:1.1rem}.story-opening figure{margin:0;position:relative;transform:rotate(2deg)}.story-opening img{width:100%;height:510px;object-fit:cover;object-position:center;border-radius:45% 45% 3px 3px}.story-opening figcaption{background:#e6d5b9;padding:22px 28px;font:1.45rem Fraunces,Georgia,serif;position:absolute;bottom:-22px;left:-35px;transform:rotate(-5deg)}.chapter-nav{display:block;border-bottom:1px solid var(--line);padding:20px 0;background:var(--cream)}.chapter-nav .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px}.chapter-nav a{font-size:.85rem;text-decoration:none;text-underline-offset:5px}.chapter-nav a:hover{text-decoration:underline}.story-chapter{scroll-margin-top:80px;padding:100px 0}.chapter-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.chapter-copy h2{font-size:clamp(2.2rem,3.8vw,3.6rem);margin-bottom:30px;max-width:19ch}.chapter-copy>p:not(.kick){margin-top:20px;font-size:1.04rem;line-height:1.85}.chapter-photo{margin:0}.chapter-photo img{width:100%;max-height:620px;object-fit:cover;border-radius:3px;box-shadow:16px 16px 0 var(--sage)}.chapter-photo figcaption{font-size:.8rem;color:var(--mute);margin-top:32px}.story-chapter:nth-of-type(odd){background:var(--sage2)}.story-chapter:nth-of-type(odd) .chapter-copy{order:2}.story-chapter:nth-of-type(odd) .chapter-photo{order:1}.story-chapter:nth-of-type(odd) .chapter-layout{grid-template-columns:.85fr 1.15fr}.memory-strip{display:grid;grid-template-columns:1fr .7fr 1fr;gap:35px;align-items:center;padding-block:60px}.memory-strip figure{margin:0;background:white;padding:10px 10px 20px;box-shadow:0 10px 30px #293e3515;transform:rotate(-3deg)}.memory-strip figure:nth-child(2){transform:rotate(4deg)}.memory-strip img{width:100%;height:260px;object-fit:cover}.memory-strip figcaption{font-size:.75rem;margin-top:12px}.memory-strip>div{padding-left:25px}.memory-strip>div>p:not(.kick){font:2rem/1.35 Fraunces,Georgia,serif;margin-bottom:20px}.memory-strip a{font-size:.9rem;text-underline-offset:5px}.story-future{background:var(--green);color:var(--cream);text-align:center;padding:100px 0}.story-future .kick{color:#d5bd95;max-width:none}.story-future h2{max-width:none;font-size:clamp(2.8rem,5.5vw,5rem);margin-bottom:35px}.future-copy{max-width:740px;margin:auto}.future-copy p{margin:20px auto;max-width:none;color:#dce5d8}.story-future blockquote{font:400 clamp(1.7rem,3.5vw,3rem)/1.35 Fraunces,Georgia,serif;max-width:850px;margin:55px auto;color:#e5d3b5}.signature{max-width:none;font:1.5rem Fraunces,Georgia,serif;margin-bottom:30px}.story-future .btn.fill{background:var(--cream);color:var(--green);white-space:normal;text-align:left;line-height:1.5}.page-sobre footer{border-top:1px solid var(--line)}
@media(max-width:900px){.story-opening-grid,.chapter-layout,.story-chapter:nth-of-type(odd) .chapter-layout{gap:45px}.story-opening img{height:420px}.memory-strip{gap:20px}.memory-strip>div{padding-left:0}.memory-strip>div>p:not(.kick){font-size:1.5rem}}
@media(max-width:650px){.page-sobre .story-opening{padding:40px 0 65px}.story-opening-grid,.chapter-layout,.story-chapter:nth-of-type(odd) .chapter-layout{grid-template-columns:1fr;gap:40px}.story-opening h1{font-size:3.2rem}.story-opening figure{width:90%;margin:0 auto}.story-opening img{height:370px}.story-opening figcaption{left:-12px;font-size:1.1rem;padding:18px}.chapter-nav .wrap{justify-content:flex-start;gap:12px 20px}.story-chapter{padding:60px 0}.chapter-copy>p:not(.kick){font-size:1rem}.story-chapter:nth-of-type(odd) .chapter-copy,.story-chapter:nth-of-type(odd) .chapter-photo{order:initial}.chapter-photo{padding-right:16px}.chapter-photo img{max-height:470px}.memory-strip{grid-template-columns:1fr 1fr;padding-block:45px;gap:22px}.memory-strip img{height:200px}.memory-strip>div{grid-column:1/-1;padding-top:12px}.memory-strip>div>p:not(.kick){font-size:1.8rem}.story-future{padding:65px 0}.story-future blockquote{margin:40px auto}}
@media(prefers-reduced-motion:no-preference){.story-opening-grid>div{animation:in 1s both}.story-opening figure{animation:portrait-enter 1.2s both}.chapter-photo img{transition:transform .8s}.chapter-photo:hover img{transform:rotate(-1deg)}}
