.intro{display:none}.intro-active .intro{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;background:var(--intro-bg);isolation:isolate}.intro-active{overflow:hidden;scrollbar-gutter:stable}.intro-active body{overflow:hidden}:root{--intro-bg: #faf9f7;--intro-surface: #f2f0ed;--intro-band: #e6e4e1;--intro-ink: #2c2c2c;--intro-ink-2: #55534f;--intro-muted: #86837e;--intro-line: #ded9d3;--intro-warm: #c8b6a3;--intro-sand: #d8cdb8;--intro-cool: #b9bfc2;--intro-accent: #8a8172;--s1: calc(0s * var(--intro-scale, 1));--s2: calc(.5s * var(--intro-scale, 1));--s3: calc(1.2s * var(--intro-scale, 1));--s4: calc(2s * var(--intro-scale, 1));--s5: calc(2.8s * var(--intro-scale, 1));--intro-ease: cubic-bezier(.16, 1, .3, 1);--intro-ease-firm: cubic-bezier(.76, 0, .24, 1);--intro-ease-soft: cubic-bezier(.4, 0, .2, 1)}.intro__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--intro-bg);animation:intro-veil calc(.45s * var(--intro-scale, 1)) var(--intro-ease-soft) both}@keyframes intro-veil{0%{opacity:0}}.intro__mesh{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;opacity:0;will-change:transform,opacity;background:radial-gradient(40% 46% at 22% 26%,color-mix(in oklab,var(--intro-sand) 78%,transparent),transparent 70%),radial-gradient(36% 42% at 78% 24%,color-mix(in oklab,var(--intro-cool) 62%,transparent),transparent 68%),radial-gradient(46% 48% at 56% 84%,color-mix(in oklab,var(--intro-warm) 70%,transparent),transparent 72%);animation:intro-mesh-in calc(.9s * var(--intro-scale, 1)) var(--intro-ease-soft) both,intro-mesh-drift calc(10s * var(--intro-scale, 1)) ease-in-out infinite}@keyframes intro-mesh-in{0%{opacity:0;transform:scale(1.14)}to{opacity:.55;transform:scale(1)}}@keyframes intro-mesh-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2.5%,-2%,0) scale(1.06)}}.intro__grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E")}.intro__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.intro__flare{position:absolute;top:50%;left:50%;width:140vmax;height:26vmin;margin:-13vmin 0 0 -70vmax;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 38%,color-mix(in oklab,#fff 85%,transparent) 50%,transparent 62%);animation:intro-flare calc(1.2s * var(--intro-scale, 1)) var(--intro-ease) calc(var(--s3) + .4s * var(--intro-scale, 1)) both}@keyframes intro-flare{0%{opacity:0;transform:translate(-20%) rotate(-10deg)}45%{opacity:.7}to{opacity:0;transform:translate(20%) rotate(-10deg)}}.intro__core{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:1.5rem}.intro__bloom{position:absolute;top:50%;left:50%;width:34rem;height:34rem;margin:-17rem 0 0 -17rem;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0%,color-mix(in oklab,#fff 55%,transparent) 45%,transparent 68%);animation:intro-bloom calc(1.3s * var(--intro-scale, 1)) var(--intro-ease) var(--s3) both}@keyframes intro-bloom{0%{opacity:0;transform:scale(.7)}to{opacity:.85;transform:scale(1)}}.intro__pulse{position:absolute;top:50%;left:50%;width:13rem;height:13rem;margin:-6.5rem 0 0 -6.5rem;border-radius:50%;border:1px solid color-mix(in oklab,var(--intro-accent) 45%,transparent);opacity:0;pointer-events:none;animation:intro-pulse calc(1.6s * var(--intro-scale, 1)) var(--intro-ease) calc(var(--s3) + .5s * var(--intro-scale, 1)) both}@keyframes intro-pulse{0%{opacity:0;transform:scale(.4)}25%{opacity:.5}to{opacity:0;transform:scale(2.6)}}.intro__logo{position:relative;display:grid;grid-auto-flow:column;align-items:center;justify-content:center;color:var(--intro-ink);will-change:transform,opacity;line-height:1}.intro__glyph{font-family:var(--font-heading-family, ui-serif, Georgia, serif);font-weight:500;font-size:clamp(4.5rem,15vmin,10rem);line-height:.9;color:var(--intro-ink);display:block}.intro__glyph--b{animation:intro-from-left calc(.75s * var(--intro-scale, 1)) var(--intro-ease-firm) var(--s3) both}.intro__glyph--s{animation:intro-from-right calc(.75s * var(--intro-scale, 1)) var(--intro-ease-firm) var(--s3) both}@keyframes intro-from-left{0%{opacity:0;transform:translate(-120%)}}@keyframes intro-from-right{0%{opacity:0;transform:translate(120%)}}.intro__rule{position:relative;display:block;width:1px;height:clamp(6.5rem,22vmin,14rem);margin-inline:clamp(.5rem,1.6vmin,1rem);background:var(--intro-ink);opacity:.85;transform-origin:center;animation:intro-rule calc(.55s * var(--intro-scale, 1)) var(--intro-ease-firm) calc(var(--s3) + .3s * var(--intro-scale, 1)) both}@keyframes intro-rule{0%{transform:scaleY(0)}}.intro__diamond{position:absolute;left:50%;width:.42rem;height:.42rem;margin-left:-.21rem;background:var(--intro-ink);animation:intro-pop calc(.4s * var(--intro-scale, 1)) var(--intro-ease-firm) calc(var(--s3) + .62s * var(--intro-scale, 1)) both}.intro__diamond--top{top:-.21rem}.intro__diamond--bottom{bottom:-.21rem}@keyframes intro-pop{0%{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}.intro__band{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;min-width:clamp(15rem,46vmin,27rem);padding:clamp(.45rem,1.4vmin,.75rem) clamp(1rem,3vmin,2rem);background:var(--intro-band);transform-origin:center;animation:intro-band calc(.62s * var(--intro-scale, 1)) var(--intro-ease-firm) calc(var(--s3) + .72s * var(--intro-scale, 1)) both}@keyframes intro-band{0%{transform:scaleX(0)}}.intro__band-text{font-family:var(--font-body-family, ui-sans-serif, system-ui, sans-serif);font-weight:400;font-size:clamp(.65rem,1.9vmin,1rem);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--intro-ink);white-space:nowrap;animation:intro-fade calc(.4s * var(--intro-scale, 1)) var(--intro-ease-soft) calc(var(--s3) + 1.16s * var(--intro-scale, 1)) both}@keyframes intro-fade{0%{opacity:0}}.intro__tagline{margin-top:clamp(1.5rem,4vmin,2.5rem);max-width:32rem;font-family:var(--font-body-family, ui-sans-serif, system-ui, sans-serif);font-size:clamp(.9rem,2vmin,1.1rem);line-height:1.5;color:var(--intro-ink-2);opacity:0;animation:intro-rise calc(1s * var(--intro-scale, 1)) var(--intro-ease) calc(var(--s3) + 1.25s * var(--intro-scale, 1)) both}@keyframes intro-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro__promises{position:absolute;inset-inline:0;bottom:clamp(2.5rem,9vmin,5rem);display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,1.6vmin,.9rem);padding-inline:1.5rem;pointer-events:none}.intro__promise{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--intro-line) 90%,transparent);background:color-mix(in oklab,#fff 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--intro-ink-2);font-family:var(--font-body-family, ui-sans-serif, system-ui, sans-serif);font-size:clamp(.68rem,1.5vmin,.8rem);white-space:nowrap;box-shadow:0 6px 20px -12px #2c2c2c66;opacity:0;animation:intro-promise calc(2.1s * var(--intro-scale, 1)) var(--intro-ease) calc(var(--s4) + var(--promise-delay, 0s)) both}.intro__promise svg{width:.95rem;height:.95rem;color:var(--intro-accent);flex:0 0 auto}@keyframes intro-promise{0%{opacity:0;transform:translateY(14px) scale(.96)}18%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px) scale(.99)}}@media(max-width:700px){.intro__promise:nth-child(n+3){display:none}}.intro.is-leaving{animation:intro-leave calc(.6s * var(--intro-scale, 1)) var(--intro-ease-soft) forwards}@keyframes intro-leave{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(12px)}}.intro.is-leaving .intro__band,.intro.is-leaving .intro__tagline,.intro.is-leaving .intro__promises,.intro.is-leaving .intro__mesh,.intro.is-leaving .intro__canvas,.intro.is-leaving .intro__grain,.intro.is-leaving .intro__skip{transition:opacity calc(.3s * var(--intro-scale, 1)) var(--intro-ease-soft),transform calc(.3s * var(--intro-scale, 1)) var(--intro-ease-soft);opacity:0}.intro.is-leaving .intro__band{transform:translate(-50%,-50%) scaleX(0)}.intro__logo.is-flying{animation:none;transition:transform calc(.62s * var(--intro-scale, 1)) var(--intro-ease),opacity calc(.3s * var(--intro-scale, 1)) linear calc(.36s * var(--intro-scale, 1))}.intro__logo.is-flying .intro__glyph,.intro__logo.is-flying .intro__rule,.intro__logo.is-flying .intro__diamond{animation:none}.intro-active .intro-reveal{opacity:0;transform:translateY(14px)}.intro-revealing .intro-reveal{opacity:1;transform:none;transition:opacity calc(.75s * var(--intro-scale, 1)) var(--intro-ease-soft),transform calc(.75s * var(--intro-scale, 1)) var(--intro-ease)}.intro-active .header__logo svg,.intro-active .header__logo-text{opacity:0}.intro-handoff .header__logo svg,.intro-handoff .header__logo-text{opacity:1;transition:opacity calc(.28s * var(--intro-scale, 1)) var(--intro-ease-soft)}.intro__skip{position:absolute;right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:2;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--intro-line);background:color-mix(in oklab,#fff 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--intro-muted);font-family:var(--font-body-family, ui-sans-serif, system-ui, sans-serif);font-size:.72rem;letter-spacing:.06em;cursor:pointer;opacity:0;animation:intro-rise calc(.5s * var(--intro-scale, 1)) var(--intro-ease-soft) calc(.9s * var(--intro-scale, 1)) both}.intro__skip:hover{color:var(--intro-ink);border-color:var(--intro-muted)}.intro__skip:focus-visible{outline:2px solid var(--intro-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.intro-active .intro{display:none}.intro-active,.intro-active body{overflow:auto}.intro-active .intro-reveal,.intro-active .header__logo svg,.intro-active .header__logo-text{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/intro.css.map */