*,
*::before,
*::after{box-sizing:border-box}
.story-builder{background:#f7f5f0;color:#171615;font-family:"DM Sans",sans-serif;overflow-x:hidden}
.story-builder img{max-width:100%}
.story-builder a{color:inherit}
.story-hero{position:relative;width:100%;height:720px;margin:0;padding:0;overflow:hidden}
.story-hero-image{position:absolute;inset:0;width:100%;height:100%}
.story-hero-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.story-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.1) 100%)}
.story-hero-content{position:absolute;z-index:5;left:50%;bottom:55px;transform:translateX(-50%);width:min(1180px,90%);color:#fff}
.story-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:9px;line-height:1;letter-spacing:2.3px;color:#fff;text-transform:uppercase}
.story-eyebrow::before{content:"";width:30px;height:1px;background:#fff}
.story-hero h1{width:100%;max-width:980px;margin:0;padding:0;font-family:"Playfair Display",serif;font-size:62px;line-height:1.04;font-weight:500;color:#fff}
.story-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;width:100%;max-width:920px;margin-top:18px}
.story-hero-description{max-width:610px;font-family:"Playfair Display",serif;font-size:16px;line-height:1.45;color:#f1eee8}
.story-opening{width:min(760px,90%);margin:0 auto 34px;padding-top:70px;font-family:"Playfair Display",serif;font-size:27px;line-height:1.45;color:#22201d}
.story-builder>.story-text,.story-builder>.story-image,.story-builder>.story-quote,.story-builder>.support-panel{width:min(760px,90%);margin-left:auto;margin-right:auto}
.story-text{font-size:17px;line-height:1.85;color:#44413d;text-align:justify}
.story-text p{margin:0 0 24px}
.story-section-title{margin:44px 0 18px;font-family:"Playfair Display",serif;font-size:28px;line-height:1.25;font-weight:500;color:#22201d;text-align:left}
.story-image{margin-top:48px;margin-bottom:48px}
.story-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;filter:saturate(.9)}
.story-image figcaption{margin-top:8px;font-size:11px;line-height:1.5;color:#89847d;font-weight:600}
.story-quote{margin-top:48px;margin-bottom:48px;padding:30px 0;border-top:1px solid #d9d5ce;border-bottom:1px solid #d9d5ce}
.story-quote p{margin:0;font-family:"Playfair Display",serif;font-size:30px;line-height:1.35;color:#22201d;text-align:left}
.support-panel{margin-top:36px;margin-bottom:36px;padding:24px 0;border-top:1px solid #d9d5ce;border-bottom:1px solid #d9d5ce}
.support-panel h3{margin:0 0 12px;font-size:12px;line-height:1;letter-spacing:1.8px;text-transform:uppercase;color:#77716a}
.support-panel p{margin:0 0 14px}
.story-videos{width:min(900px,calc(100vw - 40px));margin:80px auto 0;padding-top:48px;border-top:1px solid #d9d5ce}
.videos-label,.news-label{margin:0 0 8px;font-size:8px;line-height:1;letter-spacing:2.2px;text-transform:uppercase;color:#88837c}
.videos-title,.news-title{margin:0 0 10px;font-family:"Playfair Display",serif;font-size:35px;line-height:1.15;font-weight:500;color:#22201d}
.videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.video-card{min-width:0;background:transparent;border:0}
.video-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:8px}
.video-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#171615;box-shadow:0 5px 18px rgba(0,0,0,.2);font-size:19px}
.video-content{position:relative;padding:12px 38px 0 0}
.video-card h3{margin:0;font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.35;font-weight:600;color:#22201d}
.video-card p{margin:5px 0 0;font-size:12px;line-height:1.45;color:#77716a}
.video-watch{position:absolute;top:10px;right:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#22201d;text-decoration:none;font-size:0}
.video-watch::before{content:"⋮";font-size:23px;line-height:1}
.story-news{width:min(900px,calc(100vw - 40px));margin:42px auto 0;padding:26px 0 34px;border-top:1px solid #d9d5ce}
.news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}
.news-title{font-size:27px;line-height:1.05}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.news-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 23px;align-items:center;gap:9px;min-height:78px;padding:9px 10px 9px 11px;background:rgba(255,255,255,.28);border:1px solid #dfdbd3;border-radius:8px;color:#22201d;text-decoration:none;overflow:hidden;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
.news-card::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;background:#22201d;border-radius:2px}
.news-card:hover{transform:translateY(-2px);background:#fff;border-color:#d1ccc3;box-shadow:0 9px 22px rgba(30,27,23,.065)}
.news-logo{width:34px;height:34px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d8d3ca;border-radius:8px;background:#fff}
.news-logo img{width:24px;height:24px;display:block;object-fit:contain}
.news-logo-fallback{font-size:8px;line-height:1;font-weight:700;color:#292622}
.news-main{min-width:0}
.news-meta{display:flex;align-items:center;gap:5px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8.2px;line-height:1;letter-spacing:.9px;text-transform:uppercase;color:#999187}
.news-source{font-weight:700;color:#4b4741}
.news-card h3{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:"DM Sans",sans-serif;font-size:13px;line-height:1.2;font-weight:600;color:#24211e;text-align:left}
.news-arrow{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border:1px solid #d6d1c8;border-radius:50%;font-size:10px;color:#2a2825}
@media screen and (max-width:900px){
.story-hero{height:620px}.story-hero-content{width:calc(100% - 50px);bottom:42px}.story-hero h1{font-size:44px}.story-hero-bottom{display:block;margin-top:15px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:767px){
.story-hero{height:560px}.story-hero-content{left:15px;right:15px;bottom:28px;width:auto;transform:none}.story-eyebrow{gap:8px;margin-bottom:11px;font-size:10px;letter-spacing:1.5px}.story-eyebrow::before{width:21px}.story-hero h1{font-size:32px;line-height:1.08}.story-hero-bottom{display:block;width:100%;margin-top:11px}.story-hero-description{max-width:330px;font-size:14px;line-height:1.4}.story-opening{width:calc(100% - 30px);padding-top:40px;font-size:21px;line-height:1.35}.story-builder>.story-text,.story-builder>.story-image,.story-builder>.story-quote,.story-builder>.support-panel{width:calc(100% - 30px)}.story-text{font-size:15px;line-height:1.78}.story-section-title{margin:34px 0 14px;font-size:23px}.story-image{margin-top:32px;margin-bottom:32px}.story-image figcaption{font-size:12px}.story-quote{margin-top:35px;margin-bottom:35px;padding:22px 0}.story-quote p{font-size:21px}.story-videos{width:calc(100vw - 30px);margin-top:50px;padding-top:30px}.videos-grid{grid-template-columns:1fr;gap:22px}.videos-title{font-size:25px}.video-card h3{font-size:16px}.story-news{width:calc(100vw - 30px);margin-top:36px;padding:23px 0 30px}.news-head{display:block;margin-bottom:14px}.news-title{font-size:24px}.news-grid{grid-template-columns:1fr;gap:7px}.news-card{min-height:68px;padding:9px 9px 9px 10px;grid-template-columns:32px minmax(0,1fr) 22px;gap:8px}.news-logo{width:32px;height:32px}.news-card h3{font-size:13.5px}.news-meta{font-size:6px}.news-arrow{width:22px;height:22px}
}
@media screen and (max-width:480px){.story-hero{height:545px}.story-hero h1{font-size:29px}.story-hero-description{max-width:300px;font-size:13px}}
@media screen and (max-width:380px){.story-hero{height:525px}.story-hero h1{font-size:26px}.story-hero-description{font-size:12px}.story-opening{width:calc(100% - 26px)}.story-builder>.story-text,.story-builder>.story-image,.story-builder>.story-quote,.story-builder>.support-panel{width:calc(100% - 26px)}.story-text{font-size:14.5px}}