.river-page{max-width:1700px;margin-inline:auto}.river-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding-top:30px;font-size:11px;color:var(--quiet)}.river-breadcrumbs a:hover{color:var(--copper)}.river-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;padding:46px 0 44px}.river-intro h1{font:400 clamp(90px,11vw,164px)/.88 var(--serif);letter-spacing:-.045em;margin-top:18px}.river-intro-copy{max-width:540px;padding:0 0 4px}.river-lede{font:400 clamp(34px,4vw,53px)/1.04 var(--serif);letter-spacing:-.015em}.river-lede em{color:var(--copper);font-weight:400}.river-intro-copy>p+p{font-size:14px;line-height:1.8;max-width:400px;color:var(--soft);margin-top:20px}.river-hero{position:relative;margin:0;overflow:hidden;background:var(--ink-raised);height:clamp(320px,37vw,570px)}.river-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.river-hero>figcaption{position:absolute;inset:auto 0 0;padding:48px 24px 18px;display:flex;justify-content:space-between;gap:12px;background:linear-gradient(transparent,#111314ce);font-size:9px;font-weight:500;letter-spacing:.12em;color:#f2ede2}.river-collection{padding-top:64px}.river-section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:26px}.river-section-heading h2{font:400 clamp(36px,4.2vw,60px)/1.05 var(--serif);letter-spacing:-.025em;margin-top:12px}.river-section-heading>p{font-size:12px;color:var(--soft);line-height:1.8}.river-filter-bar{display:flex;justify-content:space-between;gap:24px;border-block:1px solid var(--line);margin-bottom:26px}.river-filters{display:flex;flex-wrap:wrap;gap:26px}.river-filters a{display:flex;align-items:center;min-height:53px;padding-block:14px;font-size:12px;color:var(--soft);border-bottom:1px solid transparent}.river-filters a[aria-current],.river-filters a:hover{color:var(--copper);border-color:var(--copper)}.river-showing{align-self:center;font-size:10px;color:var(--quiet);white-space:nowrap}.river-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}.river-card{display:block;min-width:0}.river-card-image{position:relative;height:clamp(240px,27vw,395px);overflow:hidden;background:#1c2020}.river-card-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #b5b8ae0b;pointer-events:none}.river-card-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 63%;transition:transform .5s ease}.river-card:hover .river-card-image>img{transform:scale(1.025)}.river-card-number{position:absolute;top:16px;left:17px;font:400 23px/1 var(--serif);color:#f2ede2;text-shadow:0 1px 8px #000}.river-card-copy{padding:20px 0 0}.river-card-copy>.eyebrow{font-size:9px;color:var(--copper)}.river-card h3{font:400 clamp(32px,3.7vw,48px)/1.04 var(--serif);letter-spacing:-.015em;margin-top:9px}.river-card-tagline{font-size:13px;color:var(--soft);margin-top:9px;line-height:1.6}.river-card-bottom{margin-top:20px;border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--quiet);font-size:11px}.river-card-action{display:flex;gap:15px;align-items:center;color:var(--copper)}.river-card-action>span{font-size:19px}.river-no-photo{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;background:radial-gradient(ellipse at 70% 80%,#3b413b80,transparent 65%),#1c2020;color:#b5b8ae}.river-no-photo>span:first-child{font:400 122px/1 var(--serif);color:#b5b8ae;font-style:italic}.river-no-photo>span:last-child{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.river-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding:30px 0 45px;margin-top:65px}.river-bottom>p{font-size:11px;color:var(--quiet)}.river-editor-content{margin-top:55px}.river-detail-heading{padding:48px 0 32px}.river-detail-heading h1{font:400 clamp(56px,8vw,112px)/.97 var(--serif);letter-spacing:-.035em;margin-top:16px;max-width:15ch}.river-detail-heading>p:last-child{font:400 clamp(25px,3vw,39px)/1.2 var(--serif);color:var(--copper);margin-top:20px}.river-detail-cover{height:clamp(310px,44vw,660px)}.river-detail-cover.without-photo{height:300px}.river-story-start{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,120px);padding-block:60px;border-bottom:1px solid var(--line)}.river-story-start h2{font:400 clamp(33px,4vw,47px)/1.1 var(--serif);margin-top:12px}.river-story-start>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--soft);margin-top:18px;max-width:540px}.river-story-start .text-link{display:inline-block;margin-top:24px;font-size:12px}.river-visits{list-style:none;padding:0;margin-top:20px}.river-visits>li{border-top:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;gap:9px}.river-visits time{font-size:16px;color:var(--paper)}.river-visits li>span{font-size:12px;color:var(--soft)}.river-story-start .river-record-note{font-size:11px!important;color:var(--quiet)!important;line-height:1.8!important;margin-top:8px!important}.river-gallery{padding-top:55px}.river-gallery .river-section-heading h2{font-size:clamp(32px,4vw,48px)}.river-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.river-photo-grid>figure{margin:0;min-width:0}.river-photo-grid .photo-button{width:100%;height:clamp(240px,30vw,440px);background:var(--ink-raised);overflow:hidden}.river-photo-grid .photo-button>img{width:100%;height:100%;object-fit:cover}.river-photo-grid figcaption{font-size:11px;line-height:1.8;color:var(--quiet);padding-top:10px}.river-photo-grid>figure:only-child{max-width:800px;grid-column:1/-1}.river-photo-note{font:400 30px/1.35 var(--serif);color:var(--soft);padding-top:45px;max-width:650px}.river-next{padding-top:55px}.river-related{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:20px}.river-related>a{font:400 24px/1.3 var(--serif);padding-block:8px;color:var(--soft);border-bottom:1px solid var(--line)}.river-related>a[aria-current],.river-related>a:hover{color:var(--copper);border-color:var(--copper)}.river-card:focus-visible,.river-filters a:focus-visible,.river-related a:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
@media(max-width:760px){.river-breadcrumbs{padding-top:22px;font-size:10px}.river-intro{grid-template-columns:1fr;gap:28px;padding:34px 0}.river-intro h1{font-size:108px}.river-intro-copy{padding:0}.river-lede{font-size:36px}.river-intro-copy>p+p{font-size:13px;margin-top:14px;max-width:39ch}.river-hero{height:330px}.river-hero>figcaption{padding:40px 14px 13px;font-size:8px;flex-direction:column;gap:6px;letter-spacing:.08em}.river-collection{padding-top:40px}.river-section-heading{align-items:start;margin-bottom:22px}.river-section-heading h2{font-size:38px;max-width:13ch}.river-section-heading>p{display:none}.river-section-heading .eyebrow{font-size:9px}.river-filter-bar{display:block;margin-bottom:22px}.river-filters{gap:7px 19px}.river-filters a{min-height:48px;font-size:11px}.river-showing{display:none}.river-grid{grid-template-columns:1fr;gap:32px}.river-card-image{height:300px}.river-card h3{font-size:39px}.river-card-copy{padding-top:16px}.river-card-tagline{font-size:13px}.river-card-bottom{margin-top:16px}.river-bottom{margin-top:42px;padding-block:25px 30px}.river-detail-heading{padding-block:35px 25px}.river-detail-heading h1{font-size:62px;max-width:12ch}.river-detail-heading>p:last-child{font-size:29px}.river-detail-cover{height:360px}.river-story-start{grid-template-columns:1fr;gap:38px;padding-block:38px}.river-story-start h2{font-size:36px}.river-story-start>div>p:not(.eyebrow){font-size:13px}.river-photo-grid{grid-template-columns:1fr;gap:24px}.river-photo-grid .photo-button{height:310px}.river-gallery{padding-top:35px}.river-gallery .river-section-heading h2{font-size:35px}.river-related{gap:6px 19px}.river-related>a{font-size:22px}.river-next{padding-top:38px}}
@media(max-width:380px){.river-intro h1{font-size:94px}.river-card-image{height:265px}.river-hero{height:300px}.river-filters{gap:4px 15px}.river-detail-heading h1{font-size:54px}}

/* Real USGS river cartography, displayed as quiet header artwork. */
.river-topo-intro.river-intro{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:425px;margin:18px 0 25px;padding:45px 0 63px;border-bottom:1px solid var(--line)}
.river-topo-watermark{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%;filter:grayscale(1) invert(1) sepia(.7) saturate(.55) brightness(1.5);opacity:.38;mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 83%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 83%,transparent)}
.river-topo-intro:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#111314a8 0%,#11131475 32%,#11131420 75%,#11131400 100%);pointer-events:none}
.river-topo-copy{max-width:700px;padding-right:20px}.river-topo-copy>.eyebrow{color:var(--copper)}
.river-topo-intro h1{font-size:clamp(100px,11vw,155px);margin-top:20px}
.river-poem{max-width:610px;margin-top:26px;font:400 clamp(22px,2.25vw,29px)/1.45 var(--serif);color:var(--paper);text-wrap:pretty;text-shadow:0 1px 15px #000000}
.river-topo-credit{position:absolute;right:0;bottom:19px;padding:5px 0 5px 12px;font-size:8px;letter-spacing:.15em;color:#b5b8ae;line-height:1.6;text-shadow:0 1px 8px #000000}
.river-topo-credit>span{margin-inline:7px;color:var(--copper)}.river-topo-credit:hover{color:var(--paper)}.river-topo-credit:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
@media(max-width:760px){.river-topo-intro.river-intro{min-height:395px;margin-top:11px;margin-bottom:20px;padding:34px 0 64px}.river-topo-copy{padding-right:0}.river-topo-intro h1{font-size:102px;margin-top:18px}.river-poem{max-width:31ch;font-size:24px;line-height:1.42;margin-top:24px}.river-topo-watermark{width:180%;max-width:none;left:-20%;object-position:56% 50%;opacity:.36;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent)}.river-topo-intro:after{background:linear-gradient(90deg,#1113146b,#11131440 60%,#1113140d)}.river-topo-credit{font-size:7px;bottom:18px;letter-spacing:.1em}}
@media(max-width:380px){.river-topo-intro h1{font-size:94px}.river-poem{font-size:22px;max-width:29ch}}

.river-map-invitation{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 0;margin:10px 0 45px;border-block:1px solid var(--line)}
.river-map-invitation h2{font:400 clamp(35px,4vw,54px)/1.1 var(--serif);margin:15px 0}
.river-map-invitation p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8;margin:0}
.river-map-invitation .button{white-space:nowrap}
@media(max-width:760px){.river-map-invitation{align-items:flex-start;flex-direction:column;gap:23px;padding:30px 0;margin-bottom:35px}.river-map-invitation p:not(.eyebrow){max-width:29ch}}
