@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--navy:#102739;--gold:#b98b35;--ink:#172c3b;--paper:#faf8f3;--line:#dedbd2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}a:hover{color:#966d24}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header,main,footer{max-width:1440px;margin:auto}.top{display:flex;justify-content:space-between;letter-spacing:2px;font-size:10px;padding:12px 6%;background:var(--navy);color:#fff}.top a{letter-spacing:1px;text-decoration:none}.mast{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid var(--line)}.wordmark{font:bold 46px/.85 Georgia,serif;text-decoration:none;letter-spacing:-2px}.wordmark span,.footmark span{color:var(--gold)}.wordmark small{display:block;font:11px/1.5 Georgia,serif;letter-spacing:3.6px;margin-top:12px;text-align:center;color:var(--ink)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{text-decoration:none}.navbutton{border:1px solid var(--ink);padding:10px 18px}.cover{padding:28px 6% 0}.cover img{width:100%;height:auto;display:block}.tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8a6427}.feature{padding:48px 6% 60px;display:grid;grid-template-columns:2.2fr 1fr;gap:65px;border-bottom:1px solid var(--line)}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.08;margin:16px 0 24px}h1{font-size:clamp(40px,4.3vw,66px);letter-spacing:-1.8px}h1 a{text-decoration:none}h1 em{color:#8c692d;font-style:normal}.deck{font-size:18px;max-width:720px;color:#465560;line-height:1.7}.meta{color:#68747c;font-size:11px;letter-spacing:.2px}.button{display:inline-block;background:var(--navy);color:white;text-decoration:none;padding:13px 23px;font-size:12px;margin-top:20px}.button:hover{background:#244455;color:#fff}.feature aside{border-left:1px solid var(--line);padding:12px 0 0 35px}.feature aside h2{font-size:34px}.feature aside p{font-size:14px;color:#57636a}.feature aside a{font-size:12px}.collection{padding:55px 6% 64px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.sectionhead h2{font-size:39px;margin-bottom:0}.sectionhead>a{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.story{border-top:3px solid var(--navy);padding-top:23px}.story h3{font-size:32px}.story h3 a{text-decoration:none}.story p{font-size:14px;color:#56636b}.read{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:23px;font-size:12px;text-decoration:none}.read span{font-size:20px;color:var(--gold)}.bottomcta{margin:0 6% 60px;background:#eae6dc;padding:40px 50px;position:relative}.bottomcta h2{font-size:45px}.bottomcta p{max-width:650px}.bottomcta .button{position:absolute;right:50px;bottom:45px}footer{background:var(--navy);color:#c5cdd1;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:45px 6%;font-size:12px}footer p{margin:10px 0}.footmark{font:32px Georgia,serif;text-decoration:none;color:white}.pageintro{padding:60px 6% 25px;border-bottom:1px solid var(--line)}.pageintro h1{font-size:60px}.pageintro p{max-width:650px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.filters button,.articletools button{border:1px solid var(--line);padding:8px 18px;background:transparent;cursor:pointer;font-size:12px}.filters button[aria-pressed=true]{color:white;background:var(--navy);border-color:var(--navy)}.searchlabel{display:block;font-size:12px;margin-bottom:6px}input[type=search]{width:min(480px,100%);padding:12px;background:white;border:1px solid #bcc3c7}#count{margin:20px 0 30px}.article{max-width:820px;padding:65px 30px 85px}.article h1{font-size:61px}.article h2{font-size:35px;margin-top:44px}.article p,.article li{font-family:Georgia,serif;font-size:19px;line-height:1.85}.article .meta{font-family:'DM Sans',sans-serif;font-size:12px}.articletools{display:flex;gap:12px;align-items:center;margin:30px 0 40px;border-bottom:1px solid var(--line);padding-bottom:22px}.articletools span{font-size:12px}.article blockquote{font:34px/1.3 'Libre Caslon Display',Georgia,serif;border-left:3px solid var(--gold);margin:40px 0;padding:12px 0 12px 28px}.article .signature{font-size:15px;color:#8a6427}.articleend{border-top:1px solid var(--line);padding-top:25px;margin-top:45px}.follow{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding:50px 6% 80px;align-items:start}.follow img{width:100%;max-width:360px}.follow h2{font-size:35px;margin-top:25px}.skip{position:absolute;top:-100px;background:#fff;padding:10px;z-index:50}.skip:focus{top:0}[hidden]{display:none!important}@media(max-width:750px){.mast{align-items:start;padding:25px 6%;gap:25px;flex-direction:column}nav{gap:22px;flex-wrap:wrap}.wordmark{font-size:39px}.cover{padding-top:20px}.feature{grid-template-columns:1fr;gap:30px;padding-top:30px}.feature aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.grid{grid-template-columns:1fr;gap:40px}.sectionhead{align-items:start;flex-direction:column}.bottomcta{padding:30px}.bottomcta .button{position:static}.bottomcta h2{font-size:38px}footer{grid-template-columns:1fr;gap:20px}.article{padding:40px 7%}.article h1{font-size:43px;letter-spacing:-.8px}.article p,.article li{font-size:18px}.pageintro h1{font-size:44px}.follow{grid-template-columns:1fr;gap:20px}.follow img{max-width:220px}.top{font-size:8px;letter-spacing:1px}}@media print{header,footer,.articletools,.skip{display:none}.article{max-width:none;padding:0}body{background:white}.article h1{font-size:32px}.article p,.article li{font-size:12pt}}


/* Complete responsive panorama: no fixed-height clipping. */
.cover-header{width:100%;max-width:none;background:#102739}
.cover-home{display:block;height:auto;max-height:none;min-height:0;overflow:visible}
.cover-home img{display:block;width:100%;height:auto;max-height:none;min-height:0;object-fit:contain}
.cover-nav{position:static;display:flex;justify-content:center;flex-wrap:wrap;gap:36px;padding:8px 6%;background:#102739;color:#fff;font-size:12px;letter-spacing:.5px}
.cover-nav a{padding:3px;text-decoration:none}.cover-nav a:hover{color:#ffd17a}.cover-nav a:focus-visible{outline-color:#ffd17a}
.feature{padding-top:32px;padding-bottom:40px}
@media(max-width:750px){.cover-nav{gap:22px;font-size:10px;padding:7px 10px}.feature{padding-top:25px}}

/* Purpose-composed safe area: trim only spare sky and bottom fields. */
.cover-home{aspect-ratio:3.8;height:auto;overflow:hidden}.cover-home img{width:100%;height:100%;object-fit:cover;object-position:center 50%}


/* Quiet, unboxed captions beneath each illustrated landmark. */
.cover-home{position:relative}.landmark-labels{position:absolute;inset:0;pointer-events:none}
.landmark-tag{position:absolute;display:block;background:none;border:0;box-shadow:none;padding:0;color:#fff5dd;font:400 clamp(5px,.55vw,8px)/1.15 'DM Sans',sans-serif;letter-spacing:.1px;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #152b32,0 0 3px #152b32;transform:translateX(-50%);opacity:.85}
.landmark-tag small{display:inline;font-size:inherit;margin:0}.landmark-tag small:before{content:' · '}
.lm-newman{left:6%;top:82%}.lm-patterson{left:26%;top:63%}.lm-modesto{left:49%;top:83%}.lm-turlock{left:83%;top:97%;transform:translate(-50%,-100%)}.lm-knights{left:91%;top:67%}
@media(max-width:600px){.landmark-tag{font-size:4px;letter-spacing:0}.landmark-tag small{display:none}}
/* Close-fitting solid backing; retain approved caption size and placement. */
.landmark-tag{background:#102739;padding:1px 3px;opacity:1;text-shadow:none;border:0;border-radius:1px;box-shadow:none}
@media(max-width:600px){.landmark-tag{padding:1px 2px}}
/* Navigation floats in the right-hand sky; no band below the artwork. */
.cover-header{position:relative;background:transparent}
.cover-nav{position:absolute;inset:auto 4% auto auto;top:8%;width:auto;display:flex;justify-content:flex-end;gap:28px;flex-wrap:nowrap;padding:0;background:transparent;font-size:12px;color:#fff7e4;z-index:2}
.cover-nav a{padding:5px 2px;text-shadow:0 1px 3px #102739,0 0 6px #10273980}
@media(max-width:750px){.cover-nav{top:5%;right:3%;gap:12px;font-size:9px;padding:0}.cover-nav a{padding:3px 1px}}
@media(max-width:450px){.cover-nav{top:4%;right:2%;gap:8px;font-size:7px}}