.hero{padding-block:clamp(2rem,6vw,5rem) var(--sn-space-section);overflow:clip}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sn-space-2xl);align-items:center}.hero__copy{container-type:inline-size}.hero__copy .h1{margin-block:var(--sn-space-lg) var(--sn-space-xl);font-size:min(var(--sn-text-h1),12.4cqw);white-space:nowrap}.hero__copy .lead{max-width:29em}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sn-space-md) var(--sn-space-lg);margin-top:var(--sn-space-xl)}.hero__note{font-size:var(--sn-text-sm);color:var(--sn-muted);white-space:nowrap}.hero__visual{position:relative;display:grid;justify-items:center;padding-block:2.5rem 1rem}.hero__phone{position:relative;z-index:2}.page{position:absolute;background:var(--sn-book-paper);box-shadow:0 1.5rem 3rem #1817151a,0 0 0 1px var(--sn-book-edge) inset;z-index:1}.page--back{left:max(0px,calc(50% - 21rem));top:0;width:15rem;height:20rem;padding:1.25rem;transform:rotate(-7deg)}.page--front{right:max(0px,calc(50% - 20rem));bottom:2rem;width:13rem;padding:.9rem .9rem 1.2rem;transform:rotate(5deg)}.page__label{font-size:.65rem;font-weight:560;letter-spacing:.16em;text-transform:uppercase;color:var(--sn-muted)}.page__title{font-size:3.1rem;line-height:.95;letter-spacing:-.025em;margin-top:8.5rem}.page__caption{display:block;margin-top:.7rem;font-family:var(--sn-font-display);font-style:italic;font-size:.95rem;color:var(--sn-muted)}@media(max-width:47.99rem){.page--back{width:11rem;height:15rem;left:0;top:1rem}.page__title{font-size:2.1rem;margin-top:6rem}.page--front{width:9.5rem;right:0;bottom:1rem}.page__caption{display:none}}@media(min-width:60rem){.hero{min-height:calc(100svh - var(--sn-mast-h));display:flex;align-items:center;padding-block:var(--sn-space-2xl)}.hero__grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(2rem,4vw,4.5rem)}.hero__visual{padding-block:3rem 2rem;justify-items:end;padding-right:clamp(0rem,4vw,4rem)}.page--back{left:0;top:2rem;width:17rem;height:22rem}.page--front{right:auto;left:5rem;bottom:0;width:14rem}}.story-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7em}.hero .scr__title{font-size:1.45em}.story-head__name{display:block;font-size:1.1em}.story-head__avatar{width:2.1em;height:2.1em;border-radius:50%;background:var(--sn-photo-3)}.story-photo{margin-bottom:.6em;object-position:50% 58%}.story-date{margin-bottom:.2em}.scr__title+.scr__text{margin-top:.5em}.story-by{margin-top:.45em}.hero .scr__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.problem{padding-block:var(--sn-space-section)}.problem__head{text-align:center}.problem__head .h2{max-width:22ch;margin-inline:auto}.problem__second{color:var(--sn-accent);margin-top:var(--sn-space-lg)}.roll{margin-block:clamp(3rem,8vw,6rem);overflow:clip;display:grid;gap:.5rem;transform:rotate(-1.5deg) scale(1.04);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.roll__row{overflow:clip}.roll__track{display:flex;gap:.5rem;width:max-content;animation:roll 70s linear infinite}.roll__row--reverse .roll__track{animation-direction:reverse;animation-duration:84s}.roll__item{width:clamp(4.5rem,9vw,8rem);flex:none;transition:opacity 1.4s var(--sn-ease-in-out)}.roll__item .photo{aspect-ratio:1 / 1;border-radius:1px}.roll.is-inview .roll__item:nth-child(3n){opacity:.32;transition-delay:1.2s}.roll.is-inview .roll__item:nth-child(7n+2){opacity:.5;transition-delay:1.9s}@keyframes roll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.roll__track{animation:none}}.problem__copy{max-width:var(--sn-prose);margin-inline:auto;text-align:center}.problem__lead{font-size:var(--sn-text-lg);font-weight:500}.problem__list{margin-top:var(--sn-space-lg);font-size:var(--sn-text-lg);color:var(--sn-muted);line-height:1.7}.problem__list li{text-wrap:balance}.problem__turn{margin-top:var(--sn-space-2xl);font-size:clamp(1.625rem,1.25rem + 1.5vw,2.5rem);line-height:1.12;letter-spacing:-.018em;text-wrap:balance}.catchup{background:var(--sn-paper-2);--stage-bg: var(--sn-paper-2);padding-block:var(--sn-space-section)}.catchup__intro{display:grid;gap:var(--sn-space-lg);margin-bottom:clamp(3rem,8vw,6rem);max-width:44rem}.catchup__intro .lead{color:var(--sn-ink)}.scrolly__step .h3,.scrolly__step .eyebrow{margin-bottom:var(--sn-space-md)}.catch__date{margin-top:.4em}.collage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.35em;margin-block:.9em}.collage .photo{aspect-ratio:4 / 5}.collage__one{object-position:50% 50%}.collage__cake{object-position:36% 50%}.catch__q{font-size:1.2em;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-block:.9em .8em;text-wrap:balance}.catch__ask{margin-top:1.2em;margin-bottom:1.6em}.catch__tell{text-align:center;font-weight:600;margin-block:.8em .4em}.transcript{margin-top:.8em;padding:1em 1.1em;border-radius:1em;background:var(--sn-paper-2);font-family:var(--sn-font-display);font-style:italic;font-size:.98em;line-height:1.38;color:var(--sn-ink-soft)}.catch__photo{margin-block:.7em;aspect-ratio:4 / 3;object-position:50% 42%}.catch__polish{margin-top:1em}.things{padding-block:var(--sn-space-section)}.things__title{max-width:15ch;margin-bottom:clamp(3rem,8vw,6rem)}.fragments{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sn-space-xl)}.fragment{min-width:0}.fragment__label{margin-top:var(--sn-space-md)}.fragment__title{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.625rem);line-height:1.08;letter-spacing:-.018em;margin-top:var(--sn-space-xs);max-width:20ch;text-wrap:balance}.fragment__meta{margin-top:var(--sn-space-xs);font-size:var(--sn-text-sm);color:var(--sn-muted)}.fragment--quote{background:var(--sn-blush);color:var(--sn-blush-ink);--sn-muted: var(--sn-blush-muted);padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;min-height:18rem}.fragment--quote .fragment__label{margin-top:0}.fragment--quote{container-type:inline-size}.fragment__word{font-size:min(clamp(2.5rem,1.7rem + 3.6vw,4.5rem),18.5cqw);line-height:1;letter-spacing:-.025em;margin-top:var(--sn-space-md)}.fragment__story{margin-top:var(--sn-space-md);color:var(--sn-muted)}@media(min-width:48rem){.fragments{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sn-space-lg)}.fragment--a{grid-column:1 / span 7}.fragment--b{grid-column:8 / span 5;margin-top:8rem}.fragment--e{grid-column:4 / span 6;margin-top:4rem}}.things__statement{text-align:center;margin-top:clamp(5rem,12vw,10rem)}.voice{background:var(--sn-paper-3);padding-block:var(--sn-space-section)}.voice__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sn-space-2xl);align-items:center}.voice__phone{display:grid;justify-items:center}.voice__ask{text-align:center;margin-block:1em 1.2em}.voice__phone .wave{margin-top:.6em}.voice__phone .mic{width:4.4em;height:4.4em}.voice__phone .memory-card__photo{aspect-ratio:16 / 9;object-position:50% 25%}.voice__phone .transcript{margin-top:.4em}.voice__phone .phone__body{mask-image:linear-gradient(#000 86%,transparent);-webkit-mask-image:linear-gradient(#000 86%,transparent)}.becomes{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6em;margin-block:.9em .7em;font-size:.7em;letter-spacing:.14em;text-transform:uppercase;color:var(--sn-muted)}.becomes span:first-child,.becomes span:last-child{height:1px;background:var(--sn-line)}.memory-card__photo{aspect-ratio:4 / 3;margin-bottom:.7em}.memory-card__title{font-size:1.3em;line-height:1.08;letter-spacing:-.015em;margin-bottom:.4em}.voice__lead{margin-top:var(--sn-space-xl);color:var(--sn-ink)}.voice__body{margin-top:var(--sn-space-md);max-width:var(--sn-prose);color:var(--sn-muted)}.voice__principle{margin-top:var(--sn-space-xl);font-weight:600;font-size:var(--sn-text-sm);letter-spacing:.02em}@media(min-width:60rem){.voice__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,6vw,7rem)}.voice__copy{order:2}}.family{padding-block:var(--sn-space-section)}.family__title{text-align:center;max-width:20ch;margin:0 auto clamp(3rem,8vw,6rem)}.family__memory{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sn-space-xl);align-items:center}.remembers .eyebrow{margin-bottom:var(--sn-space-md)}.family__photo{max-width:28rem;margin-inline:auto;width:100%}.family__caption{margin-top:var(--sn-space-sm);font-size:var(--sn-text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--sn-on-dark-muted);text-align:center}@media(min-width:60rem){.family__memory{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}.remembers--r{text-align:right}}.family__invite{margin-top:clamp(4rem,10vw,8rem);display:grid;gap:var(--sn-space-xl);justify-items:center;text-align:center;background:var(--sn-blush);color:var(--sn-blush-ink);--sn-on-dark-muted: var(--sn-blush-muted);--sn-focus: var(--sn-blush-muted);padding:clamp(2rem,5vw,4rem) var(--sn-space-lg);max-width:48rem;margin-inline:auto}.family__invite .lead{max-width:34rem}.contributors{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sn-space-lg) clamp(1.25rem,6vw,2.5rem)}.contributor{display:grid;justify-items:center;gap:var(--sn-space-sm)}.contributor__photo{width:4.5rem;aspect-ratio:1 / 1;border-radius:50%}.contributor__name{font-size:var(--sn-text-sm);color:var(--sn-on-dark-muted)}.bookshelf{padding-block:var(--sn-space-section)}.bookshelf__title{text-align:center;max-width:18ch;margin:0 auto clamp(3rem,8vw,5rem)}.bookshelf__stage{padding-block:var(--sn-space-md)}.bookshelf__steps .scrolly__step{min-height:55svh}.bookshelf__steps .scrolly__step:last-child{min-height:30svh}.book{position:relative;width:min(100%,60rem);aspect-ratio:2 / 1.25;margin-inline:auto;perspective:2600px;perspective-origin:50% 50%;color:var(--sn-ink);filter:drop-shadow(0 2rem 3rem rgb(0 0 0 / .45));outline:clamp(.35rem,.9cqw,.6rem) solid var(--sn-honey)}.book__page,.book__leaf{position:absolute;top:0;width:50%;height:100%}.book__page--left{left:0;background:var(--sn-book-paper)}.book__page--right{left:50%;background:var(--sn-book-paper)}.book__page--left:after,.book__face--back:after{content:"";position:absolute;inset:0 0 0 auto;width:12%;background:linear-gradient(90deg,transparent,rgb(0 0 0 / .08));pointer-events:none}.book__page--right:before,.book__face--front:before{content:"";position:absolute;inset:0 auto 0 0;width:12%;background:linear-gradient(270deg,transparent,rgb(0 0 0 / .1));pointer-events:none;z-index:1}.book__leaf{left:50%;transform-origin:left center;transform-style:preserve-3d;transition:transform var(--sn-dur-scene) var(--sn-ease-in-out)}.book__face{position:absolute;inset:0;background:var(--sn-book-paper);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.book__face--back{transform:rotateY(180deg)}[data-state="1"] [data-leaf="1"]{z-index:3}[data-state="1"] [data-leaf="2"]{z-index:2}[data-state="2"] [data-leaf="1"]{transform:rotateY(-180deg);z-index:5}[data-state="2"] [data-leaf="2"]{z-index:4}[data-state="3"] [data-leaf="1"]{transform:rotateY(-180deg);z-index:1}[data-state="3"] [data-leaf="2"]{transform:rotateY(-180deg);z-index:5}.book{--pad: clamp(.9rem, 4.5cqw, 3rem);container-type:inline-size}.spread-one{position:absolute;inset:0;padding:var(--pad);display:flex;flex-direction:column}.book__label{font-size:clamp(.5rem,1.4cqw,.75rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--sn-muted)}.book__big{font-size:clamp(2.5rem,11cqw,7rem);line-height:.9;letter-spacing:-.03em;margin-top:auto}.book__story{font-size:clamp(.75rem,2.1cqw,1.3rem);margin-top:.4em;color:var(--sn-ink-soft)}.book__full{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-position:50% 30%}.book__full--mexico{object-position:50% 40%}.book__full--mexico-b{object-position:50% 30%}.book__full--again{object-position:50% 12%}.book__caption{position:absolute;right:var(--pad);bottom:var(--pad);z-index:2;font-family:var(--sn-font-display);font-style:italic;font-size:clamp(.55rem,1.6cqw,1rem);color:var(--sn-on-dark);text-shadow:0 1px 8px rgb(0 0 0 / .5);padding:.25em .75em;border-radius:999px;background:color-mix(in srgb,var(--sn-dark) 45%,transparent)}.book__quote-page{position:absolute;inset:0;padding:var(--pad);display:flex;flex-direction:column;justify-content:center;gap:.6em}.book__quote{font-size:clamp(1.35rem,5.6cqw,3.6rem);line-height:1;letter-spacing:-.025em}.book__folio{position:absolute;right:var(--pad);bottom:var(--pad);font-size:clamp(.5rem,1.4cqw,.75rem);color:var(--sn-muted);letter-spacing:.1em}.bookshelf__copy{margin-top:clamp(3rem,8vw,6rem);text-align:center;display:grid;gap:var(--sn-space-sm);justify-items:center}.bookshelf__copy .lead{max-width:30rem;margin-bottom:var(--sn-space-lg)}.bookshelf__line{color:var(--sn-on-dark-muted);font-size:var(--sn-text-lg)}.bookshelf__hold{margin-top:var(--sn-space-md)}.growing{padding-block:var(--sn-space-section) 0}.growing__stage{padding-block:var(--sn-space-md) 0}.growing__steps .scrolly__step{min-height:65svh}.growing__steps .scrolly__step:last-child{min-height:45svh}.timeline{position:relative;display:flex;justify-content:space-between;max-width:56rem;margin:0 auto clamp(2rem,6vw,4rem);padding-bottom:var(--sn-space-md);font-size:var(--sn-text-xs);letter-spacing:.08em;color:var(--sn-muted)}.timeline:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sn-line)}.timeline__fill{position:absolute;left:0;bottom:0;height:1px;width:var(--p, 29%);background:var(--sn-honey);height:3px;transition:width var(--sn-dur-scene) var(--sn-ease-in-out)}.timeline__age{transition:color var(--sn-dur-long) var(--sn-ease-out)}[data-state="1"] .timeline__fill{--p: 2%}[data-state="2"] .timeline__fill{--p: 14.3%}[data-state="3"] .timeline__fill{--p: 28.6%}[data-state="4"] .timeline__fill{--p: 62%}[data-state="5"] .timeline__fill{--p: 83%}[data-state="6"] .timeline__fill,[data-state="7"] .timeline__fill{--p: 100%}[data-state="1"] .timeline__age:nth-child(-n+2),[data-state="2"] .timeline__age:nth-child(-n+3),[data-state="3"] .timeline__age:nth-child(-n+4),[data-state="4"] .timeline__age:nth-child(-n+6),[data-state="5"] .timeline__age:nth-child(-n+7),[data-state="6"] .timeline__age,[data-state="7"] .timeline__age{color:var(--sn-ink);font-weight:600}.growing__scenes{height:min(72svh,44rem)}.growing__scene{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sn-space-md)}.growing__photo{width:min(18rem,60vw);aspect-ratio:3 / 4;max-height:42%;object-fit:cover;margin-bottom:var(--sn-space-md)}.growing__photo.photo--pending{height:42%}.growing__photo--birth{object-position:50% 30%}.growing__photo--one{object-position:50% 25%}.growing__photo--two{object-position:50% 20%}.growing__line{max-width:14ch}.growing__after{color:var(--sn-accent-deep);margin-top:var(--sn-space-md)}.privacy{background:var(--sn-sage);color:var(--sn-sage-ink);--sn-muted: var(--sn-sage-ink);--sn-line: var(--sn-sage-ink);--sn-focus: var(--sn-sage-ink);padding-block:var(--sn-space-section)}.privacy .eyebrow,.privacy .lead{color:var(--sn-sage-ink)}.privacy__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sn-space-2xl)}.privacy__grid .eyebrow{margin-bottom:var(--sn-space-md)}.principles{margin-top:var(--sn-space-xl);max-width:30rem}.principles li{padding-block:var(--sn-space-md);border-top:var(--sn-rule) solid var(--sn-line);font-weight:500}.principles li:last-child{border-bottom:var(--sn-rule) solid var(--sn-line)}@media(min-width:60rem){.privacy__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,6vw,7rem)}.privacy__body{padding-top:.6rem}}.origin{background:var(--sn-paper-2);padding-block:var(--sn-space-section)}.origin__inner{max-width:52rem}.origin__title{font-family:var(--sn-font-body);font-size:var(--sn-text-base);font-weight:600;margin-bottom:var(--sn-space-2xl)}.origin__line{font-size:clamp(1.5rem,1rem + 2.2vw,2.75rem);line-height:1.15;letter-spacing:-.018em;text-wrap:balance}.origin__line+.origin__line{margin-top:var(--sn-space-lg)}.origin__line strong{font-weight:400}.origin__question{color:var(--sn-accent)}.closing{min-height:80svh;display:grid;place-items:center;padding-block:var(--sn-space-section);text-align:center}.closing__inner{display:grid;justify-items:center;gap:var(--sn-space-lg)}.closing__or{color:var(--sn-accent)}.closing__lead{color:var(--sn-ink)}.closing__when{margin-top:var(--sn-space-2xl);font-size:var(--sn-text-sm);font-weight:560;letter-spacing:.16em;text-transform:uppercase;color:var(--sn-muted)}.closing__store{margin-top:var(--sn-space-lg)}
