/* An editorial comparison: one question, three personal outcomes. */
.range-jump{display:inline-flex;align-items:center;gap:20px;margin:16px 0 0;font-size:13px;text-underline-offset:5px;min-height:44px}.invitation-copy>.small{margin-top:6px}
.section-heading{text-align:center;margin:0 auto 36px;max-width:760px}.section-heading h2{font-size:clamp(36px,3.5vw,50px);margin:15px 0 20px}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6}.section-heading.compact{margin-bottom:34px}
.story-range{margin:16px auto 0;padding:64px 4vw 44px;max-width:1440px;border-top:1px solid var(--line);scroll-margin-top:24px}.range-tabs{display:flex;justify-content:center;gap:36px;margin:0 auto 40px;border-bottom:1px solid var(--line);max-width:640px}.range-tabs button{background:none;min-height:52px;padding:10px 4px 16px;border-bottom:2px solid transparent;font-size:15px;color:var(--muted);position:relative;bottom:-1px}.range-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink);font-weight:600}.range-workbench{display:grid;grid-template-columns:.22fr .78fr;gap:clamp(32px,4vw,64px);align-items:start;max-width:1180px;margin:auto}.range-question>p,.range-memory>p,.range-result>p{font-size:10px;letter-spacing:.14em;margin-bottom:22px;color:var(--muted)}.range-question>img{width:100%;height:auto;aspect-ratio:9/13;border-radius:9px;transform:rotate(-3deg);box-shadow:1px 2px 0 #ddd3cd,4px 10px 22px #2b335d13}.range-question figcaption{margin-top:20px;font-size:11px;text-align:center;color:var(--muted)}.range-question blockquote{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.range-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(26px,3vw,46px);min-width:0}.range-memory,.range-result{min-width:0}.range-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e9e3da;border-radius:2px}.range-photo>img{width:100%;height:100%;object-fit:cover}.range-photo>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#1d202d;z-index:2}.range-photo>span{position:absolute;bottom:12px;left:12px;background:#fffcf7eb;color:var(--ink);padding:5px 10px;font-size:10px;border-radius:20px;pointer-events:none}.range-panel.is-playing .range-photo>span{display:none}.range-words{padding-top:20px;min-height:195px}.range-dedication{font-size:11px;color:var(--muted);margin-bottom:6px}.range-words h3{font-size:25px;font-weight:500;line-height:1.2;margin-bottom:10px}.range-words blockquote{font-size:15px;line-height:1.65;color:var(--muted);max-width:400px}.range-listen{font-size:12px;padding:9px 0;background:none;text-decoration:underline;text-underline-offset:5px;min-height:44px;margin-top:3px}
.range-keepsake{width:100%;aspect-ratio:9/13;border-radius:9px;transform:rotate(2deg);box-shadow:1px 2px 0 #d8d0c5,5px 12px 24px #2b335d1a;transition:transform .8s cubic-bezier(.2,.7,.2,1);overflow:hidden}.range-keepsake .card-face{border-radius:9px}.range-result>a{display:flex;gap:12px;justify-content:center;font-size:11px;padding:16px 0 8px;min-height:44px}.range-panel[data-beat=keepsake] .range-keepsake{transform:rotate(0deg) translateY(-5px)}.range-panel.changed .range-photo>img,.range-panel.changed .range-words,.range-panel.changed .range-keepsake{animation:range-arrive .65s ease both}.range-panel[data-beat=photo]:not(.is-playing) .range-photo>img{animation:range-photo-drift 12s ease-out both}.range-controls{max-width:1180px;margin:22px auto 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.range-beats{display:flex;gap:15px;align-items:center;font-size:11px;color:var(--muted)}.range-beats .active{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.range-controls button{font-size:12px}.range-progress{max-width:1180px;height:2px;background:var(--line);margin:5px auto 0;overflow:hidden}.range-progress>i{display:block;height:100%;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}.range-disclosure{font-size:11px;color:var(--muted);margin:16px auto 0;max-width:1180px}.story-range[data-paused=true] .range-photo>img{animation-play-state:paused}
.shared-moments,.packaging-story{padding:58px 4vw 0;max-width:1440px;margin:auto}.moments-pair,.packaging-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}.moments-pair figure>img,.packaging-pair figure>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.moments-pair figcaption,.packaging-pair figcaption{padding:23px 2px 8px}.moments-pair h3,.packaging-pair h3{font-size:25px;line-height:1.2;margin-bottom:10px}.moments-pair p,.packaging-pair p{font-size:15px;line-height:1.65;color:var(--muted);max-width:500px}.packaging-story{padding-bottom:54px}.packaging-pair .eyebrow{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.packaging-pair a{display:inline-flex;gap:20px;align-items:center;font-size:13px;min-height:44px;margin-top:10px}.packaging-note{font-size:11px;display:block;color:var(--muted);padding-top:16px}.range-afterword{padding-top:42px;padding-bottom:40px}.range-afterword .availability{margin-top:28px;max-width:950px}.range-afterword .availability strong{font-size:13px}.range-afterword+.example-footnote{padding-block:0 28px}
@keyframes range-arrive{from{opacity:.3;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes range-photo-drift{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:1000px){.range-workbench{grid-template-columns:180px 1fr;gap:30px}.range-panel{grid-template-columns:1fr 210px;gap:24px}.range-words h3{font-size:22px}.range-words blockquote{font-size:14px}.range-photo{aspect-ratio:1/1}.range-question>img{margin-top:10px}.range-controls{margin-top:22px}.moments-pair h3,.packaging-pair h3{font-size:23px}}
@media(max-width:800px){.range-workbench{grid-template-columns:135px 1fr;gap:25px}.range-panel{grid-template-columns:1fr 185px;gap:20px}.range-photo{aspect-ratio:1/1}.range-words h3{font-size:20px}.range-words blockquote{font-size:13px}.range-question figcaption{font-size:10px}.range-tabs{margin-bottom:28px}}
@media(max-width:640px){.story-range{padding:40px 24px 30px;margin-top:28px;scroll-margin-top:18px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{font-size:9px;letter-spacing:.12em}.section-heading h2{font-size:36px;margin:13px 0 16px}.section-heading>p:not(.eyebrow){font-size:14px}.range-tabs{gap:0;justify-content:space-between;margin-bottom:26px}.range-tabs button{font-size:13px;padding:10px 7px 12px;min-height:48px}.range-workbench{display:block}.range-question{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid var(--line)}.range-question>p{display:none}.range-question>img{width:76px;margin:0;border-radius:4px}.range-question figcaption{margin:0;text-align:left;font-size:10px}.range-question blockquote{position:static;width:auto;height:auto;clip-path:none;font-size:14px;line-height:1.5;margin-top:7px;color:var(--ink)}.range-panel{grid-template-columns:1fr 1fr;gap:20px}.range-photo{aspect-ratio:1/1}.range-photo>span{bottom:7px;left:7px;font-size:8px;padding:3px 6px}.range-memory>p,.range-result>p{font-size:8px;letter-spacing:.12em;margin-bottom:15px}.range-words{padding-top:14px;min-height:190px}.range-words h3{font-size:20px}.range-dedication{font-size:10px}.range-words blockquote{font-size:12px;line-height:1.6}.range-listen{font-size:10px;text-align:left;line-height:1.5}.range-result>a{font-size:10px;gap:8px;line-height:1.5;text-align:center}.range-keepsake{border-radius:6px}.range-keepsake .card-face{border-radius:6px}.range-controls{margin-top:12px;gap:10px}.range-beats{gap:7px;font-size:9px}.range-controls button{font-size:10px;white-space:nowrap}.range-disclosure{font-size:10px;line-height:1.6}.shared-moments,.packaging-story{padding:38px 24px 0}.moments-pair,.packaging-pair{grid-template-columns:1fr;gap:26px}.moments-pair figure>img,.packaging-pair figure>img{aspect-ratio:3/2}.moments-pair figcaption,.packaging-pair figcaption{padding-top:16px}.moments-pair h3,.packaging-pair h3{font-size:23px}.moments-pair p,.packaging-pair p{font-size:14px}.packaging-story{padding-bottom:36px}.section-heading.compact{margin-bottom:24px}.range-afterword{padding-top:30px}}
@media(max-width:360px){.story-range,.shared-moments,.packaging-story{padding-inline:20px}.range-panel{gap:15px}.range-tabs button{font-size:12px}.section-heading h2{font-size:32px}.range-beats{font-size:8px;gap:5px}.range-words h3{font-size:18px}.range-words blockquote{font-size:11px}.range-question blockquote{font-size:13px}.range-result>a{font-size:9px}.range-listen{font-size:9px}}
@media(prefers-reduced-motion:reduce){.range-panel .range-photo>img,.range-panel.changed .range-photo>img,.range-panel.changed .range-words,.range-panel.changed .range-keepsake{animation:none!important}.range-keepsake{transition:none}}
@media(max-width:640px){.range-words blockquote{font-size:14px}.range-dedication{font-size:11px}.range-words h3{font-size:22px}.range-words{min-height:230px}}
@media(max-width:360px){.range-words blockquote{font-size:13px}.range-words h3{font-size:20px}}
/* Keep both physical cards at the same scale; give spoken words room on phones. */
.range-workbench{--range-gap:40px;grid-template-columns:calc((100% - var(--range-gap) - var(--range-gap)) / 3.3) 1fr;gap:var(--range-gap)}
.range-panel{grid-template-columns:1.3fr 1fr;grid-template-areas:"memory result" "words result";column-gap:var(--range-gap);row-gap:12px;align-content:start}
.range-memory{grid-area:memory}.range-result{grid-area:result}.range-quote-panel{grid-area:words;min-height:105px}
.range-words{min-height:0;padding-top:16px}.range-words h3{margin-bottom:0}
.range-quote-panel blockquote{font-size:15px;line-height:1.65;color:var(--muted)}
.range-panel.changed .range-quote-panel{animation:range-arrive .65s ease both}
@media(max-width:1000px){.range-workbench{--range-gap:24px}.range-panel{grid-template-columns:1.3fr 1fr}.range-photo{aspect-ratio:4/3}.range-question>img{margin-top:0}}
@media(max-width:800px){.range-workbench{--range-gap:20px}.range-quote-panel blockquote{font-size:14px}}
@media(max-width:640px){.range-panel{grid-template-columns:1fr 1fr;grid-template-areas:"memory result" "words words";column-gap:20px;row-gap:10px}.range-words{min-height:0;padding-top:12px}.range-words h3{font-size:22px}.range-photo{aspect-ratio:1/1}.range-quote-panel{min-height:106px;padding-top:2px}.range-quote-panel blockquote{font-size:15px;line-height:1.6}.range-listen{font-size:12px}.range-keepsake{margin-bottom:5px}.range-controls{margin-top:12px}}
@media(max-width:360px){.range-panel{column-gap:15px}.range-words h3{font-size:20px}.range-quote-panel blockquote{font-size:14px}}
@media(prefers-reduced-motion:reduce){.range-panel.changed .range-quote-panel{animation:none}}
.range-jump{display:flex;width:max-content;max-width:100%}