@import url('style_v3.03.css');
.story-header { display:flex; justify-content:space-between; align-items:center; min-height:100px; gap:24px; }
.story-header .text-link { margin:0; }
.story-intro { position:relative; isolation:isolate; padding:80px 0 70px; border-bottom:1px solid #bec7bb; }
.story-intro h1 { position:relative; z-index:1; font:500 clamp(64px,8vw,112px)/1 var(--serif); letter-spacing:-.065em; margin:28px 0; }
.story-intro h1 em,.story-section h2 em { color:#2948ce; font-weight:400; }
.story-intro p { position:relative; z-index:1; font-size:18px; line-height:1.7; }
.story-emblem { position:absolute; width:48%; height:auto; right:0; top:60px; z-index:-1; }
.story-nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.story-nav a { padding:13px 20px; border:1px solid #aebbaa; border-radius:30px; background:var(--paper); }
.story-nav a:hover { background:#e6e9dd; }
.story-section { padding:65px 0; }
.story-section-heading { margin-bottom:30px; }
.story-section h2 { font:400 clamp(42px,5vw,64px)/1.08 var(--serif); letter-spacing:-.045em; margin:18px 0 0; }
.story-video { border:1px solid #c8cebf; border-radius:18px; overflow:hidden; background:#faf8f1; }
.video-frame { aspect-ratio:16/9; background:#192826; }
.video-frame iframe { display:block; border:0; width:100%; height:100%; }
.story-video-caption { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:30px; }
.story-video-caption h3 { font:400 clamp(28px,4vw,44px)/1.1 var(--serif); margin:12px 0; }
.story-video-caption p { color:#526359; margin:0; }
.story-video-caption .text-link { flex-shrink:0; }
.written-section { border-top:1px solid #bec7bb; display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.stories-empty,.written-story { background:#e8ebdf; border:1px solid #ccd3c3; border-radius:16px; padding:32px; line-height:1.8; }
.written-story h3 { font:400 30px/1.2 var(--serif); margin:0 0 12px; }
.story-footer { border-top:1px solid #bec7bb; padding-block:35px; display:flex; justify-content:space-between; gap:25px; align-items:center; }
a:focus-visible { outline:3px solid var(--cobalt); outline-offset:5px; }
@media(max-width:760px) {
 .story-header { min-height:80px; }.story-header .text-link { font-size:12px; }
 .story-intro { padding:40px 0; }.story-intro h1 { font-size:clamp(54px,12vw,80px); }
 .story-emblem { position:relative; width:100%; max-width:440px; top:auto; display:block; margin:20px auto -15px; }
 .story-intro p { font-size:16px; }.story-nav a { font-size:13px; }
 .story-section { padding:40px 0; }.story-video-caption { display:block; padding:22px; }
 .story-video-caption .text-link { margin-top:24px; }.written-section { grid-template-columns:1fr; gap:0; }
 .story-footer { flex-direction:column; align-items:flex-start; }.story-footer .small-caps { line-height:1.8; }
}