.px-hfc{display:flex;flex-direction:column;gap:32px;--hfc-top:calc(var(--header-height,80px) + 16px)}.px-hfc__split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.px-hfc__two.pxc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.px-hfc__four.pxc-grid{gap:24px 16px}.px-hfc__photo{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/5;isolation:isolate}.px-hfc__photo img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.px-hfc__photo--large{height:calc(100svh - var(--hfc-top) - var(--hfc-top));max-height:var(--hfc-group-height,1500px);aspect-ratio:auto;position:sticky;top:var(--hfc-top)}.px-hfc__photo--large:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 40%);z-index:0}.px-hfc__photo--top:after{background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 42%)}.px-hfc__copy{position:absolute;left:32px;right:32px;bottom:32px;z-index:1;color:#fff}.px-hfc__photo--top .px-hfc__copy{top:32px;bottom:auto}.px-hfc__copy h2{font:700 36px/1.12 var(--fd);letter-spacing:-1px;margin:0;color:inherit}.px-hfc__copy p{font:400 20px/1.4 var(--fb);margin:8px 0 0;color:inherit}.px-hfc__gift{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:649/774}.px-hfc__gift img{width:100%;height:100%;object-fit:cover;display:block}.px-hfc__lifestyle{min-width:0}.px-hfc__lifestyle .px-hfc__photo{width:100%;height:100%;min-height:100%;aspect-ratio:auto}.px-hfc__side{grid-column:2;grid-row:1;position:sticky;top:var(--hfc-top)}.px-hfc__side .px-hfc__photo--large{position:relative;top:auto}.px-hfc__split--right>.px-hfc__two{grid-column:1;grid-row:1}@media(min-width:990px){.px-hfc__photo,.px-hfc__gift{border-radius:20px}}@media(max-width:989px){.px-hfc__split,.px-hfc__split--right{display:flex;flex-direction:column;gap:24px}.px-hfc__photo--large{width:100%;height:auto;aspect-ratio:1/1;position:relative;top:auto;max-height:none}.px-hfc__side{position:static;width:100%}.px-hfc__split>.px-hfc__two{width:100%}.px-hfc__four.pxc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.px-hfc{gap:24px}.px-hfc__copy{left:20px;right:20px;bottom:20px}.px-hfc__photo--top .px-hfc__copy{top:20px}.px-hfc__copy h2{font-size:28px;letter-spacing:-.5px}.px-hfc__copy p{font-size:16px;line-height:1.4}.px-hfc__two.pxc-grid,.px-hfc__four.pxc-grid{gap:20px 12px}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/px-hfc.css.map */