.byg-hero{position:relative;padding:clamp(64px,9vw,120px) 0 0;overflow:hidden}.template-index .byg-hero{padding-top:calc(clamp(64px,9vw,120px) + 72px);background-color:transparent;background-image:linear-gradient(180deg,var(--ink) 0,var(--ink) calc(100% - clamp(140px,18vw,260px)),rgba(10,10,14,0) 100%)}.byg-hero__glow{position:absolute;top:-220px;right:-160px;width:720px;height:720px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,10,179,.34),transparent 70%);pointer-events:none}.byg-hero__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 90% 70% at 60% 10%,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 60% 10%,#000 0%,transparent 75%)}.byg-hero__in{position:relative}.byg-hero__logo{position:absolute;top:calc(clamp(-10px,2vw,56px) + 72px);right:clamp(56px,8vw,150px);width:calc(clamp(480px,44vw,640px) * var(--byg-logo-scale));aspect-ratio:1 / 1;pointer-events:none;--byg-logo-hue: -16deg;--byg-logo-sat: 1.12;--byg-logo-bright: .96;--byg-logo-band: 196px;--byg-logo-scale: 1.15}.byg-hero__logo-drift{position:absolute;top:0;right:0;bottom:0;left:0;animation:byg-logo-drift 14s ease-in-out infinite;will-change:transform}@keyframes byg-logo-drift{0%{transform:translateZ(0) rotate(-2.4deg) scale(1)}25%{transform:translate3d(11px,-17px,0) rotate(-.4deg) scale(1.012)}50%{transform:translate3d(3px,-28px,0) rotate(2.4deg) scale(1.02)}75%{transform:translate3d(-10px,-14px,0) rotate(.6deg) scale(1.009)}to{transform:translateZ(0) rotate(-2.4deg) scale(1)}}.byg-hero__logo-drift:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background:radial-gradient(closest-side,rgba(60,10,179,.3),rgba(38,7,111,.12) 55%,transparent 78%)}.byg-hero__logo picture{display:block}.byg-hero__logo-poster,.byg-hero__logo-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:hue-rotate(var(--byg-logo-hue)) saturate(var(--byg-logo-sat)) brightness(var(--byg-logo-bright))}.byg-hero__logo-canvas{opacity:0}.byg-hero__logo--live .byg-hero__logo-canvas{opacity:1}.byg-hero__logo--live .byg-hero__logo-poster,.byg-hero__logo--noimg .byg-hero__logo-poster,.byg-hero__logo--noimg .byg-hero__logo-canvas{opacity:0}@media(max-width:989.98px){.template-index .byg-hero{padding-top:calc(clamp(64px,9vw,120px) + 64px)}.template-index .byg-hero--logo{padding-top:calc(64px + clamp(10px,3vw,22px))}.byg-hero__logo{position:relative;top:auto;right:auto;width:100%;height:calc(min(var(--byg-logo-band),54vw) * var(--byg-logo-scale));aspect-ratio:auto;margin:0 0 clamp(16px,4vw,26px)}.byg-hero__logo-drift{animation:none;will-change:auto}.byg-hero__logo-drift:before{display:none}.byg-hero__logo-poster,.byg-hero__logo-canvas{object-fit:cover}}.byg-hero .byg-kicker .byg-label{color:var(--violet)}.byg-hero__ident{display:grid;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:12px;max-width:660px;margin:0 0 clamp(24px,2.8vw,32px);padding-inline:6px}.byg-hero__ident-item{display:flex;align-items:center;min-height:78px;padding:15px 18px;transform:skew(-8deg);border:1px solid var(--line-strong);border-radius:var(--byg-r);transition:transform var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),box-shadow var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),background var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),border-color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-hero__ident-item>span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:11px;row-gap:5px;width:100%;transform:skew(8deg)}.byg-hero__ident-dot{grid-column:1;grid-row:1;width:8px;height:8px;border-radius:50%;flex:none}.byg-hero__ident-t{grid-column:2;grid-row:1;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;color:var(--text);white-space:nowrap}.byg-hero__ident-n{grid-column:2;grid-row:2;font-weight:600;font-style:italic;letter-spacing:.06em;font-size:12.5px;color:var(--muted);white-space:normal}.byg-hero__ident-item--shop,.byg-hero__ident-item--werk{border-color:#a78bff4d;background:linear-gradient(180deg,#f4f3f816,#f4f3f806 46%,#3c0ab347) padding-box;box-shadow:inset 0 1px #a78bff8c}.byg-hero__ident-item--shop .byg-hero__ident-dot,.byg-hero__ident-item--werk .byg-hero__ident-dot{background:var(--violet);box-shadow:0 0 0 4px #a78bff29}@supports ((-webkit-backdrop-filter: blur(14px)) or (backdrop-filter: blur(14px))){.byg-hero__ident-item{-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.byg-hero__ident-item--shop,.byg-hero__ident-item--werk{background:linear-gradient(180deg,#f4f3f80e,#f4f3f804 46%,#3c0ab329) padding-box}}a.byg-hero__ident-item:hover,a.byg-hero__ident-item:focus-visible{transform:skew(-8deg) translateY(-3px)}a.byg-hero__ident-item--shop:hover,a.byg-hero__ident-item--shop:focus-visible,a.byg-hero__ident-item--werk:hover,a.byg-hero__ident-item--werk:focus-visible{border-color:#a78bff94;background:linear-gradient(180deg,#f4f3f81c,#f4f3f808 46%,#3c0ab357) padding-box;box-shadow:inset 0 1px #a78bffd9,0 18px 38px -26px #000000f2}a.byg-hero__ident-item:focus-visible{outline:2px solid var(--volt);outline-offset:3px}.byg-hero__h1{margin-bottom:24px;max-width:13ch}.byg-hero__dot{color:var(--violet)}.byg-hero__sub{max-width:620px;color:var(--muted);margin-bottom:40px}.byg-hero__cta{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:clamp(32px,5.5vw,48px)}.byg-hero__quick{margin:0 0 clamp(48px,6vw,72px);padding-inline:6px}.byg-hero__quick-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;color:var(--text);margin:0 0 14px}.byg-hero__quick-head span{font-weight:600;font-style:italic;text-transform:none;letter-spacing:.02em;font-size:13px;color:var(--muted)}.byg-hero__quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:12px;list-style:none;margin:0;padding:0}.byg-hero__quick-card{transform:skew(-8deg);border:1px solid var(--line);border-radius:var(--byg-r);background:linear-gradient(180deg,#3c0ab321,#3c0ab30a);transition:transform var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),border-color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),background var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),box-shadow var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-hero__quick-card:hover,.byg-hero__quick-card:focus-within{transform:skew(-8deg) translateY(-3px);border-color:#a78bff8c;background:linear-gradient(180deg,#3c0ab342,#3c0ab314);box-shadow:inset 0 1px #a78bff59,0 18px 38px -26px #000000f2}.byg-hero__quick-in{display:flex;align-items:center;gap:13px;min-height:78px;padding:14px 16px;transform:skew(8deg);text-decoration:none}.byg-hero__quick-text{display:block;min-width:0}.byg-hero__quick-t{display:block;font-size:clamp(15px,1.4vw,17px);line-height:1.1}.byg-hero__quick-h{display:block;margin-top:5px;font-weight:600;font-style:italic;text-transform:none;letter-spacing:.01em;font-size:12.5px;line-height:1.35;color:var(--muted)}.byg-hero__quick-arrow{margin-left:auto;flex:none;font-weight:800;font-style:italic;color:var(--volt);transition:transform .18s var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-hero__quick-card:hover .byg-hero__quick-arrow{transform:translate(4px)}.byg-hero__data{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}@media(min-width:761px){.byg-hero__data .byg-hero__cell:nth-child(n+4){border-top:1px solid var(--line)}.byg-hero__data .byg-hero__cell:nth-child(3n+1){border-left:none;padding-left:0}}@media(min-width:761px){.byg-hero__data--n2{grid-template-columns:repeat(2,1fr)}.byg-hero__data--n4{grid-template-columns:repeat(4,1fr)}.byg-hero__data--n2 .byg-hero__cell:nth-child(n+1),.byg-hero__data--n4 .byg-hero__cell:nth-child(n+1){border-top:none}.byg-hero__data--n2 .byg-hero__cell+.byg-hero__cell,.byg-hero__data--n4 .byg-hero__cell+.byg-hero__cell{border-left:1px solid var(--line);padding-left:22px}.byg-hero__data--n2 .byg-hero__cell:first-child,.byg-hero__data--n4 .byg-hero__cell:first-child{border-left:none;padding-left:0}}.byg-hero__cell{padding:24px 16px 24px 0}.byg-hero__cell+.byg-hero__cell{padding-left:24px;border-left:1px solid var(--line)}.byg-hero__val{font-weight:800;font-style:italic;font-size:clamp(22px,2.4vw,32px);line-height:1;letter-spacing:-.01em}.byg-hero__val-num{display:inline-block}.byg-hero__val .byg-hero__u{color:var(--violet);font-size:max(12px,.5em);letter-spacing:.06em;text-transform:uppercase}.byg-hero__key{margin-top:8px;color:var(--muted)}.byg-hero__dyno{position:relative;margin-top:clamp(48px,6vw,72px);overflow:hidden}.byg-hero__dyno video{display:block;width:100%;aspect-ratio:16 / 9;max-height:min(74vh,640px);object-fit:cover}.byg-hero__dyno video::-webkit-media-controls,.byg-hero__dyno video::-webkit-media-controls-panel,.byg-hero__dyno video::-webkit-media-controls-overlay-play-button,.byg-hero__dyno video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;opacity:0!important}.byg-hero__dyno-toggle{position:absolute;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(244,243,248,.38);border-radius:var(--byg-r);transform:skew(-8deg);background:#0a0a0ea3;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .18s var(--ease, cubic-bezier(.3, .7, .25, 1)),border-color .18s var(--ease, cubic-bezier(.3, .7, .25, 1)),color .18s var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-hero__dyno-toggle:hover{background:#0a0a0edb;border-color:var(--volt);color:var(--volt)}.byg-hero__dyno-toggle svg{width:17px;height:17px;transform:skew(8deg)}.byg-hero__dyno-toggle .byg-ico-play{display:none}.byg-hero__dyno-toggle.is-paused .byg-ico-play{display:block}.byg-hero__dyno-toggle.is-paused .byg-ico-pause{display:none}@keyframes byg-hero-rise{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.byg-hero__in>*{animation:byg-hero-rise .7s cubic-bezier(.22,.61,.36,1) both}.byg-hero__in>.byg-kicker{animation-delay:.02s}.byg-hero__in>.byg-hero__h1{animation-delay:.08s}.byg-hero__in>.byg-hero__sub{animation-delay:.24s}.byg-hero__in>.byg-hero__ident{animation-delay:.3s}.byg-hero__in>.byg-hero__cta{animation-delay:.36s}.byg-hero__in>.byg-hero__quick{animation-delay:.42s}.byg-hero__in>.byg-hero__data{animation-delay:.48s}@media(max-width:760px){.byg-hero__cta{flex-direction:column;align-items:stretch}.byg-hero__cta .byg-btn{width:calc(100% - 8px);max-width:420px}.byg-hero__ident{gap:10px}.byg-hero__ident-item{padding:13px 15px;min-height:72px}.byg-hero__quick-grid{gap:10px}.byg-hero__quick-in{min-height:72px;padding:12px 14px;gap:11px}.byg-hero__data{grid-template-columns:repeat(2,1fr)}.byg-hero__cell{padding:18px 12px 18px 0;min-width:0}.byg-hero__cell+.byg-hero__cell{padding-left:16px}.byg-hero__val{font-size:19px;overflow-wrap:anywhere}.byg-hero__key{font-size:10.5px;letter-spacing:.12em;overflow-wrap:anywhere}.byg-hero__cell:nth-child(n+3){border-top:1px solid var(--line)}.byg-hero__cell:nth-child(odd){border-left:none;padding-left:0}.byg-hero__dyno{margin-top:clamp(32px,7vw,48px)}.byg-hero__dyno video{max-height:58vh}}@media(max-width:400px){.byg-hero__ident-item{padding:12px 14px}.byg-hero__ident-t,.byg-hero__ident-n{font-size:11.5px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.byg-hero__logo-drift{animation:none;will-change:auto}.byg-hero__in>*{animation:none;opacity:1;transform:none}.byg-hero__quick-card:hover .byg-hero__quick-arrow{transform:none}.byg-hero__quick-card:hover,.byg-hero__quick-card:focus-within{transform:skew(-8deg)}a.byg-hero__ident-item:hover,a.byg-hero__ident-item:focus-visible{transform:skew(-8deg)}}.byg-hero__grid-bg:after{content:"";position:absolute;z-index:0;top:19%;left:-14%;width:128%;height:clamp(110px,15vw,215px);--byg-flagge-ton: .075;background:var(--byg-flagge);background-size:var(--byg-flagge-feld) var(--byg-flagge-feld);transform:rotate(-9deg) skew(var(--byg-skew));transform-origin:center;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 52%,#000 84%,transparent 99%),linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 52%,#000 84%,transparent 99%),linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media(max-width:760px){.byg-hero__grid-bg:after{top:30%;height:clamp(72px,22vw,120px)}}.byg-hero__dyno video{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}@media(min-width:750px){.byg-hero__dyno video{clip-path:inset(2px 0 0 0)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/byg-hero.css.map */