@font-face{font-family:MJ Fraunces;src:url(mj-fraunces.woff2) format("woff2-variations");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:MJ Instrument;src:url(mj-instrument.woff2) format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}.mj-experience{--mj-cream: #f0eae0;--mj-ink: #060810;--mj-stone: #3c4557;--mj-bronze: #a8865a;--mj-amber: #c9a45c;--mj-teal: #3ab3ad;--mj-display: "MJ Fraunces", "Iowan Old Style", Georgia, serif;--mj-body: "MJ Instrument", "Helvetica Neue", sans-serif;position:relative;background:var(--mj-ink);color:var(--mj-cream);font-family:var(--mj-body);isolation:isolate}.mj-experience *,.mj-experience *:before,.mj-experience *:after{box-sizing:border-box}.mj-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;background:var(--mj-ink);transition:opacity .9s cubic-bezier(.22,1,.36,1)}.mj-loader[hidden]{display:none}.mj-loader.is-done{opacity:0;pointer-events:none}.mj-loader__brand{font-family:var(--mj-display);font-variation-settings:"opsz" 100,"SOFT" 20,"WONK" 1;font-size:clamp(1.6rem,3.4vw,2.9rem);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--mj-cream)}.mj-loader__track{position:relative;width:min(240px,42vw);height:1px;background:#f0eae02e;overflow:hidden}.mj-loader__bar{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left center;background:var(--mj-teal);transition:transform .35s ease-out}.mj-loader__percent{font-size:.7rem;letter-spacing:.2em;color:#f0eae08c;font-variant-numeric:tabular-nums}.mj-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0}.mj-stage.is-ready{opacity:1}.mj-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:circle(0% at 50% 50%);will-change:clip-path}.mj-canvas{display:block;width:100%;height:100%}.mj-scrim{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1)}.mj-scrim--left{background:linear-gradient(to right,rgba(6,8,16,.9) 0%,rgba(6,8,16,.62) 26%,rgba(6,8,16,.12) 52%,transparent 68%)}.mj-scrim--right{background:linear-gradient(to left,rgba(6,8,16,.9) 0%,rgba(6,8,16,.62) 26%,rgba(6,8,16,.12) 52%,transparent 68%)}.mj-stage[data-align=left] .mj-scrim--left,.mj-stage[data-align=right] .mj-scrim--right{opacity:1}.mj-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mj-ink);opacity:0}.mj-marquee-wrap{position:absolute;top:76%;left:0;width:100%;transform:translateY(-50%);overflow:hidden;opacity:0}.mj-marquee-text{display:flex;gap:.5em;white-space:nowrap;width:max-content;font-family:var(--mj-display);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 0;font-size:12vw;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(240,234,224,.42)}.mj-hero{position:relative;z-index:3;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--header-height, 72px) + 4vh) 5vw 6vh;background:var(--mj-ink)}.mj-hero__label{font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mj-teal);margin-bottom:1.6rem}.mj-hero__heading{font-family:var(--mj-display);font-variation-settings:"opsz" 144,"SOFT" 12,"WONK" 1;font-size:clamp(3.1rem,11vw,10rem);font-weight:600;line-height:.88;letter-spacing:-.02em;margin:0 0 2.4rem;max-width:14ch}.mj-hero__word{display:inline-block;overflow:hidden;vertical-align:bottom}.mj-hero__word>span{display:inline-block}.mj-js .mj-hero__label,.mj-js .mj-hero__tagline,.mj-js .mj-hero__scroll{opacity:0}.mj-js .mj-hero__word>span{transform:translateY(115%)}.mj-hero__heading em{font-style:normal;color:var(--mj-amber)}.mj-hero__tagline{font-size:clamp(.95rem,1.15vw,1.2rem);line-height:1.6;max-width:34ch;color:#f0eae0b8;margin:0}.mj-hero__scroll{position:absolute;right:5vw;bottom:6vh;display:flex;align-items:center;gap:.8rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#f0eae080}.mj-hero__arrow{width:1px;height:46px;background:linear-gradient(to bottom,var(--mj-teal),transparent);animation:mj-drop 2.2s ease-in-out infinite}@keyframes mj-drop{0%,to{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}.mj-skip{position:fixed;z-index:40;top:calc(var(--header-height, 72px) + 1.2rem);right:5vw;padding:.6rem 1.1rem;border:1px solid rgba(240,234,224,.28);border-radius:999px;background:#0608106b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f0eae0d1;font-family:var(--mj-body);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .3s,border-color .3s,opacity .5s}.mj-skip:hover{color:var(--mj-cream);border-color:var(--mj-teal)}.mj-skip[hidden]{display:none}.mj-scroll{position:relative;z-index:2}.mj-sec{position:absolute;left:0;width:100%;transform:translateY(-50%);pointer-events:none}.mj-sec a,.mj-sec button{pointer-events:auto}.mj-sec--left{padding-left:5vw;padding-right:55vw}.mj-sec--right{padding-left:55vw;padding-right:5vw}.mj-sec__inner{max-width:40vw}.mj-sec--right .mj-sec__inner{margin-left:auto}.mj-label{display:block;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mj-teal);margin-bottom:1.3rem}.mj-heading{font-family:var(--mj-display);font-variation-settings:"opsz" 110,"SOFT" 12,"WONK" 1;font-size:clamp(2.1rem,4.6vw,4.2rem);font-weight:600;line-height:1.02;letter-spacing:-.015em;margin:0 0 1.5rem;text-shadow:0 2px 26px rgba(6,8,16,.55)}.mj-body{font-size:clamp(.95rem,1.1vw,1.18rem);line-height:1.65;color:#f0eae0cc;margin:0;text-shadow:0 1px 18px rgba(6,8,16,.6);max-width:38ch}.mj-sec--stats{padding:0 5vw}.mj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:3vw;max-width:1100px;margin:0 auto}.mj-stat{text-align:left}.mj-stat__value{display:block;font-family:var(--mj-display);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 0;font-size:clamp(2.6rem,5.5vw,5rem);font-weight:600;line-height:1;color:var(--mj-cream);font-variant-numeric:tabular-nums}.mj-stat__suffix{font-family:var(--mj-body);font-size:.32em;font-weight:500;letter-spacing:.08em;color:var(--mj-amber);margin-left:.25em}.mj-stat__label{display:block;margin-top:.9rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#f0eae08c;line-height:1.5}.mj-cta{display:inline-flex;align-items:center;gap:.9rem;margin-top:2.2rem;padding:1.05rem 2.1rem;background:var(--mj-cream);color:var(--mj-ink);font-family:var(--mj-body);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-radius:999px;transition:background .35s,color .35s,transform .35s}.mj-cta:hover{background:var(--mj-amber);transform:translateY(-2px)}.mj-cta__arrow{transition:transform .35s}.mj-cta:hover .mj-cta__arrow{transform:translate(4px)}.mj-noscript{position:relative;z-index:5;min-height:80vh;display:flex;flex-direction:column;justify-content:flex-end;padding:6vh 5vw;background-size:cover;background-position:center}.mj-noscript:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#060810eb,#06081040)}.mj-noscript>*{position:relative}@media(max-width:767px){.mj-sec--left,.mj-sec--right{padding-left:7vw;padding-right:7vw}.mj-sec__inner{max-width:100%}.mj-sec--right .mj-sec__inner{margin-left:0}.mj-scrim--left,.mj-scrim--right{background:linear-gradient(to top,#060810eb,#060810a8 45%,#06081059)}.mj-stats{grid-template-columns:repeat(2,1fr);gap:2.4rem 5vw}.mj-marquee-text{font-size:17vw}.mj-hero__heading{max-width:11ch}.mj-hero__scroll span{display:none}}@media(prefers-reduced-motion:reduce){.mj-experience .mj-canvas-wrap{clip-path:none!important}.mj-experience .mj-hero__arrow{animation:none}.mj-experience .mj-sec{position:relative;transform:none;opacity:1!important;padding-top:10vh;padding-bottom:10vh}.mj-experience .mj-scroll{height:auto!important;background:var(--mj-ink)}.mj-experience .mj-stage{position:absolute;height:100vh}.mj-experience .mj-scrim--left,.mj-experience .mj-scrim--right{opacity:1}.mj-experience .mj-marquee-wrap{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/mj-scroll-experience.css.map */