.story-section{position:relative;background:var(--color-bg);padding:0;min-height:800vh;overflow:visible!important;padding-bottom:8rem}.story-container{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-backgrounds{position:absolute;top:0;left:0;width:100%;height:100%}.story-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(1.1);transition:opacity .8s ease}.story-bg-image:first-child{opacity:1;transform:scale(1)}.story-bg-image img{width:100%;height:100%;object-fit:cover}.story-bg-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0a0908b3,#0a090880,#0a0908cc)}.story-text-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;padding:2rem}.story-text{position:absolute;text-align:center;max-width:900px;padding:3rem;opacity:0;transform:translateY(40px);pointer-events:none}.story-text[data-index="0"]{opacity:1;transform:translateY(0)}.story-title{font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2.2rem);color:var(--color-cream);margin-bottom:2rem;letter-spacing:.1em;font-weight:400}.story-text p{font-size:clamp(1rem,2vw,1.4rem);color:var(--color-cream);line-height:2.2;text-shadow:0 2px 20px rgba(0,0,0,.8);font-weight:300;margin-bottom:1.5rem}.story-text p:last-child{margin-bottom:0}.story-text p.story-sub{font-size:clamp(.9rem,1.6vw,1.2rem);color:#f5e6c8d9;margin-top:1.5rem}.story-text .emphasis{color:var(--color-gold);font-weight:400}.story-progress{position:absolute;left:3rem;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.5rem}.story-progress-bar{width:2px;height:250px;background:#c9a95933;border-radius:1px;position:relative;overflow:hidden}.story-progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:0%;background:var(--color-gold);transition:height .3s ease}.story-progress-chapters{display:flex;flex-direction:column;gap:.3rem;margin-top:1rem}.story-progress-chapters span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.7rem;color:#c9a95966;border:1px solid rgba(201,169,89,.2);border-radius:50%;transition:all .3s ease;cursor:pointer}.story-progress-chapters span.active{color:var(--color-gold);border-color:var(--color-gold);background:#c9a9591a;transform:scale(1.1)}.story-progress-chapters span:hover{color:var(--color-gold);border-color:var(--color-gold)}.year-badge{position:absolute;right:3rem;top:50%;transform:translateY(-50%);z-index:15;opacity:0;text-align:right}.year-badge span{display:block;font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);color:transparent;-webkit-text-stroke:1px rgba(201,169,89,.3);letter-spacing:.1em;line-height:1}.year-badge small{display:block;font-size:.8rem;color:var(--color-text-muted);letter-spacing:.3em;margin-top:.5rem;text-transform:uppercase}.story-brand-message{position:absolute;bottom:8%;left:50%;transform:translate(-50%);text-align:center;z-index:30;opacity:0}.story-brand-message h3{font-size:clamp(1rem,2vw,1.3rem);color:var(--color-gold);letter-spacing:.2em;margin-bottom:.5rem;font-family:var(--font-display)}.story-brand-message p{font-size:.9rem;color:var(--color-text-muted)}.story-text.fade-in{opacity:1;transform:translateY(0)}.story-text.fade-out{opacity:0;transform:translateY(-30px)}.story-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 80%,rgba(139,38,53,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(201,169,89,.05) 0%,transparent 50%);pointer-events:none;z-index:5}@media(max-width:1024px){.story-section{min-height:700vh}.story-progress{left:1.5rem}.year-badge{right:1.5rem}.year-badge span{font-size:clamp(2rem,6vw,4rem)}}@media(max-width:768px){.story-section{min-height:600vh}.story-text{padding:2rem 1rem;max-width:100%}.story-progress{left:1rem;top:auto;bottom:2rem;transform:none;flex-direction:row;width:calc(100% - 2rem);justify-content:center}.story-progress-bar{display:none}.story-progress-chapters{flex-direction:row;gap:.5rem;margin-top:0}.story-progress-chapters span{width:28px;height:28px;font-size:.65rem}.year-badge{right:auto;left:50%;top:5%;transform:translate(-50%);text-align:center}.story-title{font-size:1.3rem;margin-bottom:1.5rem}.story-text p{font-size:1rem;line-height:2}.story-text p.story-sub{font-size:.9rem}}@media(max-width:480px){.story-progress-chapters span{width:24px;height:24px;font-size:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-story.css.map */