/* Static character frames, recomposed for each format. Load after hitl-style.css. */
.hf-title { position:absolute; top:18%; left:6%; width:88%; font-size:6.4cqw; }
.hf-person { position:absolute; margin:0; width:26%; top:37%; }
.hf-person img { display:block; width:100%; aspect-ratio:1; object-fit:contain; }
.hf-person figcaption { display:block; padding:0.7cqw 0 0; font:700 1.35cqw/1.4 'Space Mono',monospace; text-align:center; color:inherit; }
.hf-intro .hf-title { top:23%; width:40%; font-size:7.2cqw; }
.hf-intro .hf-person { width:23%; top:26%; }
.hf-intro .hf-oscar { left:47%; }
.hf-intro .hf-matt { right:5%; }
.hf-subtitle { position:absolute; top:75%; left:6%; width:38%; font-size:1.9cqw; line-height:1.4; }
.hf-claim .hf-oscar { left:8%; }
.hf-evidence { position:absolute; top:47%; left:43%; width:49%; padding:2.2cqw; background:var(--h-paper); color:var(--h-ink); border:var(--h-rule) solid var(--h-ink); }
.hf-evidence h3 { font-size:2.9cqw; margin-bottom:1.2cqw; }
.hf-evidence p { font-size:2.1cqw; line-height:1.4; }
.hf-lesson .hf-matt { left:67%; top:38%; }
.hf-lesson-steps { position:absolute; top:45%; left:6%; width:54%; padding:2cqw; background:var(--h-tint); border:var(--h-rule) solid var(--h-ink); }
.hf-lesson-steps ol { list-style:none; margin:0; padding:0; }
.hf-lesson-steps li { padding:0.7cqw 0; font-size:1.9cqw; line-height:1.35; }
.hf-lesson-steps li+li { border-top:0.15cqw solid var(--h-ink); }
.hf-lesson-steps span { display:block; margin-bottom:0.4cqw; font:700 1.4cqw/1.4 'Space Mono',monospace; }
.hf-talk .hf-person { width:25%; top:39%; }
.hf-talk .hf-oscar { left:6%; }
.hf-talk .hf-matt { right:6%; }
.hf-question { position:absolute; top:47%; left:35%; width:30%; font-size:3.2cqw; line-height:1.1; text-align:center; }
.hf-question span { display:block; margin-bottom:1.3cqw; color:var(--h-paper); font:700 1.15cqw/1.4 'Space Mono',monospace; }
.hf-question strong { display:block; font-family:'Archivo Black',sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:-0.035em; }
.hf-talk .hf-question::after { content:''; display:block; width:6cqw; height:0.5cqw; margin:1.8cqw auto 0; background:var(--h-indigo); }

.hitl-frame[data-ratio='portrait'] .hf-title { left:8%; top:18%; width:84%; font-size:11.5cqw; }
.hitl-frame[data-ratio='portrait'] .hf-person figcaption { padding-top:1.4cqw; font-size:2.6cqw; }
.hitl-frame[data-ratio='portrait'].hf-intro .hf-title { top:18%; font-size:13cqw; }
.hitl-frame[data-ratio='portrait'].hf-intro .hf-person { top:43%; width:40%; }
.hitl-frame[data-ratio='portrait'].hf-intro .hf-oscar { left:8%; }
.hitl-frame[data-ratio='portrait'].hf-intro .hf-matt { right:8%; }
.hitl-frame[data-ratio='portrait'] .hf-subtitle { left:8%; top:72%; width:84%; font-size:4cqw; }
.hitl-frame[data-ratio='portrait'].hf-claim .hf-person { left:25%; top:32%; width:50%; }
.hitl-frame[data-ratio='portrait'] .hf-evidence { top:64%; left:8%; width:82%; padding:4cqw; }
.hitl-frame[data-ratio='portrait'] .hf-evidence h3 { font-size:5cqw; margin-bottom:2cqw; }
.hitl-frame[data-ratio='portrait'] .hf-evidence p { font-size:4.2cqw; line-height:1.3; }
.hitl-frame[data-ratio='portrait'].hf-lesson .hf-matt { left:33%; top:32%; width:34%; }
.hitl-frame[data-ratio='portrait'] .hf-lesson-steps { top:56%; left:8%; width:82%; padding:3cqw; }
.hitl-frame[data-ratio='portrait'] .hf-lesson-steps li { font-size:4cqw; padding:1.1cqw 0; }
.hitl-frame[data-ratio='portrait'] .hf-lesson-steps span { font-size:2.6cqw; margin-bottom:0.6cqw; }
.hitl-frame[data-ratio='portrait'].hf-talk .hf-title { font-size:12cqw; }
.hitl-frame[data-ratio='portrait'].hf-talk .hf-person { width:38%; top:35%; }
.hitl-frame[data-ratio='portrait'].hf-talk .hf-oscar { left:8%; }
.hitl-frame[data-ratio='portrait'].hf-talk .hf-matt { right:8%; }
.hitl-frame[data-ratio='portrait'] .hf-question { top:65%; left:8%; width:84%; font-size:6cqw; }
.hitl-frame[data-ratio='portrait'] .hf-question span { font-size:2.6cqw; margin-bottom:2cqw; }
.hitl-frame[data-ratio='portrait'] .hf-question::after { margin-top:3cqw; width:12cqw; height:0.8cqw; }

.hitl-frame[data-ratio='square'] .hf-title { left:6%; top:17%; width:88%; font-size:8.4cqw; }
.hitl-frame[data-ratio='square'] .hf-person figcaption { padding-top:1cqw; font-size:2cqw; }
.hitl-frame[data-ratio='square'].hf-intro .hf-title { top:16%; font-size:10cqw; }
.hitl-frame[data-ratio='square'].hf-intro .hf-person { width:30%; top:45%; }
.hitl-frame[data-ratio='square'].hf-intro .hf-oscar { left:14%; }
.hitl-frame[data-ratio='square'].hf-intro .hf-matt { right:14%; }
.hitl-frame[data-ratio='square'] .hf-subtitle { top:82%; width:88%; font-size:2.8cqw; }
.hitl-frame[data-ratio='square'].hf-claim .hf-person { left:6%; top:39%; width:35%; }
.hitl-frame[data-ratio='square'] .hf-evidence { top:44%; left:47%; width:45%; padding:3cqw; }
.hitl-frame[data-ratio='square'] .hf-evidence h3 { font-size:3.4cqw; margin-bottom:2cqw; }
.hitl-frame[data-ratio='square'] .hf-evidence p { font-size:3.1cqw; }
.hitl-frame[data-ratio='square'].hf-lesson .hf-matt { left:63%; top:38%; width:29%; }
.hitl-frame[data-ratio='square'] .hf-lesson-steps { top:39%; width:52%; padding:2.5cqw; }
.hitl-frame[data-ratio='square'] .hf-lesson-steps li { font-size:2.7cqw; padding:1cqw 0; }
.hitl-frame[data-ratio='square'] .hf-lesson-steps span { font-size:1.9cqw; }
.hitl-frame[data-ratio='square'].hf-talk .hf-person { top:35%; width:29%; }
.hitl-frame[data-ratio='square'].hf-talk .hf-oscar { left:8%; }
.hitl-frame[data-ratio='square'].hf-talk .hf-matt { right:8%; }
.hitl-frame[data-ratio='square'] .hf-question { top:73%; left:15%; width:70%; font-size:4cqw; }
.hitl-frame[data-ratio='square'] .hf-question span { font-size:1.7cqw; margin-bottom:1cqw; }
.hitl-frame[data-ratio='square'] .hf-question::after { margin-top:1.5cqw; }

/* Unpopular Opinions: identify the segment, then give one sourced take room. */
.hf-opinion-open .hf-title { top:18%; font-size:6.4cqw; text-align:center; }
.hf-opinion-open .hf-person { top:39%; width:25%; }
.hf-opinion-open .hf-oscar { left:21%; }
.hf-opinion-open .hf-matt { right:21%; }
.hf-opinion-text { position:absolute; left:6%; top:27%; width:56%; }
.hf-opinion-copy { font-size:5.5cqw; }
.hf-opinion-text::before { content:''; display:block; width:7cqw; height:0.5cqw; margin-bottom:2cqw; background:var(--h-indigo); }
.hf-opinion-text cite { display:block; margin-top:2.4cqw; font:normal 400 1.6cqw/1.4 'Space Mono',monospace; }
.hf-opinion-quote .hf-person { top:27%; right:6%; width:27%; }
.hitl-frame[data-ratio='portrait'].hf-opinion-open .hf-title { top:21%; font-size:11.3cqw; }
.hitl-frame[data-ratio='portrait'].hf-opinion-open .hf-person { top:43%; width:40%; }
.hitl-frame[data-ratio='portrait'].hf-opinion-open .hf-oscar { left:8%; }
.hitl-frame[data-ratio='portrait'].hf-opinion-open .hf-matt { right:8%; }
.hitl-frame[data-ratio='portrait'] .hf-opinion-text { left:8%; top:19%; width:84%; }
.hitl-frame[data-ratio='portrait'] .hf-opinion-copy { font-size:9cqw; }
.hitl-frame[data-ratio='portrait'] .hf-opinion-text::before { width:12cqw; height:0.8cqw; margin-bottom:3cqw; }
.hitl-frame[data-ratio='portrait'] .hf-opinion-text cite { font-size:2.8cqw; margin-top:3cqw; }
.hitl-frame[data-ratio='portrait'].hf-opinion-quote .hf-person { top:45%; left:26%; right:auto; width:48%; }
.hitl-frame[data-ratio='square'].hf-opinion-open .hf-title { top:19%; font-size:10cqw; }
.hitl-frame[data-ratio='square'].hf-opinion-open .hf-person { top:44%; width:33%; }
.hitl-frame[data-ratio='square'].hf-opinion-open .hf-oscar { left:12%; }
.hitl-frame[data-ratio='square'].hf-opinion-open .hf-matt { right:12%; }
.hitl-frame[data-ratio='square'] .hf-opinion-text { top:18%; left:8%; width:84%; }
.hitl-frame[data-ratio='square'] .hf-opinion-copy { font-size:8.8cqw; }
.hitl-frame[data-ratio='square'] .hf-opinion-text cite { font-size:2.7cqw; margin-top:3cqw; }
.hitl-frame[data-ratio='square'].hf-opinion-quote .hf-person { top:57%; left:35%; right:auto; width:30%; }