.story-beginning-section{position:relative;overflow:hidden;background:#f3eee6;color:#211b16;padding:clamp(105px,12vw,180px) 0}
.story-beginning-container{width:min(1280px,calc(100% - 80px));margin:0 auto}
.story-beginning-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid rgba(33,27,22,.17)}
.story-beginning-number{color:#a56e40;font-size:9px;font-weight:700;letter-spacing:.18em}
.story-beginning-label{display:flex;align-items:center;gap:14px;color:#857a70;font-size:9px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.story-beginning-line{width:34px;height:1px;background:#a56e40}
.story-beginning-intro{display:grid;grid-template-columns:1fr .6fr;gap:80px;align-items:end;margin:clamp(70px,8vw,110px) 0 95px}
.story-beginning-kicker{display:block;margin-bottom:25px;color:#a56e40;font-size:9px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.story-beginning-intro h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(55px,6.3vw,88px);font-weight:400;line-height:.9;letter-spacing:-.055em}
.story-beginning-intro h2 em{color:#a56e40;font-weight:400}
.story-beginning-intro>p{max-width:390px;margin:0 0 4px;color:#786e65;font-size:13px;line-height:1.95}
.story-beginning-story{display:grid;grid-template-columns:95px .85fr 1fr;gap:55px;align-items:start}
.story-beginning-years{display:flex;flex-direction:column;justify-content:space-between;min-height:600px;padding:5px 0}
.story-beginning-years span{color:#b2a69b;font-family:Georgia,"Times New Roman",serif;font-size:13px;writing-mode:vertical-rl;transform:rotate(180deg)}
.story-beginning-years span:first-child{color:#a56e40}
.story-beginning-image{position:relative;height:600px;overflow:hidden}
.story-beginning-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,10,7,.02),rgba(15,10,7,.38))}
.story-beginning-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.story-beginning-image:hover img{transform:scale(1.045)}
.story-beginning-image span{position:absolute;z-index:2;left:22px;bottom:20px;color:#eee5db;font-size:7px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.story-beginning-timeline{padding-top:0}
.story-beginning-event{position:relative;display:grid;grid-template-columns:75px 1fr;gap:25px;padding:0 0 48px;margin-bottom:43px;border-bottom:1px solid rgba(33,27,22,.13)}
.story-beginning-event:last-child{margin-bottom:0}
.story-beginning-event-year{color:#a56e40;font-family:Georgia,"Times New Roman",serif;font-size:13px}
.story-beginning-event h3{margin:0;color:#312a24;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:400;line-height:1.1}
.story-beginning-event p{max-width:360px;margin:13px 0 0;color:#80756b;font-size:11px;line-height:1.85}
.story-beginning-footer{display:flex;align-items:center;gap:15px;margin:70px 0 0 150px;color:#a0988e;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.story-beginning-footer i{width:45px;height:1px;background:#a56e40}
.story-beginning-footer strong{color:#a56e40;font-weight:700}
@media(max-width:1050px){
.story-beginning-container{width:min(100% - 60px,1280px)}
.story-beginning-intro{gap:50px}
.story-beginning-story{grid-template-columns:55px .9fr 1fr;gap:30px}
.story-beginning-years{min-height:540px}
.story-beginning-image{height:540px}
.story-beginning-event{grid-template-columns:60px 1fr;gap:17px}
.story-beginning-event h3{font-size:21px}
}
@media(max-width:760px){
.story-beginning-section{padding:85px 0}
.story-beginning-container{width:calc(100% - 40px)}
.story-beginning-header{padding-bottom:20px}
.story-beginning-number{font-size:8px}
.story-beginning-label{font-size:8px;letter-spacing:.15em}
.story-beginning-line{width:27px}
.story-beginning-intro{display:block;margin:55px 0 60px}
.story-beginning-kicker{font-size:8px;margin-bottom:20px}
.story-beginning-intro h2{font-size:clamp(48px,11vw,68px)}
.story-beginning-intro>p{margin-top:28px;max-width:550px;font-size:13px}
.story-beginning-story{display:flex;flex-direction:column;gap:0}
.story-beginning-years{display:flex;flex-direction:row;min-height:auto;padding:0 0 17px;width:100%;border-bottom:1px solid rgba(33,27,22,.15)}
.story-beginning-years span{writing-mode:horizontal-tb;transform:none;font-size:11px}
.story-beginning-years span:nth-child(2){margin-left:auto;margin-right:auto}
.story-beginning-image{width:84%;height:480px;margin:35px 0 50px auto}
.story-beginning-timeline{width:100%}
.story-beginning-event{grid-template-columns:60px 1fr;gap:20px;padding-bottom:28px;margin-bottom:28px}
.story-beginning-event h3{font-size:21px}
.story-beginning-event p{font-size:11px}
.story-beginning-footer{margin:50px 0 0}
}
@media(max-width:480px){
.story-beginning-section{padding:70px 0}
.story-beginning-container{width:calc(100% - 30px)}
.story-beginning-header{padding-bottom:18px}
.story-beginning-number{font-size:7px}
.story-beginning-label{font-size:7px;letter-spacing:.12em}
.story-beginning-line{width:24px}
.story-beginning-intro{margin:45px 0 50px}
.story-beginning-kicker{font-size:7px;margin-bottom:17px}
.story-beginning-intro h2{font-size:40px}
.story-beginning-intro>p{font-size:12px;line-height:1.8;margin-top:22px}
.story-beginning-years span{font-size:9px}
.story-beginning-image{width:88%;height:390px;margin:28px 0 40px auto}
.story-beginning-image span{left:15px;bottom:15px;font-size:6px}
.story-beginning-event{grid-template-columns:48px 1fr;gap:13px;padding-bottom:24px;margin-bottom:24px}
.story-beginning-event-year{font-size:10px}
.story-beginning-event h3{font-size:18px}
.story-beginning-event p{font-size:9px;line-height:1.8;margin-top:9px}
.story-beginning-footer{margin-top:40px;font-size:7px}
.story-beginning-footer i{width:30px}
}
@media(prefers-reduced-motion:reduce){
.story-beginning-image img{transition:none}
}