.spr{--spr-night: #070808;--spr-text: #f4f2ef;--spr-dust: #9ba29e;--spr-line: rgba(244, 242, 239, .13);--spr-glass: rgba(14, 16, 16, .74);--spr-rot: #cc3035;--spr-rot-hell: #f0474c;--spr-display: "Spinny Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--spr-body: var(--font-body-family, "Helvetica Neue", Arial, sans-serif);--spr-mono: "Spinny Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--spr-edge: max(15px, calc((100% - 1200px)/2 + 50px) );--spr-panel-w: min(420px, 36%);--spr-panel-r: max(24px, calc(var(--spr-edge) - var(--spr-panel-w) / 2));background:var(--spr-night);color:var(--spr-text);font-family:var(--spr-body);font-size:16px;line-height:1.5;overflow:hidden;letter-spacing:normal}@property --spr-glow{syntax: "<color>"; inherits: true; initial-value: #2a2d2c;}@property --spr-tone{syntax: "<color>"; inherits: true; initial-value: #ffffff;}.spr *,.spr *:before,.spr *:after{box-sizing:border-box}.spr img{max-width:none}.spr a{color:inherit}.spr :focus-visible{outline:2px solid var(--spr-rot-hell);outline-offset:3px;box-shadow:none}.spr p{margin:0}.spr-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38ch);gap:20px 56px;align-items:end;padding-top:52px;padding-bottom:8px}.spr-eyebrow{font:500 12px/1 var(--spr-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--spr-rot-hell)}.spr-head .spr-eyebrow{font:700 16px/1.2 var(--font-heading-family, var(--spr-body));letter-spacing:.12em}.spr .spr-title{margin:14px 0 0;font-family:var(--spr-display);font-stretch:62%;font-weight:880;font-size:clamp(54px,9vw,128px);line-height:.84;letter-spacing:-.004em;text-transform:uppercase;text-wrap:balance;color:var(--spr-text)}.spr-title span{display:block}.spr-lede{font-size:17px;color:var(--spr-dust);text-wrap:pretty}.spr-lede p{margin:0}.spr-lede strong{color:var(--spr-text);font-weight:600}.spr-regal{position:relative;margin-top:28px}.spr-stage{--h: clamp(104px, 12.3vw, 185px);--slot: calc(var(--h) * .63);--gap: calc(var(--h) * .97);--base: 52.7%;position:relative;height:clamp(700px,52vw,760px);overflow:hidden;isolation:isolate;background:#060707;--spr-glow: #2a2d2c;--spr-tone: #ffffff}.spr-floor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 52.7%;z-index:0}.spr-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,8,8,.92) 0%,rgba(7,8,8,.35) 30%,transparent 55%,transparent 88%,rgba(7,8,8,.7) 100%)}.spr-darken{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0304049e;opacity:0;pointer-events:none;transition:opacity .7s ease}.spr-regal.is-open .spr-darken{opacity:1}.spr-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(38% 58% at var(--hx, 50%) 48%,color-mix(in srgb,var(--spr-glow) 70%,transparent) 0%,color-mix(in srgb,var(--spr-glow) 22%,transparent) 45%,transparent 75%);transition:opacity .8s ease,--spr-glow .8s ease}.spr-regal.is-open .spr-glow{opacity:1}.spr-bigtype{position:absolute;left:0;right:0;top:5%;z-index:2;pointer-events:none;text-align:center;white-space:nowrap;font-family:var(--spr-display);font-stretch:62%;font-weight:900;font-size:clamp(150px,27vw,400px);line-height:.8;letter-spacing:.01em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--spr-tone) 24%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--spr-tone) 13%,transparent),transparent 80%);-webkit-background-clip:text;background-clip:text;translate:calc(var(--px, 0) * -14px) 0;transition:--spr-tone .8s ease,opacity .35s ease,transform .6s cubic-bezier(.2,.8,.2,1),translate .6s ease-out}.spr-bigtype.is-swap{opacity:0;transform:translateY(18px) scale(.98)}.spr-regal.is-open .spr-bigtype{right:calc(var(--spr-panel-r) + var(--spr-panel-w));font-size:clamp(150px,22vw,340px)}.spr .spr-item{--hh: var(--h);position:absolute;top:var(--base);z-index:3;width:0;height:0;min-width:0;min-height:0;padding:0;margin:0;border:0;background:none;box-shadow:none;color:var(--spr-text);cursor:pointer;transition:opacity .5s ease,filter .5s ease}.spr .spr-item:before,.spr .spr-item:after{display:none}.spr-item.spr-cap{--hh: calc(var(--h) * .64);left:50%}.spr-item.spr-innen{left:calc(50% - var(--gap) - (3 - var(--k)) * var(--slot))}.spr-item.spr-aussen{left:calc(50% + var(--gap) + var(--k) * var(--slot))}.spr .spr-item:focus-visible{outline:none}.spr-item:focus-visible .spr-pill{outline:2px solid var(--spr-rot-hell);outline-offset:3px}.spr-shadow{position:absolute;left:0;top:0;width:calc(var(--hh) * var(--ar) * .95);height:calc(var(--hh) * var(--ar) * .3);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,.35) 55%,transparent);filter:blur(3px);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s}.spr-lift{position:absolute;left:0;top:0;transition:transform .55s cubic-bezier(.2,.9,.25,1.25)}.spr-float{position:absolute;left:0;top:0;animation:spr-bob 5.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}.spr-float img{display:block;height:var(--hh);width:auto;transform:translate(-50%,calc(var(--foot) * -100% - 8px));filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));transition:filter .4s ease}.spr-refl{position:absolute;left:0;top:calc(var(--hh) * (var(--foot) - 1) + 8px);height:var(--hh);pointer-events:none;transform:translate(-50%);opacity:.2;animation:spr-bob-inv 5.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 34%);mask-image:linear-gradient(180deg,#000 0%,transparent 34%)}.spr-refl img{display:block;height:100%;width:auto;transform:scaleY(-1);filter:blur(1px)}@keyframes spr-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes spr-bob-inv{0%,to{translate:0 0}50%{translate:0 7px}}.spr-item:hover .spr-lift,.spr-item:focus-visible .spr-lift{transform:translateY(-16px) scale(1.06)}.spr-item:hover .spr-float img,.spr-item:focus-visible .spr-float img{filter:drop-shadow(0 16px 22px rgba(0,0,0,.5)) drop-shadow(0 0 22px color-mix(in srgb,var(--c) 45%,transparent))}.spr-item:hover .spr-shadow,.spr-item:focus-visible .spr-shadow{transform:translate(-50%,-50%) scale(.82);opacity:.7}.spr-item:hover .spr-refl,.spr-item:focus-visible .spr-refl{opacity:.1}.spr-pill{position:absolute;left:0;top:calc(var(--hh) * (1 - var(--foot)) + 16px);transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;white-space:nowrap;border:1px solid rgba(244,242,239,.16);border-radius:999px;background:#0a0c0c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 13px/1 var(--spr-mono);font-variant-numeric:tabular-nums;color:var(--spr-text);transition:border-color .2s,background .2s,opacity .3s}.spr-pill i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c),inset 0 0 0 1px #00000040}.spr-item:hover .spr-pill{border-color:var(--c);background:#0a0c0cd9}.spr-item.spr-cap .spr-pill{background:var(--spr-rot);border-color:var(--spr-rot);font-family:var(--spr-display);font-stretch:75%;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px 8px 9px}.spr-item.spr-cap .spr-pill i{background:#fff;box-shadow:0 0 12px #fffc;width:8px;height:8px}.spr-item.spr-cap:hover .spr-pill{background:var(--spr-rot-hell);border-color:var(--spr-rot-hell)}.spr-podium{position:absolute;left:0;top:0;width:calc(var(--h) * 1.35);height:calc(var(--h) * .43);transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(240,71,76,.85);box-shadow:0 0 18px #f0474c8c,inset 0 0 16px #f0474c59;animation:spr-ring 3.2s ease-in-out infinite}.spr-podium:after{content:"";position:absolute;top:-22%;right:-16%;bottom:-22%;left:-16%;border-radius:50%;border:1px solid rgba(240,71,76,.28)}@keyframes spr-ring{0%,to{opacity:.75;scale:1}50%{opacity:1;scale:1.04}}.spr-item.spr-intro .spr-lift{animation:spr-rise .9s cubic-bezier(.2,.9,.25,1.2) both;animation-delay:calc(var(--dist) * .09s + .15s)}@keyframes spr-rise{0%{opacity:0;transform:translateY(46px) scale(.9)}}.spr-regal.is-open .spr-item{opacity:.28;filter:saturate(.45) brightness(.55)}.spr-regal.is-open .spr-item.is-sel{opacity:0}.spr-regal.is-open .spr-pill,.spr-regal.is-open .spr-glabel{opacity:0;visibility:hidden}.spr-glabel{position:absolute;z-index:3;top:calc(var(--base) + var(--h) * .1 + 72px);display:flex;align-items:center;gap:12px;transform:translate(-50%);pointer-events:none;white-space:nowrap;transition:opacity .3s,visibility .3s}.spr-glabel.spr-innen{left:calc(50% - var(--gap) - 1.5 * var(--slot))}.spr-glabel.spr-aussen{left:calc(50% + var(--gap) + 1.5 * var(--slot));flex-direction:row-reverse;text-align:right}.spr-glabel.spr-system{left:50%;top:calc(var(--base) + var(--h) * .1 + 78px);justify-content:center;text-align:center}.spr-glabel svg{width:52px;height:34px;flex:none;color:var(--spr-text)}.spr-glabel svg .t{fill:#f4f2ef24;stroke:currentColor;stroke-width:1.4}.spr-glabel svg .b{stroke:var(--spr-dust);stroke-width:1.4}.spr-glabel svg .s{stroke:var(--spr-rot-hell);stroke-width:2;stroke-linecap:round}.spr-glabel svg .g{stroke:var(--spr-rot-hell);stroke-width:1.2}.spr-glabel svg .m{stroke:var(--spr-dust);stroke-width:1.1;fill:none}.spr-glabel b{display:block;font-family:var(--spr-display);font-stretch:70%;font-weight:850;font-size:26px;line-height:.95;letter-spacing:.05em;text-transform:uppercase}.spr-glabel span{display:block;margin-top:3px;font:500 14px/1.2 var(--spr-mono);color:var(--spr-dust)}.spr-glabel.spr-system b{color:var(--spr-text);font-size:22px}.spr-glabel.spr-system span{color:var(--spr-text)}.spr-spot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .7s ease}.spr-regal.is-open .spr-spot{opacity:1}.spr-beam{position:absolute;left:var(--hx, 50%);top:-4%;height:calc(var(--hbase, 86%) + 4%);width:calc(var(--hero-h, 400px) * 1.25);transform:translate(-50%);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);background:linear-gradient(180deg,#fffaf000,#fffaf012 45%,#fffaf033);filter:blur(8px);mix-blend-mode:screen}.spr-pool{position:absolute;left:var(--hx, 50%);top:var(--hbase, 86%);width:calc(var(--hero-h, 400px) * 1.5);height:calc(var(--hero-h, 400px) * .42);transform:translate(-50%,-50%);border-radius:50%;mix-blend-mode:screen;background:radial-gradient(closest-side,rgba(255,252,245,.55),color-mix(in srgb,var(--spr-tone) 38%,transparent) 45%,transparent 100%)}.spr-hero{position:absolute;left:var(--hx, 50%);top:var(--hbase, 86%);z-index:5;pointer-events:none;translate:calc(var(--px, 0) * 10px) calc(var(--py, 0) * 4px);transition:translate .6s ease-out}.spr-hero-in{opacity:0}.spr-regal.is-open .spr-hero-in{animation:spr-hero-in .8s cubic-bezier(.2,.9,.25,1.15) both}@keyframes spr-hero-in{0%{opacity:0;transform:translateY(50px) scale(.86)}to{opacity:1;transform:none}}.spr-hero-float{animation:spr-bob 6s ease-in-out infinite}.spr-hero-main{display:block;height:var(--hero-h, 400px);width:auto;transform:translate(-50%,calc(var(--hfoot, .9) * -100% - 14px));filter:drop-shadow(0 24px 30px rgba(0,0,0,.55)) drop-shadow(0 0 40px color-mix(in srgb,var(--spr-tone) 28%,transparent))}.spr-hero .spr-shadow{width:calc(var(--hero-h, 400px) * var(--har, .66) * .9);height:calc(var(--hero-h, 400px) * var(--har, .66) * .26)}.spr-hero .spr-refl{top:calc(var(--hero-h, 400px) * (var(--hfoot, .9) - 1) + 14px);height:var(--hero-h, 400px);opacity:.22;animation-duration:6s;animation-delay:0s}.spr-hint{position:absolute;z-index:6;left:var(--spr-edge);bottom:18px;font:400 12px/1.4 var(--spr-mono);color:var(--spr-dust);pointer-events:none}.spr-panel{position:absolute;z-index:7;top:50%;right:var(--spr-panel-r);width:var(--spr-panel-w);padding:0 22px 16px;background:var(--spr-glass);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);border:1px solid var(--spr-line);opacity:0;visibility:hidden;transform:translate(22px,-50%);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility .4s}.spr-regal.is-open .spr-panel{opacity:1;visibility:visible;transform:translateY(-50%)}.spr-bar{height:5px;margin:0 -22px 14px;background:var(--c, var(--spr-rot));box-shadow:0 0 22px var(--c, var(--spr-rot));transition:background .5s ease}.spr-ptop{display:flex;align-items:center;justify-content:space-between;gap:12px}.spr-panel .spr-eyebrow{font:700 14px/1.2 var(--font-heading-family, var(--spr-body));letter-spacing:.12em}.spr-nav{display:flex;gap:6px}.spr .spr-nav button{width:34px;height:34px;min-width:0;min-height:0;padding:0;display:grid;place-items:center;border:1px solid var(--spr-line);background:transparent;box-shadow:none;color:var(--spr-text);font:500 17px/1 var(--spr-mono);cursor:pointer;border-radius:50%;transition:border-color .2s,background .2s}.spr .spr-nav button:before,.spr .spr-nav button:after{display:none}.spr .spr-nav button:hover{border-color:var(--spr-text);background:#f4f2ef0f}.spr-ptitle{display:flex;align-items:baseline;gap:8px;margin:10px 0 2px!important;outline:none}.spr-mm{font-family:var(--spr-display);font-stretch:62%;font-weight:900;font-size:80px;line-height:.8;letter-spacing:-.01em}.spr-unit{font-family:var(--spr-display);font-stretch:62%;font-weight:800;font-size:32px;line-height:1;text-transform:uppercase;color:var(--spr-dust)}.spr-color{display:flex;align-items:center;gap:9px;margin:8px 0 12px!important;font-size:14px;color:var(--spr-dust)}.spr-color i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}.spr-color b{color:var(--spr-text);font-weight:600}.spr-specs{margin:0;border-top:1px solid rgba(244,242,239,.5)}.spr-specs div{display:grid;grid-template-columns:11ch minmax(0,1fr);gap:12px;padding-block:6px;border-bottom:1px solid var(--spr-line)}.spr-specs dt{font:400 11.5px/1.7 var(--spr-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--spr-dust)}.spr-specs dd{margin:0;font-size:14px;font-weight:500;line-height:1.35}.spr-specs dd.num{font-family:var(--spr-mono);font-variant-numeric:tabular-nums}.spr-h{margin:14px 0 2px!important;font-family:var(--spr-display);font-stretch:75%;font-weight:800;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--spr-dust)}.spr-packs{list-style:none;margin:0;padding:0}.spr-packs a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 14px;padding:6px 0;border-bottom:1px solid var(--spr-line);text-decoration:none;color:var(--spr-text)}.spr-packs a:hover .spr-pk-name{color:#fff;text-decoration:underline;text-underline-offset:3px}.spr-pk-name{font-weight:600;font-size:14px;line-height:1.3}.spr-pk-sub{grid-column:1;font:400 12px/1.3 var(--spr-mono);color:var(--spr-dust)}.spr-pk-sub em{font-style:normal;color:var(--spr-rot-hell)}.spr-pk-price{grid-column:2;grid-row:1 / span 2;align-self:center;font:500 15px/1 var(--spr-mono);font-variant-numeric:tabular-nums}.spr-cta{position:absolute;z-index:8;left:var(--cx, 60%);top:var(--cy, 55%);transform:translate(-12px,-50%);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .4s ease .25s,transform .5s cubic-bezier(.2,.8,.2,1) .25s,visibility .4s .25s,background .2s;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:var(--spr-rot);color:#fff!important;text-decoration:none;font-family:var(--spr-display);font-stretch:75%;font-weight:850;font-size:17px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 30px #cc303559;transition:background .2s}.spr-cta:hover{background:var(--spr-rot-hell)}.spr-regal.is-open .spr-cta{opacity:1;visibility:visible;transform:translateY(-50%)}.spr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px;list-style:none;margin:0 auto;padding-top:36px;padding-bottom:72px}.spr-facts li{font-size:15px;color:var(--spr-dust);max-width:36ch;justify-self:center;text-align:center;text-wrap:balance}.spr-facts b{display:block;color:var(--spr-text);font-family:var(--spr-display);font-stretch:72%;font-weight:850;font-size:20px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:4px}@media(max-width:760px){.spr-head{grid-template-columns:minmax(0,1fr);padding-top:36px}.spr-stage{--h: 92px;--slotm: 80px;height:700px}.spr-floor{object-position:50% 60%}.spr-bigtype{top:3%;font-size:34vw}.spr-item.spr-innen{top:30%;--hh: calc(var(--h) * .9);left:calc(50% + (var(--k) - 1.5) * var(--slotm))}.spr-item.spr-cap{top:57%}.spr-item.spr-aussen{top:83%;left:calc(50% + (var(--k) - 1.5) * var(--slotm))}.spr-pill{top:calc(var(--hh) * (1 - var(--foot)) + 10px);padding:5px 9px 5px 5px;font-size:12px;gap:6px}.spr-glabel{gap:8px}.spr-glabel svg{width:38px;height:25px}.spr-glabel b{font-size:19px}.spr-glabel span{font-size:12px}.spr-glabel.spr-innen{left:50%;top:calc(30% + 54px)}.spr-glabel.spr-aussen{left:50%;top:calc(83% + 58px);flex-direction:row;text-align:left}.spr-glabel.spr-system,.spr-hint{display:none}.spr-podium{width:150px;height:46px}.spr-regal.is-open .spr-panel,.spr-panel{transform:none}.spr-regal.is-open .spr-bigtype{right:0;font-size:34vw}.spr-cta{left:var(--hx, 50%);top:calc(var(--hbase, 88%) + 14px);transform:translate(-50%,10px);padding:12px 16px;font-size:15px}.spr-regal.is-open .spr-cta{transform:translate(-50%)}.spr-panel{position:static;width:auto;overflow:visible;display:none;margin-inline:15px;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 0 8px}.spr-bar{margin:0 0 20px}.spr-regal.is-open .spr-panel{display:block}.spr-mm{font-size:92px}.spr-facts{grid-template-columns:minmax(0,1fr);padding-bottom:48px}}@media(prefers-reduced-motion:reduce){.spr-float,.spr-refl,.spr-podium,.spr-hero-float{animation:none}.spr-item.spr-intro .spr-lift,.spr-regal.is-open .spr-hero-in{animation-duration:.01s;animation-delay:0s}.spr-glow,.spr-panel,.spr-bigtype,.spr-darken,.spr-spot,.spr-item,.spr-lift{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-spinny-laschen-regal.css.map */