.family-photo{container-type:inline-size;--fp-stage-w: calc(var(--fp-zoom-mobile) * 100cqw);--fp-stage-h: calc(var(--fp-stage-w) / var(--fp-ratio))}.family-photo__frame{position:relative;overflow:hidden}.family-photo__window{position:relative;height:calc(var(--fp-stage-h) * (1 - var(--fp-heads, 0)) + var(--fp-gap, 0px))}.family-photo__stage{position:absolute;top:calc(var(--fp-gap, 0px) - var(--fp-stage-h) * var(--fp-heads, 0));left:calc((100cqw - var(--fp-stage-w)) * var(--fp-focus-mobile));width:var(--fp-stage-w);aspect-ratio:var(--fp-ratio)}.family-photo__img{display:block;width:100%;height:100%;object-fit:cover}.family-photo__person{position:absolute;left:var(--x);top:var(--label-y-mobile);height:max(0px,calc(var(--point-y) - var(--label-y-mobile)));display:flex;flex-direction:column;align-items:center;transform:translate(-50%);background:none;pointer-events:none}.family-photo__name{padding:.1rem .6rem .2rem;border-radius:100vmax;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--fp-label-font);font-size:min(calc(var(--fp-label-size) * .6),4cqw);line-height:1.15;white-space:nowrap;box-shadow:0 .2rem .6rem #00000040}.family-photo__line{position:relative;flex:1;width:.15rem;background:rgb(var(--color-background));box-shadow:0 0 .3rem #0000004d}.family-photo__line:after{content:"";position:absolute;left:50%;bottom:-.3rem;width:.6rem;height:.6rem;border-radius:50%;background:rgb(var(--color-background));transform:translate(-50%);box-shadow:0 0 .3rem #0000004d}.family-photo--no-lines .family-photo__line{visibility:hidden}.family-photo__person--below-mobile{top:var(--point-y);height:max(0px,calc(var(--label-y-mobile) - var(--point-y)));flex-direction:column-reverse}.family-photo__person--below-mobile .family-photo__line:after{top:-.3rem;bottom:auto}.family-photo__overlay{position:absolute;left:0;right:0;z-index:1;padding:3.2rem 1.6rem 1.6rem;background:linear-gradient(to top,#0000008c,#0000);text-align:center;pointer-events:none}.family-photo__overlay--bottom{bottom:0}.family-photo__overlay--top{position:relative;padding:2.6rem .8rem .4rem;background:linear-gradient(to bottom,#0000008c,#0003)}.family-photo__overlay--top:after{content:"";position:absolute;top:100%;left:0;right:0;height:5rem;background:linear-gradient(to bottom,#0003,#0000)}.family-photo__overlay-heading{max-width:90rem;margin:0 auto;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:clamp(2rem,6.3vw,2.8rem);line-height:1.15;letter-spacing:0;text-wrap:balance;text-shadow:0 .1rem .6rem rgba(0,0,0,.45)}.family-photo__intro{padding:3.2rem 0 3.6rem;text-align:center}.family-photo__intro .page-width{max-width:72rem}.family-photo__photos{display:flex;gap:1.2rem;margin:2.4rem -1.5rem 0;padding:.4rem 1.5rem 1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scrollbar-width:none}.family-photo__photos::-webkit-scrollbar{display:none}.family-photo__photos:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.family-photo__inlay{flex:0 0 86%;overflow:hidden;border-radius:1.6rem;box-shadow:0 .4rem 1.2rem #0000001f;scroll-snap-align:start}.family-photo__photos--1 .family-photo__inlay{flex-basis:100%}.family-photo__inlay-img{display:block;width:100%;height:auto;aspect-ratio:var(--fp-photo-ratio, 5 / 4);object-fit:cover;object-position:50% 100%}.family-photo__text.family-photo__text--after{margin-top:2.4rem}.family-photo__heading{margin:0;font-weight:700}.family-photo__text{margin-top:1.2rem;font-size:1.7rem;line-height:1.6}.family-photo__text>:first-child{margin-top:0}.family-photo__text>:last-child{margin-bottom:0}@media screen and (min-width:750px){.family-photo__intro{padding:4.8rem 0 5.6rem}.family-photo__photos{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2.4rem;width:min(120rem,100vw - 6.4rem);margin:3.2rem 0 0 50%;padding:0;overflow:visible;transform:translate(-50%)}.family-photo__photos--1{width:min(84rem,100vw - 6.4rem)}.family-photo__inlay{border-radius:2rem}.family-photo__overlay{padding:8rem 3.2rem 3.2rem}.family-photo__overlay--top{padding:4.8rem 3.2rem .8rem}.family-photo__overlay-heading{font-size:clamp(3.2rem,3.4vw,5.2rem)}.family-photo__text{font-size:2.2rem;line-height:1.55}.family-photo__intro .page-width{max-width:84rem}}@media screen and (min-width:750px){.family-photo{--fp-stage-w: 100cqw}.family-photo__stage{left:0}.family-photo__person{top:var(--label-y);height:max(0px,calc(var(--point-y) - var(--label-y)));flex-direction:column}.family-photo__person .family-photo__line:after{top:auto;bottom:-.4rem}.family-photo__person.family-photo__person--below{top:var(--point-y);height:max(0px,calc(var(--label-y) - var(--point-y)));flex-direction:column-reverse}.family-photo__person--below .family-photo__line:after{top:-.4rem;bottom:auto}.family-photo__name{padding:.2rem 1.4rem .3rem;font-size:min(var(--fp-label-size),2.2cqw)}.family-photo__line{width:.2rem}.family-photo__line:after{width:.8rem;height:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-family-photo.css.map */