.crew{--black: #070604;--black-rgb: 7, 6, 4;--cream: #f4ecdc;--cream-rgb: 244, 236, 220;--cream-72: rgba(244, 236, 220, .72);--cream-55: rgba(244, 236, 220, .55);--gold: #cfa95e;--gold-2: #e9d6a4;--gold-3: #b28d47;--gold-rgb: 207, 169, 94;--ink: #1a1208;--serif: "EB Garamond", "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "Jost", "Futura", "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--reveal-step: 115ms;position:relative;z-index:0;isolation:isolate;box-sizing:border-box;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(64px,9vh,88px) 20px clamp(28px,5vh,56px);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--black);overflow:hidden}.crew *,.crew *:before,.crew *:after{box-sizing:border-box}.crew [hidden]{display:none!important}:where(.crew) a{color:inherit;text-decoration:none}:where(.crew) p,:where(.crew) h1{margin:0}.crew :focus-visible{outline:1px solid var(--gold-2);outline-offset:5px;border-radius:2px}.crew-wash,.crew-bokeh,.crew-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.crew-wash{z-index:-3;background:radial-gradient(42vmax 32vmax at 6% 18%,rgba(207,169,94,.22),transparent 70%),radial-gradient(34vmax 30vmax at 96% 76%,rgba(207,169,94,.2),transparent 70%),radial-gradient(26vmax 22vmax at 88% 10%,rgba(233,214,164,.12),transparent 70%),radial-gradient(28vmax 24vmax at 12% 92%,rgba(178,141,71,.16),transparent 70%),var(--black)}.crew-bokeh{z-index:-2;width:100%;height:100%;display:block;opacity:1;transition:opacity .5s var(--ease-soft)}.crew-vignette{z-index:-1;background:radial-gradient(60% 56% at 50% 50%,rgba(var(--black-rgb),.9),rgba(var(--black-rgb),.62) 46%,rgba(var(--black-rgb),0) 82%)}.crew [data-reveal]{opacity:0;animation:crew-in-late .95s var(--ease) both;animation-delay:calc(var(--i, 0) * var(--reveal-step) + 1.5s)}.crew.is-ready [data-reveal]{animation-name:crew-in;animation-delay:calc(var(--i, 0) * var(--reveal-step) + 90ms)}@keyframes crew-in{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes crew-in-late{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}.crew-card,.crew-close{transition:opacity .42s var(--ease-soft),transform .42s var(--ease-soft)}.crew.is-leaving .crew-card{opacity:0;transform:translate3d(0,-10px,0) scale(.99)}.crew.is-leaving .crew-close{opacity:0}.crew.is-leaving .crew-bokeh{opacity:.35}.crew-close{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:5;width:48px;height:48px;display:grid;place-items:center;opacity:0;color:var(--cream);transition:opacity .9s var(--ease) 1.1s,transform .6s var(--ease)}.crew.is-ready .crew-close{opacity:.78}.crew-close span{grid-area:1 / 1;display:block;width:22px;height:1px;background:currentColor;transition:transform .6s var(--ease),background-color .3s}.crew-close span:first-child{transform:rotate(45deg)}.crew-close span:last-child{transform:rotate(-45deg)}@media(hover:hover){.crew-close:hover{opacity:1;transform:rotate(90deg)}}.crew-card{position:relative;z-index:1;width:100%;max-width:700px;margin:0 auto;text-align:center}.crew-mark{display:block;width:clamp(148px,16vw,170px);margin:0 auto clamp(28px,5.2vh,46px);color:var(--cream);transition:color .4s var(--ease-soft),transform .6s var(--ease)}.crew-mark__svg{display:block;width:100%;height:auto}@media(hover:hover){.crew-mark:hover{color:#fff;transform:translate3d(0,-1px,0)}}.crew-title{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.6vw,60px);line-height:1.06;letter-spacing:-.004em;color:#fff;text-wrap:balance}.crew-title__accent{font-weight:400;letter-spacing:.012em;text-transform:uppercase}.crew-lede{margin-top:clamp(10px,1.8vh,16px);font-weight:300;font-size:clamp(18px,2.6vw,27px);line-height:1.35;letter-spacing:.01em;color:var(--cream)}.crew-tiers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(18px,5vw,52px);margin:clamp(30px,6.2vh,54px) auto 0;width:100%;max-width:580px}.crew-tiers[data-count="1"]{grid-template-columns:1fr;max-width:300px}.crew-tiers[data-count="3"]{grid-template-columns:1fr auto 1fr auto 1fr;max-width:700px}.crew-tiers__rule{display:block;width:1px;height:clamp(84px,13vh,112px);background:linear-gradient(to bottom,transparent,rgba(var(--cream-rgb),.42) 18%,rgba(var(--cream-rgb),.42) 82%,transparent);transform:scaleY(0);transform-origin:center;transition:transform 1.1s var(--ease) .75s}.crew.is-ready .crew-tiers__rule{transform:scaleY(1)}.crew-tier{min-width:0}.crew-tier__amount{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5.2vw,54px);line-height:1;letter-spacing:.012em;white-space:nowrap;color:var(--gold);background-image:linear-gradient(100deg,var(--gold-3) 0%,var(--gold-2) 30%,var(--gold) 48%,#f6e7bd 62%,var(--gold-3) 100%);background-size:240% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.crew.is-ready .crew-tier__amount{animation:crew-sheen 2.6s var(--ease-soft) 1.25s 1 both}@media(hover:hover){.crew-tier:hover .crew-tier__amount{animation:crew-sheen 1.8s var(--ease-soft) 0s infinite}}@keyframes crew-sheen{0%{background-position:100% 0}to{background-position:0% 0}}@supports not ((-webkit-background-clip: text) or (background-clip: text)){.crew-tier__amount{background-image:none;-webkit-text-fill-color:currentColor;color:var(--gold)}}.crew-tier__label{margin-top:12px;font-weight:300;font-size:clamp(16px,2.15vw,22px);line-height:1.35;letter-spacing:.012em;color:var(--cream)}.crew-tier__threshold{display:inline-block;margin-top:2px}.crew-code{margin-top:clamp(30px,6.6vh,56px);font-weight:300;font-size:clamp(16px,2.15vw,22px);line-height:1.5;letter-spacing:.012em;color:var(--cream)}.crew-code__value{font:inherit;font-weight:500;letter-spacing:.04em;color:#fff;background:none;border:0;border-bottom:1px dashed rgba(var(--cream-rgb),.38);padding:0 1px 1px;margin:0;cursor:copy;transition:color .3s,border-color .3s}@media(hover:hover){.crew-code__value:hover{color:var(--gold-2);border-bottom-color:var(--gold)}}.crew-code__value.is-copied{color:var(--gold-2);border-bottom-style:solid;border-bottom-color:var(--gold)}.crew-valid{margin-top:12px;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.02em;color:var(--cream-72)}.crew-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:clamp(32px,7.4vh,60px)}.crew-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-width:314px;min-height:52px;padding:16px 28px;border-radius:2px;font-family:var(--sans);font-weight:500;font-size:13px;line-height:1;letter-spacing:.22em;text-transform:uppercase;text-align:center;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background-color .4s var(--ease-soft),border-color .4s var(--ease-soft),color .4s}.crew-btn:active{transform:translateZ(0) scale(.99)}.crew-btn--gold{color:var(--ink);background-color:var(--gold);background-image:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 52%,var(--gold-3) 100%);box-shadow:0 12px 30px -16px rgba(var(--gold-rgb),.6)}.crew-btn--gold:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-70%;width:36%;background:linear-gradient(100deg,#fff0,#ffffff80,#fff0);transform:skew(-18deg) translateZ(0);pointer-events:none}@media(hover:hover){.crew-btn--gold:hover{transform:translate3d(0,-2px,0);box-shadow:0 18px 38px -16px rgba(var(--gold-rgb),.85)}.crew-btn--gold:hover:after{transition:transform .95s var(--ease);transform:skew(-18deg) translate3d(520%,0,0)}}.crew-toast{position:fixed;left:50%;bottom:max(26px,env(safe-area-inset-bottom));z-index:6;padding:12px 18px;border:1px solid rgba(var(--gold-rgb),.45);border-radius:2px;background:#0e0a06eb;color:var(--cream);font-size:13px;line-height:1.3;letter-spacing:.04em;white-space:nowrap;opacity:0;transform:translate3d(-50%,12px,0);transition:opacity .35s var(--ease-soft),transform .5s var(--ease);pointer-events:none}.crew-toast.is-on{opacity:1;transform:translate3d(-50%,0,0)}.crew-toast:empty{display:none}@media(max-width:560px){.crew{padding-top:76px}.crew-tiers{column-gap:16px}.crew-tiers__rule{height:88px}.crew-actions{flex-direction:column;align-items:stretch;gap:12px;max-width:340px;margin-left:auto;margin-right:auto}.crew-btn{min-width:0;width:100%}.crew-toast{white-space:normal;max-width:calc(100vw - 40px);text-align:center}}@media(max-width:360px){.crew-tier__amount{font-size:30px}}@media(max-height:640px)and (orientation:landscape){.crew{padding-top:64px;padding-bottom:28px}.crew-mark{width:140px;margin-bottom:18px}.crew-title{font-size:40px}.crew-tiers,.crew-code,.crew-actions{margin-top:22px}}@media(prefers-reduced-motion:reduce){.crew [data-reveal],.crew.is-ready [data-reveal]{animation:none;opacity:1;transform:none}.crew-close,.crew.is-ready .crew-close{opacity:.78;transition:none}.crew-tiers__rule,.crew.is-ready .crew-tiers__rule{transform:scaleY(1);transition:none}.crew.is-ready .crew-tier__amount,.crew-tier:hover .crew-tier__amount{animation:none}.crew-card,.crew-close,.crew-btn,.crew-mark,.crew-bokeh{transition:none}.crew-btn--gold:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/crew.css.map */