/* Coastal heritage: landscape, editorial typography and quiet practical navigation. */
:root{--navy:#122c3b;--navy2:#1d4050;--blue:#426c72;--cyan:#e4ebea;--cream:#f8f5ed;--ink:#122c3b;--muted:#51656c;--line:#d4dcd8;--deep:#122c3b;--coast:#426c72;--pale:#f8f5ed;--accent:#a4613c;--shadow:0 8px 22px #122c3b0d}
html{background:var(--cream);scroll-padding-top:110px}body{margin:0;border-radius:0;background:var(--cream);color:var(--ink);font:400 18px/1.65 'Source Sans 3',Arial,sans-serif}.wrap{width:min(1240px,88%);margin-inline:auto}h1,h2,h3,.page-title,.heading,.hero h1,.home-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}h2{font-size:clamp(34px,3.8vw,58px);margin:0 0 25px}h3{font-size:clamp(27px,2.5vw,37px);margin:14px 0}p{max-width:64ch}a{color:inherit}.eyebrow{font-size:14px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--coast);margin:0 0 22px}.lead{font-size:23px;line-height:1.45}.text-link{display:inline-block;font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent);padding:7px 0;line-height:1.4}.text-link:hover{color:#8c4a29}.actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.primary,.hero-primary{background:var(--navy)!important;color:#fff!important;border-radius:0!important;text-decoration:none;padding:15px 24px;display:inline-block}.hero-secondary{background:transparent!important;color:var(--navy)!important;border:1px solid var(--navy)!important;border-radius:0!important}.new-tab{font:400 14px 'Source Sans 3',Arial,sans-serif}.site-header{background:var(--cream);border-bottom:1px solid var(--line);padding:20px 4%;min-height:92px;box-shadow:none;border-radius:0;gap:24px}.nav{gap:20px}.nav a,.chat-link{font-size:15px;font-weight:600}.nav .visit-btn{display:none}.brand-logo{width:166px}.home-hero.supplied-hero,.supplied-hero-bar{background:var(--cream);color:var(--navy)}.supplied-hero-bar{padding:28px 6% 34px}.supplied-hero h1{font-size:clamp(40px,4vw,62px);color:var(--navy)}.supplied-hero .hero-intro{margin:14px 0 0;font-size:18px;max-width:45ch}.hero-actions{flex-shrink:0}.hero-button{border-radius:0!important}.home-shortcuts{background:var(--cream);border-block:1px solid var(--line);padding:0}.shortcut-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.shortcut-grid a{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:24px 14px}.shortcut-grid a:first-child{padding-left:0}.shortcut-grid a:last-child{border:0}.shortcut-grid strong{font-size:17px}.shortcut-grid small{font-size:14px}.editorial{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center;padding-block:100px}.editorial figure{margin:0}.editorial figure img{width:100%;height:640px;object-fit:cover;display:block;border-radius:0}.editorial-copy p{margin-block:0 22px}.heritage-facts{display:flex;gap:25px;border-block:1px solid var(--line);padding-block:22px;margin:30px 0}.heritage-facts div{flex:1}.heritage-facts dt{font-size:14px;color:var(--muted)}.heritage-facts dd{margin:8px 0 0;font-family:Georgia,serif;font-size:23px;line-height:1.3}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:35px}.section-top h2{margin-bottom:0}.discovery{padding-block:0 80px}.discovery h2{font-size:38px}.discovery-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.discovery-strip a{text-decoration:none}.discovery-strip img{width:100%;height:140px;object-fit:cover;display:block}.discovery-strip span{display:block;margin-top:12px;font-size:17px;font-weight:600}.crossing-section{background:#e6edeb;padding-block:85px}.crossing-features{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:42px}.crossing-features article img{width:100%;height:340px;object-fit:cover;display:block;margin-bottom:30px}.crossing-features article p{margin-block:0 20px}.tour-feature{grid-template-columns:.85fr 1.2fr}.tour-feature figure img{height:460px;object-position:center}.tour-feature figcaption{font-size:14px;color:var(--muted);padding-top:12px}.heritage-section{background:var(--navy);color:var(--cream);padding-block:85px}.heritage-section .eyebrow{color:#b4c7ca}.heritage-section .text-link{color:var(--cream)}.story-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:7%}.story-layout a{text-decoration:none}.story-main img{width:100%;height:360px;object-fit:cover}.story-main>div{padding-top:30px}.story-main h3{font-size:40px}.story-side>a{display:block;border-top:1px solid #ffffff40;padding-block:30px}.story-side h3{font-size:33px}.story-side .eyebrow{margin-bottom:16px}.visit-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;padding-block:90px}.visit-list>a{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;text-decoration:none;padding:23px 0;font-size:23px;font-family:Georgia,serif}.visit-detail{font:400 16px 'Source Sans 3',Arial,sans-serif;color:var(--muted);align-self:center;text-align:right}.beyond{padding-block:20px 90px}.beyond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0 25px}.beyond-grid a{text-decoration:none}.beyond-grid img,.town-feature{width:100%;height:270px;object-fit:cover}.town-feature{background:#dce7e5;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:32px}.town-feature small{font:16px 'Source Sans 3',Arial,sans-serif;margin-top:12px}.beyond-grid h3{font-size:29px}.onward{padding-block:50px;border-top:1px solid var(--line)}.onward>div{display:flex;gap:35px;flex-wrap:wrap}.onward .eyebrow{margin-bottom:10px}footer{background:var(--navy)!important;color:var(--cream)!important;padding:65px 0 30px}footer a,footer p,.copyright{color:#d3dfe0!important}.foot-grid{gap:45px}.foot-grid>div:first-child b{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.2;display:block}.copyright{border-top:1px solid #ffffff35;padding-top:25px}.hero.small{background:var(--navy)!important;min-height:340px;padding:70px 0;color:var(--cream)}.hero.small h1{font-size:clamp(42px,6vw,78px);max-width:16ch}.hero.small p{font-size:21px;max-width:62ch}.hero.small .kicker{font-size:14px;letter-spacing:.12em;color:#c8dadd}.section{padding-block:70px}.card,.stat,.source-box,.archive-item,.business-card{border-radius:0!important;box-shadow:none!important}.card{border-top:1px solid var(--line)}.card h3{font-family:Georgia,serif;font-weight:400;font-size:29px}.timeline .event{border-radius:0}.page-title{font-weight:400}.practical{padding-block:55px}.practical article{padding-block:35px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.practical article p{max-width:76ch}.practical aside{padding:35px;background:#e6edeb;margin-top:40px}.bike-hire{padding-block:60px 80px;scroll-margin-top:100px}.hire-options{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:32px}.hire-options article{padding:25px 0;border-top:1px solid var(--line)}.hire-options .text-link{margin-right:20px}.hire-note{font-size:16px;color:var(--muted)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #a4613c;outline-offset:5px}.language-switch select{font-size:14px}.business-photo h3{font-family:Georgia,serif}.mobile-nav.open{background:var(--cream)}
@media(max-width:1100px){.nav{display:none}.hamb{display:block}.site-header{justify-content:space-between}.discovery-strip{grid-template-columns:repeat(3,1fr)}.discovery-strip img{height:180px}.editorial{gap:5%}.editorial figure img{height:580px}.supplied-hero-bar{align-items:flex-start;flex-direction:column}.hero-actions{justify-content:flex-start!important}.heritage-facts{gap:15px}}
@media(max-width:700px){body{font-size:17px}.wrap{width:88%}.site-header{padding:16px 6%;min-height:80px}.brand-logo{width:150px}.supplied-hero-image{width:100%;height:auto}.supplied-hero-bar{padding:25px 6% 30px;gap:24px}.supplied-hero h1{font-size:42px}.supplied-hero .hero-intro{font-size:17px}.hero-actions{width:100%;gap:10px}.hero-button{flex:1 1 140px;font-size:16px;text-align:center;min-height:48px}.shortcut-grid{grid-template-columns:repeat(3,1fr)}.shortcut-grid a{padding:20px 10px!important;border-bottom:1px solid var(--line)}.shortcut-grid a:nth-child(3n){border-right:0}.shortcut-grid strong{font-size:16px}.shortcut-grid small{display:none}.editorial,.tour-feature,.visit-section{grid-template-columns:1fr;gap:35px;padding-block:55px}.editorial figure img{height:380px}.editorial h2{font-size:42px}.lead{font-size:21px}.heritage-facts{gap:12px}.heritage-facts dd{font-size:20px}.heritage-facts dt{font-size:14px}.section-top{display:block}.section-top .text-link{margin-top:20px}.discovery{padding-bottom:55px}.discovery h2{font-size:33px}.discovery-strip{grid-template-columns:repeat(2,1fr);gap:22px 18px}.discovery-strip img{height:150px}.crossing-section,.heritage-section{padding-block:55px}.crossing-features,.story-layout,.beyond-grid,.hire-options{grid-template-columns:1fr;gap:35px}.crossing-features article img{height:270px}.tour-feature figure img{height:270px}.story-main img{height:270px}.story-main h3{font-size:34px}.story-side h3{font-size:29px}.visit-list>a{font-size:22px;gap:12px}.visit-detail{font-size:14px;max-width:42%}.beyond{padding-block:10px 55px}.beyond-grid img,.town-feature{height:250px}.onward>div{gap:12px 24px}.onward{padding-block:35px}.foot-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.foot-grid>div:first-child{grid-column:1/-1}.foot-grid a{min-height:40px;display:block}.hero.small{padding-block:45px;min-height:280px}.hero.small h1{font-size:46px}.hero.small p{font-size:19px}.practical article h2{font-size:34px}.section{padding-block:45px}.grid-3,.grid-2{grid-template-columns:1fr}.source-box{padding:22px}.beyond-grid{margin-top:28px}.hire-options{gap:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* The Bridge: a self-contained reading section with progressive detail. */
.bridge-section-nav{background:#e4ebea;border-bottom:1px solid var(--line)}.bridge-section-nav>.wrap{display:flex;gap:8px 23px;flex-wrap:wrap;align-items:center;padding-block:19px}.bridge-section-nav span{font-weight:700;margin-right:8px}.bridge-section-nav a{font-size:16px;text-decoration:none;padding:5px 0;border-bottom:2px solid transparent}.bridge-section-nav a[aria-current]{border-color:var(--accent);font-weight:700}.bridge-section-nav a:hover{border-color:var(--coast)}.bridge-overview{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;padding-block:70px}.bridge-overview figure{margin:0}.bridge-overview img{width:100%;height:460px;object-fit:cover;display:block}.bridge-overview figcaption{font-size:15px;color:var(--muted);padding-top:12px}.bridge-reading{padding-block:25px 70px;max-width:980px}.bridge-reading>p{margin-bottom:30px}.bridge-chapter{border-top:1px solid var(--line)}.bridge-chapter:last-child{border-bottom:1px solid var(--line)}.bridge-chapter summary{list-style:none;display:flex;align-items:center;gap:24px;padding:27px 8px;cursor:pointer}.bridge-chapter summary::-webkit-details-marker{display:none}.chapter-number{font-family:Georgia,serif;font-size:25px;color:var(--coast)}.bridge-chapter summary small{display:block;font-size:14px;color:var(--muted);letter-spacing:.04em;margin-bottom:8px}.bridge-chapter summary strong{font:400 clamp(24px,3vw,34px)/1.2 Georgia,serif;display:block}.chapter-toggle{font-size:30px;margin-left:auto;padding-inline:12px}.bridge-chapter[open] .chapter-toggle{transform:rotate(45deg)}.bridge-chapter[open]{background:#eaf0ed}.chapter-body{padding:0 65px 35px}.chapter-body p{max-width:72ch}.chapter-source{font-size:16px;color:var(--muted);line-height:1.5}.bridge-chapter summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.bridge-next{padding-block:20px 70px}.bridge-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}.bridge-guide-grid a{padding:25px 0;display:block;border-top:1px solid var(--line);text-decoration:none}.bridge-guide-grid strong{display:block;font:400 28px/1.2 Georgia,serif;margin-bottom:12px}.bridge-guide-grid span{display:block;color:var(--muted);font-size:18px;line-height:1.5;max-width:48ch}.bridge-guide-grid a:hover strong{text-decoration:underline;text-decoration-color:var(--accent)}.bridge-essay{max-width:980px;padding-block:20px 65px}.bridge-essay h2{font-size:38px}.bridge-essay h3{font-size:28px;margin-top:35px}.bridge-essay p{max-width:76ch}
@media(max-width:700px){.bridge-section-nav>.wrap{gap:8px 18px;padding-block:16px}.bridge-section-nav span{width:100%}.bridge-section-nav a{font-size:15px}.bridge-overview{grid-template-columns:1fr;gap:30px;padding-block:45px}.bridge-overview img{height:290px}.bridge-reading{padding-block:15px 45px}.bridge-chapter summary{gap:14px;padding-block:24px}.chapter-body{padding:0 20px 25px}.bridge-guide-grid{grid-template-columns:1fr}.bridge-next{padding-block:10px 45px}.chapter-toggle{padding:0;font-size:25px}.bridge-essay{padding-bottom:45px}}

/* Keep bridge imagery and every heading, link and control in separate rows. */
.home-hero.supplied-hero{display:flex;flex-direction:column;overflow:hidden}
.supplied-hero-bar{position:static;z-index:auto;min-width:0;flex-wrap:wrap}
.supplied-hero .hero-actions{position:static;max-width:100%;flex-shrink:1}
.home-shortcuts,.supplied-hero+.home-shortcuts{margin-top:0;transform:none;z-index:auto;padding-top:0}
.home-shortcuts .shortcut-grid{width:88%;box-shadow:none;border-radius:0;background:transparent;padding:0}
.hero.small{background-image:none;display:flex;flex-direction:column;padding:0}
.hero.small::before{content:"";display:block;height:clamp(180px,25vw,360px);background:url("your-barmouth-bridge.webp") center/cover no-repeat;flex:none}
.hero.small .hero-content{position:static;padding-block:48px}
.landscape-label{position:static;box-shadow:none}
.site-header{flex-wrap:wrap}.language-control{flex-shrink:0}.nav{flex-wrap:wrap}
.mobile-nav{top:auto;left:0;right:0;position:relative}.mobile-nav.open{padding-inline:6%}
html:not([lang="en"]) h1,html:not([lang="en"]) h2,html:not([lang="en"]) h3{overflow-wrap:anywhere}
@media(max-width:700px){.supplied-hero-bar{gap:24px}.hero.small .hero-content{padding-block:32px}.language-control select{font-size:14px;max-width:110px}}

/* Station information is a reading section below the bridge imagery. */
.station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:30px}
.station-detail{min-width:0;border-top:1px solid var(--line);padding:24px 0}
.station-detail h3{font-size:27px;margin:0 0 16px;letter-spacing:-.02em}
.station-detail p{margin:0}.station-parking{font-size:17px;color:var(--muted)}
.station-latest{margin-top:30px;padding:28px;background:#e6edeb;border-left:4px solid var(--coast)}
.station-latest h3{margin-top:0;font-size:28px}.station-latest .primary{line-height:1.45}
.station-latest .station-source{font-size:14px;color:var(--muted);margin:20px 0 0}
@media(max-width:700px){.station-grid{grid-template-columns:1fr;gap:0}.station-latest{padding:22px}.station-detail h3{font-size:25px}}

/* Blend the white-backed logo into the cream site header. */
.site-header .brand{background:transparent;border-radius:0}
.site-header .brand-logo img{mix-blend-mode:multiply}

/* Compact phone header and homepage: keep every control on the first row. */
@media(max-width:700px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:8px;width:100%;height:auto;min-height:76px;padding:12px 5%;flex-wrap:nowrap}
  .site-header .brand{min-width:0;margin:0;padding:0;justify-self:start}
  .site-header .brand-logo{width:clamp(116px,34vw,150px);max-width:100%}
  .site-header .language-control{margin:0;min-width:0}
  .site-header .language-control select{display:block;width:94px;max-width:94px;min-height:44px;padding:7px 5px;font-size:13px}
  .site-header .hamb{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;font-size:25px;line-height:1}
  .mobile-nav.open{padding:12px 5%;max-height:70svh;overflow-y:auto}
  .home-hero.supplied-hero{min-height:0}
  .supplied-banner-composition{flex:none;width:100%}
  .supplied-hero-image{width:100%;height:auto;aspect-ratio:1915/821;object-fit:contain}
  .supplied-hero-bar{padding:20px 6% 24px;gap:18px}
  .supplied-hero-bar>div{min-width:0;width:100%}
  .supplied-hero .hero-place{font-size:12px;line-height:1.4;margin:0 0 8px}
  .supplied-hero h1{font-size:clamp(30px,8.7vw,38px);line-height:1.08;margin:0}
  .supplied-hero .hero-intro{font-size:16px;line-height:1.5;margin-top:12px}
  .supplied-hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;max-width:none}
  .supplied-hero .hero-button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:12px 10px;font-size:14px;line-height:1.25;text-align:center;overflow-wrap:anywhere}
  .home-shortcuts .shortcut-grid a{min-height:64px;padding:14px 10px!important}
  .home-shortcuts .shortcut-grid strong{font-size:15px;line-height:1.3}
}

/* Five distinct homepage shortcuts after removing the duplicate tour link. */
.home-banner-page .home-shortcuts .shortcut-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.home-banner-page .home-shortcuts .shortcut-grid a{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0}
.home-banner-page .home-shortcuts .shortcut-grid a:last-child{border-right:0}
.home-banner-page .home-shortcuts .shortcut-grid a:hover{background:#eff3eb}
.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-block:30px}
.photo-card{margin:0;min-width:0}
.photo-card>img{width:100%;height:280px;object-fit:cover}
.photo-card h3{font-size:28px;line-height:1.2;margin:20px 0 12px}
.photo-card p{font-size:17px;line-height:1.6;margin:0}
/* Category navigation stays compact rather than repeating a six-image gallery. */
.nearby-subnav .nearby-categories .cat img{display:none}
.nearby-subnav .nearby-categories .cat{transform:none}
.nearby-subnav .nearby-categories .cat b{min-height:48px;padding:12px;justify-content:center;text-align:center}
.nearby-subnav .nearby-categories .cat[aria-current="page"]{background:#e4ebea;border-color:var(--coast)}
.onward a,.nearby-subnav a{overflow-wrap:anywhere}
@media(max-width:950px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.photo-gallery{grid-template-columns:1fr;gap:30px}.photo-card>img{height:250px}.nearby-subnav .nearby-categories{gap:8px}.nearby-subnav .nearby-categories .cat b{font-size:14px;padding:10px}}
@media(max-width:700px){
 .home-banner-page .home-shortcuts .shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-banner-page .home-shortcuts .shortcut-grid a{border-bottom:1px solid var(--line)!important}
 .home-banner-page .home-shortcuts .shortcut-grid a:nth-child(2n){border-right:0}
 .home-banner-page .home-shortcuts .shortcut-grid a:last-child{grid-column:1/-1;border-bottom:0!important}
}