.noir-hero{position:relative;min-height:100vh;width:100%;background:#0b0b0b;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate;clip-path:inset(0)}.noir-hero__bg-layers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#0b0b0b}.noir-hero__vignette-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1}.noir-hero__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.noir-hero__floor{display:none;position:absolute;left:0;right:0;bottom:0;height:30vh;min-height:260px;max-height:440px;z-index:2;pointer-events:none;background:linear-gradient(180deg,#1c1c1c,#0c0c0c 45%,#000)}.noir-hero__floor-surface{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(150% 95% at 50% 0%,#323232,#141414 38%,#000),linear-gradient(180deg,#1a1a1a,#080808,#000);opacity:1}.noir-hero__floor-edge{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.7),transparent);opacity:.9}.noir-hero__floor-shadow{display:none;position:absolute;top:6%;left:50%;width:360px;height:100px;transform:translate(-50%);background:radial-gradient(ellipse at center,#000000f2,#000000b3 45%,#0000 75%);filter:blur(14px);opacity:1;pointer-events:none}.noir-hero__top-glow{display:none;position:absolute;top:-14%;left:50%;width:380px;height:600px;transform:translate(-50%);background:radial-gradient(ellipse at top,#ffebbef2,#ffd78c8c 30%,#ffc87840,#ffc87800 70%),linear-gradient(180deg,#ffe6b48c,#ffd78c40 45%,#ffc87800 75%);filter:blur(16px);opacity:.95;mix-blend-mode:screen;pointer-events:none;z-index:1}.noir-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1400px;min-height:100vh;padding:120px 5% 80px;margin:0 auto}@media screen and (max-width: 989px){.noir-hero__grid{grid-template-columns:1fr;gap:3rem;padding:140px 5% 60px;text-align:center}}@media screen and (max-width: 767px){.noir-hero__grid{grid-template-columns:1fr;gap:2rem;padding:120px 6% 40px}}.noir-hero__content{padding-left:3%}@media screen and (max-width: 989px){.noir-hero__content{padding-left:0;order:2}}.noir-hero__brand{font-family:var(--font-heading-family, "Inter", sans-serif);font-size:3.3rem;font-weight:600;color:#fff;letter-spacing:2px;text-transform:uppercase;margin:0 0 1rem;line-height:1.2}@media screen and (max-width: 767px){.noir-hero__brand{font-size:2.2rem;letter-spacing:1.5px}}.noir-hero__headline{font-family:Playfair Display,Georgia,serif;font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1;margin:0 0 1.5rem;background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;flex-direction:column;align-items:flex-start}.noir-hero__headline-accent{font-size:1.1em;line-height:1.1;margin-bottom:.1em}.noir-hero__headline-main{font-size:1em;line-height:1}@media screen and (max-width: 989px){.noir-hero__headline{font-size:clamp(3rem,10vw,5rem);align-items:center}}@media screen and (max-width: 767px){.noir-hero__headline{font-size:clamp(2.5rem,12vw,4rem);margin-bottom:1rem}}.noir-hero__tagline{font-family:var(--font-body-family, "Inter", sans-serif);font-style:normal;font-weight:300;font-size:2.6rem;color:var(--noir-text-grey, #E0E0E0);margin:0 0 40px 5px;line-height:1.4}@media screen and (max-width: 767px){.noir-hero__tagline{font-size:2.2rem;margin-bottom:30px}}.noir-hero__buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}@media screen and (max-width: 989px){.noir-hero__buttons{justify-content:center}}@media screen and (max-width: 480px){.noir-hero__buttons{flex-direction:column;align-items:stretch}}.noir-hero__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 3rem;font-family:var(--font-body-family, "Inter", sans-serif);font-weight:600;font-size:1.15rem;text-decoration:none;text-align:center;border-radius:50px;cursor:pointer;transition:var(--noir-transition, all .4s cubic-bezier(.25, 1, .5, 1));white-space:nowrap;overflow:hidden}.noir-hero__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(249,228,152,.1) 35%,rgba(249,228,152,.5) 45%,rgba(255,255,255,.8) 50%,rgba(249,228,152,.5) 55%,rgba(249,228,152,.1) 65%,transparent 80%);transition:none}.noir-hero__btn:hover:before{animation:goldenGlisten .6s ease-out forwards}@keyframes goldenGlisten{0%{left:-100%}to{left:100%}}.noir-hero__btn--primary{background:linear-gradient(180deg,#d4af37,#c5a059);color:#000;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #0006,0 4px 10px #0000004d,inset 0 1px #ffffff4d;text-shadow:0 .5px 0 rgba(255,255,255,.2)}.noir-hero__btn--primary:hover{transform:scale(1.04) translateY(-3px);background:linear-gradient(180deg,#e5c158,#d4ad60);box-shadow:0 15px 35px #00000080,0 8px 15px #0000004d,inset 0 1px #fff6}.noir-hero__btn--primary:active{transform:scale(1.01) translateY(-1px);background:linear-gradient(180deg,#b8944f,#a68442);box-shadow:0 5px 15px #0006,inset 0 2px 5px #0003}.noir-hero__btn--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.noir-hero__btn--secondary:hover{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 0 20px #fff3}.noir-hero__btn--secondary:active{background:#ffffff26}.noir-hero__visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px;--model-scale: 1;--glow-scale: 1;--glow-opacity: .75;--aura-scale: 1}@media screen and (max-width: 989px){.noir-hero__visual{order:1;min-height:400px}}@media screen and (max-width: 767px){.noir-hero__visual{min-height:300px}}.noir-hero__aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;max-width:700px;z-index:0;pointer-events:none}.noir-hero__aura-img{width:100%;height:auto;opacity:.45;transform:scale(var(--aura-scale, 1));transition:transform .2s ease-out,opacity .2s ease-out}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.noir-hero__drop-shadow{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:200px;height:40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 40%,transparent 70%);border-radius:50%;filter:blur(15px);z-index:0;pointer-events:none;animation:shadowPulse 4s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(.85);opacity:.5}}@media screen and (max-width: 989px){.noir-hero__top-glow{width:300px;height:480px}.noir-hero__floor-shadow{width:300px;height:80px}.noir-hero__drop-shadow{width:160px;height:32px;bottom:15%}}@media screen and (max-width: 767px){.noir-hero__top-glow{width:240px;height:380px;top:-8%}.noir-hero__floor-shadow{width:240px;height:70px;top:8%}.noir-hero__drop-shadow{width:120px;height:24px;bottom:20%}}.noir-hero__interaction-hint{position:absolute;bottom:5%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00000080;border:1px solid rgba(212,175,55,.3);border-radius:20px;color:#e0e0e0b3;font-size:.85rem;pointer-events:none;z-index:10;opacity:0;animation:hintFadeInOut 6s ease-in-out forwards;animation-delay:2s}.noir-hero__interaction-hint--swipe{gap:0;background:transparent;border:0;padding:.4rem .6rem}.noir-hero__swipe-gesture{position:absolute;width:170px;height:64px;display:block;pointer-events:none;z-index:12;opacity:0;top:85%;left:50%;transform:translate(-50%,-50%);animation:hintFadeInOutCenter 6s ease-in-out forwards;animation-delay:2s}.noir-hero__swipe-track{position:absolute;left:12px;right:12px;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(212,175,55,.7),transparent);opacity:.65}.noir-hero__swipe-hand{position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);animation:swipeCursorMove 2.6s ease-in-out infinite;animation-delay:2s}.noir-hero__swipe-cursor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 6px rgba(212,175,55,.4))}.noir-hero__swipe-cursor--idle{opacity:1;animation:swipeCursorIdle 2.6s ease-in-out infinite;animation-delay:2s}.noir-hero__swipe-cursor--click{opacity:0;animation:swipeCursorClick 2.6s ease-in-out infinite;animation-delay:2s}@keyframes hintFadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px);visibility:hidden}}@keyframes hintFadeInOutCenter{0%{opacity:0;transform:translate(-50%,-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%,-50%) translateY(0)}85%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-10px);visibility:hidden}}@keyframes swipeCursorMove{0%{transform:translate(-50%,-50%) translate(-30px) scale(.9);opacity:0}20%{opacity:1}55%{transform:translate(-50%,-50%) translate(30px) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(40px) scale(.9);opacity:0}}@keyframes swipeCursorIdle{0%,20%,to{opacity:1}30%,70%{opacity:0}}@keyframes swipeCursorClick{0%,20%,to{opacity:0}30%,70%{opacity:1}}@media screen and (max-width: 767px){.noir-hero__interaction-hint{font-size:.75rem;padding:.4rem .8rem}.noir-hero__swipe-gesture{width:130px;height:52px;top:88%}.noir-hero__swipe-hand{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){.noir-hero__interaction-hint,.noir-hero__swipe-gesture{opacity:1;animation:none}.noir-hero__swipe-hand{animation:none;transform:translate(-50%,-50%)}.noir-hero__swipe-cursor--click{animation:none;opacity:0}.noir-hero__swipe-cursor--idle{animation:none;opacity:1}}.noir-hero__stand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.noir-hero__stand-base{width:280px;height:280px;background:radial-gradient(circle at center,rgba(212,175,55,.3) 0%,rgba(212,175,55,.1) 40%,transparent 70%);border-radius:50%;filter:blur(20px)}.noir-hero__stand-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--glow-scale, 1));width:350px;height:350px;background:radial-gradient(circle at center,rgba(212,175,55,.15) 0%,transparent 60%);border-radius:50%;opacity:var(--glow-opacity, .75);transition:transform .2s ease-out,opacity .2s ease-out}@keyframes standPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.noir-hero__spotlight{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--glow-scale, 1));width:320px;height:320px;background:transparent;border:2px solid rgba(212,175,55,.2);border-radius:50%;box-shadow:0 0 40px #d4af371a,inset 0 0 60px #d4af370d;pointer-events:none;z-index:0;transition:transform .2s ease-out,box-shadow .2s ease-out}@media screen and (max-width: 989px){.noir-hero__stand-base{width:220px;height:220px}.noir-hero__stand-glow{width:280px;height:280px}.noir-hero__spotlight{width:260px;height:260px}}@media screen and (max-width: 767px){.noir-hero__stand-base{width:180px;height:180px}.noir-hero__stand-glow{width:220px;height:220px}.noir-hero__spotlight{width:200px;height:200px}}.noir-hero__model-wrap{width:min(500px,100%);height:500px;position:relative;display:flex;align-items:center;justify-content:center;animation:floatBook 4s ease-in-out infinite;transform-origin:center;will-change:transform;z-index:1}.noir-hero__model{position:relative;width:100%;height:100%;display:block;z-index:2;background:transparent;--poster-color: transparent;--progress-bar-color: transparent;pointer-events:auto;cursor:grab}.noir-hero__model::part(default-progress-bar),.noir-hero__model::part(default-progress-mask),.noir-hero__model::part(default-progress-track),.noir-hero__model::part(default-progress-fill),.noir-hero__model::part(progress-bar),.noir-hero__model::part(progress-bar-track),.noir-hero__model::part(progress-bar-fill){display:none}@keyframes floatBook{0%,to{transform:translateY(0) scale(var(--model-scale, 1))}50%{transform:translateY(-15px) scale(var(--model-scale, 1))}}@media screen and (max-width: 989px){.noir-hero__model-wrap{width:min(400px,100%);height:400px}}@media screen and (max-width: 767px){.noir-hero__model-wrap{width:min(300px,100%);height:300px}}.noir-hero__model--loaded{animation:fadeIn .6s ease-out}.noir-hero__ghost-finger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;animation:ghostFingerVertical 2s ease-in-out infinite,ghostFingerFade 6s ease-in-out forwards}@keyframes ghostFingerVertical{0%,to{transform:translate(-50%,-70%)}50%{transform:translate(-50%,-30%)}}@keyframes ghostFingerFade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion: reduce){.noir-hero__ghost-finger{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.noir-hero__model-loader{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.noir-hero__spinner{width:50px;height:50px;border:3px solid rgba(212,175,55,.2);border-top-color:var(--noir-gold, #D4AF37);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.noir-hero__scroll-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease,opacity .4s ease,visibility .4s ease;animation:scrollPulse 2s ease-in-out infinite}.noir-hero__scroll-btn:hover{background:#fff3;border-color:#ffffff80;transform:translate(-50%) scale(1.1)}.noir-hero__scroll-btn:active{transform:translate(-50%) scale(.95)}.noir-hero__scroll-btn svg{width:20px;height:20px}.noir-hero__scroll-btn.hidden{opacity:0;visibility:hidden;pointer-events:none}@media screen and (max-width: 767px){.noir-hero__scroll-btn{bottom:20px;width:44px;height:44px}.noir-hero__scroll-btn svg{width:18px;height:18px}}@keyframes scrollPulse{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media (prefers-reduced-motion: reduce){.noir-hero__aura-img,.noir-hero__scroll-btn,.noir-hero__stand-glow,.noir-hero__model{animation:none}.noir-hero__btn--primary:hover{transform:none}.noir-hero__confetti-img{position:absolute}}@media print{.noir-hero{min-height:auto;background:#fff;color:#000}.noir-hero__bg-layers,.noir-hero__aura,.noir-hero__scroll-indicator{display:none}.noir-hero__brand,.noir-hero__headline{color:#000;-webkit-text-fill-color:#000}.noir-hero__tagline{color:#333}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-noir-hero-landing.css.map */