.hero-scroll{position:relative;width:100%;height:100vh;height:100svh;min-height:650px;overflow:hidden;background-color:#07090b;background-image:url(/atelier-hero.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.hero-scroll-canvas{z-index:0;display:block;width:100%;height:100%}.hero-scroll-canvas,.hero-scroll-shade{position:absolute;inset:0;pointer-events:none}.hero-scroll-shade{z-index:1;background:linear-gradient(180deg,rgba(7,9,11,.55),rgba(7,9,11,.08) 35%,rgba(7,9,11,.5)),linear-gradient(90deg,rgba(7,9,11,.72),rgba(7,9,11,.42) 36%,rgba(7,9,11,.05) 65%,transparent)}.hero-scroll-content{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:130px 4vw 48px;pointer-events:none}.hero-skip-intro-btn{position:absolute;top:35px;right:4vw;z-index:100;pointer-events:auto;font-family:Manrope,sans-serif;font-size:10px;font-weight:600;letter-spacing:.22em;color:#ffffff;background:rgba(0,0,0,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);padding:10px 18px;border-radius:2px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(0,0,0,.4)}.hero-skip-intro-btn:active,.hero-skip-intro-btn:hover{background:#ffffff;color:#000000;border-color:#ffffff;transform:translateY(-1px)}.hero-scroll-kicker{margin:0;color:rgba(255,255,255,.65);font-family:DM Sans,sans-serif;font-size:9px;line-height:1.5;letter-spacing:.25em;text-transform:uppercase;font-weight:500}.hero-scroll-main{margin-top:auto;margin-bottom:5vh;max-width:clamp(340px,48vw,620px);pointer-events:auto}.hero-scroll-title{margin:0 0 20px;color:#ffffff;display:flex;flex-direction:column;gap:2px}.hero-title-main{display:block;font-family:Manrope,sans-serif;font-size:clamp(34px,3.8vw,56px);font-weight:300;line-height:1.05;letter-spacing:-.035em;color:#ffffff}.hero-title-sub{display:block;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,3.4vw,50px);font-weight:400;font-style:italic;line-height:1.1;letter-spacing:-.025em;color:#ffffff;white-space:nowrap}.hero-scroll-desc{margin:0 0 26px;color:rgba(242,240,235,.78);font-family:DM Sans,sans-serif;font-size:clamp(13px,1.05vw,14.5px);line-height:1.7;font-weight:300;letter-spacing:.01em;max-width:580px}.hero-cta-group{gap:12px;flex-wrap:wrap;pointer-events:auto}.hero-cta-btn,.hero-cta-group{display:inline-flex;align-items:center}.hero-cta-btn{font-family:Manrope,sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:13px 24px;border-radius:2px;justify-content:center;line-height:1;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.hero-cta-primary{background:var(--red);border:1px solid var(--red);color:#ffffff;box-shadow:0 4px 18px rgba(179,38,46,.35)}.hero-cta-primary:hover{background:#cb2d36;border-color:#cb2d36;color:#ffffff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(179,38,46,.5)}.hero-cta-secondary{background:rgba(9,11,13,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);color:#ffffff}.hero-cta-secondary:hover{background:#ffffff;border-color:#ffffff;color:#000000;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.hero-visitor-stat{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;background:rgba(14,16,20,.45);border:1px solid rgba(255,255,255,.12);border-radius:2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:heroStatFade .6s ease forwards;pointer-events:auto}@keyframes heroStatFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.visitor-stat-dot{width:5px;height:5px;border-radius:50%;background:#b3262e;box-shadow:0 0 8px rgba(179,38,46,.9);flex-shrink:0}.visitor-stat-data{display:inline-flex;align-items:baseline;gap:5px}.visitor-stat-count{font-size:12.5px;font-weight:500;letter-spacing:.04em;color:#ffffff}.visitor-stat-count,.visitor-stat-label{font-family:Manrope,sans-serif;line-height:1}.visitor-stat-label{font-size:8.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.48)}.hero-scroll-bottom{display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:16px;pointer-events:auto}.hero-scroll-indicator{display:flex;align-items:center;gap:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.88);font-family:DM Sans,sans-serif;font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:border-color .3s ease,color .3s ease}.hero-scroll-indicator:active,.hero-scroll-indicator:hover{border-bottom-color:rgba(255,255,255,.9);color:#ffffff}.hero-scroll-arrow{display:inline-block;font-size:13px;line-height:1;animation:heroArrow 2s ease-in-out infinite}@keyframes heroArrow{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}@media (max-width:900px){.hero-scroll{min-height:100svh;height:100svh}.hero-scroll-content{padding:84px 20px 24px}.hero-skip-intro-btn{top:86px;right:20px;font-size:9.5px;padding:8px 14px;letter-spacing:.18em}.hero-scroll-kicker{font-size:8.5px;letter-spacing:.2em;max-width:100%}.hero-scroll-main{margin-top:auto;margin-bottom:2vh;max-width:100%}.hero-scroll-title{margin:0 0 14px;gap:3px}.hero-title-main{font-size:clamp(34px,9vw,54px);line-height:1.02;letter-spacing:-.03em}.hero-title-sub{font-size:clamp(28px,7.8vw,46px);line-height:1.08;letter-spacing:-.025em;white-space:normal}.hero-scroll-desc{font-size:clamp(12.5px,3.4vw,14px);line-height:1.65;max-width:100%;margin-top:0;margin-bottom:18px;color:rgba(242,240,235,.85)}.hero-cta-group{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px;width:100%}.hero-cta-btn{padding:11px 18px;font-size:10px;letter-spacing:.15em}.hero-visitor-stat{padding:6px 12px;gap:7px;flex-shrink:0}.visitor-stat-count{font-size:11.5px}.visitor-stat-label{font-size:8px;letter-spacing:.18em}.hero-scroll-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.hero-scroll-indicator{width:auto;display:inline-flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em;padding-bottom:4px}}@media (max-width:480px){.hero-cta-group{display:flex;flex-direction:row;align-items:center;width:100%;gap:8px}.hero-cta-btn{flex:1 1;padding:10px 8px;font-size:9px;letter-spacing:.1em;text-align:center;white-space:nowrap}.hero-scroll-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.hero-visitor-stat{padding:5px 10px;gap:6px}.visitor-stat-count{font-size:11px}.visitor-stat-label{font-size:7.5px;letter-spacing:.15em}}