:root{--ink:#19372f;--green:#244d40;--lime:#d8eb91;--cream:#f6f5ee;--muted:#59665f;--line:#d5dbd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b45c2b;outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.disclosure{background:var(--ink);color:#fff;padding:10px 5%;font-size:10px;letter-spacing:1px;text-align:center}.disclosure span{margin-left:18px;letter-spacing:.3px}header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:13px;font-size:16px;line-height:1.2;text-decoration:none}.mark{border:1px solid var(--ink);padding:13px 9px;font-weight:700;font-size:21px}.mark span{font-size:14px}.header-link{font-size:14px;text-underline-offset:5px}.header-link span{margin-left:16px}main{max-width:1240px;margin:auto}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.08}h1{font-size:clamp(44px,5.1vw,69px);margin-bottom:25px}h1 em{font-weight:400;color:#567355}h2{font-size:44px}h3{font-size:19px;line-height:1.35}.hero{padding:45px 40px 65px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;margin-bottom:24px}.dot{display:inline-block;background:#617a43;width:7px;height:7px;border-radius:50%;margin-right:7px}.lead{font-size:18px;max-width:490px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:white;padding:17px 24px;border:0;border-radius:5px;text-decoration:none;font-weight:600;cursor:pointer;min-height:52px}.button:hover{background:#173b30}.button:disabled{opacity:.6;cursor:wait}.micro{font-size:12px;color:var(--muted);margin-top:12px}.hero-note{border-top:1px solid var(--line);margin-top:36px;padding-top:18px}.hero-note span{font-size:9px;letter-spacing:1.5px}.hero-note p{font-family:Georgia,serif;font-size:20px;margin:8px 0 0}.hero-art{height:510px;background:#cbd5bd;border-radius:140px 140px 8px 8px;overflow:hidden;position:relative;isolation:isolate}.sun{position:absolute;top:48px;right:45px;width:123px;height:123px;background:#eef1cf;border-radius:50%}.road{position:absolute;border:48px solid #819978;border-radius:50%;width:620px;height:760px;transform:rotate(35deg);top:135px;left:-318px}.r2{width:660px;height:810px;left:-193px;top:149px;border-color:#a4b394;border-width:68px}.art-label{position:absolute;top:47px;left:35px;font:24px/1.3 Georgia,serif;z-index:1}.art-label strong{font-weight:400;font-style:italic}.art-foot{position:absolute;bottom:0;width:100%;padding:23px;background:#254d40;color:#fff;font-size:10px;letter-spacing:1.2px;display:flex;justify-content:space-between}.trust{margin:0 40px;display:grid;grid-template-columns:1fr 1fr 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:32px}.trust strong,.trust span{display:block}.trust strong{font-size:16px}.trust span{font-size:12px;color:var(--muted);margin-top:5px}.intake-wrap{padding:95px 40px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.intake-copy>p{color:var(--muted)}.small-card{padding:24px;border:1px solid var(--line);border-radius:7px;margin:28px 0}.small-card>span{font-size:25px}.small-card h3{margin:10px 0}.small-card p{font-size:14px;margin:0}.fine{font-size:12px;color:var(--muted)}.paper{background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px;box-shadow:0 16px 50px #19372f08}.quiz{align-self:start;min-height:495px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.progress{height:4px;background:#edf0e8;margin-bottom:30px}.progress span{height:100%;display:block;background:#6b874b;transition:width .2s}.quiz h2{font-family:inherit;font-size:25px;letter-spacing:-.6px;line-height:1.25;margin-bottom:12px}.options{display:grid;gap:10px;margin:25px 0}.option{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:6px;cursor:pointer;min-height:52px}.option:has(input:checked){border-color:var(--green);background:#f0f5e5}.option input{accent-color:var(--green);width:18px;height:18px}.quiz-actions{display:flex;justify-content:space-between;gap:15px;margin-top:24px}.back{background:none;border:0;color:var(--muted);padding:10px;cursor:pointer}.quiz .button{flex:1}.field{display:block;font-size:13px;font-weight:600;margin:17px 0}.field input,.field select{width:100%;padding:12px;margin-top:5px;border:1px solid #aebaae;border-radius:5px;background:white;color:var(--ink)}.check{display:flex;gap:12px;font-size:12px;line-height:1.55;margin:19px 0}.check input{flex-shrink:0;width:18px;height:18px;accent-color:var(--green)}.error{color:#9a2828;font-size:14px}.hp{position:absolute;left:-9999px}.steps{background:var(--green);color:#fff;margin:0 40px;padding:50px;border-radius:10px}.steps h2{margin-bottom:40px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.columns article>span{color:var(--lime);font-size:12px}.columns h3{margin-top:20px}.columns p{font-size:14px;color:#d6e0d7}.faq{padding:85px 40px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600;min-height:30px}details p{font-size:14px;color:var(--muted);margin:14px 0 0}.legal{padding:0 40px 50px}.legal summary{font-size:13px}footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:25px;font-size:12px}footer .brand{font-size:16px;align-self:start}address{font-style:normal}.thanks{max-width:800px;padding:70px 40px;margin:auto}.thanks .paper{margin:30px 0}.thanks h2{font-size:30px}.thanks li{padding-bottom:15px}.thanks .paper p{font-size:14px}fieldset{border:0;padding:0;margin:0}legend{width:100%}@media(max-width:800px){header{padding:20px}.disclosure span{display:block;margin:3px 0 0;font-size:9px}.hero{padding:30px 24px 40px;gap:25px}.hero-art{height:420px}.art-label{font-size:18px;left:22px}.trust{margin:0 24px;gap:20px}.intake-wrap{padding:65px 24px;gap:30px}.paper{padding:25px}.faq{padding:60px 24px;gap:30px}.steps{margin:0 24px;padding:32px}.legal{padding:0 24px 35px}footer{margin:0 24px}.columns{gap:20px}}@media(max-width:600px){.header-link{font-size:12px}.brand{font-size:13px}.hero{grid-template-columns:1fr}.hero-art{height:260px;border-radius:90px 90px 6px 6px}.art-label{top:33px}.sun{top:25px;right:35px;width:90px;height:90px}.road{top:70px}.r2{top:60px}.hero-note{display:none}.hero .button{width:100%}.trust{grid-template-columns:1fr;padding:22px 0;gap:20px}.trust span{max-width:360px}.intake-wrap{grid-template-columns:1fr;padding-top:50px;gap:22px}.intake-copy h2{font-size:38px}.small-card{margin:20px 0}.columns,.faq{grid-template-columns:1fr}.steps h2,.faq h2{font-size:36px}.columns{gap:15px}.columns h3{margin-top:8px}.faq{gap:5px}footer{grid-template-columns:1fr;gap:10px}.thanks{padding:45px 24px}.quiz{min-height:430px}.check{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* InjurylawfirmLA.com visual direction — version 1.1 */
@font-face{font-family:'Bebas Neue';src:url('bebas-neue.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Kumbh Sans';src:url('kumbh-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1c1c1c;--green:#b43838;--lime:#f17d7d;--cream:#fff;--muted:#565656;--line:#dedede}
body{font-family:'Kumbh Sans',Arial,sans-serif;background:#fff}.disclosure{background:#151515;color:#ddd;border-bottom:1px solid #ffffff26;font-size:10px}
header{max-width:none;padding:27px max(5%,calc((100vw - 1160px)/2));background:#25262a;color:#fff;border-bottom:1px solid #ffffff29;min-height:110px}
.brand{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:25px;letter-spacing:1px;line-height:1}.brand strong{font-weight:400}.mark{border:0;background:#b94747;color:white;font:30px 'Bebas Neue','Arial Narrow',sans-serif;padding:12px 15px}.header-contact{text-align:right}.header-contact a{display:block;font-size:23px;font-weight:800;text-decoration:none;line-height:1.3}.header-contact>span{font-size:10px;letter-spacing:1.6px;color:#ddd}
main{max-width:none}h1,h2{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:1.8px;font-weight:400}h1{font-size:clamp(57px,6.5vw,91px);line-height:1.04;margin-bottom:24px}h1 em{font-style:normal;color:#fff}h2{font-size:52px;line-height:1.08}h3{font-weight:700}.eyebrow{letter-spacing:2.4px;font-size:11px}.dot{background:#ec8484}
.hero{display:block;position:relative;text-align:center;padding:66px 24px 46px;background:linear-gradient(180deg,rgba(18,23,32,.58),rgba(18,19,23,.51)),url('la-skyline.png') center 52%/cover;color:white}.hero>div{max-width:920px;margin:auto}.hero .lead{color:#fff;max-width:630px;margin:0 auto 28px;font-size:18px}.hero .eyebrow{margin-bottom:22px;color:#fff}.button{border-radius:0;background:#b43838;border:1px solid #d89090;font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:700;padding:17px 26px;box-shadow:0 0 0 3px #ffffff28}.button:hover{background:#8f2a2a}.hero .button{font-size:16px;min-height:60px}.hero .micro{color:#fff;font-size:12px;margin:17px 0}.hero-note{display:flex;justify-content:center;align-items:center;gap:24px;border-top:1px solid #ffffff50;margin:29px auto 0;padding-top:22px;max-width:650px}.hero-note span{font-size:9px;letter-spacing:1.4px;text-align:left;max-width:115px}.hero-note img{width:285px;height:auto;object-fit:contain}.hero-art{display:none}
.trust{margin:0;background:#181818;color:#fff;padding:28px max(5%,calc((100vw - 1160px)/2));border:0;gap:28px;grid-template-columns:1fr 1fr 1.3fr}.trust>div{border-left:2px solid #b84a4a;padding-left:20px}.trust strong{font-family:'Bebas Neue',Impact,sans-serif;font-size:26px;letter-spacing:1px;font-weight:400}.trust span{color:#ddd;font-size:12px}
.intake-wrap{max-width:1240px;margin:auto;padding:88px 40px;gap:75px}.intake-copy .eyebrow{color:#aa3434}.intake-copy h2:after,.faq h2:after{content:'';display:block;background:#b43838;width:72px;height:3px;margin-top:25px}.small-card{border-radius:0;border-left:3px solid #b43838;background:#f6f6f6}.small-card>span{color:#ad3737}.paper{border-radius:0;box-shadow:0 10px 36px #0000000c;border:1px solid #ddd;border-top:4px solid #b43838}.progress span{background:#b43838}.progress{background:#eee}.quiz h2{font-family:'Kumbh Sans',Arial,sans-serif;letter-spacing:-.3px;text-transform:none;font-size:25px;font-weight:700}.option{border-radius:0}.option:has(input:checked){border-color:#b43838;background:#fbf0f0}.option input,.check input{accent-color:#b43838}.field input,.field select{border-radius:0;border-color:#aaa}.quiz .button{font-size:12px;letter-spacing:.7px;box-shadow:none}.back{font-size:13px}.small-card p{color:#444}
.steps{margin:0;padding:65px max(5%,calc((100vw - 1160px)/2));border-radius:0;background:#242424}.steps .eyebrow{color:#ef9393}.steps h2{font-size:55px}.columns article>span{color:#ed8181;font-family:'Bebas Neue',Impact,sans-serif;font-size:34px}.columns h3{margin-top:10px}.columns p{color:#ddd}.faq{max-width:1240px;margin:auto;padding:80px 40px}.faq .eyebrow{color:#aa3434}.legal{max-width:1240px;margin:auto;padding:0 40px 55px}.legal summary{font-size:14px}footer{max-width:none;margin:0;padding:45px max(5%,calc((100vw - 1160px)/2));background:#171717;color:#eee;border:0}footer .brand{font-size:25px}footer .fine{color:#bcbcbc}footer a{color:#fff}.thanks{max-width:850px}.thanks h1{font-size:72px}.thanks .eyebrow{color:#a33}.thanks .paper h2{font-size:36px}.thanks .button{box-shadow:none}
@media(max-width:800px){header{padding:22px 24px}.hero{padding-top:48px}.intake-wrap{padding:60px 24px;gap:30px}.trust{padding:25px 24px;gap:20px}.trust>div{padding-left:12px}.trust strong{font-size:23px}.faq{padding:60px 24px}.legal{padding:0 24px 40px}.steps{padding:45px 24px}footer{padding:35px 24px}.hero-note{display:flex}.thanks h1{font-size:60px}}
@media(max-width:600px){header{padding:20px;min-height:92px}.brand{font-size:21px;gap:9px}.mark{font-size:26px;padding:9px 12px}.header-contact a{font-size:16px}.header-contact>span{font-size:8px;letter-spacing:.8px}.disclosure{font-size:9px;padding:9px 16px;letter-spacing:.6px}.disclosure span{font-size:8px;line-height:1.5}.hero{padding:45px 22px 29px;background-position:59% center}.hero h1{font-size:54px;letter-spacing:1.4px}.hero .lead{font-size:16px;line-height:1.6}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero .button{font-size:13px;padding:16px 13px}.hero-note{gap:15px;max-width:100%;margin-top:26px}.hero-note img{width:210px;max-width:68%;height:auto}.hero-note span{font-size:8px;letter-spacing:.7px;max-width:85px}.trust{gap:19px;grid-template-columns:1fr;padding:26px 24px}.trust>div{padding-left:17px}.trust strong{font-size:25px}.intake-wrap{padding-top:47px}.intake-copy h2{font-size:44px;letter-spacing:1px}.quiz h2{font-size:24px}.paper{padding:25px 20px}.quiz .button{letter-spacing:.2px;font-size:11px;padding:16px 12px}.steps h2,.faq h2{font-size:44px}.columns{gap:18px}.columns article{border-top:1px solid #ffffff25;padding-top:20px}footer .brand{font-size:26px}.thanks h1{font-size:53px}.thanks .button{font-size:12px}}
@media(max-width:350px){.header-contact a{font-size:13px}.brand{font-size:19px}.mark{padding:8px 10px}.hero h1{font-size:47px}.hero-note img{max-width:65%}}

@media(max-width:600px){.hero h1{font-size:clamp(35px,10.8vw,48px);letter-spacing:1px}}

/* Questionnaire alongside the hero; below its introduction on mobile. */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start;text-align:left;padding:50px max(5%,calc((100vw - 1160px)/2))}.hero>div{max-width:none;width:100%;margin:0}.hero h1{font-size:clamp(48px,4.5vw,66px)}.hero .lead{margin:0 0 24px}.hero .quiz{color:var(--ink);text-align:left;min-height:0}.hero .quiz h2{font-size:25px}.hero .quiz .button{font-size:12px;min-height:52px}.hero-note{justify-content:flex-start;gap:16px}.hero-note img{width:235px}.hero-note span{max-width:95px}.intake-wrap{display:block;padding-top:55px;padding-bottom:55px}.intake-copy{max-width:850px;margin:auto}.intake-copy h2 br{display:none}.intake-copy h2 br:after{content:' '}.hero .quiz .fine{color:var(--muted)}
@media(max-width:800px){.hero{gap:25px;padding:36px 24px}.hero h1{font-size:48px}.hero-note{flex-wrap:wrap}.hero-note img{max-width:100%}.hero .paper{padding:24px 20px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding:30px 20px;gap:25px}.hero h1{font-size:42px;line-height:1.05;margin-bottom:16px}.hero .eyebrow{margin-bottom:16px}.hero .lead{font-size:15px;margin-bottom:0}.hero-copy>.button,.hero-copy>.micro,.hero-note{display:none}.hero .quiz{background:#fff}.hero .quiz h2{font-size:23px}.intake-copy h2{font-size:38px}.header-contact .header-link{font-size:14px}.intake-wrap{padding:40px 24px}}
