.home-header{position:absolute;top:28px;left:0;right:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.home-header .header-pill{background:rgba(252,250,246,.92);box-shadow:0 14px 46px rgba(13,10,8,.14)}.hero-slider{height:max(720px,100svh);min-height:720px;background:#221a14;margin:0}.hero-slide{display:grid;background-image:var(--hero-image,linear-gradient(125deg,#2c1b12,#7a5136));background-size:cover;background-position:center;isolation:isolate;transform:scale(1.035);transition:opacity .8s ease,transform 7s ease}.hero-slide.active{transform:scale(1)}.hero-slide-2{background-image:var(--hero-image,radial-gradient(circle at 76% 36%,#80624a 0,#3e2f25 42%,#171310 100%))}.hero-slide-3{background-image:var(--hero-image,linear-gradient(120deg,#111b18,#315449 52%,#836c47))}.hero-slide:after{z-index:-1;background:linear-gradient(90deg,rgba(17,12,8,.88) 0,rgba(17,12,8,.52) 48%,rgba(17,12,8,.12) 78%),linear-gradient(0deg,rgba(12,9,7,.45),transparent 40%)}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.hero-content{padding-top:95px}.hero-index{font:11px 'DM Sans',sans-serif;letter-spacing:3px;color:#c5a681;margin-bottom:25px}.hero-slide h1{max-width:900px;font-size:clamp(54px,7.2vw,106px);letter-spacing:-.035em;text-wrap:balance}.hero-slide p{max-width:570px;color:#e0d7cd;font-size:clamp(15px,1.4vw,19px)}.hero-button{gap:28px;margin-top:20px;border-radius:28px;padding:14px 18px 14px 23px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);transition:background .3s,color .3s,transform .3s}.hero-button:hover{background:#f7f1e9;color:#171512;transform:translateY(-2px)}.hero-button span{font-size:16px}.hero-controls{position:absolute;z-index:5;left:50%;bottom:42px;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:end}.hero-progress{display:flex;gap:9px}.hero-progress button{display:grid;grid-template-columns:auto 82px;align-items:center;gap:9px;border:0;background:transparent;color:#afa69c;padding:5px;cursor:pointer}.hero-progress span{font-size:9px}.hero-progress i{display:block;width:82px;height:1px;background:#ffffff52;position:relative;overflow:hidden}.hero-progress i:after{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}.hero-progress button.active{color:white}.hero-progress button.active i:after{animation:heroProgress 6s linear forwards}@keyframes heroProgress{to{transform:scaleX(1)}}.hero-arrows{display:flex;gap:7px}.hero-arrows button{width:44px;height:44px;border:1px solid #ffffff5c;border-radius:50%;background:#ffffff0d;color:white;font-size:17px;cursor:pointer;transition:.25s}.hero-arrows button:hover{background:white;color:#171512}.hero-scroll{position:absolute;right:25px;top:50%;z-index:4;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:2px;font-size:8px;color:#cfc6bb}.hero-scroll span{margin-top:12px}
@media(max-width:900px){.home-header{top:28px}.hero-slider{height:max(680px,100svh);min-height:680px}.hero-content{padding-top:80px}.hero-slide h1{font-size:clamp(48px,14vw,72px)}.hero-slide p{max-width:88%}.hero-controls{bottom:25px}.hero-progress button{grid-template-columns:auto 36px}.hero-progress i{width:36px}.hero-arrows{display:none}.hero-scroll{display:none}}
@media(max-width:560px){.home-header{top:27px;padding-top:7px}.hero-content{padding-top:105px}.hero-slide h1{font-size:clamp(44px,13vw,62px)}.hero-progress{gap:3px}.hero-progress button{grid-template-columns:auto 28px;gap:5px}.hero-progress i{width:28px}}

/* Only the visible slide may receive clicks. */
.hero-slide{pointer-events:none}
.hero-slide.active{pointer-events:auto}

/* Refined headline scale */
.hero-slide h1{max-width:780px;font-size:clamp(46px,5.8vw,82px)}
@media(max-width:900px){.hero-slide h1{font-size:clamp(40px,10.5vw,60px)}}
@media(max-width:560px){.hero-slide h1{font-size:clamp(36px,10vw,48px);line-height:1.08}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:opacity .2s}.hero-progress button.active i:after{animation:none;transform:scaleX(1)}}