infinote-pdp-story{display:block}.ip-story{--ip-rule: 1px solid var(--infinote-dust);display:grid;color:var(--infinote-carbon);background:var(--infinote-stone);border-top:var(--ip-rule);font-family:var(--font-sans);overflow:hidden}.ip-story *,.ip-story *:before,.ip-story *:after{box-sizing:border-box}.ip-copy{padding:40px clamp(24px,3.35vw,60px)}.ip-eyebrow{margin:0 0 36px;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.ip-heading{margin:0;font-family:var(--font-editorial);font-size:40px;font-weight:400;line-height:1.06;letter-spacing:-.018em;text-wrap:balance}.ip-body{margin:32px 0 0;max-width:42ch;font-size:17px;font-weight:400;line-height:1.55;letter-spacing:-.002em}.ip-body p{margin:0}.ip-media{position:relative;min-width:0;background:var(--infinote-paper)}.ip-media img{display:block;width:100%;height:100%;object-fit:cover}.ip-media__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-end;padding:24px;gap:24px;color:var(--infinote-graphite)}.ip-media__index{align-self:flex-start;font-family:var(--font-mono);font-size:12px;line-height:1.4}.ip-media__label{font-size:12px;line-height:1.4;max-width:28ch;text-align:right}.ip-story--editorial{grid-template-columns:31% 69%;min-height:clamp(520px,44.65vw,800px)}.ip-story--editorial>.ip-media{border-left:var(--ip-rule)}.ip-story--editorial>.ip-media img{position:absolute;top:0;right:0;bottom:0;left:0}.ip-story--carousel{grid-template-columns:38.4% minmax(0,1fr);padding-top:80px;padding-bottom:80px;row-gap:64px}.ip-story--carousel .ip-copy{padding-top:0}.ip-carousel{position:relative;min-width:0}.ip-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0;list-style:none;border-top:var(--ip-rule);border-bottom:var(--ip-rule)}.ip-track::-webkit-scrollbar{display:none}.ip-card{flex:0 0 25vw;min-width:0;padding:8px;border-left:var(--ip-rule);scroll-snap-align:start}.ip-card:last-child{border-right:var(--ip-rule)}.ip-card .ip-media{aspect-ratio:3 / 4}.ip-card__caption{min-height:72px;margin:0;padding:18px 4px;font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.4}.ip-controls{position:absolute;right:0;bottom:96px;display:flex}.ip-arrow{display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-left:1px solid var(--infinote-graphite);border-radius:0;background:var(--infinote-carbon);color:var(--infinote-paper);font:inherit;font-size:24px;cursor:pointer}.ip-arrow[disabled]{opacity:.5;cursor:default}.ip-progress{grid-column:1 / -1;height:1px;margin:0 12px;background:var(--infinote-dust)}.ip-progress span{display:block;width:20%;height:1px;background:var(--infinote-carbon);transform-origin:left}.ip-story--journal{grid-template-columns:38.4% minmax(0,1fr);align-items:center;min-height:618px}.ip-story--journal .ip-copy{align-self:start}.ip-journal{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:60px clamp(24px,3.35vw,60px) 60px 0}.ip-journal__item{flex:1 1 0;min-width:0}.ip-journal__item .ip-media{aspect-ratio:9 / 14;border-radius:8px;overflow:hidden}.ip-journal__item:nth-child(2){transform:translateY(-24px)}.ip-journal__caption{margin:12px 0 0;font-size:12px;line-height:1.4;color:var(--infinote-graphite)}.ip-story--workflow{grid-template-columns:38.4% minmax(0,1fr);min-height:492px;align-items:center;padding:40px 0}.ip-story--workflow .ip-copy{align-self:start;padding-top:0}.ip-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;list-style:none;padding:24px clamp(24px,5vw,90px);margin:0;text-align:center}.ip-workflow__number{display:block;margin:0 0 20px;font-family:var(--font-mono);font-size:40px;font-weight:400;line-height:1}.ip-workflow__title{margin:0 0 8px;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.4}.ip-workflow__text{margin:0 auto;max-width:22ch;font-size:12px;line-height:1.5;color:var(--infinote-graphite)}.ip-story--related{display:block}.ip-related__heading{padding:28px clamp(24px,3.35vw,60px)}.ip-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:var(--ip-rule);border-bottom:var(--ip-rule)}.ip-product{min-width:0;border-right:var(--ip-rule)}.ip-product:last-child{border-right:0}.ip-product__link{display:block;color:inherit;text-decoration:none}.ip-product .ip-media{aspect-ratio:1;margin:8px}.ip-product__details{position:relative;padding:24px 40px 28px 12px}.ip-product__title{margin:0;font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5}.ip-product__price{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 0;font-size:14px;line-height:1.4}.ip-product__price span{font-size:12px;color:var(--infinote-graphite)}.ip-product__arrow{position:absolute;top:24px;right:12px;font-size:20px}.ip-story :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--infinote-carbon);outline-offset:-3px}.ip-arrow:focus-visible{outline-color:var(--infinote-paper)}@media(max-width:1023px){.ip-story--editorial,.ip-story--carousel,.ip-story--journal,.ip-story--workflow{grid-template-columns:1fr;min-height:0}.ip-copy{padding:40px 24px}.ip-heading{font-size:32px}.ip-eyebrow{margin-bottom:24px}.ip-body{margin-top:24px;font-size:16px}.ip-story--editorial>.ip-media{min-height:0;aspect-ratio:4 / 3;border-left:0;border-top:var(--ip-rule)}.ip-story--carousel{padding:0 0 40px;row-gap:32px}.ip-story--carousel .ip-copy{padding-top:40px;padding-bottom:0}.ip-carousel{margin-left:24px}.ip-card{flex-basis:72vw}.ip-controls{bottom:88px}.ip-story--journal .ip-copy{padding-bottom:48px}.ip-journal{gap:16px;padding:0 24px 40px;overflow-x:auto;scroll-snap-type:x mandatory}.ip-journal__item{flex:0 0 60vw;scroll-snap-align:center}.ip-journal__item:nth-child(2){transform:none}.ip-story--workflow{padding:0}.ip-story--workflow .ip-copy{padding-top:40px}.ip-workflow{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;padding:0 24px 48px}.ip-products{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-product:nth-child(2n){border-right:0}.ip-product:nth-child(n+3){border-top:var(--ip-rule)}.ip-media__placeholder{padding:16px;gap:16px}.ip-product .ip-media__label{max-width:15ch}}@media(prefers-reduced-motion:reduce){.ip-track,.ip-journal{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/infinote-pdp-story.css.map */