/* Frontier-inspired section edition; Robotics Frontier's own artwork and identity. */
.section-page .section-lead { width:100vw; margin:65px 0 42px calc(50% - 50vw); padding:58px max(44px,calc((100vw - 1360px)/2)); display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr); align-items:center; gap:50px; border:0; border-radius:0; background:color-mix(in srgb,var(--accent) 44%,#101923); color:#f6f8f5; overflow:visible; }
.section-page .section-lead:before { display:none; }
.section-page .section-lead .eyebrow { font-size:12px; color:#a6dcd5; text-transform:none; letter-spacing:0; }
.section-page .section-lead h1 { font:700 clamp(45px,5.4vw,76px)/1.03 var(--sans); letter-spacing:-.055em; max-width:17ch; margin:24px 0 27px; }
.section-page .section-lead .deck { font-family:var(--serif); font-size:20px; color:#d5e7e3; line-height:1.55; max-width:53ch; }
.section-art { margin:-94px 0 0; min-width:0; }
.section-art-frame { position:relative; width:100%; aspect-ratio:1.6; background:#081519; overflow:hidden; border:1px solid #ffffff1a; box-shadow:0 18px 36px #0002; }
.section-art-frame svg { display:block; width:100%; height:100%; }
.section-art .art-lines { transform-origin:320px 200px; }
.section-art:hover .art-lines,.section-art:focus-visible .art-lines { animation:desk-wave 3s ease-in-out infinite alternate; }
.section-art:focus-visible { outline:2px solid #a6dcd5; outline-offset:6px; }
.section-art .art-hint { position:absolute; bottom:15px; left:16px; color:#d0e8e5; font-size:9px; padding:6px 9px; background:#133330; border:1px solid #ffffff15; }
.section-art figcaption { font:10px/1.6 var(--sans); color:#b7cfcb; margin:14px 0 0; }
.section-controls { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:18px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.section-filters { display:flex; flex-wrap:wrap; gap:8px; }
.section-filters button { display:inline-flex; gap:9px; align-items:center; padding:13px 15px; border:1px solid var(--rule); border-radius:3px; color:var(--ink); background:var(--surface); font-size:11px; font-weight:600; }
.section-filters button span { color:var(--muted); font-size:9px; }
.section-filters button[aria-pressed=true] { background:color-mix(in srgb,var(--accent) 44%,#101923); color:white; border-color:#143b38; }
.section-filters button[aria-pressed=true] span { color:#b9d3cf; }
.section-order { display:flex; align-items:center; gap:10px; font-size:10px; color:var(--muted); white-space:nowrap; }
.section-order select { max-width:190px; border:1px solid var(--rule); border-radius:3px; padding:12px; background:var(--surface); color:var(--ink); font-size:11px; }
.section-count { margin:18px 0 26px; color:var(--muted); font-size:11px; }
.section-page .section-stories { display:flex; flex-direction:column; gap:22px; margin-bottom:65px; padding:0; }
.section-page .section-stories>.story-row { display:grid; grid-template-columns:minmax(230px,.46fr) minmax(0,1fr); gap:30px; padding:24px; border:1px solid var(--rule); border-radius:8px; background:var(--surface); box-shadow:0 3px 9px #10182004; }
.section-page .section-stories .story-photo { border-radius:3px; align-self:center; background:var(--tint); }
.section-page .section-stories .story-photo img { width:100%; height:210px; object-fit:contain; }
.section-page .section-stories .story-copy { padding:0; display:flex; flex-direction:column; min-width:0; }
.section-page .section-stories .story-copy>.eyebrow { display:none; }
.section-page .section-stories h3 { font:650 29px/1.13 var(--sans); letter-spacing:-.04em; margin:0 0 17px; }
.section-page .section-stories .story p { font-size:13px; line-height:1.8; margin:0 0 20px; }
.section-page .section-stories .meta { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:auto; padding-top:17px; border-top:1px solid var(--rule); font-size:10px; }
.section-page .section-stories .card-cta { color:var(--accent); font-size:10px; white-space:nowrap; }
.section-empty { padding:30px; border:1px solid var(--rule); border-radius:8px; font-size:14px; color:var(--muted); }
@keyframes desk-wave { from { transform:translateY(-7px) rotate(-3deg) scale(.98); } to { transform:translateY(8px) rotate(3deg) scale(1.025); } }
@media(max-width:1000px) {
 .section-page .section-lead { gap:30px; padding:45px 32px; }
 .section-page .section-lead h1 { font-size:55px; }
 .section-page .section-lead .deck { font-size:17px; }
 .section-art { margin-top:-68px; }
 .section-controls { flex-wrap:wrap; }
 .section-page .section-stories>.story-row { grid-template-columns:minmax(200px,.55fr) minmax(0,1fr); gap:23px; }
 .section-page .section-stories h3 { font-size:25px; }
}
@media(max-width:700px) {
 .section-page .section-lead { margin-top:25px; padding:30px 18px; grid-template-columns:1fr; gap:25px; }
 .section-page .section-lead h1 { font-size:47px; max-width:16ch; margin:20px 0; }
 .section-page .section-lead .deck { font-size:17px; }
 .section-art { margin:0; }
 .section-art-frame { aspect-ratio:1.7; }
 .section-controls { gap:16px; padding:16px 0; }
 .section-filters { gap:6px; }
 .section-filters button { font-size:10px; padding:11px 10px; }
 .section-order { width:100%; justify-content:space-between; }
 .section-order select { flex:1; max-width:230px; }
 .section-page .section-stories>.story-row { grid-template-columns:1fr; padding:17px; gap:20px; }
 .section-page .section-stories .story-photo img { height:210px; }
 .section-page .section-stories h3 { font-size:26px; margin-bottom:14px; }
 .section-page .section-stories .meta { gap:10px; font-size:9px; }
 .section-page .section-stories .card-cta { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .section-art .art-lines { animation:none!important; } }

/* Full-width banner without viewport-scrollbar overflow. */
.section-page main.wrap { width:100%; max-width:none; }
.section-page .section-lead { width:100%; margin-left:0; }
.section-page main.wrap>section:not(.section-lead) { width:min(1360px,calc(100% - 88px)); margin-left:auto; margin-right:auto; }
@media(max-width:700px) { .section-page main.wrap>section:not(.section-lead) { width:calc(100% - 36px); } }

.section-art .art-lines { stroke:color-mix(in srgb,var(--accent) 60%,white); }
.section-page .section-lead .eyebrow { color:color-mix(in srgb,var(--accent) 30%,white); }