.story-hero-section{position:relative;min-height:100svh;overflow:hidden;background:#17120f;color:#f2ebe2}
.story-hero-image{position:absolute;inset:0}
.story-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72);transform:scale(1.03);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.story-hero-section:hover .story-hero-image img{transform:scale(1)}
.story-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,11,8,.84) 0%,rgba(15,11,8,.57) 42%,rgba(15,11,8,.18) 100%),linear-gradient(0deg,rgba(12,8,6,.9) 0%,rgba(12,8,6,.12) 55%,rgba(12,8,6,.35) 100%)}
.story-hero-container{position:relative;z-index:2;width:min(1280px,calc(100% - 80px));min-height:100svh;margin:0 auto;display:flex;flex-direction:column}
.story-hero-top{display:flex;align-items:center;justify-content:space-between;padding-top:135px}
.story-hero-number{color:#8a7e73;font-size:9px;font-weight:700;letter-spacing:.18em}
.story-hero-label{display:flex;align-items:center;gap:14px;color:#c58b57;font-size:10px;font-weight:700;letter-spacing:.21em;text-transform:uppercase}
.story-hero-line{width:34px;height:1px;background:#c58b57}
.story-hero-content{margin-top:auto;padding:0 0 105px}
.story-hero-kicker{display:block;margin-bottom:25px;color:#c5b8aa;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.story-hero-content h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(70px,9vw,125px);font-weight:400;line-height:.82;letter-spacing:-.065em}
.story-hero-content h1 em{color:#c58b57;font-weight:400}
.story-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:38px}
.story-hero-bottom p{max-width:500px;margin:0;color:#b0a49a;font-size:13px;line-height:1.9}
.story-hero-year{padding-bottom:3px;color:#c58b57;font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.15em;white-space:nowrap}
.story-hero-scroll{position:absolute;z-index:3;right:40px;bottom:45px;display:flex;align-items:center;gap:12px;color:#9b9086;font-size:7px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;writing-mode:vertical-rl}
.story-hero-scroll i{display:block;width:1px;height:48px;background:linear-gradient(to bottom,#c58b57,transparent)}
@media(max-width:1050px){
.story-hero-container{width:min(100% - 60px,1280px)}
.story-hero-top{padding-top:115px}
.story-hero-content{padding-bottom:85px}
.story-hero-content h1{font-size:clamp(65px,10vw,105px)}
.story-hero-scroll{right:25px}
}
@media(max-width:760px){
.story-hero-section{min-height:100svh}
.story-hero-container{width:calc(100% - 40px)}
.story-hero-top{padding-top:100px}
.story-hero-label{font-size:8px;letter-spacing:.16em}
.story-hero-line{width:27px}
.story-hero-number{font-size:8px}
.story-hero-overlay{background:linear-gradient(90deg,rgba(15,11,8,.84) 0%,rgba(15,11,8,.48) 100%),linear-gradient(0deg,rgba(12,8,6,.94) 0%,rgba(12,8,6,.12) 60%,rgba(12,8,6,.4) 100%)}
.story-hero-content{padding-bottom:75px}
.story-hero-kicker{font-size:8px;letter-spacing:.16em;margin-bottom:20px}
.story-hero-content h1{font-size:clamp(54px,14vw,82px);line-height:.87}
.story-hero-bottom{display:block;margin-top:28px}
.story-hero-bottom p{max-width:500px;font-size:12px;line-height:1.85}
.story-hero-year{display:block;margin-top:22px;font-size:11px}
.story-hero-scroll{right:17px;bottom:35px;font-size:6px}
.story-hero-scroll i{height:38px}
}
@media(max-width:480px){
.story-hero-container{width:calc(100% - 30px)}
.story-hero-top{padding-top:85px}
.story-hero-label{font-size:7px;letter-spacing:.13em}
.story-hero-line{width:24px}
.story-hero-number{font-size:7px}
.story-hero-content{padding-bottom:55px}
.story-hero-kicker{font-size:7px;margin-bottom:17px}
.story-hero-content h1{font-size:43px;line-height:.91}
.story-hero-bottom{margin-top:23px}
.story-hero-bottom p{font-size:11px;line-height:1.8}
.story-hero-year{font-size:10px;margin-top:19px}
.story-hero-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){
.story-hero-image img{transition:none}
}