:root{--hero-width:90vw;--hero-max-w:1680px;--hero-min-h:calc(100dvh - 35vh);--hero-pad:clamp(16px, 3vw, 32px);--hero-card-max:850px;--ty-nuage-pastel:#f7f2ef;--ty-anthracite-velours:#1f1f22;--ty-terre-argile:#6d4b3f;--gradient-or-corail:linear-gradient(135deg,#f3d9a2,#e9a69a);--shadow-soft:0 10px 30px rgba(0,0,0,.18)}.hero-slider-wrapper{position:relative;overflow:visible;width:min(var(--hero-width), var(--hero-max-w));margin-inline:auto;min-height:var(--hero-min-h);display:flex;justify-content:center;align-items:center;background:var(--ty-nuage-pastel);border-radius:20px;padding-block:var(--hero-pad);box-sizing:border-box}.hero-slider{display:flex;width:100%;justify-content:center;align-items:center;padding-inline:clamp(12px, 2vw, 24px);box-sizing:border-box;position:relative;transition:transform .6s ease}.hero-block{flex:0 0 100%;display:none;justify-content:center;align-items:center;background-size:cover;background-position:center;padding:clamp(12px,2.5vw,24px);min-height:55vh;transition:opacity .4s ease-in-out;position:relative}.hero-block.active{display:flex}.hero-content{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 4px rgba(204,166,158,.2),var(--shadow-soft);border-radius:20px;padding:clamp(16px,3vw,32px);text-align:center;max-width:var(--hero-card-max);width:100%;box-sizing:border-box;z-index:2}.hero-content h2{font-family:var(--font-deco,'Satisfy',cursive);font-size:clamp(2rem, 6vw, 3rem);color:var(--ty-terre-argile);margin:0 0 .8em}.hero-content p{font-family:var(--font-main,"Montserrat",sans-serif);font-size:clamp(1rem, 2vw, 1.3rem);color:var(--ty-anthracite-velours);margin:0 0 1.2em}.hero-btn{display:inline-block;background:var(--gradient-or-corail);color:var(--ty-anthracite-velours);padding:.9rem 2rem;border-radius:16px;font:600 1.05rem var(--font-main,"Montserrat",sans-serif);text-decoration:none;box-shadow:0 0 6px rgba(245,216,224,.3);transition:transform .15s ease,box-shadow .15s ease}.hero-btn:hover{transform:scale(1.05);box-shadow:0 0 14px rgba(245,216,224,.6)}.hero-nav,.hero-slider-nav{position:absolute;top:50%;left:0;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;padding-inline:clamp(16px,3vw,40px);box-sizing:border-box;z-index:3}.hero-nav button,.hero-slider-nav button{pointer-events:auto;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(204,166,158,.2);font-size:clamp(1.6rem, 2.2vw, 2.2rem);color:#a76a62;border-radius:50%;padding:.4rem .8rem;cursor:pointer;transition:transform .15s ease,color .15s ease;box-shadow:0 0 12px rgba(204,166,158,.3)}.hero-nav button:hover,.hero-slider-nav button:hover{transform:scale(1.12);color:#8f5650}.hero-pause-btn{position:absolute;bottom:1.5rem;right:1.5rem;z-index:4;background:rgba(255,255,255,.5);border:1px solid rgba(204,166,158,.4);border-radius:50%;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;color:#6d4b3f;cursor:pointer;transition:transform .2s ease}.hero-pause-btn:hover{transform:scale(1.08)}.scroll-arrow{position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);width:3rem;height:3rem;border-radius:50%;background:rgba(255,255,255,.6);border:1px solid rgba(204,166,158,.3);box-shadow:0 0 8px rgba(204,166,158,.3);display:flex;align-items:center;justify-content:center;color:#caa16b;font-size:1.4rem;z-index:4;text-decoration:none;animation:tyScrollDown 2s infinite}@keyframes tyScrollDown{0%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}100%{transform:translate(-50%,0)}}.hero-4 .hero-content{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#e9e7e4}.hero-4 h2,.hero-4 p,.hero-4 .hero-btn{color:#e9e7e4}.hero-4 .hero-btn{background:linear-gradient(135deg,rgba(126,159,150,.6),rgba(115,80,79,.7));box-shadow:0 0 6px rgba(115,80,79,.3)}@media (max-width:1024px){.hero-content{max-width:760px}}@media (max-width:768px){.hero-slider-wrapper{--hero-width:96vw}.hero-content{padding:1.2rem;border-radius:16px}.hero-content p{font-size:1rem}.hero-nav button{font-size:1.6rem}}@media (max-width:48rem){.hero-slider-wrapper{min-height:60vh;padding:clamp(8px,2vw,16px)}.hero-content{background:rgba(0,0,0,.35);color:#fff}.hero-content p{display:none}.hero-btn{font-size:.95rem;padding:.6rem 1rem}.hero-nav,.hero-pause-btn,.scroll-arrow{display:none !important}}