.hero--youngla{position:relative;width:100%;height:var(--hero-height, 70vh);min-height:var(--hero-height, 70vh);max-height:var(--hero-height, 70vh);overflow:hidden;display:flex;flex-direction:column;background:#111}.hero-youngla__bg{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;top:0;left:0;z-index:1}.hero-youngla__bg--video{object-fit:cover;object-position:center;transition:transform .3s ease;width:100%;height:100%}.hero-youngla__bg--video[style*="--video-position: top"]{object-position:center top}.hero-youngla__bg--video[style*="--video-position: center"]{object-position:center center}.hero-youngla__bg--video[style*="--video-position: bottom"]{object-position:center bottom}.hero-youngla__overlay{background:linear-gradient(180deg,#0000001a,#00000080);position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none}.hero-youngla__headline-wrapper{position:absolute;top:50px;left:0;right:0;z-index:3;display:flex;justify-content:center;align-items:flex-start;width:100%;padding:0 2rem}.hero-youngla__headline{color:#fff;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:.03em;margin:0;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.3);max-width:1000px}.hero-youngla__cta{background:var(--btn-bg, #7a9b80);color:var(--btn-text, #ffffff);display:inline-block;padding:18px 48px;border-radius:6px;font-size:1.3rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 10px 24px #0003;transition:all .25s ease-out;text-decoration:none;border:2px solid var(--btn-bg, #7a9b80);outline:none;cursor:pointer;position:absolute;bottom:50px;left:50%;transform:translate(-50%);z-index:3}.hero-youngla__cta:hover,.hero-youngla__cta:focus{background:var(--btn-hover-bg, #5a7b60);color:var(--btn-hover-text, #ffffff);border:2px solid var(--btn-hover-bg, #5a7b60);box-shadow:0 14px 32px #0000004d;transform:translate(-50%) translateY(-3px)}.hero-perspective-controls{display:flex;gap:1.2rem;justify-content:center;position:absolute;top:24px;left:0;right:0;z-index:5;pointer-events:auto}.hero-perspective-btn{background:var(--btn-bg, #232323);color:var(--btn-text, #fff);border:none;padding:8px 24px;border-radius:5px;font-size:1.05rem;font-weight:600;cursor:pointer;outline:none;transition:background .2s,color .2s,transform .18s;opacity:.85;box-shadow:0 2px 8px #0000001a}.hero-perspective-btn.active,.hero-perspective-btn:hover,.hero-perspective-btn:focus{background:var(--btn-hover-bg, #7a9b80);color:var(--btn-hover-text, #ffd700);opacity:1;transform:translateY(-2px) scale(1.06)}.hero-zoom-controls{display:flex;gap:.5rem;align-items:center;justify-content:center;position:absolute;bottom:24px;right:24px;z-index:5;pointer-events:auto;background:#232323e6;padding:8px 12px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-zoom-btn{background:var(--btn-bg, #232323);color:var(--btn-text, #fff);border:none;width:36px;height:36px;border-radius:4px;font-size:1.2rem;font-weight:700;cursor:pointer;outline:none;transition:background .2s,transform .18s;display:flex;align-items:center;justify-content:center}.hero-zoom-btn:hover,.hero-zoom-btn:focus{background:var(--btn-hover-bg, #7a9b80);color:var(--btn-hover-text, #ffd700);transform:scale(1.1)}.zoom-input{width:50px;height:36px;padding:0 6px;text-align:center;border:1px solid rgba(255,255,255,.3);background:#0006;color:#fff;font-size:.9rem;font-weight:600;border-radius:4px;outline:none;transition:border-color .2s,background .2s;font-family:inherit}.zoom-input:hover,.zoom-input:focus{border-color:var(--btn-hover-bg, #7a9b80);background:#0009;color:var(--btn-hover-text, #ffd700)}.zoom-input::-webkit-outer-spin-button,.zoom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.zoom-input[type=number]{-moz-appearance:textfield}.zoom-percent{color:#fff;font-size:.9rem;font-weight:600;min-width:18px}.hero-youngla__media-wrapper{position:relative;overflow:hidden;width:100%;height:100%}@media (max-width: 750px){.hero--youngla{height:var(--hero-height, 60vh);min-height:var(--hero-height, 60vh)}.hero-youngla__headline-wrapper{top:40px;padding:0 1.5rem}.hero-youngla__headline{font-size:clamp(1.8rem,5vw,3.5rem)}.hero-youngla__cta{padding:14px 36px;font-size:1.1rem;bottom:35px;border-radius:5px}.hero-perspective-controls{top:13px;gap:.8rem}.hero-perspective-btn{padding:6px 14px;font-size:.9rem}.hero-zoom-controls{bottom:12px;right:12px;gap:.3rem;padding:6px 8px}.hero-zoom-btn{width:32px;height:32px;font-size:1rem}.zoom-input{width:45px;height:32px;font-size:.8rem}.zoom-percent{font-size:.8rem;min-width:15px}}@media (max-width: 480px){.hero--youngla{height:var(--hero-height, 50vh);min-height:var(--hero-height, 50vh)}.hero-youngla__headline-wrapper{top:30px;padding:0 1rem}.hero-youngla__headline{font-size:clamp(1.4rem,4.5vw,2.6rem)}.hero-youngla__cta{padding:12px 28px;font-size:.95rem;letter-spacing:1px;bottom:25px}.hero-perspective-controls{top:7px;gap:.4rem}.hero-perspective-btn{padding:5px 10px;font-size:.81rem}.hero-zoom-controls{bottom:8px;right:8px;gap:.2rem;padding:5px 6px}.hero-zoom-btn{width:28px;height:28px;font-size:.9rem}.zoom-input{width:40px;height:28px;font-size:.75rem}.zoom-percent{font-size:.75rem;min-width:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-hero.css.map */