.hp-journal{display:block;padding:var(--hp-journal-padding-top, 56px) 0 var(--hp-journal-padding-bottom, 56px);font-family:var(--font-body-family)}.hp-journal__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:2.4rem}.hp-journal__heading{margin:0;font-family:var(--font-heading-family);font-size:2.8rem;font-weight:600;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-foreground))}.hp-journal__text{margin:.8rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.hp-journal__all{font-size:1.4rem;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.hp-journal__carousel{display:block}.hp-journal__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;margin:0;padding:0;list-style:none}.hp-journal__card{position:relative;isolation:isolate;min-height:26rem;overflow:hidden;border-radius:.8rem;background:rgba(var(--color-foreground),.08)}.hp-journal__media,.hp-journal__media img,.hp-journal__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hp-journal__media img,.hp-journal__media .placeholder-svg{display:block;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.hp-journal__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#00000040 45%,#0000000d 70%);transition:background-color .3s ease-out}.hp-journal__body{position:absolute;inset:auto 0 0 0;z-index:1;padding:2rem;color:#fff}.hp-journal__title{margin:0;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:500;line-height:1.3;color:#fff}.hp-journal__link{color:inherit;text-decoration:none}.hp-journal__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hp-journal__link:focus-visible{outline:none}.hp-journal__card:has(.hp-journal__link:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.hp-journal__reveal{display:grid;grid-template-rows:1fr}.hp-journal__reveal-inner{overflow:hidden}.hp-journal__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0;padding-top:.8rem;overflow:hidden;font-size:1.35rem;line-height:1.5;color:#ffffffe0}.hp-journal__more{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:1.3rem;font-weight:500;color:#fff}.hp-journal__more svg{width:1.4rem;height:1.4rem}.hp-journal__tap{display:none}@media(hover:hover)and (pointer:fine)and (min-width:750px){.hp-journal__reveal{grid-template-rows:0fr;opacity:0;transition:grid-template-rows .18s ease-out,opacity .15s ease-out}.hp-journal__card:is(:hover,:focus-within) .hp-journal__reveal{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1),opacity .3s ease-out .05s}.hp-journal__card:is(:hover,:focus-within) .hp-journal__media:after{background-color:#0000004d}.hp-journal__card:hover .hp-journal__media img{transform:scale(1.05)}}@media not all and (hover:hover)and (pointer:fine)and (min-width:750px){.hp-journal__tap{display:block;margin-top:.6rem;font-size:1.25rem;font-weight:500;letter-spacing:.02em;color:#ffffffd9;transition:opacity .2s ease}.hp-journal__card.is-open .hp-journal__tap{display:none}.hp-journal__reveal{grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease-out,opacity .15s ease-out}.hp-journal__card.is-open .hp-journal__reveal{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1),opacity .3s ease-out .05s}.hp-journal__card.is-open .hp-journal__media:after{background-color:#0000004d}.hp-journal__card.is-open .hp-journal__more{position:relative;z-index:3;padding:.6rem 0;text-decoration:underline;text-underline-offset:.3rem}}.hp-journal__dots{display:none}.hp-journal__dot{display:block;width:.8rem;height:.8rem;padding:0;border:0;border-radius:99px;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:width .3s cubic-bezier(.16,1,.3,1),background-color .3s ease-out}.hp-journal__dot[aria-current=true]{width:2.4rem;background:rgb(var(--color-foreground))}.hp-journal__dot:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (max-width:749px){.hp-journal__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;margin-right:-1.5rem;padding-right:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}.hp-journal__grid::-webkit-scrollbar{display:none}.hp-journal__grid.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.hp-journal__grid.is-dragging .hp-journal__link{pointer-events:none}.hp-journal__grid img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hp-journal__card{min-height:34rem;scroll-snap-align:start}.hp-journal__excerpt{-webkit-line-clamp:2}.hp-journal__dots{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1.6rem}}.hp-journal__dots[hidden],.hp-journal__dot[hidden]{display:none}@media screen and (min-width:750px){.hp-journal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:750px)and (max-width:989px){.hp-journal__card:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (min-width:990px){.hp-journal__heading{font-size:3.4rem}.hp-journal__grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:30rem}.hp-journal__card{min-height:0}.hp-journal__card:nth-child(5n+1){grid-column:span 3}.hp-journal__card:nth-child(5n+2){grid-column:span 4}.hp-journal__card:nth-child(5n+3){grid-column:span 5}.hp-journal__card:nth-child(5n+4){grid-column:span 7}.hp-journal__card:nth-child(5n+5){grid-column:span 5}.hp-journal__card:nth-child(5n+1):last-child{grid-column:1 / -1}.hp-journal__title{font-size:2rem}}@media(prefers-reduced-motion:reduce){.hp-journal__grid{scroll-behavior:auto}.hp-journal__reveal,.hp-journal__media img,.hp-journal__media:after{transition:none!important}.hp-journal__card:hover .hp-journal__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-hp-journal.css.map */