.field-videos[hidden], .field-videos [hidden] { display: none !important; }
.field-videos { box-sizing:border-box; width:min(1180px,calc(100% - 48px)); margin:0 auto 36px; padding:clamp(24px,4vw,44px); border-radius:22px; background:linear-gradient(135deg,#12313a,#183c46); color:#f7f1e6; scroll-margin-top:110px; }
.field-videos__intro { max-width:850px; margin-bottom:28px; }
.field-videos .field-videos__eyebrow { color:#ffad4f; font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin:0 0 12px; }
.field-videos h2 { color:#f7f1e6; font-family:"Iowan Old Style",Palatino,Georgia,serif; font-size:clamp(30px,3.3vw,44px); line-height:1.15; letter-spacing:-.02em; margin:0 0 16px; }
.field-videos__intro > p:last-child { font-size:20px; line-height:1.6; color:#e1e5df; margin:0; }
.field-videos__layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr); gap:28px; align-items:start; }
.field-videos__feature { min-width:0; }
.field-videos__stage { position:relative; aspect-ratio:3/2; background:#081b20; border-radius:12px; overflow:hidden; box-shadow:0 10px 24px #0004,0 2px 6px #0003; }
.field-videos__stage video, .field-videos__stage iframe, .field-videos__play, .field-videos__play img { width:100%; height:100%; display:block; object-fit:contain; }
.field-videos__stage iframe { border:0; }
.field-videos__play { position:absolute; inset:0; border:0; padding:0; cursor:pointer; background:#081b20; }
.field-videos__play-circle { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; box-sizing:border-box; padding-left:5px; width:86px; height:86px; border-radius:50%; background:#fff; color:#12313a; font-size:32px; box-shadow:0 5px 28px #0005; transition:transform .2s; }
.field-videos__play:hover .field-videos__play-circle { transform:translate(-50%,-50%) scale(1.06); }
.field-videos__caption { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:6px 12px; padding:12px 0 0; }
.field-videos .field-videos__caption h3 { flex:1 1 230px; color:#f7f1e6; font-family:inherit; font-weight:700; font-size:20px; line-height:1.35; margin:0; }
.field-videos__playlist { display:grid; gap:0; }
.field-videos__clip { width:100%; box-sizing:border-box; display:grid; grid-template-columns:82px minmax(0,1fr); align-items:center; gap:14px; text-align:left; padding:12px; border:0; border-bottom:1px solid #f7f1e622; border-left:3px solid transparent; border-radius:0; color:#f7f1e6; background:transparent; font:inherit; cursor:pointer; }
.field-videos__clip:first-child { border-radius:9px 9px 0 0; }
.field-videos__clip:last-child { border-radius:0 0 9px 9px; }
.field-videos__clip[aria-current="true"] { border-left-color:#ff8a1d; background:#ffffff10; }
.field-videos__clip:hover { background:#ffffff16; }
.field-videos__clip img { display:block; width:82px; aspect-ratio:3/2; object-fit:contain; background:#081b20; border-radius:5px; }
.field-videos__clip strong { display:block; font-size:17px; line-height:1.3; font-weight:700; }
.field-videos__clip small { display:block; font-size:14px; line-height:1.4; color:#a0dae1; margin-top:5px; }
.field-videos button:focus-visible { outline:3px solid #a0ecf5; outline-offset:3px; }
.field-videos__error { font-size:16px; }
.field-videos__speeds { display:inline-flex; align-items:center; gap:2px; padding:3px; border:1px solid #a6e6eb40; border-radius:8px; margin-left:auto; }
.field-videos__speed-label { padding:0 6px; font-size:10px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:#a7d3d8; }
.field-videos__speeds button { width:auto; min-width:36px; min-height:30px; margin:0; border:0; border-radius:5px; padding:5px 6px; color:#f7f1e6; background:transparent; font-family:inherit; font-size:12px; font-weight:600; line-height:1.2; box-shadow:none; cursor:pointer; }
.field-videos__speeds button:hover { background:#a6e6eb20; }
.field-videos__speeds button[aria-pressed="true"] { color:#12313a; background:#a6e6eb; }
.field-videos__speeds button:focus:not(:focus-visible) { outline:none; }
.field-videos__speeds button:focus-visible { outline-width:2px; outline-offset:1px; }
@media(max-width:760px) { .field-videos { width:calc(100% - 32px); padding:24px 18px; } .field-videos__layout { grid-template-columns:1fr; gap:24px; } .field-videos__intro > p:last-child { font-size:18px; } .field-videos__clip { grid-template-columns:90px minmax(0,1fr); } .field-videos__clip img { width:90px; } }
@media(prefers-reduced-motion:reduce) { .field-videos__play-circle { transition:none; } }

/* The archive is an optional detour within the story. */
.field-archive-link[hidden] { display:none!important; }
.field-archive-link { display:inline; padding:0; border:0; border-radius:0; background:none; color:inherit; font:inherit; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.field-archive-link:focus-visible { outline:3px solid #bb7137; outline-offset:4px; }
body.field-archive-open { overflow:hidden; }
dialog.field-videos { position:fixed; inset:0; margin:auto; border:0; max-height:calc(100dvh - 48px); overflow:auto; overscroll-behavior:contain; box-shadow:0 24px 80px #0006; }
dialog.field-videos:not([open]) { display:none; }
dialog.field-videos::backdrop { background:rgba(8,27,32,.72); }
.field-videos__close { display:flex; align-items:center; gap:10px; margin:0 0 18px auto; padding:8px 12px; border:1px solid #f7f1e666; border-radius:6px; background:transparent; color:#f7f1e6; font:inherit; cursor:pointer; }
.field-videos__close span { font-size:26px; line-height:1; }
@media(max-width:760px) { dialog.field-videos { width:calc(100% - 24px); max-height:calc(100dvh - 24px); padding:20px; } }