.photo-interview{color:#f7f7f5;background:#161616;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.interview-header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;gap:20px;padding:24px 4vw;display:flex}.interview-header>a:first-child{font-family:EB Garamond,Georgia,serif;font-size:30px}.interview-header span,.interview-kicker{letter-spacing:.2em;font-size:12px}.interview-header>a:last-child{text-underline-offset:5px;font-size:14px;text-decoration:underline}.interview-progress{align-items:center;gap:24px;padding:18px 4vw;font-size:14px;display:flex}.interview-progress progress{accent-color:#eee;flex:1;height:3px}.interview-progress button{text-underline-offset:4px;text-decoration:underline}.interview-stage{grid-template-columns:minmax(0,1.25fr) minmax(350px,.85fr);gap:4vw;max-width:1800px;margin:auto;padding:12px 4vw 40px;display:grid}.interview-image{background:#0c0c0c;flex-direction:column;justify-content:center;min-width:0;height:calc(100vh - 175px);min-height:430px;display:flex;position:sticky;top:20px}.interview-image>img{object-fit:contain;width:100%;height:calc(100% - 44px)}.interview-image>div{letter-spacing:.12em;color:#ccc;justify-content:space-between;padding:15px 18px;font-size:12px;display:flex}.interview-questions{max-width:620px;padding:12px 0}.interview-questions h1,.interview-finish h1,.interview-loading h1{margin:12px 0;font-family:EB Garamond,Georgia,serif;font-size:clamp(32px,3vw,48px);font-weight:400;line-height:1.1}.photo-reason{color:#bcbcbc;margin:0 0 24px;font-size:16px;line-height:1.5}.interview-questions legend{margin-bottom:12px;font-size:18px}.interview-votes{gap:10px;display:flex}.photo-interview button{cursor:pointer}.photo-interview button:disabled{opacity:.5;cursor:default}.interview-votes button,.interview-actions button,.interview-finish button,.interview-loading button{color:#fff;background:0 0;border:1px solid #777;border-radius:0;min-height:44px;padding:12px 20px;font-size:14px}.interview-votes button[aria-pressed=true],.interview-actions button:last-child{color:#151515;background:#f3f3f0}.interview-questions label{margin-top:18px;font-size:14px;display:block}.interview-questions label.cover-choice{align-items:center;gap:10px;margin:18px 0 24px;display:flex}.interview-questions input,.interview-questions textarea{color:#fff;background:#222;border:1px solid #555;border-radius:0;width:100%;margin-top:7px;padding:10px 12px;font-size:16px;display:block}.interview-questions textarea{resize:vertical}.interview-questions input::placeholder,.interview-questions textarea::placeholder{color:#999}.interview-actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.interview-save{color:#bcbcbc;justify-content:space-between;gap:12px;margin:18px 0;font-size:13px;display:flex}.interview-save button{text-decoration:underline}.interview-source{color:#909090;font-size:12px}.interview-error{color:#ffcfbd;border:1px solid #ecaa91;margin:10px 4vw;padding:16px}.interview-loading,.interview-finish{max-width:1200px;margin:auto;padding:45px 4vw}.interview-finish p{margin:20px 0;font-size:18px;line-height:1.6}.interview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:20px 4vw 50px;display:grid}.interview-grid button{text-align:left}.interview-grid img{object-fit:contain;background:#080808;width:100%;height:250px}.interview-grid span,.interview-grid small{margin-top:10px;display:block}.interview-grid small{text-transform:capitalize;color:#bbb}.interview-loved{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.interview-loved img{object-fit:cover;width:160px;height:190px}.photo-interview :focus-visible{outline-offset:4px;outline:2px solid #fff}@media (max-width:800px){.interview-header{padding:18px 5vw}.interview-header span{display:none}.interview-header>a:first-child{font-size:26px}.interview-stage{grid-template-columns:1fr;padding:0 5vw 35px}.interview-image{height:52vh;min-height:290px;position:relative;top:0}.interview-questions{max-width:none}.interview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.interview-grid img{height:190px}.interview-progress{gap:12px}.interview-questions h1{font-size:36px}}html[data-site] .photo-interview [data-slot=button]{letter-spacing:.06em;color:#fff;background:#222;border:1px solid #777;min-height:44px;font-size:14px}html[data-site] .photo-interview .interview-votes [data-slot=button][aria-pressed=true]{color:#151515;background:#f3f3f0;border-color:#fff;box-shadow:0 0 0 2px #f3f3f0}html[data-site] .photo-interview .interview-actions [data-slot=button]:last-child{color:#151515;background:#f3f3f0;border-color:#f3f3f0}.interview-selection{color:#eee;min-height:22px;margin-top:12px;font-size:14px}.interview-caption-help{color:#ccc;margin-top:-12px;font-size:14px;line-height:1.5}.interview-questions input:disabled{opacity:.5;cursor:not-allowed}
