.bad-times-page .studio-reference-heading>span{white-space:nowrap;flex-shrink:0}.bad-times-preview{text-align:center;width:100%;margin:auto}.bad-times-demo-stage{width:min(100%,360px);margin-inline:auto;position:relative}.bad-times-preview video{aspect-ratio:496/864;object-fit:contain;background:var(--hp-surface);border-radius:12px;width:min(100%,260px);margin-inline:auto;display:block}.bad-times-input-photo{border:2px solid var(--hp-accent);background:var(--hp-surface);border-radius:10px;width:88px;margin:0;position:absolute;bottom:64px;left:0;overflow:hidden;box-shadow:0 6px 20px #0005}.bad-times-input-photo img{aspect-ratio:3/4;object-fit:contain;width:100%;height:auto;display:block}.bad-times-input-photo figcaption{color:var(--hp-text);overflow-wrap:anywhere;padding:5px 3px;font-size:11px;line-height:1.35}.bad-times-preview .bad-times-demo-description{color:var(--hp-muted);margin-top:10px;font-size:12px}.bad-times-page .drake-about-image img{object-fit:contain;max-height:480px}.bad-times-example-grid{--bad-times-example-video-width:260px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:60px;margin-top:32px;display:grid}.bad-times-example-grid>article{width:min(100%,360px);min-width:0;margin-inline:auto}.bad-times-reference-clip{width:min(100%,300px);margin-inline:auto}.bad-times-reference-clip video{aspect-ratio:9/16;background:var(--hp-surface);border-radius:12px;width:100%;display:block}.bad-times-example-grid video{width:min(100%, var(--bad-times-example-video-width));aspect-ratio:9/16;object-fit:contain;margin-inline:auto}.bad-times-examples h2{font-size:var(--vmg-text-section);letter-spacing:-.04em;line-height:1.18}.bad-times-examples h3{font-size:var(--vmg-text-card);margin:18px 0 8px}.bad-times-examples p{color:var(--vmg-muted);font-size:var(--vmg-text-body);line-height:1.7}.bad-times-examples .vmg-text-link{margin-top:16px}.bad-times-options{border:0;min-width:0;padding:20px 0 0}.bad-times-options legend{float:left;width:100%;color:var(--hp-text);font-size:var(--vmg-text-card);align-items:center;gap:10px;padding:0;font-weight:600;display:flex}.bad-times-option-step{background:var(--hp-accent);color:#171614;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;display:inline-grid}.bad-times-options>p{clear:both;color:var(--hp-muted);margin:0 0 12px;padding-top:8px;font-size:13px;line-height:1.6}.bad-times-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bad-times-variant-grid label{border:1px solid var(--hp-border);background:var(--hp-surface);min-width:0;color:var(--hp-text);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:14px 10px;display:flex;position:relative}.bad-times-variant-grid label:has(input:checked){border-color:var(--hp-accent);box-shadow:inset 0 0 0 1px var(--hp-accent)}.bad-times-variant-grid label:has(input:focus-visible){outline:2px solid var(--hp-accent);outline-offset:3px}.bad-times-variant-grid input{width:16px;height:16px;accent-color:var(--hp-accent);margin:0 0 4px}.bad-times-variant-name{font-size:15px;font-weight:600}.bad-times-options:disabled label{cursor:default;opacity:.65}.bad-times-recreates h2{font-size:var(--vmg-text-section);letter-spacing:-.04em;line-height:1.18}.bad-times-recreates p{color:var(--hp-muted);font-size:var(--vmg-text-body);line-height:1.7}.bad-times-recreates-intro{text-align:center;max-width:820px;margin:0 auto 32px}.bad-times-recreates-intro>p{margin-top:16px}.bad-times-timeline{--bad-times-stage-1:#ffc43d;--bad-times-stage-2:#ff8b3d;--bad-times-stage-3:#f75d66;--bad-times-stage-4:#e074a0;border:1px solid var(--hp-border);background:var(--hp-surface);border-radius:20px;padding:32px}.bad-times-timeline-track{border-radius:999px;grid-template-columns:4.2fr 1fr 4.6fr 1.2fr;gap:3px;height:14px;display:grid;overflow:hidden}.bad-times-timeline-track span:first-child{background:var(--bad-times-stage-1)}.bad-times-timeline-track span:nth-child(2){background:var(--bad-times-stage-2)}.bad-times-timeline-track span:nth-child(3){background:var(--bad-times-stage-3)}.bad-times-timeline-track span:nth-child(4){background:var(--bad-times-stage-4)}.bad-times-timeline-ticks{height:32px;color:var(--hp-muted);margin-top:8px;font-size:12px;position:relative}.bad-times-timeline-ticks span{position:absolute;transform:translate(-50%)}.bad-times-timeline-ticks span:first-child{left:0;transform:none}.bad-times-timeline-ticks span:nth-child(2){left:38.18%}.bad-times-timeline-ticks span:nth-child(3){left:47.27%}.bad-times-timeline-ticks span:nth-child(4){left:89.09%}.bad-times-timeline-ticks span:nth-child(5){right:0;transform:none}.bad-times-timeline ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:12px 0 0;padding:0;list-style:none;display:grid}.bad-times-timeline li{--bad-times-stage-color:var(--bad-times-stage-1)}.bad-times-timeline li:nth-child(2){--bad-times-stage-color:var(--bad-times-stage-2)}.bad-times-timeline li:nth-child(3){--bad-times-stage-color:var(--bad-times-stage-3)}.bad-times-timeline li:nth-child(4){--bad-times-stage-color:var(--bad-times-stage-4)}.bad-times-timeline-time{color:var(--hp-muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.bad-times-timeline-time:before{content:"";background:var(--bad-times-stage-color);border-radius:50%;flex-shrink:0;width:9px;height:9px}.bad-times-timeline h3,.bad-times-photo-source-title,.bad-times-photo-sources h4{font-size:var(--vmg-text-card);font-weight:600;line-height:1.35}.bad-times-timeline h3{margin:10px 0 8px}.bad-times-photo-source-title{text-align:center;margin:24px 0 16px}.bad-times-photo-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.bad-times-photo-sources article{border:1px dashed var(--hp-border);border-radius:20px;padding:28px}.bad-times-photo-sources h4{margin:0 0 10px}@media (max-width:760px){.bad-times-timeline{padding:20px}.bad-times-timeline ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.bad-times-timeline-ticks{display:none}.bad-times-timeline ol{margin-top:24px}.bad-times-photo-sources{grid-template-columns:minmax(0,1fr)}.bad-times-photo-sources article{padding:20px}.bad-times-variant-grid{grid-template-columns:minmax(0,1fr)}.bad-times-variant-grid label{grid-template-columns:18px 1fr;align-items:center;gap:4px 10px;padding:12px;display:grid}.bad-times-variant-grid input{margin:0}.bad-times-demo-stage{width:min(100%,290px)}.bad-times-preview video{width:min(100%,190px)}.bad-times-input-photo{width:76px;bottom:60px}.bad-times-example-grid{--bad-times-example-video-width:190px;grid-template-columns:minmax(0,1fr);gap:24px}.bad-times-page .drake-about-image img{max-height:360px}}