@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#182920;background:#f5f3eb}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.shell{max-width:1180px;margin:auto;padding:0 24px}.top{background:#172b22;color:white}.nav{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:23px;padding-bottom:23px}.brand{font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.nav a:last-child{font-size:14px;color:#d8e1d6}.hero{padding:62px 0 67px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#e5c48d;font-weight:700}.hero h1,h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500}.hero h1{font-size:clamp(43px,6vw,76px);line-height:1.08;max-width:860px;margin:13px 0}.hero p{max-width:750px;line-height:1.7;color:#dbe3d8;font-size:17px}.content{padding-top:42px;padding-bottom:80px}.content h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:14px 0}.content h2{font-size:32px;margin:40px 0 14px}.intro{font-size:17px;line-height:1.7;max-width:780px;color:#4c5e52}.crumb{font-size:13px;color:#566b5a}.crumb a{text-underline-offset:3px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.chip{border:1px solid #aabbb0;border-radius:50px;padding:10px 14px;text-decoration:none;background:white;font-size:14px}.chip:hover,.chip.active{background:#19382a;color:white}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.toolbar input{background:#fff;border:1px solid #a9b8a8;padding:13px 15px;min-width:min(350px,100%);font-size:16px}.toolbar button{border:1px solid #8da18e;background:#fff;padding:12px;cursor:pointer}.toolbar button[aria-pressed=true]{background:#19382a;color:#fff}.count,.muted{font-size:13px;color:#607266}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.fact,.callout{background:white;border:1px solid #dee5db;padding:24px}.card{display:flex;flex-direction:column;min-height:240px}.card .tag{font-size:11px;color:#78694f;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.card h3{font-size:27px;line-height:1.1;margin:20px 0 7px}.card p{line-height:1.55;margin:0 0 12px;color:#45574c}.card .city{font-size:13px;color:#6a786d}.links{display:flex;flex-wrap:wrap;gap:13px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:700}.links a{text-underline-offset:4px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.fact h2{font:700 12px 'DM Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7e6946;margin:0 0 9px}.fact p{line-height:1.6;margin:0}.callout{line-height:1.65;margin:28px 0;background:#e8ecdf}.cta{display:inline-block;background:#19382a;color:white;padding:13px 17px;text-decoration:none;margin:6px 10px 6px 0}.footer{border-top:1px solid #dce3da;color:#596e60;padding:26px 0;font-size:13px;line-height:1.6}.footer a{text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b4823e;outline-offset:3px}@media(max-width:780px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.grid,.facts{grid-template-columns:1fr}.nav{align-items:start;flex-direction:column}.hero{padding:43px 0}.content{padding-top:28px}.toolbar input{width:100%}}
[hidden]{display:none!important}select{font:inherit;padding:13px;background:white;border:1px solid #a9b8a8}
/* Field-notes visual system */
:root{font-family:'DM Sans',Arial,sans-serif;color:#233426;background:#f6f2e7}body{background:#f6f2e7}
.top{background:#20362c}.nav{position:relative;z-index:3;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ffffff3b}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.085em}.brand img{width:42px;height:42px}.nav a:last-child{color:#f4ddb1;font-weight:700}
.hero{position:relative;padding:100px 0 115px;min-height:520px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15261ddd 0%,#203324b8 42%,#17251d0a 100%),url('/hero-editorial.webp') center 54%/cover;z-index:-1}.hero .eyebrow{color:#f2ca7b}.hero h1{font-size:clamp(55px,7vw,100px);max-width:770px;letter-spacing:-.045em;line-height:.98;margin:25px 0}.hero p{max-width:545px;color:#fff8e9;line-height:1.6}.hero .stamp{margin-top:24px;display:inline-block;padding:10px 16px;border:1px solid #f2d6a8;color:#f2d6a8;border-radius:50%;transform:rotate(-5deg);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.content{padding-top:52px}.content h1,.content h2,.card h3{letter-spacing:-.035em}.content h2{margin-top:48px}.intro{color:#526155}.crumb a{color:#425d48}.chip{border-radius:0;border:1px solid #bdc3aa;background:#fffdf7;box-shadow:3px 3px 0 #ddd7bf;transition:transform .18s,box-shadow .18s}.chip:hover,.chip.active{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #bdac76;background:#e9b962;color:#1a3026}.toolbar{background:#ece6d4;border:1px solid #dad2b9;padding:15px;margin:30px 0 10px}.toolbar input,.toolbar select{background:#fffdf7;border-color:#b6bea9}.toolbar button{background:#e9b962;color:#1e3428;border:1px solid #1e3428;font-weight:700;cursor:pointer}.toolbar button:hover{background:#f4ce85}.toolbar .secondary{background:#fffdf7}.toolbar .secondary[aria-pressed=true]{background:#20382b;color:#fff}
.grid{gap:18px}.card{position:relative;background:#fffdf7;border-color:#ded9c8;box-shadow:5px 5px 0 #e3dcc6;overflow:hidden;padding-top:0;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:7px 9px 0 #c9bea1}.card:before{content:"";display:block;height:88px;margin:0 -24px 20px;background:radial-gradient(circle at 80% 55%,#e7b96f 0 22px,transparent 23px),repeating-linear-gradient(118deg,transparent 0 26px,#ffffff16 27px 29px),linear-gradient(110deg,#395b43,#89a276)}.card[data-region="Los Angeles"]:before{background:radial-gradient(circle at 77% 53%,#f6cc75 0 23px,transparent 24px),linear-gradient(130deg,#714a41,#d48b65)}.card[data-region="Orange County"]:before{background:radial-gradient(circle at 77% 53%,#e9b962 0 23px,transparent 24px),linear-gradient(130deg,#2e6360,#9ebbb0)}.card[data-region="San Diego"]:before{background:radial-gradient(circle at 77% 53%,#f0c679 0 23px,transparent 24px),linear-gradient(130deg,#415d91,#8faac1)}.card[data-region="Inland Empire"]:before{background:radial-gradient(circle at 77% 53%,#e1ab6f 0 23px,transparent 24px),linear-gradient(130deg,#79564a,#ba8764)}.card[data-region="Coachella Valley"]:before{background:radial-gradient(circle at 77% 53%,#f2c77d 0 23px,transparent 24px),linear-gradient(130deg,#984d50,#dc9a82)}.card h3{margin:14px 0 8px}.card .links a:first-child{background:#20382b;color:white;text-decoration:none;padding:10px 12px}.card .links a:first-child:hover,.cta:hover{background:#3d5a43}.card .tag{letter-spacing:.14em}.save{position:absolute;top:16px;left:16px;border:1px solid #ffffffa6;background:#19382ae8;color:white;padding:8px 10px;cursor:pointer;font-size:12px;font-weight:700}.save[aria-pressed=true]{background:#e9b962;color:#172a20;border-color:#e9b962}.save:hover{filter:brightness(1.1)}
.fact{background:#fffdf7;border-color:#ded9c8}.callout{background:#e8e4cd;border-left:5px solid #bd874c}.cta{background:#20382b}.footer{background:#1b2e25;color:#efe8d8;border-top:0}.footer a{color:#f2c77d}.guide-header{background:#e7d8b8;padding:40px 24px;margin:-42px -24px 35px;position:relative;overflow:hidden}.guide-header:after{content:"☕";position:absolute;right:6%;top:12px;font-size:130px;opacity:.16;transform:rotate(-15deg)}.guide-header h1{max-width:720px;position:relative;z-index:1}.guide-header .intro{position:relative;z-index:1}.eyeline{font:700 12px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#a16942}
.spotlight{background:#20382b;color:white;padding:28px;margin:34px 0;display:flex;align-items:center;gap:24px;justify-content:space-between}.spotlight p{line-height:1.55;color:#e2dfcd}.spotlight a{white-space:nowrap;background:#e9b962;color:#20382b;padding:12px 16px;text-decoration:none;font-weight:700}.about-copy{max-width:760px;line-height:1.75;font-size:17px}.about-copy h2{margin-bottom:4px}
@media(max-width:650px){.hero{min-height:520px;padding:85px 0}.hero:before{background:linear-gradient(90deg,#15261de8,#17251d58),url('/hero-editorial.webp') 61% center/cover}.hero h1{font-size:55px}.spotlight{display:block}.spotlight a{display:inline-block}.guide-header{margin:-28px -24px 25px}.toolbar input{min-width:100%}.nav a:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){.card,.chip{transition:none}}