.ryv-hero{--ink: #0A0A0A;--bone: #E8E2D6;--red: #D11A2A;--red-hi: #EC4B57;--ash: #8A857C;--line: rgba(232, 226, 214, .14);--serif: "Instrument Serif", "IM Fell English", Georgia, serif;--sans: "Space Grotesk", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, Menlo, monospace;--black: "UnifrakturCook", "Old English Text MT", serif;--m: clamp(20px, 9.52vw - 17px, 120px);--d1: clamp(72px, 9.14vw + 36.3px, 168px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-smoke: cubic-bezier(.33, 0, .15, 1);position:relative;height:clamp(560px,calc(100svh - var(--ryv-top, 0px)),1000px);overflow:hidden;background:var(--ink);color:var(--bone);font:400 16px/1.55 var(--sans);touch-action:pan-y;-webkit-font-smoothing:antialiased}.ryv-hero *,.ryv-hero *:before,.ryv-hero *:after{box-sizing:border-box}.ryv-hero a{color:inherit;text-decoration:none}.ryv-hero button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.ryv-hero h1,.ryv-hero h2,.ryv-hero p,.ryv-hero figure{margin:0}.ryv-hero :focus-visible{outline:2px solid var(--red);outline-offset:3px}.ryv-hero [hidden]{display:none!important}.ryv-hero .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ryv-hero .mono{font-family:var(--mono);font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.ryv-hero .ash{color:var(--ash)}.ryv-hero .red{color:var(--red-hi)}.ryv-hero .d1{font:700 var(--d1)/.9 var(--black);letter-spacing:.01em}.ryv-hero .d1 em{font:italic 400 1em/.9 var(--serif);letter-spacing:-.02em}.ryv-hero .btn{display:inline-flex;align-items:center;gap:14px;height:56px;max-width:100%;padding:0 28px;border:1px solid var(--bone);font:400 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bone);background:linear-gradient(var(--bone),var(--bone)) no-repeat left / 0% 100%;transition:background-size .45s var(--ease-out),color .45s var(--ease-out)}.ryv-hero .btn:hover,.ryv-hero .btn:focus-visible{background-size:100% 100%;color:var(--ink)}.ryv-hero .btn.solid{background:linear-gradient(var(--ink),var(--ink)) no-repeat left / 0% 100%,var(--bone);color:var(--ink)}.ryv-hero .btn.solid:hover,.ryv-hero .btn.solid:focus-visible{background-size:100% 100%,auto;color:var(--bone)}.ryv-hero__reveal,.ryv-hero__poster,.ryv-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.ryv-hero__poster{overflow:hidden;container-type:size;background:var(--ink);transition:opacity .9s ease .9s}.ryv-hero__poster img{position:absolute;display:block;height:auto;max-width:none;--pw: min(calc(15cqh / var(--rf)), 100cqw);width:var(--pw);left:calc(50% - var(--cx) * var(--pw));top:calc(var(--eye-y) - var(--cy) * var(--pw));-webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.ryv-hero__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(10,10,10,.65),transparent 16%,transparent 50%,rgba(10,10,10,.92) 94%),radial-gradient(ellipse 75% 60% at 50% 45%,transparent 40%,rgba(10,10,10,.6) 100%)}.ryv-hero__canvas{width:100%;height:100%;opacity:0;transition:opacity 1.2s var(--ease-smoke);pointer-events:none}.ryv-hero.is-live .ryv-hero__canvas{opacity:1}.ryv-hero.is-live .ryv-hero__poster{opacity:0}.ryv-hero__reveal{z-index:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:120px var(--m) 64px;opacity:0;transition:opacity .55s var(--ease-smoke)}.ryv-hero.is-parting .ryv-hero__reveal,.ryv-hero.is-revealed .ryv-hero__reveal{opacity:1}.ryv-hero__stage{position:relative;justify-self:center;width:min(420px,34vw)}.ryv-hero__stage:before{content:"";position:absolute;top:-18%;right:-22%;bottom:-18%;left:-22%;background:radial-gradient(closest-side,#1f1d1b,#141312 45%,transparent)}.ryv-hero__stage img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(209,26,42,.18));transform:translateY(24px);transition:transform .9s var(--ease-smoke) .2s}.ryv-hero__label{position:absolute;z-index:1;left:0;top:-36px;padding:6px 10px;border:1px solid var(--line);white-space:nowrap}.ryv-hero__rtxt{display:grid;justify-items:start;gap:28px;min-width:0}.ryv-hero__rtxt .d1{font-size:min(var(--d1),10.5vw)}.ryv-hero__rtxt .btn{margin-top:20px}.ryv-hero__copy{position:absolute;left:var(--m);right:var(--m);bottom:64px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;transition:opacity .6s var(--ease-out),visibility .6s}.ryv-hero__copy .d1{font-size:min(var(--d1),19vw,16svh)}.ryv-hero__tag{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:28px}.ryv-hero__util{position:absolute;right:max(var(--m),env(safe-area-inset-right,0px));top:calc(84px + env(safe-area-inset-top,0px));z-index:21;display:flex;gap:20px;align-items:center;white-space:nowrap}.ryv-hero__util button{min-height:44px}.ryv-hero__util [aria-pressed=true]{color:var(--red-hi)}.ryv-hero__perm{position:absolute;left:var(--m);right:var(--m);top:56%;z-index:22;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;border:1px solid var(--line);background:#0a0a0ab8}.ryv-hero.is-revealed .ryv-hero__canvas,.ryv-hero.is-revealed .ryv-hero__poster{opacity:0!important;transition:opacity .9s var(--ease-smoke);transition-delay:0s}.ryv-hero.is-revealed .ryv-hero__copy,.ryv-hero.is-parting .ryv-hero__copy{opacity:0;visibility:hidden}.ryv-hero.is-revealed .ryv-hero__stage img{transform:none}@media(max-width:600px){.ryv-hero{height:calc(100svh - var(--ryv-top, 0px));min-height:560px}.ryv-hero__poster img{--pw: 100cqw;top:calc(var(--eye-y-m) - var(--cy) * var(--pw));-webkit-mask:none;mask:none}.ryv-hero__copy{grid-template-columns:minmax(0,1fr);bottom:max(28px,calc(16px + env(safe-area-inset-bottom,0px)));left:max(var(--m),env(safe-area-inset-left,0px));right:max(var(--m),env(safe-area-inset-right,0px));gap:16px}.ryv-hero__copy .d1{font-size:min(68px,17.5vw,14svh)}.ryv-hero__copy .btn,.ryv-hero__rtxt .btn{width:100%;height:52px;justify-content:space-between;padding:0 20px;min-width:0}.ryv-hero__tag{gap:8px 18px;margin-bottom:14px}.ryv-hero__util{top:calc(52px + env(safe-area-inset-top,0px));gap:14px;left:max(var(--m),env(safe-area-inset-left,0px));justify-content:flex-end;text-shadow:0 1px 3px rgba(10,10,10,.85)}.ryv-hero__reveal{grid-template-columns:1fr;align-content:space-between;padding:150px var(--m) 40px}.ryv-hero__stage{width:250px}.ryv-hero__label{white-space:normal;left:-40px;right:-40px}.ryv-hero__rtxt{justify-items:stretch}.ryv-hero__rtxt .d1{font-size:64px}}@media(max-width:360px){.ryv-hero__util{gap:10px;font-size:10px;letter-spacing:.1em}.ryv-hero__tag{gap:6px 12px}.ryv-hero__copy .btn,.ryv-hero__rtxt .btn{padding:0 16px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){.ryv-hero *,.ryv-hero *:before,.ryv-hero *:after{transition-duration:.2s!important;transition-delay:0s!important}.ryv-hero__stage img{transform:none}}.ryv-hero__poster:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:1;pointer-events:none;opacity:.55;background:radial-gradient(40% 28% at 30% 60%,rgba(200,180,175,.16),transparent 70%),radial-gradient(35% 22% at 70% 35%,rgba(200,170,170,.13),transparent 70%),radial-gradient(50% 30% at 55% 80%,rgba(180,160,160,.12),transparent 70%);filter:blur(18px);animation:ryv-drift 14s ease-in-out infinite alternate}@keyframes ryv-drift{0%{transform:translate3d(-4%,2%,0) scale(1)}to{transform:translate3d(5%,-4%,0) scale(1.08)}}.ryv-hero.is-live .ryv-hero__poster:before{animation:none}@media(prefers-reduced-motion:reduce){.ryv-hero__poster:before{animation:none}}.ryv-hero__poster .ryv-eye-svg{position:absolute;left:50%;top:var(--eye-y, 40%);width:min(92vw,46cqh * 1.67,980px);transform:translate(-50%,-50%)}@media(max-width:600px){.ryv-hero__poster .ryv-eye-svg{top:var(--eye-y-m, 40%);width:118vw}}.ryv-hero.is-revealed .ryv-hero__poster,.ryv-hero.is-revealed .ryv-hero__canvas{pointer-events:none}.ryv-hero.is-revealed .ryv-hero__perm{display:none}@media(max-width:360px){.ryv-hero .ryv-hero__util{gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ryvlt-hero-eye.css.map */