.coe-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;padding:1rem 7%;border-bottom:1px solid var(--line)}
.coe-nav a[aria-current],.coe-main a{text-decoration:underline;text-underline-offset:.22em}
.coe-main a:focus-visible,.coe-nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.coe-main .section{max-width:1280px;margin:auto;padding-block:2.7rem}
.coe-main .coe-hero{padding-block:4rem 2.8rem}
.coe-hero h1{font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.05}
.coe-main p{max-width:72ch}
.coe-cards,.coe-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.coe-cards article,.coe-steps li{border:1px solid var(--line);padding:1.4rem}
.coe-cards h3,.coe-steps h3{margin:0 0 .6rem}
.coe-steps{padding-left:1.6rem}
@media(max-width:680px){.coe-cards,.coe-steps{grid-template-columns:1fr}.coe-main .section{padding-block:2rem}}

.coe-film-grid video{display:block;width:100%;aspect-ratio:16/9;background:#122a26;border-radius:.4rem}
.coe-film-grid article{min-width:0}