@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--green:#102820;--green2:#19382c;--gold:#dfbb7d;--cream:#f3f0e8;--ink:#18281f;--line:#d5d6ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}em{font-weight:400}p{line-height:1.65}.skip{position:absolute;top:-60px;left:15px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{height:90px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#f7f5ed;border-bottom:1px solid #466052}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);color:var(--gold);width:43px;height:43px;font:20px Georgia,serif;letter-spacing:-.1em;padding-right:3px}.brand-line{height:20px;border-left:1px solid var(--gold);transform:rotate(22deg);margin:0 3px}.brand-name{font-size:15px;font-weight:700;letter-spacing:.14em}.brand-name i{font-family:Georgia,serif;font-weight:400;font-size:.85em;letter-spacing:0}.site-header nav{display:flex;gap:37px;font-size:13px;letter-spacing:.03em}.site-header nav a:hover,.header-social:hover{color:var(--gold)}.header-social{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.09em;border-bottom:1px solid var(--gold);padding-bottom:7px}.header-social span{margin-left:12px;color:var(--gold)}.hero{display:grid;grid-template-columns:47% 53%;min-height:650px;background:var(--green);color:#f5f3e9}.hero-copy{padding:85px 9% 32px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-kicker,.story-meta,.chapter-label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold)}.rule{width:24px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(3.5rem,5.4vw,6.4rem);line-height:1.02;letter-spacing:-.035em;margin:32px 0}.hero h1 em,.section-heading h2 em,.series-heading h2 em,.about h2 em{color:var(--gold)}.hero-copy>p{font-size:17px;max-width:510px;color:#c7d2c7;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:210px;padding:17px 20px;font-size:13px;font-weight:700;letter-spacing:.03em;margin-top:32px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:var(--green)}.hero-foot{margin-top:auto;padding-top:50px;display:flex;gap:28px;color:#a3b1a5;font-size:10px;font-weight:700;letter-spacing:.13em}.hero-image{position:relative;background:linear-gradient(0deg,rgba(11,29,22,.45),transparent 40%),url('assets/links-dawn.webp') center/cover}.image-caption{position:absolute;right:5%;bottom:27px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.15em}.image-caption span{color:var(--gold);margin:0 8px}.intro-band{padding:100px 6% 45px}.section-kicker{color:#9f7a40}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-top:30px}.section-heading h2,.series-heading h2,.about h2{font-size:clamp(2.6rem,4.5vw,5rem);line-height:1.08;letter-spacing:-.025em}.section-heading h2 em{color:#9b7540}.section-heading p{max-width:340px;color:#56645a;font-size:15px}.features{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:1px;background:#bdc1b5;margin:0 6% 115px;border:1px solid #bdc1b5}.story{min-height:430px;padding:32px 32px 38px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.story-featured{background:var(--green2);color:#f6f3e9}.story-light{background:#e7eae1}.story-cream{background:#ece6d9}.story-meta{color:#aa8449;font-size:10px}.story-featured .story-meta{color:var(--gold)}.story-meta span{padding:0 6px}.story-number{font-family:Georgia,serif;font-style:italic;font-size:54px;line-height:1;color:rgba(56,75,54,.18);margin:30px 0 8px}.story-featured .story-number{color:rgba(230,195,133,.25)}.story h3{font-size:clamp(1.9rem,2.6vw,2.8rem);line-height:1.12;max-width:420px}.story p{font-size:14px;margin-top:20px;max-width:425px;color:#526056}.story-featured p{color:#c0d1c5}.story a{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid #ad8e58;padding-bottom:7px;margin-top:auto;padding-top:28px}.story a:hover{color:#ab824b}.series-section{background:#e5e2d8;padding:105px 6%;display:grid;grid-template-columns:39% 1fr;gap:8%}.series-heading p{max-width:280px;margin-top:25px;color:#57665b;font-size:15px}.series-heading h2{margin-top:22px}.series-heading h2 em{color:#a67c43}.series-list{border-top:1px solid #b6bcb0}.series-row{display:grid;grid-template-columns:48px 1fr 25px;gap:14px;align-items:center;border-bottom:1px solid #b6bcb0;padding:26px 4px;transition:padding .2s,color .2s}.series-row:hover{padding-left:15px;color:#a67c43}.series-index{font-family:Georgia,serif;font-style:italic;color:#a67c43;font-size:17px}.series-name{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(1.5rem,2.2vw,2.2rem)}.series-arrow{font-size:22px;color:#a67c43}.chapter-section{display:grid;grid-template-columns:repeat(2,1fr);background:var(--cream);padding:65px 6% 100px;gap:0 9%}.chapter{border-bottom:1px solid var(--line);padding:52px 0;scroll-margin-top:20px}.chapter-label{color:#9f7a40}.chapter h3{font-size:clamp(2rem,3.1vw,3.3rem);line-height:1.1;margin:25px 0 17px}.chapter p{font-size:15px;color:#536156;max-width:490px}.chapter a{display:inline-block;margin-top:22px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-bottom:1px solid #a67c43;padding-bottom:6px}.chapter a:hover{color:#a67c43}.about{padding:100px 6% 110px;background:var(--green);color:#f5f3e9;display:grid;grid-template-columns:37% 1fr;gap:7%}.about h2{max-width:780px}.about p{color:#bdcfc1;max-width:520px;font-size:16px;margin-top:25px}.button-outline{border:1px solid var(--gold);color:var(--gold)}.button-outline:hover{background:#213f31}footer{background:#0b1e18;color:#c5d0c5;padding:45px 6%;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}footer .brand-mark{width:35px;height:35px;font-size:17px}footer .brand-line{height:16px}footer .brand-name{font-size:12px}footer>span,footer>a:not(.brand),footer small{font-size:10px;letter-spacing:.13em;font-weight:700}footer a:hover{color:var(--gold)}
@media(max-width:900px){.site-header nav{gap:18px}.header-social{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:64px 7% 30px;min-height:580px}.hero-image{min-height:390px}.features{grid-template-columns:1fr 1fr}.story-featured{grid-column:1/-1;min-height:350px}.story-featured .story-inner{max-width:650px}.series-section{grid-template-columns:1fr;gap:50px}.series-heading h2 br{display:none}}
@media(max-width:620px){.site-header{height:auto;min-height:75px;padding:14px 5%;flex-wrap:wrap;gap:16px}.brand-name{font-size:12px}.brand-mark{width:37px;height:37px;font-size:18px}.site-header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px;padding-bottom:2px}.hero-copy{min-height:540px;padding:58px 6% 25px}.hero h1{font-size:clamp(3.3rem,13vw,5rem)}.hero-copy>p{font-size:16px}.hero-foot{font-size:9px;flex-wrap:wrap;gap:8px 20px}.hero-image{min-height:340px}.intro-band{padding:70px 6% 32px}.section-heading{display:block;margin-top:20px}.section-heading p{margin-top:20px}.features{margin:0 6% 70px;display:block}.story{min-height:360px;border-bottom:1px solid #bdc1b5}.story-featured{min-height:400px}.story-number{margin:18px 0 7px}.series-section{padding:70px 6%}.series-name{font-size:1.55rem}.chapter-section{grid-template-columns:1fr;padding:20px 6% 70px}.chapter{padding:42px 0}.about{display:block;padding:70px 6% 80px}.about h2{margin-top:24px}footer{align-items:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:26px}footer .footer-brand{grid-column:1/-1}footer>span{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.series-row{transition:none}}

/* Original Stroke of History brand artwork */
.brand-emblem{display:block;position:relative;flex:none;overflow:hidden;width:48px;height:48px;background:#050504;border:1px solid #ad8548;border-radius:50%}
.brand-emblem img{position:absolute;max-width:none;width:90px;height:auto;left:-21px;top:-4px}
.about-brand{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.about-logo{display:block;width:min(100%,255px);height:auto;background:#050504}
footer .brand-emblem{width:40px;height:40px}
footer .brand-emblem img{width:75px;left:-18px;top:-3px}
@media(max-width:800px){.about-brand{align-items:center}.about-logo{width:min(62vw,240px)}}

/* Chronological archive */
.timeline-section{background:#172f25;color:#f5f3e9;padding:105px 6% 115px;scroll-margin-top:20px}
.timeline-heading{display:grid;grid-template-columns:1fr 1.35fr;gap:5% 9%;align-items:end;margin-bottom:54px}
.timeline-heading .section-kicker{grid-column:1/-1;color:var(--gold)}
.timeline-heading h2{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.04;letter-spacing:-.03em}
.timeline-heading h2 em{color:var(--gold)}
.timeline-heading p{max-width:420px;color:#c3d0c5;font-size:16px}
.timeline-list{position:relative;border-top:1px solid #557060}
.timeline-list:before{content:"";position:absolute;left:135px;top:0;bottom:0;width:1px;background:#557060}
.timeline-item{border-bottom:1px solid #557060}
.timeline-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:110px 1fr 30px;gap:50px;align-items:center;padding:29px 12px 29px 0}
.timeline-item summary::-webkit-details-marker{display:none}
.timeline-item time{font:italic 25px Georgia,serif;color:var(--gold)}
.timeline-item summary span{display:block}
.timeline-item strong{display:block;font:normal clamp(1.45rem,2.5vw,2.25rem) 'Libre Caslon Display',Georgia,serif;line-height:1.15}
.timeline-item small{display:block;font-size:14px;color:#b9c9bd;margin-top:7px;line-height:1.45}
.timeline-item summary b{font:normal 26px Georgia,serif;color:var(--gold);transition:transform .2s}
.timeline-item[open] summary b{transform:rotate(45deg)}
.timeline-item summary:hover strong{color:var(--gold)}
.timeline-item summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.timeline-article{padding:0 60px 31px 160px;max-width:850px}
.timeline-article p{font-size:16px;color:#e2e9df}
.timeline-article a{display:inline-block;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--gold);margin-top:20px;padding-bottom:5px}
.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.social-links a{border:1px solid var(--gold);color:var(--gold);padding:14px 18px;font-size:14px;font-weight:700}
.social-links a:hover{background:#294838}
.footer-social{display:flex;flex-wrap:wrap;gap:18px}
.footer-social a{font-size:11px;font-weight:700;letter-spacing:.08em}
@media(max-width:700px){.timeline-section{padding:75px 6% 80px}.timeline-heading{display:block;margin-bottom:35px}.timeline-heading h2{margin:22px 0}.timeline-list:before{left:89px}.timeline-item summary{grid-template-columns:76px 1fr 19px;gap:18px;padding:23px 0}.timeline-item time{font-size:19px}.timeline-item strong{font-size:1.55rem}.timeline-item small{font-size:13px}.timeline-article{padding:0 15px 26px 94px}.timeline-article p{font-size:15px}.footer-social{grid-column:1/-1}}

/* Editorial collections */
.collection-header{height:auto;min-height:90px;gap:24px}.collection-header nav{flex-wrap:wrap;justify-content:flex-end;gap:14px 24px}.collection-header nav a[aria-current]{color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:5px}
.collection-hero{background:var(--green);color:#f5f3e9;padding:85px 6% 95px;border-top:1px solid #465c4f}
.collection-hero .section-kicker{color:var(--gold)}
.collection-hero h1{font-size:clamp(3.2rem,7vw,7rem);line-height:1.02;letter-spacing:-.035em;margin:28px 0;max-width:1100px}
.collection-hero h1 em{color:var(--gold)}
.collection-hero p{font-size:17px;color:#c7d4c7;max-width:700px}
.archive-tools{padding:37px 6%;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#e8e8df;border-bottom:1px solid var(--line)}
.archive-tools label{font-size:14px;font-weight:700}.archive-tools input{min-width:min(100%,310px);flex:1;max-width:540px;padding:14px 16px;border:1px solid #9fae9e;background:#faf9f4;color:var(--ink);font:inherit;font-size:16px}.archive-tools input:focus-visible{outline:2px solid #96703a;outline-offset:2px}.archive-tools span{font-size:14px;color:#516053}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:45px 6% 75px;background:#e8e8df}
.archive-card{min-width:0;background:#f6f3e9;border:1px solid #c9cabc;display:flex;flex-direction:column}
.archive-card[hidden]{display:none}
.archive-image{position:relative;display:block;aspect-ratio:1.3;overflow:hidden;background:#263b30}
.archive-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.archive-image:hover img{transform:scale(1.035)}
.image-credit{position:absolute;bottom:8px;right:8px;background:rgba(8,26,18,.78);color:#fff;padding:5px 8px;font-size:11px}
.archive-copy{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.archive-index{font-size:12px;color:#9f7842;letter-spacing:.13em;font-weight:700;text-transform:uppercase}
.archive-copy h2,.person-copy h2{font-size:clamp(1.9rem,2.6vw,2.8rem);line-height:1.1;margin:13px 0 14px}
.archive-copy p{font-size:15px;color:#465a4b;line-height:1.58}
.archive-link{margin-top:auto;padding-top:20px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#715328;border-bottom:1px solid #a78555;padding-bottom:5px}
.archive-link:hover{color:#283c2d}
.archive-note{background:#e8e8df;padding:0 6% 70px;color:#526052;font-size:14px}.archive-note a{text-decoration:underline;text-underline-offset:3px}
.people-grid{padding:52px 6% 105px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;background:#e8e8df}
.person-card{display:grid;grid-template-columns:42% 1fr;min-height:340px;background:#f6f3e9;border:1px solid #c9cabc;overflow:hidden}
.person-image{margin:0;position:relative;min-height:340px;background:#263b30;overflow:hidden}
.person-image img{width:100%;height:100%;object-fit:cover;display:block}
.person-image figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(8,26,18,.82);color:#fff;font-size:11px;padding:9px 11px;line-height:1.4}
.person-image figcaption a{text-decoration:underline;text-underline-offset:2px}
.person-copy{padding:26px;display:flex;flex-direction:column;align-items:flex-start}
.person-copy p{font-size:15px;color:#465a4b;line-height:1.6}
.person-stamp{font-size:13px;color:#9f7842;font-weight:700;margin-bottom:14px}
.ranking-grid .person-card:first-child,.ranking-grid .person-card:nth-child(2){border-color:#b38a4b;background:#eee6d6}
.missing-image{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e4c184;text-align:center;padding:20px}
.missing-image span{font:28px Georgia,serif}.missing-image p{font-size:13px;margin-top:12px;color:#d9dfd3}
@media(max-width:1000px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-grid{grid-template-columns:1fr}.collection-header nav{font-size:13px}}
@media(max-width:650px){.collection-header{display:block;padding:15px 6%}.collection-header nav{margin-top:16px;display:flex;justify-content:flex-start;gap:12px 20px}.collection-hero{padding:65px 6% 72px}.collection-hero p{font-size:16px}.archive-grid{grid-template-columns:1fr;gap:18px;padding:26px 6% 55px}.people-grid{padding:26px 6% 70px;gap:18px}.person-card{display:block}.person-image{height:300px;min-height:0}.person-copy{padding:23px}.archive-tools{padding:24px 6%}}
@media(max-width:620px){.site-header:not(.collection-header) nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}}
.site-header .brand-emblem,footer .brand-emblem{width:64px;height:64px;border:0;border-radius:0;overflow:visible}
.site-header .brand-emblem img,footer .brand-emblem img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}
footer .brand-emblem{width:55px;height:55px}
@media(max-width:620px){.site-header .brand-emblem{width:55px;height:55px}}
.person-copy h2 a:hover{color:#8f6a38}
.detail-article{background:var(--cream);min-height:70vh}
.detail-intro{background:var(--green);color:#f7f3e8;padding:55px max(6%,calc((100vw - 1120px)/2)) 70px}
.detail-back{display:inline-block;color:#e4bf80;font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:65px;border-bottom:1px solid #b8955b;padding-bottom:6px}
.detail-intro .section-kicker{display:block;color:var(--gold)}
.detail-intro h1{font-size:clamp(3.4rem,8vw,7.8rem);line-height:.98;letter-spacing:-.035em;margin:20px 0 25px;max-width:950px}
.detail-lead{font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.55;color:#d2decf;max-width:830px}
.detail-photo{max-width:1120px;margin:-1px auto 0;background:#203a2b}
.detail-photo img{display:block;width:100%;height:min(55vw,600px);min-height:340px;object-fit:contain}
.detail-photo figcaption{padding:10px 18px;background:#213b2d;color:#e6ebdf;font-size:12px}
.detail-photo figcaption a{text-decoration:underline;text-underline-offset:3px}
.detail-body{max-width:850px;padding:60px 6% 110px;margin:auto}
.detail-body>p{font-size:19px;line-height:1.8;margin-bottom:25px}
.detail-source{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:55px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.detail-source span{font-size:12px;font-weight:700;letter-spacing:.14em;color:#9b7540}
.detail-source a,.detail-next a{font-size:14px;font-weight:700;color:#73542b;border-bottom:1px solid #a88754;padding-bottom:4px}
.detail-next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:42px}
@media(max-width:650px){.detail-intro{padding:35px 6% 55px}.detail-back{margin-bottom:50px}.detail-body{padding:45px 6% 80px}.detail-body>p{font-size:17px}.detail-photo img{height:360px;min-height:0}}
.timeline-entry{display:grid;grid-template-columns:110px 1fr 30px;gap:50px;align-items:center;padding:29px 12px 29px 0;border-bottom:1px solid #557060;position:relative}
.timeline-entry time{font:italic 25px Georgia,serif;color:var(--gold)}
.timeline-entry strong{display:block;font:normal clamp(1.45rem,2.5vw,2.25rem) 'Libre Caslon Display',Georgia,serif;line-height:1.15}
.timeline-entry small{display:block;font-size:14px;color:#b9c9bd;margin-top:7px;line-height:1.45}
.timeline-entry b{font:normal 24px Georgia,serif;color:var(--gold)}
.timeline-entry:hover strong,.archive-copy h2 a:hover{color:var(--gold)}
.archive-copy h2 a:hover{color:#9b7540}
.detail-gallery{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#213b2d}
.detail-gallery figure{margin:0;background:#213b2d;min-width:0}
.detail-gallery img{display:block;width:100%;height:370px;object-fit:cover}
.detail-gallery figcaption{font-size:13px;line-height:1.45;color:#e7ebdf;padding:10px 16px}
.detail-photo figcaption{display:none}
.source-guide{font-size:11px;color:var(--gold);text-decoration:underline;text-underline-offset:3px;letter-spacing:.06em}
.source-guide:hover{color:#fff}
@media(max-width:700px){.timeline-entry{grid-template-columns:76px 1fr 19px;gap:18px;padding:23px 0}.timeline-entry time{font-size:19px}.timeline-entry strong{font-size:1.55rem}.timeline-entry small{font-size:13px}}
@media(max-width:650px){.detail-gallery{grid-template-columns:1fr}.detail-gallery img{height:280px}.detail-gallery figcaption{font-size:12px}}

/* Transparent brand mark and uncropped editorial photography. */
.site-header .brand-emblem,footer .brand-emblem{background:transparent}
.feature-title-link{color:inherit;text-decoration:none}.feature-title-link:hover h3{text-decoration:underline;text-underline-offset:5px}
.person-image{display:block}.person-image img{object-fit:contain;background:#203a2b}
.detail-gallery{display:block;max-width:900px;margin:0 auto;background:transparent}
.detail-gallery figure{margin:0;background:#203a2b;overflow:hidden}
.detail-gallery img{width:100%;height:auto;max-height:600px;object-fit:contain;margin:auto}
.detail-gallery-top{max-width:900px;margin:0 auto}.detail-gallery-inline{margin:38px auto 48px;max-width:750px}
.detail-gallery-inline img{max-height:510px}
@media(max-width:650px){.detail-gallery img{height:auto;max-height:460px}.detail-gallery-inline img{height:auto;max-height:420px}}

.detail-gallery img[src*="/people/"],.detail-gallery img[src*="/people-extra/"]{max-width:520px}
/* The homepage opens with the story and purpose of Stroke of History. */
.hero-about .hero-copy{padding-top:75px;padding-bottom:48px}
.hero-about h1{font-size:clamp(3.4rem,5vw,5.8rem);margin:27px 0 25px}
.hero-about .hero-copy>p{font-size:16px;line-height:1.65}
.hero-about .hero-copy>p+p{margin-top:16px}
.hero-about .button{margin-top:24px}
.hero-platforms{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:25px}
.hero-platforms a{color:var(--gold);font-size:13px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:5px}
.hero-platforms a:hover{color:#fff}
@media(max-width:900px){.hero-about .hero-copy{min-height:0;padding:65px 7% 60px}}
@media(max-width:620px){.hero-about .hero-copy{min-height:0;padding:54px 6% 58px}.hero-about h1{font-size:clamp(3.1rem,12vw,5rem)}.hero-about .hero-copy>p{font-size:16px}}
/* Reader story suggestions */
.contact-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:9%;padding:105px 6%;background:#e6e1d5;border-top:1px solid #c4bea9;scroll-margin-top:20px}
.contact-intro h2{font-size:clamp(2.8rem,5vw,5.3rem);line-height:1.06;margin:28px 0 24px;max-width:580px}
.contact-intro h2 em{color:#956f3d}.contact-intro>p{font-size:17px;max-width:510px;color:#435548}.contact-intro .contact-note{font-size:14px;margin-top:20px;color:#69766b}
.contact-form{background:#f6f2e9;padding:38px;border:1px solid #c7c3b6;display:flex;flex-direction:column;gap:11px}
.contact-form label{font-size:14px;font-weight:700;color:#243d2e;margin-top:12px}.contact-form label:first-child{margin-top:0}.contact-form .optional{font-size:12px;font-weight:400;color:#69766b}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:16px 'DM Sans',Arial,sans-serif;color:#18281f;background:#fff;border:1px solid #aebaaa;padding:13px 14px;border-radius:2px}
.contact-form textarea{resize:vertical;min-height:135px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #9b7540;outline-offset:2px}
.contact-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-pair>div{display:flex;flex-direction:column;gap:11px}
.contact-status{font-size:13px;color:#69766b}.contact-form button{border:0;background:#19382c;color:#fff;font:700 14px 'DM Sans',Arial,sans-serif;padding:17px 19px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-top:8px}
.contact-form button:hover:not(:disabled){background:#2a583d}.contact-form button:disabled{opacity:.52;cursor:not-allowed}
@media(max-width:980px){.contact-section{grid-template-columns:1fr;gap:36px}.site-header nav{flex-wrap:wrap}}
@media(max-width:620px){.contact-section{padding:70px 6%}.contact-form{padding:22px}.contact-pair{grid-template-columns:1fr;gap:4px}.contact-intro>p{font-size:16px}}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.contact-thanks{min-height:68vh;padding:clamp(90px,12vw,160px) 6%;background:var(--green);color:#f5f3e9}
.contact-thanks h1{font-size:clamp(3.2rem,7vw,6.8rem);line-height:1.05;max-width:850px;margin:28px 0}
.contact-thanks p{font-size:18px;max-width:630px;color:#d2decf}

/* Compact archive navigation and future commerce destinations */
+.site-header nav{align-items:center;gap:24px}.site-menu{position:relative}.site-menu summary{cursor:pointer;list-style:none;white-space:nowrap}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary:after{content:"⌄";color:var(--gold);margin-left:8px}.site-menu-panel{position:absolute;top:calc(100% + 20px);left:0;z-index:20;background:#f3f0e8;color:#102820;min-width:230px;padding:10px;box-shadow:0 15px 35px #0005;border:1px solid #d5d6ca}.site-menu-panel a{display:block;padding:12px 14px;font-size:14px}.site-menu-panel a:hover,.site-menu-panel a:focus-visible{background:#e5e2d8;color:#102820}.archive-picker{align-self:center;width:100%;max-width:490px}.archive-picker details{position:relative}.archive-picker summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:22px 25px;background:#102820;color:#f3f0e8;font-size:18px}.archive-picker summary::-webkit-details-marker{display:none}.archive-picker summary span{color:#dfbb7d}.archive-picker-options{position:absolute;z-index:4;top:100%;width:100%;background:#f8f6ef;border:1px solid #102820;box-shadow:0 14px 25px #0002}.archive-picker-options a{display:block;padding:17px 24px;border-bottom:1px solid #d5d6ca;font-size:16px}.archive-picker-options a:hover,.archive-picker-options a:focus-visible{background:#e7eae1}.archive-picker p{font-size:14px;color:#56645a;margin-top:16px}.future-section{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d5d6ca}.future-card{padding:70px 12%;background:#e5e2d8;display:block}.future-card:nth-child(2){background:#19382c;color:#f3f0e8}.future-card h2{font-size:clamp(2.5rem,4vw,4rem);margin:20px 0}.future-card p{font-size:17px}.future-card>span:last-child{display:block;margin-top:32px;color:#9f7a40;font-weight:700}.empty-destination{min-height:65vh;background:#19382c;color:#f3f0e8;padding:110px max(6%,calc((100vw - 1000px)/2))}.empty-destination h1{font-size:clamp(3.5rem,8vw,7rem);margin:20px 0}.empty-destination h1 em{color:#dfbb7d}.empty-destination p{max-width:650px;font-size:19px;line-height:1.7;color:#d2dfd3}.empty-destination>a{display:inline-block;margin-top:45px;color:#dfbb7d;border-bottom:1px solid;padding-bottom:7px}@media(max-width:900px){.site-header nav{gap:16px;flex-wrap:wrap}.future-section{grid-template-columns:1fr}}@media(max-width:620px){.site-header nav{justify-content:flex-start;gap:14px 22px}.site-menu-panel{top:100%;left:0}.future-card{padding:52px 7%}.empty-destination{padding:80px 7%}}