.story-page{background:#f8f4ed;color:#29231d;font-family:Ubuntu,Arial,sans-serif}
.story-hero{position:relative;isolation:isolate;min-height:480px;display:flex;align-items:flex-end;padding:180px 24px 72px;background:#211713 center/cover no-repeat;color:#fff}
.story-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,13,10,.88),rgba(22,13,10,.48) 70%),linear-gradient(0deg,rgba(22,13,10,.45),transparent 60%)}
.story-hero__inner{width:min(1100px,100%);margin:auto}
.story-eyebrow{display:block;margin-bottom:16px;color:#f0bd75;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.story-hero h1{max-width:900px;margin:0;color:#fff;font-family:Bitter,Georgia,serif;font-size:clamp(34px,5vw,64px);font-weight:400;line-height:1.15;text-transform:none;overflow-wrap:break-word}
.story-hero__intro{max-width:700px;margin:22px 0 0;color:#f4ece2;font-size:18px;line-height:1.7}
.story-body{width:min(1100px,calc(100% - 36px));margin:0 auto;padding:64px 0 82px}
.story-section{padding:42px 0;border-bottom:1px solid #dfd4c4}
.story-section:first-child{padding-top:0}
.story-section:last-child{border:0;padding-bottom:0}
.story-section h2{max-width:850px;margin:0 0 24px;color:#71372d;font-family:Bitter,Georgia,serif;font-size:clamp(27px,3.1vw,39px);font-weight:400;line-height:1.25}
.story-section h3{margin:30px 0 10px;color:#3f2a23;font-family:Bitter,Georgia,serif;font-size:21px;font-weight:400;line-height:1.35}
.story-section h4{margin:0 0 12px;color:#9d4b32;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.story-section p,.story-section li{max-width:860px;color:#423a33;font-size:16px;line-height:1.8}
.story-section p+p{margin-top:18px}
.story-section ul{margin:15px 0 22px;padding-left:23px;list-style:disc}
.story-section li{padding-left:4px;margin:5px 0}
.story-section a:not(.story-button){color:#a9412c;text-decoration:underline;text-underline-offset:3px}
.story-section a:not(.story-button):hover{color:#6a291f}
.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 0}
.story-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border-radius:3px;background:#a43a27;color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,transform .2s}
.story-button:hover{background:#742c20;color:#fff!important;transform:translateY(-2px)}
.story-button--light{background:#f4e6cf;color:#693126!important}
.story-button--light:hover{background:#e8d2af;color:#693126!important}
.story-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:22px}
.story-card{padding:24px;border:1px solid #e6d9c6;border-radius:8px;background:#fff;box-shadow:0 9px 28px rgba(55,35,20,.05)}
.story-card h3{margin-top:0}
.story-card p{font-size:15px}
.story-section--accent{margin:40px 0 0;padding:40px;border:0;border-radius:10px;background:#efe1cd}
.story-section--accent:last-child{padding-bottom:40px}
.footer-page-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 25px;padding:0 15px 30px;text-align:center}
.footer-page-links a{color:#fff;font-size:14px;line-height:1.5}
.footer-page-links a:hover{color:#f0bd75}
@media(max-width:767px){.story-hero{min-height:390px;padding:130px 20px 50px}.story-hero__intro{font-size:16px}.story-body{padding:35px 0 55px}.story-section{padding:32px 0}.story-section h3{font-size:19px}.story-section--accent{margin-top:25px;padding:27px}.story-section--accent:last-child{padding-bottom:27px}}
