@font-face{font-family:'Lorewish Crime Roboto';src:url('/assets/funnel-detective-roboto-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lorewish Crime Roboto';src:url('/assets/funnel-detective-roboto-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Lorewish Crime Roboto';src:url('/assets/funnel-detective-roboto-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* Detective's publicly observed light crime-scene variant. */
.lf-page.lf-detective{--lf-serif:'American Typewriter',AmericanTypewriter,'Bookman Old Style','Iowan Old Style',serif;background:#e7e6e1 url('/assets/funnel-detective-background.webp') center bottom/100% auto no-repeat;color:#171717;font-family:var(--lf-sans)}
.lf-page.lf-detective:has([data-lf="begin"]){background-image:none}
.lf-detective .lf-header{height:78px;max-width:420px;padding-top:7px;align-items:flex-start}
.lf-detective .lf-logo{position:relative;display:block;font-size:33px;line-height:1.2;letter-spacing:-1.6px;margin-top:15px}
.lf-detective .lf-logo::after{content:'True Crime';display:block;text-align:center;font:italic 14px/1.1 Arial,sans-serif;letter-spacing:0;margin-top:-1px;color:#3b3b3b}
.lf-detective .lf-header>.lf-back{display:none}
.lf-detective .lf-exit{font-size:19px;opacity:.45;right:6px;top:20px}
.lf-detective .lf-content{width:min(100% - 40px,360px);padding-top:11px;padding-bottom:40px}
.lf-detective .lf-content:not(.lf-content-wide)>h1{font:400 21px/1.25 var(--lf-sans);letter-spacing:0;max-width:322px;margin:39px auto 24px;color:#171717}
.lf-detective .lf-content h1:focus,.lf-detective .lf-content h2:focus{outline:none}
.lf-detective .lf-content h2{color:#171717}
.lf-detective .lf-lead{color:#252525;font-size:17px;line-height:1.4;white-space:pre-line}
.lf-detective .lf-small{color:#353535;font-size:12px}
.lf-detective .lf-kicker{color:#4b4b4b}
.lf-detective .lf-progress-row{color:#171717;font-size:12px;line-height:20px}
.lf-detective .lf-progress-row>.lf-text{font-size:14px;font-weight:500}
.lf-detective .lf-progress-row>span{border-radius:7px;background:#0002;padding:1px 10px}
.lf-detective .lf-progress{height:6px;background:#0003;margin:11px 0 0}
.lf-detective .lf-progress i{background:#171717}
.lf-detective .lf-options{gap:12px;margin:24px 0}
.lf-detective .lf-options button{min-height:59px;padding:17px 18px;border:1px solid #aaa;border-radius:9px;background:#ffffffb8;color:#171717;font-size:16px;line-height:1.3}
.lf-detective .lf-options button:hover{border-color:#171717;background:#f8f8f4}
.lf-detective .lf-options button.selected{background:#171717;color:#fff;border-color:#171717}
.lf-detective .lf-options strong{font-weight:400}
.lf-detective .lf-options small{color:inherit;opacity:.8}
.lf-detective .lf-check{display:block;flex-shrink:0;width:20px;height:20px;border:1px solid #888;border-radius:5px;font-size:0;color:#fff;text-align:center;line-height:19px}
.lf-detective .selected .lf-check{background:#fff;color:#171717;font-size:14px;border-color:#fff}
.lf-detective .lf-primary{background:#171717;border:1px solid #171717;color:#fff;border-radius:8px;min-height:55px;padding:16px;margin:20px 0;font-size:16px}
.lf-detective .lf-primary:disabled{background:#7c7b77;border-color:#7c7b77;opacity:.5}
.lf-detective .lf-image-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lf-detective .lf-image-options button{padding:0;min-height:0;border:1px solid #171717;border-radius:18px;overflow:hidden;box-shadow:0 10px 12px #00000012}
.lf-detective .lf-image-options img{display:block;aspect-ratio:130/115;width:100%;height:auto;object-fit:cover}
.lf-detective .lf-image-options button>span:not(.lf-check){position:absolute;bottom:0;left:0;width:100%;padding:30px 10px 12px;background:linear-gradient(0deg,#000d,transparent);color:#fff;font-size:14px;text-shadow:0 1px 3px #000}
.lf-detective .lf-image-options .lf-check{display:none}
.lf-detective .lf-image-options button.selected{box-shadow:0 0 0 3px #171717}
.lf-detective .lf-illustration{border-radius:9px;margin:20px auto;max-height:none;object-fit:contain}
.lf-detective .lf-content:has([data-lf="begin"]){display:flex;flex-direction:column;align-items:stretch;padding-top:7px}
.lf-detective .lf-content:has([data-lf="begin"]) h1{order:1;font:400 32px/1.13 var(--lf-serif);margin:18px auto 18px;max-width:340px}
.lf-detective .lf-content:has([data-lf="begin"]) .lf-kicker{order:2;margin:0 0 7px}
.lf-detective .lf-content:has([data-lf="begin"]) .lf-lead{order:3;font-size:15px;margin:0 auto 15px;max-width:320px}
.lf-detective .lf-content:has([data-lf="begin"]) .lf-illustration{order:4;width:calc(100% + 20px);max-width:none;align-self:center;border-radius:0;margin:0 -10px 10px}
.lf-detective .lf-content:has([data-lf="begin"]) .lf-primary{order:5;margin:8px 0 0}
.lf-detective .lf-content:has([data-lf="begin"])>.lf-small{order:6}
.lf-detective .lf-interlude-art{background-image:none;display:none}
.lf-detective .lf-content:has([data-lf="interlude-next"])>.lf-illustration{max-height:280px;object-fit:contain;margin:12px auto 20px}
.lf-detective .lf-content:has([data-lf="interlude-next"]) h1{font:400 29px/1.15 var(--lf-serif);margin-top:25px}
.lf-detective .lf-content:has([data-lf="quiz-begin"]) h1{font:400 29px/1.15 var(--lf-serif);margin:35px auto 24px}
.lf-detective .lf-loading-ring{border-color:#0002;border-top-color:#171717;color:#171717}
.lf-detective .lf-envelope{color:#171717}
.lf-detective #lf-email input{border:1px solid #d3d1cb;border-radius:20px;background:#fff;color:#171717}
.lf-detective .lf-content-wide{width:min(100% - 20px,900px)}
.lf-detective .ls-sales{--ls-gold:#171717;--ls-cream:#171717;--ls-border:#777;color:#171717}
.lf-detective .ls-sales a,.lf-detective .ls-sales .ls-text-button{color:#171717}
.lf-detective .ls-sales .ls-cta{background:#171717;color:#fff;border-color:#171717}
.lf-detective .ls-sales .ls-bordered,.lf-detective .ls-sales .ls-match-count,.lf-detective .ls-sales .ls-features,.lf-detective .ls-sales .ls-faq details{background:#ffffffb5;color:#171717;border-color:#8d8b86}
.lf-detective .ls-sales .ls-persona{color:#fff}
.lf-detective .ls-sales .ls-persona h3{color:#fff}
.lf-detective .ls-sales .ls-benefits li p,.lf-detective .ls-sales .ls-features p,.lf-detective .ls-sales .ls-faq details>p,.lf-detective .ls-sales .ls-showcase p,.lf-detective .ls-sales .ls-daily-note,.lf-detective .ls-sales .ls-renewal,.lf-detective .ls-sales .ls-payment-note,.lf-detective .ls-sales .ls-checkout-terms,.lf-detective .ls-sales .ls-guarantee p,.lf-detective .ls-sales .ls-footer-links,.lf-detective .ls-sales .ls-footer-links a{color:#3e3d39}
.lf-detective .ls-sales .ls-secure-checkout>p:first-child{color:#333;border-color:#777}
.lf-detective .ls-sales .ls-billing-availability{color:#38332a;background:#ffffffbd;border-color:#9c8d71}
.lf-detective .ls-sales .ls-benefits li>span{color:#2f742f}
.lf-detective .ls-sales .ls-paywall-title p strong{color:#171717}
.lf-detective .ls-sales .ls-plan.ls-selected{border-color:#171717;box-shadow:0 0 0 2px #17171733}
@media(max-width:480px){.lf-page.lf-detective{background-size:100% auto;background-attachment:fixed}.lf-detective .lf-header{height:78px}.lf-detective .lf-content:not(.lf-content-wide)>h1{font-size:21px}.lf-detective .lf-logo{font-size:32px}.lf-detective .lf-content:has([data-lf="begin"]) h1{font-size:30px}}

.lf-detective button,.lf-detective input{font-family:var(--lf-sans)}

/* The 21px quiz heading must not override the wide crime results/paywall. */
.lf-detective .lf-content .ls-summary h1{font:400 30px/1.08 var(--lf-serif)}
.lf-detective .ls-summary h2{font:400 31px/1.08 var(--lf-serif)}
.lf-detective .ls-sales .ls-synopses h3{font:700 18px/1.25 var(--lf-sans)}
.lf-detective .ls-sales .ls-persona h3{font:700 21px/1.2 var(--lf-sans)}
.lf-detective .ls-sales .ls-cta{font:400 16px/1.4 var(--lf-sans)}
.lf-detective .ls-sales .ls-benefits h2{font:400 20px/1 var(--lf-serif)}

/* Quiz controls measured from the rendered Detective source on2026-10-27. */
.lf-detective:not(.lf-wide):has(.lf-progress-row){--lf-sans:'Avenir Next','Segoe UI',sans-serif;background-attachment:local}
.lf-detective:not(.lf-wide):has(.lf-progress-row) .lf-header{height:88px;padding-top:0}
.lf-detective:not(.lf-wide):has(.lf-progress-row) .lf-logo{font-size:32px;line-height:27px;margin-top:22px}
.lf-detective:not(.lf-wide):has(.lf-progress-row) .lf-logo:after{font-size:14px;line-height:15px;margin-top:0}
.lf-detective:not(.lf-wide):has(.lf-progress-row) .lf-exit{display:none}
.lf-detective:not(.lf-wide):has(.lf-progress-row) .lf-content{width:min(100% - 32px,361px);padding-top:0;padding-bottom:44px}
.lf-detective:not(.lf-wide) .lf-progress-row{color:#171717;font:600 13px/13px var(--lf-sans)}
.lf-detective:not(.lf-wide) .lf-progress-row .lf-text{font:600 17px/17px var(--lf-sans)}
.lf-detective:not(.lf-wide) .lf-progress-row>span{border-radius:8px;background:#b5b4b2;color:#000;padding:5px 10px}
.lf-detective:not(.lf-wide) .lf-progress{height:6px;background:#b5b4b2;margin:10px 0 0}
.lf-detective:not(.lf-wide) .lf-progress i{background:#000}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-progress-row)>h1{max-width:322px;margin:40px auto 24px;font:400 21px/1.25 'Lorewish Crime Roboto','Avenir Next','Segoe UI',sans-serif;letter-spacing:-.42px;white-space:pre-line}
.lf-detective:not(.lf-wide) .lf-options{gap:16px;margin:24px 0 0}
.lf-detective:not(.lf-wide) .lf-options:not(.lf-image-options) button{min-height:0;padding:14px 18px;gap:12px;border:1px solid #000;border-radius:11px;background:#000;color:#fff;line-height:24px;box-shadow:0 16px 28px -18px #0000008c;transition:background-color .15s,transform .15s}
.lf-detective:not(.lf-wide) .lf-options:not(.lf-image-options) button>span:first-child{display:flex;align-items:center;gap:12px;flex:1}
.lf-detective:not(.lf-wide) .lf-options:not(.lf-image-options) strong{display:block;font:500 16px/1.22 var(--lf-sans)}
.lf-detective:not(.lf-wide) .lf-options .lf-option-icon{font-size:18px;line-height:1;flex-shrink:0}
.lf-detective:not(.lf-wide) .lf-options:not(.lf-image-options) button:hover{background:#141414;transform:translateY(-1px)}
.lf-detective:not(.lf-wide) .lf-options:not(.lf-image-options) button.selected{border-color:#fff;background:#fff;color:#171717;box-shadow:0 18px 32px -20px #0003;transform:none}
.lf-detective:not(.lf-wide) .lf-options .lf-check{display:none}
.lf-detective:not(.lf-wide) .lf-options button:focus-visible{outline:2px solid #000;outline-offset:2px}
.lf-detective:not(.lf-wide):has(.lf-progress-row) .lf-content:has(.lf-multi-actions){padding-bottom:calc(env(safe-area-inset-bottom) + 208px)}
.lf-detective .lf-content:has(.lf-multi-actions)>.lf-small{display:none}
.lf-detective .lf-multi-actions{position:fixed;inset:auto 0 0;z-index:20;pointer-events:none}
.lf-detective .lf-multi-actions:before{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,393px);height:168px;background:linear-gradient(to top,rgba(103,7,30,.98),rgba(133,14,42,.86) 36%,transparent)}
.lf-detective .lf-multi-dock{position:relative;width:min(100% - 28px,365px);margin:0 auto calc(env(safe-area-inset-bottom) + 20px);padding:10px;border:1px solid #ffffff29;border-radius:28px;background:linear-gradient(180deg,rgba(135,17,44,.88),rgba(90,7,29,.82));box-shadow:0 30px 56px -26px rgba(14,2,5,.92);backdrop-filter:blur(18px);pointer-events:auto}
.lf-detective .lf-multi-handle{display:block;width:48px;height:4px;margin:0 auto 10px;border-radius:999px;background:#ffffff38}
.lf-detective .lf-multi-actions .lf-primary{height:52px;min-height:52px;margin:0;padding:10px 24px;border:1px solid #fff;border-radius:11px;background:#fff;color:#171717;font:400 16px/24px 'Lorewish Crime Roboto','Avenir Next','Segoe UI',sans-serif;box-shadow:0 16px 28px -18px #0000003d}
.lf-detective .lf-multi-actions .lf-primary:disabled{background:#fff;border-color:#fff;opacity:.55;transform:scale(.985)}
.lf-detective:not(.lf-wide) .lf-image-options{gap:12px}
.lf-detective:not(.lf-wide) .lf-image-options button{border-color:#0000001a;background:#000;box-shadow:0 16px 28px -18px #00000073}
.lf-detective:not(.lf-wide) .lf-image-options button:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#000c,#00000026,transparent);pointer-events:none}
.lf-detective:not(.lf-wide) .lf-image-options button>span:not(.lf-check){z-index:1;background:none;padding:12px;text-shadow:0 3px 10px #000000b8}
.lf-detective:not(.lf-wide) .lf-image-options strong{display:block;white-space:pre-line;font:400 14px/1.15 'Lorewish Crime Roboto','Avenir Next','Segoe UI',sans-serif}

/* Loading and email measurements from the public Detective flow, 2026-10-27. */
.lf-detective[data-lf-stage="loading"] .lf-header,.lf-detective[data-lf-stage="email"] .lf-header{height:84px;padding:42px 0 0;align-items:flex-start}
.lf-detective[data-lf-stage="loading"] .lf-logo,.lf-detective[data-lf-stage="email"] .lf-logo{font-size:30px;line-height:27px;margin:0}
.lf-detective[data-lf-stage="loading"] .lf-logo:after,.lf-detective[data-lf-stage="email"] .lf-logo:after{font-size:14px;line-height:15px;margin:0}
.lf-detective[data-lf-stage="loading"] .lf-exit,.lf-detective[data-lf-stage="email"] .lf-exit{display:none}
.lf-detective[data-lf-stage="loading"] .lf-content{width:min(100% - 32px,330px);padding:0 0 28px}
.lf-detective[data-lf-stage="loading"] .lf-loading-orbit{width:210px;height:210px;margin:120px auto 44px;background:conic-gradient(#000 var(--lf-loading-progress),#0000002e 0)}
.lf-detective[data-lf-stage="loading"] .lf-loading-orbit:before{inset:17px;background:#e7e6e1}
.lf-detective[data-lf-stage="loading"] .lf-loading-orbit strong{font:400 58px/.9 var(--lf-serif);letter-spacing:-.04em}
.lf-detective[data-lf-stage="loading"] .lf-loading-orbit small{display:inline-block;margin:14px 0 0 4px;font:400 27px/1 var(--lf-serif);letter-spacing:normal}
.lf-detective[data-lf-stage="loading"] .lf-content>h1{max-width:322px;margin:0 auto;font:700 21px/1.15 'Lorewish Crime Roboto',sans-serif;letter-spacing:-.02em}
.lf-detective[data-lf-stage="loading"] .lf-lead{margin:34px 0 16px;color:#171717;font:400 21px/1.15 'Lorewish Crime Roboto',sans-serif}
.lf-detective[data-lf-stage="loading"] .lf-loading-art{width:330px;max-width:100%;height:218px;max-height:none;margin:0;border-radius:21px;object-fit:cover;box-shadow:0 20px 34px -20px #0005}
.lf-detective[data-lf-stage="email"] .lf-content{width:min(100% - 32px,332px);padding:135px 0 42px}
.lf-detective[data-lf-stage="email"] .lf-envelope{display:none}
.lf-detective[data-lf-stage="email"] .lf-content>h1{max-width:none;margin:0;font:400 34px/1.08 var(--lf-serif);letter-spacing:-.02em}
.lf-detective[data-lf-stage="email"] .lf-content>.lf-lead{margin:18px 0 0;color:#171717;font:700 21px/1.18 'Lorewish Crime Roboto',sans-serif;letter-spacing:-.03em}
.lf-detective[data-lf-stage="email"] #lf-email{margin-top:50px;font-family:'Lorewish Crime Roboto',sans-serif}
.lf-detective[data-lf-stage="email"] #lf-email label{margin:0 0 14px;text-align:center;font:700 21px/1.2 'Lorewish Crime Roboto',sans-serif;letter-spacing:-.03em}
.lf-detective[data-lf-stage="email"] #lf-email input{height:58px;border:1px solid #0000001f;border-radius:18px;padding:8px 28px;font:400 17px/24px 'Lorewish Crime Roboto',sans-serif;box-shadow:0 1px 2px #0000000d}
.lf-detective[data-lf-stage="email"] #lf-email-feedback{min-height:17.4px;margin:14px 0 0;color:#171717cc;font:600 12px/1.45 'Lorewish Crime Roboto',sans-serif}
.lf-detective[data-lf-stage="email"] #lf-email-feedback.lf-email-error{color:#a91d2f}
.lf-detective[data-lf-stage="email"] #lf-email input[aria-invalid="true"]{border-color:#a91d2f}
.lf-detective[data-lf-stage="email"] #lf-email .lf-primary{height:58px;min-height:58px;margin:168px 0 0;padding:10px 24px;border:1px solid #000;border-radius:18px;background:#000;color:#fff;font:400 17px/24px 'Lorewish Crime Roboto',sans-serif;box-shadow:0 18px 34px -22px #0000006b}
.lf-detective[data-lf-stage="email"] .lf-email-legal{margin:18px 0 0;color:#343434}

/* Public crime results: 500px shell, measured 143x204 cover cards. */
.lf-detective:has(.ls-summary) .lf-header{height:62px;max-width:500px;padding:20px 0 0;align-items:flex-start}
.lf-detective:has(.ls-summary) .lf-logo{font-size:30px;line-height:27px;margin:0}
.lf-detective:has(.ls-summary) .lf-logo:after{font-size:14px;line-height:15px;margin:0}
.lf-detective:has(.ls-summary) .lf-exit{display:none}
.lf-detective:has(.ls-summary) .lf-content-wide{width:min(100%,500px);padding:0}
.lf-detective .ls-summary{width:100%;max-width:500px;padding:36px 30px 42px}
.lf-detective .ls-summary>h1{max-width:360px;margin:0 auto;font:400 30px/1.08 var(--lf-serif);letter-spacing:-.02em}
.lf-detective .ls-summary>.ls-match-count{width:min(100%,320px);max-width:none;min-height:129.02px;margin:14px auto 0;padding:10px 24px;border:0;background:#d7d5d1;font:400 21px/1.18 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary>.ls-match-count strong{margin:0;font:700 58px/1 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary>.ls-section{margin:42px 0 0}
.lf-detective .ls-summary .ls-section>h2{margin:0 0 25px;font:400 31px/1.08 var(--lf-serif);letter-spacing:-.02em}
.lf-detective .ls-summary .ls-story-row{display:flex;justify-content:center;gap:11px;width:calc(100% + 60px);margin:0 -30px 24px;overflow:hidden}
.lf-detective .ls-summary .ls-story-cover{flex:0 0 143px;width:143px;height:204px;aspect-ratio:auto;border-radius:18px}
.lf-detective .ls-summary .ls-art>span{left:12px;right:12px;top:12px;font:400 21px/1.18 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-cta{min-height:58px;padding:15px 19px;border-radius:10px;font:400 16px/1.4 'Lorewish Crime Roboto',sans-serif;background:#000;border-color:#000}
.lf-detective .ls-summary>.ls-synopses{max-width:400px;margin:42px auto 0;padding:20px;border:0;border-radius:6px;background:#d8d2c8}
.lf-detective .ls-summary .ls-synopses article{margin:0 0 20px}
.lf-detective .ls-summary .ls-synopses h3{margin:0;font:700 18px/1.25 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-synopses p{margin:0;font:400 18px/1.28 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-synopsis-end{padding-top:0}
.lf-detective .ls-summary .ls-synopsis-end>strong{font:700 21px/1.2 'Lorewish Crime Roboto',sans-serif;margin-bottom:15px}
.lf-detective .ls-summary .ls-persona{width:min(100%,320px);min-height:248px;aspect-ratio:auto;margin:0 auto 30px;padding:20px 20px 10px;border:0;border-radius:10px}
.lf-detective .ls-summary .ls-persona:last-child{margin-bottom:0}
.lf-detective .ls-summary .ls-persona>span{max-width:220px;font:400 21px/1.2 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-persona h3{margin:0 0 12px;font:700 21px/1.2 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-persona p{font:400 16px/1.32 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-preview{width:min(100%,400px);margin:0 auto;border:0;background:#d8d2c8;border-radius:6px}
.lf-detective .ls-summary .ls-scene-art{height:174px;min-height:174px}
.lf-detective .ls-summary .ls-preview-copy{padding:20px}
.lf-detective .ls-summary .ls-preview-copy p{margin:0 0 20px;font:400 18px/1.28 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-preview-copy .ls-choose{font:700 18px/1.28 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-preview .ls-cta+.ls-cta{margin-top:14px}
.lf-detective .ls-summary .ls-summary-close>p{max-width:380px;margin:0 auto 30px;font:400 18px/1.35 'Lorewish Crime Roboto',sans-serif}
@media(max-width:400px){.lf-detective .ls-summary{padding-left:22px;padding-right:22px}.lf-detective .ls-summary .ls-story-row{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px}.lf-detective .ls-summary .ls-section>h2{font-size:28px}}
.lf-detective .ls-summary>.ls-synopses{position:relative;height:503.16px;padding-bottom:140px}
.lf-detective .ls-summary .ls-synopses article:nth-child(3){filter:blur(2px);user-select:none}
.lf-detective .ls-summary .ls-synopsis-end{position:absolute;left:20px;right:20px;bottom:20px;padding-top:40px;background:linear-gradient(to top,#d8d2c8 70%,transparent)}
.lf-detective .ls-summary .ls-synopsis-end>strong{margin:0;font:700 41px/1 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-synopsis-count-label{display:block;margin-bottom:15px;font:700 21px/1.2 'Lorewish Crime Roboto',sans-serif}
.lf-page.lf-detective:has(.ls-summary){background:#e7e5e1 url('/assets/funnel-detective-summary-background-v23.png') center top/100% auto no-repeat;background-repeat:no-repeat space;background-attachment:local}
.lf-detective .ls-summary .ls-preview{width:min(100%,320px);background:transparent}
.lf-detective .ls-summary .ls-scene-art{height:auto;min-height:0;aspect-ratio:648/362}
.lf-detective .ls-summary .ls-scene-art:after{inset:auto 0 0;height:50px;background:linear-gradient(to top,#e7e5e1 41%,transparent)}
.lf-detective .ls-summary .ls-preview-copy{padding:0 27px 27px;border:1px solid #000;border-top:0;border-radius:0 0 10px 10px;background:#e7e5e1}
.lf-detective .ls-summary .ls-preview-copy p{margin:0 0 21px;font:italic 400 16px/1.4 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-preview-copy .ls-choose{margin:21px 0 15px;font:400 16px/1.4 'Lorewish Crime Roboto',sans-serif}
.lf-detective .ls-summary .ls-preview .ls-cta+.ls-cta{margin-top:15px}
.lf-detective .ls-summary .ls-preview-copy{margin-top:-1px}
/* The investigator is a full-height background silhouette, not an inline card. */
.lf-detective:not(.lf-wide):has(.lf-illustration[src*="detective-investigator"]){isolation:isolate}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-investigator"]){min-height:calc(100% - 88px);padding-bottom:44px}
.lf-detective:not(.lf-wide) .lf-content:has([data-lf="interlude-next"])>.lf-illustration[src*="detective-investigator"]{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:400px;max-width:100%;height:auto;max-height:none;border-radius:0;margin:0;opacity:.88;z-index:-1;pointer-events:none}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-investigator"])>h1{margin-top:40px;white-space:pre-line}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-investigator"])>.lf-lead{max-width:322px;margin:16px auto 0;font:600 16px/21.6px 'Lorewish Crime Roboto',sans-serif}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-investigator"])>.lf-primary{margin:240px 0 0;min-height:52px;height:52px;padding:10px 24px;font:400 16px/24px 'Lorewish Crime Roboto',sans-serif;border-radius:11px;background:#000}
/* Illustrated choice screens place the first card 16px below the artwork. */
.lf-detective:not(.lf-wide) .lf-content:has(.lf-options)>.lf-illustration{margin-bottom:16px}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-options)>.lf-illustration+.lf-options{margin-top:16px}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-investigator"])>h1{margin-bottom:16px}
/* The second interlude uses the same backdrop composition with crossed tape. */
.lf-detective:not(.lf-wide):has(.lf-illustration[src*="detective-keep-out"]){isolation:isolate}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-keep-out"]){min-height:calc(100% - 88px);padding-bottom:44px}
.lf-detective:not(.lf-wide) .lf-content:has([data-lf="interlude-next"])>.lf-illustration[src*="detective-keep-out"]{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:468px;max-width:none;height:auto;max-height:none;border-radius:0;margin:0;z-index:-1;pointer-events:none}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-keep-out"])>h1{margin-top:40px;margin-bottom:16px;white-space:pre-line}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-keep-out"])>.lf-lead{max-width:322px;margin:16px auto 0;font:600 16px/21.6px 'Lorewish Crime Roboto',sans-serif}
.lf-detective:not(.lf-wide) .lf-content:has(.lf-illustration[src*="detective-keep-out"])>.lf-primary{margin:24px 0 0;min-height:52px;height:52px;padding:10px 24px;font:400 16px/24px 'Lorewish Crime Roboto',sans-serif;border-radius:11px;background:#000}

/* Keep the intensity interlude quiet so its copy stays legible. */
.lf-page.lf-detective:not(.lf-wide):has(.lf-illustration[src*="detective-keep-out"]){background:#e7e6e1}
.lf-detective:not(.lf-wide) .lf-content>.lf-illustration[src*="detective-keep-out"]{display:none}