.journey{--journey-accent: #00ffae;--journey-ease-out: cubic-bezier(.22, 1, .36, 1);--journey-inset: calc(max(0px, (100% - var(--container-width, 1920px)) / 2) + var(--main-padding, 40px));--journey-content: calc(min(100vw, var(--container-width, 1920px)) - 2 * var(--main-padding, 40px));--journey-gap: 25vh;--card-size: min(368px, 40vh);--card-height: min(460px, 50vh);--journey-space: 40px;display:block;position:relative;background:#f1f1f1;scroll-margin-top:calc(-100vh - var(--journey-gap))}.journey :where(h2,h3,p,ol,fieldset,legend){margin:0;padding:0}.journey__track{position:absolute;top:0;right:0;bottom:0;left:0}.journey__sticky{position:sticky;top:0;height:100vh;container-type:size}.journey__frame{--focus-x: .564;--focus-y: .612;--w0: calc(.75 * var(--journey-content));--h0: calc(var(--w0) / 1.9);--closed: calc(1 - var(--fill, 0));--img-w: max(100cqw, 100cqh * var(--journey-ratio, 1.5));--img-h: max(100cqh, 100cqw / var(--journey-ratio, 1.5));--room-x: max(0px, (100% - var(--w0)) / 2 - var(--main-padding, 40px));--room-y: max(0px, (100% - var(--h0)) / 2 - var(--main-padding, 40px));--dx: clamp(-1 * var(--room-x), (var(--focus-x) - .5) * var(--img-w), var(--room-x));--dy: clamp(-1 * var(--room-y), (var(--focus-y) - .5) * var(--img-h), var(--room-y));position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(calc(var(--closed) * ((100% - var(--h0)) / 2 + var(--dy))) calc(var(--closed) * ((100% - var(--w0)) / 2 - var(--dx))) calc(var(--closed) * ((100% - var(--h0)) / 2 - var(--dy))) calc(var(--closed) * ((100% - var(--w0)) / 2 + var(--dx))))}.journey__image,.journey__video,.journey__video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.journey__video{opacity:var(--video, 0);filter:grayscale(1) brightness(.6)}.journey__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--darken, 0)}.journey__lead{height:100vh}.journey__pin-track{position:relative;height:calc(100vh + var(--journey-gap) + var(--distance, 0) * 1px)}.journey__pin{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;gap:var(--journey-space);height:100vh;color:#fff}.journey__title-pin{z-index:1;pointer-events:none}.journey__slide-track{position:absolute;top:var(--journey-gap);right:0;bottom:0;left:0}.journey__cards-pin{overflow-x:clip}.journey__cards-spacer{height:var(--card-height)}.journey__intro-spacer{visibility:hidden}.journey__intro{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:32px}.journey__title-pin .journey__intro{opacity:var(--title, 0)}.journey__title{max-width:760px;font-family:var(--font-body-family);font-size:40px;font-weight:400;letter-spacing:normal;line-height:1.15;text-transform:uppercase;color:inherit}.journey__filter{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;border:0}.journey__filter-legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.journey__filter-option{padding:6px 14px;border:1px solid rgb(255 255 255 / .4);border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;white-space:nowrap;color:#fff;cursor:pointer;opacity:0;filter:blur(6px);translate:0 6px;transition:opacity .3s,filter .3s,translate .3s,background-color .2s,border-color .2s,color .2s}.journey__filter[data-shown] .journey__filter-option{--delay: calc(var(--i) * .12s);--ease-calm: cubic-bezier(.4, 0, .2, 1);opacity:1;filter:blur(0);translate:0;transition:opacity .75s var(--ease-calm) var(--delay),filter .75s var(--ease-calm) var(--delay),translate .75s var(--ease-calm) var(--delay),background-color .2s,border-color .2s,color .2s}.journey__filter-option:hover{border-color:#fff}.journey__filter-option:has(:checked){border-color:#fff;color:#000;background:#fff}.journey__filter-option:has(:focus-visible){outline:2px solid var(--journey-accent);outline-offset:2px}.journey__filter-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.journey__progress{position:absolute;inset:auto 0 0;display:flex;align-items:center;height:1px;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;opacity:min(1,var(--progress, 0) * 50)}.journey__progress-line{flex:var(--progress, 0) 1 0;height:1px;background:var(--journey-accent)}.journey__progress:after{content:"";flex:calc(1 - var(--progress, 0)) 1 0}.journey__progress-year{flex:none;margin-left:calc(min(1,var(--progress, 0) * 50)*12px);line-height:1}.journey__cards{position:relative;display:grid;grid-auto-columns:var(--card-size);grid-auto-flow:column;grid-template-rows:100%;column-gap:var(--journey-space);height:var(--card-height);padding-inline:var(--journey-inset);list-style:none}@property --open{syntax: "<number>"; inherits: true; initial-value: 0;}.journey__card{--card-step: 12px;--logo-step: calc(var(--card-step) * 2);--more-size: 28px;--more-space: calc(var(--more-size) + var(--logo-step));--logo-space: calc(var(--logo-h) + var(--logo-step));--extra: max(0px, min(var(--overflow, 0px), var(--room, 0px) - 16px - var(--logo-space)));position:relative;isolation:isolate;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);overflow:hidden;transform-origin:left top;cursor:pointer;transition:--open .5s var(--journey-ease-out)}.journey__card[hidden]{display:none}.journey__card[data-open]{--open: 1}.journey__card-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover}.journey__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,#00000073,#0000000d 20%,#0003 40%,#000c 62%,#000000e6)}.journey__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000008c;opacity:var(--open)}.journey__card-scroll{grid-area:1 / 1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.journey__card-scroll[data-scroll]{overflow-y:auto;scrollbar-width:thin;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 16px - var(--more-space)),transparent calc(100% - 16px - var(--more-space)));mask-image:linear-gradient(to bottom,#000 calc(100% - 16px - var(--more-space)),transparent calc(100% - 16px - var(--more-space)))}.journey__card-top{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:calc(16px + var(--logo-space))}.journey__year{font-size:24px;font-weight:500;line-height:1.4;color:inherit;opacity:.7}.journey__kind{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.journey__card-body{position:relative;flex:none;display:flex;flex-direction:column;gap:var(--card-step);margin-top:auto;margin-bottom:var(--more-space)}.journey__card-logo{position:absolute;bottom:calc(100% + var(--logo-step));left:0;width:auto;max-width:none;height:var(--logo-h);filter:brightness(0) invert(1)}.journey__card-title{font-family:var(--font-body-family);font-size:20px;font-weight:400;letter-spacing:normal;line-height:1.15;text-transform:none;color:inherit}.journey__link{color:inherit;text-decoration:underline}.journey__preview{--spill: 0px;--tail: 0px;--fade: max(min(2lh, var(--open) * var(--extra), (1 - var(--open)) * var(--extra)), (1 - var(--open)) * var(--tail));max-height:calc(3lh + var(--open) * var(--extra) + (1 - var(--open)) * var(--spill));margin-bottom:calc((var(--open) - 1) * var(--spill));overflow:hidden;font-size:14px;line-height:1.6;opacity:.85;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--fade)),rgb(0 0 0 / .45) calc(100% - var(--fade) * .6),rgb(0 0 0 / .12) calc(100% - var(--fade) * .25),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--fade)),rgb(0 0 0 / .45) calc(100% - var(--fade) * .6),rgb(0 0 0 / .12) calc(100% - var(--fade) * .25),transparent)}.journey__card:not([data-more]) .journey__preview,.journey__card-scroll[data-scroll] .journey__preview{max-height:none}.journey__card[data-more] .journey__preview{--spill: var(--more-space);--tail: calc(var(--spill) + 1lh)}.journey__preview p{color:inherit}.journey__preview p+p{margin-top:8px}.journey__more{position:relative;grid-area:1 / 1;align-self:end;justify-self:start;display:grid;place-items:center;width:var(--more-size);min-width:0;height:var(--more-size);min-height:0;margin:16px;padding:0;border:0;border-radius:50%;box-shadow:none;color:#000;background:#fff;cursor:pointer}.journey__more svg{width:14px;height:14px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/about-journey.css.map */