/* Frontier's shared cover/card/reading patterns, in Defense's own palette. */
.site-header{top:0}
.wordmark .wordmark-name>span,.wordmark .wordmark-name>small{animation:none;opacity:1;clip-path:none;transform:none}
html{scroll-padding-top:calc(var(--site-header-height,160px) + 20px)}
.reading-panel{top:calc(var(--site-header-height,160px) + 20px)!important;max-height:calc(100vh - var(--site-header-height,160px) - 40px)}
.story-motion{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.story-motion>img{display:block;width:100%;height:100%;object-fit:cover}
.story-motion video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.story-motion.is-playing video{opacity:1}
.story-motion iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none}
.story-motion.is-playing iframe{opacity:1}
.story-motion-label{position:absolute;bottom:12px;left:12px;background:#10261fe8;color:#f4f2e9;padding:7px 10px;font:600 10px/1.4 var(--sans);letter-spacing:.04em;pointer-events:none}
@media(hover:none){.story-motion-label{display:none}}
.edition-strip{display:flex;justify-content:space-between;gap:20px;padding-top:26px;font:500 10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.lead-section .lead-grid{gap:0;align-items:stretch;border:1px solid var(--rule);margin-top:18px}
.lead-section .lead-photo{margin:0;min-width:0;display:flex}
.lead-section .lead-photo .photo-wrap{width:100%;height:100%;min-height:460px;aspect-ratio:auto}
.lead-section .lead-photo img{object-fit:cover;filter:none}
.lead-section .lead-side{background:#19372e;color:#f5f4eb;display:flex;align-items:center;padding:42px}
.lead-section .lead-copy h1{font:500 clamp(32px,3.6vw,52px)/1.12 var(--serif);letter-spacing:-.035em;margin:22px 0}
.lead-section .lead-copy .category{display:inline-flex;padding:8px 12px;background:#e7d6a9;color:#253b31;font:700 11px/1.4 var(--sans);letter-spacing:.09em}
.lead-section .lead-deck{color:#e1e8df;font:400 17px/1.7 var(--sans)}
.lead-section .lead-copy .story-meta{color:#c4d1c8}
.lead-copy .text-link,.desk-jump,.start-reading{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:46px;padding:13px 20px;background:var(--mark-fill);color:var(--on-mark);border:1px solid var(--mark-fill);font:700 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}
.lead-copy .text-link,.desk-jump{background:#c9a35a;color:#1c1505;border-color:#d9b877}
.lead-copy .text-link:hover,.desk-jump:hover{background:#e2c589;color:#1c1505}
.edition-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.edition-cards .teaser{display:flex;flex-direction:column;min-width:0;border:1px solid var(--rule);padding:20px;background:var(--paper);border-radius:2px}
.edition-cards .teaser-photo{display:block;width:100%;aspect-ratio:16/10;margin:0 0 20px;overflow:hidden;background:var(--field)}
.edition-cards .teaser-photo img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .25s ease}
.edition-cards .teaser-photo:hover img{transform:scale(1.025)}
.edition-cards .category{font:700 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--mark)}
.edition-cards h2,.edition-cards h3{font:500 clamp(23px,2vw,29px)/1.2 var(--serif);letter-spacing:-.02em;margin:12px 0}
.edition-cards .teaser>p{font:400 15px/1.7 var(--sans);color:var(--soft);margin:0 0 24px}
.edition-cards .story-meta{margin-top:auto;padding-top:16px;font-size:10px;gap:10px;flex-wrap:wrap}
.card-read{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--rule);padding:12px 14px;margin-top:18px;min-height:44px;font:700 10px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--wash)}
.card-read:hover{background:var(--mark-fill);border-color:var(--mark-fill);color:var(--on-mark)}
.section-description{max-width:72ch;font:400 15px/1.65 var(--sans);color:var(--soft);margin:-4px 0 28px}
.section-heading a{display:inline-flex;align-items:center;min-height:44px;font:700 11px/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.desk-banner{margin-top:36px}
.desk-banner .desk-header{grid-template-columns:1fr 1fr;gap:48px;padding:36px 0}
.desk-banner .desk-cover-copy{padding:0}
.desk-banner h1{font:500 clamp(40px,5vw,64px)/1.1 var(--serif)}
.desk-banner .desk-cover{margin:0;align-self:center}
.desk-banner .desk-cover>a{box-shadow:none}
.desk-banner .desk-cover>a:before,.desk-banner .desk-cover>a:after{display:none}
.desk-banner .desk-cover img{aspect-ratio:16/10;object-fit:cover;max-height:400px}
.desk-jump{margin-top:24px}
.desk-toolbar{align-items:flex-start;flex-wrap:wrap;gap:20px}
.desk-toolbar nav{flex-wrap:wrap;overflow:visible}
.desk-toolbar button{border-radius:2px}
.desk-toolbar button span{font-size:11px;opacity:.75;margin-left:7px}
.desk-sort{display:flex;align-items:center;gap:10px;font:500 12px/1.5 var(--sans);color:var(--soft)}
.desk-sort select{background:var(--paper);color:var(--ink);border:1px solid var(--rule);padding:12px;min-height:44px;border-radius:2px;font:inherit}
.filter-status{font:500 12px/1.5 var(--sans);color:var(--soft);margin:20px 0}
.desk-stories.edition-cards{display:grid;padding:0 0 64px;gap:24px}
[data-story-type][hidden]{display:none!important}
.breadcrumb{display:flex;gap:12px;align-items:center;margin-top:26px;font:500 12px/1.5 var(--sans);color:var(--soft)}
.breadcrumb a{min-height:32px;display:flex;align-items:center}
.article-cover{display:block;width:calc(100% - 64px);max-width:1200px;margin:16px auto 48px;padding:0;border:0}
.article-cover .article-header{max-width:1000px;margin:0 auto;padding:30px 0}
.article-cover .article-header h1{font:500 clamp(34px,4.6vw,62px)/1.12 var(--serif);letter-spacing:-.035em}
.article-cover .article-deck{max-width:850px;font:400 20px/1.65 var(--sans)}
.article-cover .article-hero{max-width:1000px;margin:0 auto}
.article-cover .article-hero img{aspect-ratio:16/9;max-height:560px;object-fit:contain;background:var(--field)}
.start-reading{margin:22px 0 4px}
.article-layout{grid-template-columns:240px minmax(0,720px);gap:50px;max-width:1010px;justify-content:center}
.article-layout>.article-body{grid-column:2;grid-row:1}
.reading-panel{grid-column:1;grid-row:1;background:#19372e;color:#e9eee5;padding:24px;border:0;border-top:3px solid #c9a35a}
.reading-panel .article-toc a{color:#d5dfd6;white-space:normal}
.reading-panel .reading-label{color:#dec68f}
.reading-panel .panel-related{border-color:#496258}
.reading-panel a:hover{color:#e7c887}
.article-body .share-title{font:700 16px/1.4 var(--sans);margin-top:30px}
.article-actions{display:flex;flex-wrap:wrap;gap:10px}
.article-actions a,.article-actions button{display:inline-flex;align-items:center;min-height:44px;padding:12px 14px;background:var(--wash);color:var(--ink);border:1px solid var(--rule);border-radius:2px;font:600 12px/1.4 var(--sans);text-decoration:none;cursor:pointer}
.article-actions a:hover,.article-actions button:hover{border-color:var(--mark);background:var(--paper)}
.article-actions [hidden]{display:none}
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--mark);outline-offset:4px}
@media(max-width:1000px){.edition-cards,.desk-stories.edition-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-section .lead-side{padding:28px}.article-layout{gap:30px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:760px){
 .edition-strip{padding-top:18px;font-size:9px}.edition-strip span:last-child{display:none}
 .lead-section .lead-grid{grid-template-columns:1fr}.lead-section .lead-photo .photo-wrap{min-height:0;aspect-ratio:16/10}
 .lead-section .lead-side{padding:26px}.lead-section .lead-copy h1{font-size:34px}
 .edition-cards,.desk-stories.edition-cards{grid-template-columns:1fr;gap:20px}.edition-cards .teaser{padding:18px}.edition-cards h2,.edition-cards h3{font-size:27px}
 .desk-banner .desk-header{grid-template-columns:1fr;gap:26px;padding:28px 0}.desk-banner .desk-cover img{max-height:none}
 .desk-toolbar{display:flex;flex-direction:column}.desk-toolbar nav{gap:8px}.desk-toolbar button{font-size:12px;padding:10px 12px}
 .article-cover{width:calc(100% - 36px);margin-top:0}.article-cover .article-header{padding:22px 0}.article-cover .article-header h1{font-size:36px}.article-cover .article-deck{font-size:18px}
 .article-layout{display:flex;flex-direction:column;gap:26px}.reading-panel{position:static;width:100%;max-height:none;padding:20px}.reading-panel .article-toc{display:block;overflow:visible;white-space:normal}.reading-panel .article-toc .reading-label,.reading-panel .article-toc h2{display:block}.reading-panel .article-toc a{white-space:normal;display:grid;min-height:44px}.article-layout>.article-body{width:100%}
}
@media(prefers-reduced-motion:reduce){.edition-cards .teaser-photo img{transition:none}.edition-cards .teaser-photo:hover img{transform:none}}
@media print{.reading-panel,.start-reading,.article-actions,.share-title{display:none}.article-layout{display:block}.article-cover{width:100%}}

/* Keep the route mark within the height of the two-line name and divider. */
header .wordmark .monogram{width:1.8em!important;height:1.8em!important;max-height:100%;object-fit:contain;align-self:center;flex:0 0 auto}
header .wordmark .wordmark-name{line-height:1.05}
.identity-traveler svg.monogram{overflow:hidden}
.evidence-player{position:relative;aspect-ratio:16/9;background:#0e1c19;width:100%;overflow:hidden}
.evidence-player iframe,.evidence-player video{display:block;width:100%;height:100%;border:0;aspect-ratio:16/9}
.article-body .video-evidence{margin:36px 0;clear:both}
.article-body .video-evidence>h2{font:700 12px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--mark);margin:0 0 14px}
.video-evidence .article-embed{margin:0}
.video-evidence figcaption{font:400 12px/1.7 var(--sans);color:var(--soft);padding:16px 0;border-bottom:1px solid var(--rule)}
.video-evidence figcaption strong{display:block;font-size:14px;color:var(--ink)}
.article-body .video-evidence figcaption p{font:400 13px/1.7 var(--sans);margin:8px 0 12px}
.watch-page{max-width:1040px;padding-bottom:60px}
.watch-page header{padding:24px 0}
.watch-page h1{font:500 clamp(30px,4vw,48px)/1.15 var(--serif);margin:14px 0 0;max-width:28ch}
.watch-page .watch-description{font:400 19px/1.7 var(--sans);max-width:75ch;margin:26px 0 18px}
.watch-source{font:400 12px/1.7 var(--sans);color:var(--soft)}
.watch-analysis{margin-top:32px;padding-top:24px;border-top:1px solid var(--rule)}
.watch-analysis h2{font:600 24px/1.3 var(--serif)}
.watch-analysis li{margin:14px 0;line-height:1.6}
.video-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:64px}
.video-catalog-card{border:1px solid var(--rule);padding:20px;min-width:0}
.video-catalog-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.video-catalog-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:18px}
.video-catalog-card h2{font:500 25px/1.25 var(--serif);margin:14px 0}
.video-catalog-card p{font:400 14px/1.7 var(--sans);color:var(--soft);margin:0 0 20px}
.video-catalog-card .card-read{margin-top:auto}
.video-catalog-card .story-motion{height:auto;aspect-ratio:16/9;margin-bottom:18px}
.video-catalog-card .story-motion>img{height:100%;margin:0;object-fit:cover}
.desk-banner .desk-cover .story-motion{height:auto;aspect-ratio:16/10}
@media(max-width:1000px){.video-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.video-catalog{grid-template-columns:1fr}.watch-page .watch-description{font-size:17px}}

/* Individual article covers follow the Frontier example: copy left, raised media right. */
.article-banner{background:#19372e;color:#f5f4eb;margin-top:36px}
.article-banner .article-cover{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:start;width:calc(100% - 96px);max-width:1280px;padding:64px 0 68px;margin:0 auto;border:0}
.article-banner .article-header{grid-column:1;grid-row:1;max-width:none;margin:0;padding:0}
.article-banner .article-header h1{font:750 clamp(34px,3.65vw,52px)/1.1 var(--sans);letter-spacing:-.025em;margin:20px 0 24px}
.article-banner .article-deck{color:#e1e8df;font:400 20px/1.6 var(--serif);opacity:1;max-width:62ch}
.article-banner .category,.article-banner .category a{color:#e4c57f}
.article-banner .article-byline{color:#c9d6cd;border-color:#4a675a;line-height:1.6}
.article-banner .article-companies{color:#e1e8df}
.article-banner .article-companies a{border-color:#759684}
.article-banner .disclosure,.article-banner .series-line{color:#e1e8df}
.article-banner .article-hero{grid-column:2;grid-row:1;width:100%;max-width:none;margin:-98px 0 0;position:relative;min-width:0}
.article-banner .article-hero img{width:100%;height:auto;aspect-ratio:16/9;max-height:none;object-fit:cover;border:0;border-radius:4px;filter:none}
.article-banner .article-media-link{display:block;position:relative;border-radius:4px;box-shadow:0 20px 44px #0004;overflow:hidden}
.article-banner .article-media-link:before,.article-banner .article-media-link:after{content:'';position:absolute;width:24px;height:24px;border:2px solid #d4b577;z-index:2;pointer-events:none}
.article-banner .article-media-link:before{top:12px;left:12px;border-right:0;border-bottom:0}
.article-banner .article-media-link:after{bottom:12px;right:12px;border-left:0;border-top:0}
.article-banner .article-hero .story-motion{height:auto;aspect-ratio:16/9}
.article-banner .article-hero .story-motion>img{height:100%;margin:0;object-fit:contain}
.article-banner .article-hero .story-motion video{object-fit:contain}
.article-banner .article-hero figcaption{font:400 11px/1.7 var(--sans);color:#c6d5ca;max-width:none;margin:14px 0 0}
.article-banner .article-hero figcaption a{text-decoration:underline;text-underline-offset:3px}
.article-layout{margin-top:56px}
@media(max-width:1000px){.article-banner .article-cover{gap:36px;width:calc(100% - 64px);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.article-banner .article-header h1{font-size:36px}.article-banner .article-deck{font-size:18px}}
@media(max-width:760px){
 .article-banner{margin-top:24px}
 .article-banner .article-cover{display:flex;flex-direction:column;align-items:stretch;gap:28px;width:calc(100% - 36px);padding:30px 0}
 .article-banner .article-header{padding:0}.article-banner .article-header h1{font-size:34px;line-height:1.13}.article-banner .article-deck{font-size:18px}
 .article-banner .article-hero{margin:0;width:100%}.article-banner .article-hero img{aspect-ratio:16/9}
 .article-layout{margin-top:30px}
}
@media print{.article-banner{background:transparent;color:black}.article-banner .article-cover{display:block;padding:20px 0;width:100%}.article-banner .article-hero{margin:24px 0 0;max-width:600px}.article-banner .article-deck{color:black}}
