:root{--ink:#242d30;--paper:#fffdf7;--accent:#225e54;--soft:#e9eee4;--line:#d6d9ce;--serif:'Libre Baskerville',Georgia,serif;--sans:'Source Sans 3',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--sans)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #db943e;outline-offset:5px}header{padding:24px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font:700 20px/1.4 var(--serif)}.brand small{display:block;font:12px var(--sans);letter-spacing:2px;margin-top:6px}nav{display:flex;gap:25px;align-items:center;font-size:15px}.button{display:inline-block;padding:11px 22px;background:var(--accent);color:white;border-radius:3px}.wrap{max-width:1200px;margin:auto;padding:60px 6%}.eyebrow{font:600 12px/1.5 var(--sans);text-transform:uppercase;letter-spacing:2px;color:var(--accent)}h1,h2,h3,blockquote{font-family:var(--serif);font-weight:400}h1{font-size:clamp(36px,5vw,67px);line-height:1.14;letter-spacing:-2px;margin:20px 0 24px}h2{font-size:31px;line-height:1.4;margin:0 0 20px}h3{font-size:23px;line-height:1.4}.deck{font-size:23px;line-height:1.5;max-width:650px;color:#606b68}.meta{font-size:14px;margin:25px 0;color:#67716c}.crumb{font-size:13px;margin:0 0 35px;color:#70776d}p{margin:0 0 22px}.copy{max-width:690px}.copy>p:first-of-type{font-size:21px}.photo{margin:0;min-width:0}.photo button{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}.photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.photo figcaption{font-size:13px;line-height:1.5;margin-top:11px;color:#657168}.photo figcaption b{color:var(--accent);margin-right:9px;font-weight:600}.pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0}.wide img{aspect-ratio:16/9}.prose{padding:40px 0}.quote{font-size:30px;line-height:1.55;color:var(--accent);border-left:3px solid var(--accent);padding:10px 0 10px 30px;margin:35px 0}.takeaway{padding:28px;background:var(--soft);margin:35px 0}.takeaway strong{font-size:13px;letter-spacing:1.4px;text-transform:uppercase}.takeaway p{margin:12px 0 0;font-size:17px}.end{background:var(--accent);color:#fffdf7;padding:42px 6%;display:flex;justify-content:space-between;gap:30px;align-items:center}.end h2{font-size:28px;margin:0 0 10px}.end p{font-size:16px;margin:0}.end a{white-space:nowrap;border-bottom:1px solid #fff8;padding:10px 0}footer{padding:24px 6%;display:flex;justify-content:space-between;gap:20px;font-size:13px;border-top:1px solid var(--line)}.tags{font-size:13px;letter-spacing:1px;text-transform:uppercase;padding-top:22px;border-top:1px solid var(--line);margin-top:35px}dialog{width:min(1050px,94vw);max-height:93vh;border:0;border-radius:6px;padding:20px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#102621e8}dialog img{display:block;width:100%;max-height:70vh;object-fit:contain}.controls{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:15px}.controls button{padding:8px 16px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
/* Seven distinct editorial compositions. */
.panorama{--paper:#f8f7ef;--accent:#144e46}.panorama .cover{position:relative}.panorama .cover .photo img{height:640px;aspect-ratio:auto}.panorama .cover .photo figcaption{display:none}.panorama .cover .cover-text{position:absolute;bottom:0;left:0;width:100%;padding:100px 8% 48px;color:white;background:linear-gradient(transparent,#102f2ced);pointer-events:none}.panorama .cover h1{max-width:780px}.panorama .cover .eyebrow,.panorama .cover .meta{color:#dfebda}.panorama .reading{max-width:760px;margin:auto}.panorama .strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:45px 0}.panorama .strip img{aspect-ratio:1/1}.panorama .quote{text-align:center;border:0;font-size:35px}
.fieldnotes{--paper:#f9f3e7;--accent:#9b442d;--soft:#f0e1c4}.fieldnotes .title-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}.fieldnotes .title-grid .photo{transform:rotate(2deg);padding:12px;background:white;box-shadow:0 8px 20px #67462414}.fieldnotes .chapter{display:grid;grid-template-columns:75px 1fr 1fr;gap:28px;margin:70px 0;align-items:center}.fieldnotes .chapter .number{font:55px var(--serif);color:#bb8466;align-self:start}.fieldnotes .chapter:nth-of-type(even) .photo{order:1}.fieldnotes .chapter .text{border-top:1px solid #c4ae91;padding-top:24px}.fieldnotes .pair .photo{padding:12px;background:#fffdfa}.fieldnotes .pair .photo:first-child{transform:rotate(-1deg)}
.atlas{--paper:#f4f6f0;--accent:#234a62;--soft:#e5ecee}.atlas .headline{display:grid;grid-template-columns:1fr 250px;gap:50px;align-items:end}.atlas .headline .meta{border-left:1px solid var(--line);padding-left:24px}.atlas .mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin:35px 0 55px}.atlas .mosaic .photo:first-child{grid-row:span 2}.atlas .mosaic .photo:first-child img{aspect-ratio:auto;height:100%}.atlas .mosaic .photo:first-child button{height:calc(100% - 30px)}.atlas .mosaic img{aspect-ratio:4/3}.atlas .mosaic figcaption{font-size:12px}.atlas .body-grid{display:grid;grid-template-columns:200px 1fr;gap:50px}.atlas aside{font-size:15px;border-top:4px solid var(--accent);padding-top:18px}.atlas aside a{display:block;margin:15px 0}.atlas .last{margin-top:35px}
.splitstory{--paper:#fffaf4;--accent:#6f383c;--soft:#f0e0dc}.splitstory .intro{max-width:800px;margin:auto;text-align:center}.splitstory .story-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0}.splitstory .story-row .text{padding:50px 12%}.splitstory .story-row .photo img{aspect-ratio:1/1}.splitstory .story-row .photo figcaption{padding:0 20px 15px}.splitstory .story-row:nth-child(even){background:#f0e7dc}.splitstory .story-row:nth-child(even) .photo{order:2}.splitstory .story-row:nth-child(even) .text{order:1}.splitstory .chapter-label{font-size:12px;letter-spacing:2px;color:var(--accent);margin-bottom:18px}.splitstory .photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.splitstory .photo-grid img{aspect-ratio:4/3}
.dispatch{--paper:#fffdf8;--accent:#252c29;--soft:#edece4}.dispatch .mast{font:40px var(--serif);text-align:center;border-top:4px double var(--ink);border-bottom:1px solid var(--ink);padding:20px;margin-bottom:35px}.dispatch .lead-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.dispatch h1{font-size:52px}.dispatch .story-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:45px 0}.dispatch .story-columns .copy{border-top:1px solid var(--ink);padding-top:25px}.dispatch .ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:3px double var(--ink);padding-top:25px}.dispatch .ribbon img{aspect-ratio:4/3}.dispatch .quote{border:0;border-top:1px solid;padding-top:20px}.dispatch .photo figcaption{text-transform:uppercase;font-size:11px;letter-spacing:.6px}
.archway{--paper:#fff8ee;--accent:#9a4d2e;--soft:#f3e1cd}.archway .lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.archway .lead-grid img{border-radius:240px 240px 0 0;aspect-ratio:4/5}.archway .flow{max-width:700px;margin:60px auto 0}.archway .pair{gap:30px}.archway .pair figure:nth-child(2){margin-top:70px}.archway .wide img{border-radius:0 80px 0 0}.archway .quote{border:0;text-align:center;font-style:italic;font-size:36px}.archway .tail{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;margin:40px 0}.archway .tail figure:last-child img{aspect-ratio:1/1;border-radius:50%}
.learningtrail{--paper:#f9fbf5;--accent:#31604a;--soft:#e8efdc}.learningtrail .title{max-width:800px}.learningtrail .lead-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:end}.learningtrail .lead-pair img{aspect-ratio:4/3}.learningtrail .lead-pair figure:last-child img{aspect-ratio:1/1}.learningtrail .trail{margin-top:60px;border-left:1px solid #b4c3a4;margin-left:18px;padding-left:40px}.learningtrail .station{position:relative;margin:0 0 55px}.learningtrail .station:before{content:attr(data-step);position:absolute;left:-60px;top:0;background:var(--accent);color:white;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:16px}.learningtrail .station-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.learningtrail .station-body .photo img{aspect-ratio:4/3}.learningtrail .closing{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:var(--soft);padding:35px}
@media(min-width:1500px){main{max-width:1500px;margin:auto}}
@media(max-width:760px){body{font-size:17px}header{padding:18px 5%}.brand{font-size:16px}nav a:not(.button){display:none}.wrap{padding:35px 6%}h1{font-size:39px;letter-spacing:-1px}h2{font-size:27px}.deck{font-size:20px}.pair,.panorama .strip,.fieldnotes .title-grid,.fieldnotes .chapter,.atlas .headline,.atlas .body-grid,.splitstory .story-row,.splitstory .photo-grid,.dispatch .lead-grid,.dispatch .story-columns,.dispatch .ribbon,.archway .lead-grid,.archway .tail,.learningtrail .lead-pair,.learningtrail .station-body,.learningtrail .closing{grid-template-columns:1fr}.panorama .cover .photo img{height:600px}.panorama .cover .cover-text{padding:140px 6% 25px}.panorama .cover h1{font-size:40px}.fieldnotes .chapter{gap:18px;margin:45px 0}.fieldnotes .chapter:nth-of-type(even) .photo{order:initial}.atlas .mosaic{grid-template-columns:1fr 1fr}.atlas .mosaic .photo:first-child{grid-column:1/-1;grid-row:auto}.atlas .mosaic .photo:first-child img{height:auto;aspect-ratio:4/3}.atlas .headline .meta{border:0;padding:0}.atlas .headline{gap:0}.atlas aside{display:none}.splitstory .story-row:nth-child(even) .photo,.splitstory .story-row:nth-child(even) .text{order:initial}.splitstory .story-row .text{padding:30px 6%}.dispatch h1{font-size:39px}.dispatch .mast{font-size:29px}.archway .pair figure:nth-child(2){margin-top:0}.archway .tail figure:last-child img{border-radius:0;aspect-ratio:4/3}.learningtrail .trail{padding-left:25px;margin-left:10px}.learningtrail .station:before{left:-45px}.end,footer{flex-direction:column;align-items:start}.controls{gap:7px}.controls button{font-size:14px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* --- additions for the live templates --- */
.brand:hover{text-decoration:none}
.fieldnotes .chapter.no-photo{grid-template-columns:75px 1fr}
.splitstory .story-row.no-photo{grid-template-columns:1fr}
.learningtrail .station-body.no-photo,.learningtrail .closing.no-photo,.dispatch .lead-grid.no-photo,.archway .lead-grid.no-photo,.fieldnotes .title-grid.no-photo,.learningtrail .lead-pair.one{grid-template-columns:1fr}
.panorama .cover.no-photo .cover-text{position:static;color:inherit;background:none;padding:60px 8% 0;pointer-events:auto}
.panorama .cover.no-photo .eyebrow,.panorama .cover.no-photo .meta{color:var(--accent)}
.atlas .body-grid.no-toc{grid-template-columns:1fr}
.more-photos{margin:40px 0}
.quote+.quote{margin-top:0}

.vp-foot-scripts{text-align:center;font-size:12px;padding:8px 0}.vp-foot-scripts:empty{display:none}.vp-foot-scripts img,.vp-foot-scripts .statcounter{display:inline-block!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;vertical-align:middle}