/*
 * Originals hub (the /originals/ page).
 *
 * This is the page's own stylesheet, which the Originals plugin printed inline
 * (<style id="yho-inline-css">, 7.8 KB, live-only: its source is not in this
 * repo). Site SEO drops that block from the finished page and loads this file
 * instead, so the page follows the same six colors and three font pairs as
 * everything else. The rules are the plugin's, restated on the tokens, with the
 * class names unchanged. If the Originals plugin's CSS ever changes, change it
 * here: the inline block no longer reaches the page.
 */
.yho-player{--yho-navy:var(--yht-ink);margin:0 auto 2rem;padding:0;max-width:100%}
.yho-player__frame{position:relative;margin:0 auto;width:min(100%,420px);aspect-ratio:var(--yho-ar,9/16);max-height:82vh;background:var(--yht-ink);border-radius:0;overflow:hidden;box-shadow:none}
.yho-player__frame video{display:block;width:100%;height:100%;object-fit:contain;background:var(--yht-ink)}
.yho-player--single{background:var(--yht-ink);border-radius:0;padding:22px 16px 14px}
.yho-player--single .yho-player__frame{box-shadow:none;border-radius:0;max-height:78vh}
.yho-player__cap{margin:.7rem auto 0;text-align:center;font:600 12px/1.4 var(--yht-font-mono,"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace);letter-spacing:.1em;text-transform:uppercase}
.yho-player--single .yho-player__cap{color:var(--yht-newsprint)!important}
.yho-player--embed{margin:2rem auto}
.yho-player--embed .yho-player__frame{width:min(100%,340px)}
.yho-player--embed .yho-player__cap a{color:var(--yht-oxide)!important}
.yho-player--embed .yho-player__cap{color:var(--yht-oxide);letter-spacing:.04em;text-transform:none;font-size:14px}
.yho-player--embed .yho-player__label{display:block;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--yht-muted);font-family:var(--yht-font-mono,"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace);font-weight:600}
.yho-player--lead{margin:0}
.yho-player--lead .yho-player__cap{display:none}
.yho-player--lead .yho-player__frame{width:auto;height:clamp(320px,40vw,460px);max-height:none;max-width:100%}

html body.yho-shell-page{background:var(--yht-newsprint)!important}
.yho-shell-page{padding-top:0!important;margin-top:0!important}
.yho-shell-main{display:block;padding:clamp(16px,3vw,40px) 16px clamp(32px,5vw,64px)}
.yho-hub{max-width:1180px;margin:0 auto;padding:clamp(12px,2.4vw,28px);background:var(--yht-newsprint);border-radius:0;font-family:var(--yht-font-text,Newsreader,"Times New Roman",serif);color:var(--yht-ink)!important;box-sizing:border-box}
.yho-hub *{box-sizing:border-box}
.yho-hub__head{background:linear-gradient(135deg,var(--yht-ink) 0%,var(--yht-ink) 100%);border:1px solid var(--yht-newsprint-18);color:var(--yht-newsprint);border-radius:0;padding:clamp(28px,5vw,56px) clamp(20px,5vw,56px);margin:0 0 clamp(16px,2.4vw,28px);position:relative;overflow:hidden}
.yho-hub__head:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:0;border:34px solid var(--yht-newsprint-12)}
.yho-kicker{margin:0 0 10px;font:600 12px/1.3 var(--yht-font-mono,"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--yht-newsprint)!important}
.yho-kicker--dark{color:var(--yht-oxide)!important}
.yho-hub__title{margin:0;font:700 clamp(40px,7vw,68px)/1.02 var(--yht-font-text,Newsreader,"Times New Roman",serif);color:var(--yht-newsprint)!important;letter-spacing:-.01em}
.yho-hub__dek{margin:14px 0 0;max-width:36em;font:400 clamp(16px,2.2vw,19px)/1.55 var(--yht-font-text,Newsreader,"Times New Roman",serif);color:var(--yht-newsprint-80)!important}
.yho-hub__preview{display:inline-block;margin:18px 0 0;padding:6px 12px;border-radius:0;background:var(--yht-oxide);color:var(--yht-newsprint)!important;font:700 13px/1.4 var(--yht-font-text,Newsreader,"Times New Roman",serif)}

.yho-lead{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:clamp(20px,3.4vw,40px);align-items:center;background:var(--yht-newsprint);border-radius:0;padding:clamp(16px,3vw,32px);margin:0 0 clamp(24px,3vw,40px)}
.yho-lead__media{justify-self:start}
.yho-lead__body{max-width:34em}
.yho-lead__title{margin:0 0 12px;font:700 clamp(26px,3.2vw,38px)/1.12 var(--yht-font-text,Newsreader,"Times New Roman",serif);color:var(--yht-ink)!important}
.yho-lead__title a{color:var(--yht-ink)!important;text-decoration:none!important}
.yho-lead__title a:hover{text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:4px}
.yho-lead__dek{margin:0 0 22px!important;font:400 18px/1.6 var(--yht-font-text,Newsreader,"Times New Roman",serif);color:var(--yht-ink)!important}
.yho-btn{display:inline-block;padding:12px 18px;border-radius:0;background:var(--yht-oxide);color:var(--yht-newsprint)!important;text-decoration:none!important;font:600 15px/1.2 var(--yht-font-mono,"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace);text-transform:uppercase;letter-spacing:.1em}
.yho-btn:hover{background:var(--yht-ink)}

.yho-grid__label{margin:0 0 16px;font:600 13px/1.3 var(--yht-font-mono,"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--yht-muted)!important}
.yho-grid{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px 18px}
.yho-card{margin:0;padding:0}
.yho-card__link{display:block;color:var(--yht-ink)!important;text-decoration:none!important}
.yho-card__media{position:relative;display:block;aspect-ratio:9/16;border-radius:0;overflow:hidden;background:var(--yht-ink)}
.yho-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.yho-card__link:hover .yho-card__media img{transform:scale(1.035)}
.yho-card__play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:0;background:var(--yht-ink-64);box-shadow:none}
.yho-card__play:after{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent var(--yht-newsprint)}
.yho-card__dur{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:0;background:var(--yht-ink-80);color:var(--yht-newsprint);font:700 12px/1.2 var(--yht-font-text,Newsreader,"Times New Roman",serif)}
.yho-card__kicker{display:block;margin:12px 0 4px;font:600 11px/1.3 var(--yht-font-mono,"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--yht-oxide)!important}
.yho-card__title{display:block;font:700 18px/1.28 var(--yht-font-text,Newsreader,"Times New Roman",serif);color:var(--yht-ink)!important}
.yho-card__link:hover .yho-card__title{text-decoration:underline;text-underline-offset:3px}
.yho-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:0;background:var(--yht-photo);color:var(--yht-ink)!important;letter-spacing:.06em}

.yho-empty{background:var(--yht-newsprint);border-radius:0;padding:40px 32px;text-align:center;font:400 17px/1.6 var(--yht-font-text,Newsreader,"Times New Roman",serif);color:var(--yht-ink)!important}
.yho-empty__title{margin:0 0 6px;font:700 24px/1.3 var(--yht-font-text,Newsreader,"Times New Roman",serif);color:var(--yht-ink)!important}
.yho-empty a{color:var(--yht-oxide)!important}
.yho-empty p{color:var(--yht-ink)!important;margin:0 0 6px}
.yho-hub p,.yho-hub h1,.yho-hub h2{max-width:none}

.yho-viewer{position:fixed;inset:0;z-index:100000;background:var(--yht-ink);display:flex;align-items:center;justify-content:center;padding:16px}
.yho-viewer[hidden]{display:none}
.yho-viewer{--yho-vh:min(84dvh,84vh)}
.yho-viewer button[hidden]{display:none}
.yho-viewer__stage{position:relative;height:var(--yho-vh);aspect-ratio:9/16;max-width:100%}
.yho-viewer__stage video{width:100%;height:100%;object-fit:contain;background:var(--yht-ink);border-radius:0}
.yho-viewer__meta{position:absolute;left:0;right:0;top:100%;padding-top:10px;text-align:center}
.yho-viewer__meta a{color:var(--yht-newsprint)!important;font:700 14px/1.4 var(--yht-font-text,Newsreader,"Times New Roman",serif);text-decoration:none}
.yho-viewer__title{display:block;color:var(--yht-newsprint)!important;font:700 17px/1.3 var(--yht-font-text,Newsreader,"Times New Roman",serif);margin-bottom:4px}
.yho-viewer button{position:absolute;border:0;background:var(--yht-newsprint-12);color:var(--yht-newsprint);border-radius:0;width:48px;height:48px;font:600 26px/48px var(--yht-font-mono,"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace);cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:.1em}
.yho-viewer button:hover,.yho-viewer button:focus-visible{background:var(--yht-newsprint-32);outline:none}
.yho-viewer__close{top:16px;right:16px}
.yho-viewer__prev{left:max(16px,calc(50% - var(--yho-vh)*.28 - 80px));top:50%;margin-top:-24px}
.yho-viewer__next{right:max(16px,calc(50% - var(--yho-vh)*.28 - 80px));top:50%;margin-top:-24px}
body.yho-lock{overflow:hidden}

@media (max-width:760px){
 .yho-lead{grid-template-columns:1fr}
 .yho-lead__media{justify-self:center}
 .yho-player--lead .yho-player__frame{height:clamp(300px,86vw,420px)}
 .yho-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .yho-card__title{font-size:16px}
 .yho-viewer{padding:0}
 .yho-viewer__stage{height:100dvh;width:100vw;aspect-ratio:auto}
 .yho-viewer__stage video{border-radius:0}
 .yho-viewer__meta{top:auto;bottom:70px;padding:0 16px;text-shadow:none}
 .yho-viewer__prev,.yho-viewer__next{display:none}
}