/* Watch pages reuse main.css's fonts, colors and buttons, and guides.css's reading styles. */
.w-main{padding-bottom:56px}
.w-head{padding:28px 0 20px;display:grid;gap:12px}
.w-head .g-h1{font-size:clamp(27px,3.1vw,48px);max-width:30ch}
.w-meta{font-family:var(--f-type);font-size:13px;line-height:1.6;color:rgba(243,231,204,.76)}
.w-video{background:#050303;border:4px solid var(--brass-lo);box-shadow:8px 8px 0 #050303;margin:0;max-width:1040px}
.w-video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#050303}
.w-video--portrait{max-width:352px;margin-inline:auto}
.w-video--portrait iframe{aspect-ratio:9/16}
.w-under{display:grid;gap:18px;margin-top:22px;max-width:1040px}
.w-description{max-width:75ch;line-height:1.55;font-size:clamp(17px,1vw + 10px,21px)}
.w-cta{border:2px solid var(--brass-lo);background:var(--ink-2);padding:20px;display:grid;gap:14px}
.w-cta .g-h3{margin:0}
.w-cta .g-small{max-width:76ch}
.w-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;margin-top:38px}
.w-body h2,.w-more h2{font-family:var(--f-display);font-weight:400;font-size:30px;letter-spacing:.05em;line-height:1.1;color:var(--yellow);margin-bottom:16px}
.w-body section{min-width:0}
.w-body p+p{margin-top:16px}
.w-chapters{display:grid;gap:12px}
.w-chapters a{display:block;color:var(--cream);text-decoration-thickness:1px;text-underline-offset:3px}
.w-chapters time{font-family:var(--f-type);color:var(--yellow);margin-right:8px}
.w-more{margin-top:40px}
.w-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.w-card{display:grid;grid-template-rows:auto 1fr;border:3px solid var(--brass-lo);background:var(--ink-2);text-decoration:none;min-width:0}
.w-card:hover{border-color:var(--yellow)}
.w-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#050303}
.w-card__words{padding:18px;display:grid;align-content:start;gap:10px}
.w-card h2,.w-card h3{font-family:var(--f-display);font-size:28px;font-weight:400;line-height:1.1;letter-spacing:.04em;color:var(--yellow);margin:0}
.w-card p{font-size:16px;line-height:1.5}
.w-footer{border-top:1px solid var(--brass-lo);padding:28px 0;font-family:var(--f-type);font-size:13px}
.w-footer .wrap{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.w-nav .nav__links{display:flex}
@media(max-width:760px){.w-nav .nav__links{display:none}.w-grid{grid-template-columns:1fr}.w-body{grid-template-columns:1fr}.w-head{padding-top:22px}.w-video{box-shadow:4px 4px 0 #050303}.w-cta{padding:16px}.w-video--portrait{max-width:min(100%,300px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
