/* A bold, photographic coastal guide inspired by the Pegs.fish reference. */
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/source-sans-3-400.ttf") format("truetype")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/source-sans-3-600.ttf") format("truetype")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/source-sans-3-700.ttf") format("truetype")}
:root{--navy:#0b302a;--navy2:#194c3e;--blue:#135b4b;--cyan:#e6eee5;--cream:#faf5e9;--ink:#10362c;--muted:#596b60;--line:#dce2d7;--deep:#0b302a;--coast:#135b4b;--pale:#faf5e9;--accent:#ff721b;--shadow:0 12px 30px #0b302a15;--visitor-font:"Source Sans 3","Segoe UI",Arial,sans-serif}
html{background:var(--deep)}body{margin:18px;background:var(--cream);color:var(--ink);font:400 17px/1.6 var(--visitor-font);border-radius:24px 24px 0 0}button,input,select{font-family:var(--visitor-font)}main{overflow:clip}.wrap{width:min(1240px,88%)}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #c85008;outline-offset:4px}
h1,h2,h3,.heading,.page-title,.home-hero h1,.hero h1,.stat strong,.story-year,.archive-item strong,.business-photo h3,.directory-extra h3,.tour-links strong,.see-do-links strong{font-family:var(--visitor-font);font-weight:700;letter-spacing:-.035em;text-transform:none;line-height:1.04}
.site-header{position:relative;display:flex;width:100%;height:auto;min-height:96px;padding:10px 5%;background:var(--cream);color:var(--ink);border-radius:24px 24px 0 0;box-shadow:none;gap:14px}.brand{flex-shrink:0;margin-right:auto;background:#fff;border-radius:9px;padding:3px 9px}.brand-logo{display:block;position:relative;width:192px;aspect-ratio:2.55;overflow:hidden}.brand .brand-logo img{position:absolute;width:143%;height:auto;max-width:none;max-height:none;left:-21.5%;top:-74%}.nav{font-size:14px;gap:16px;font-weight:700}.nav a{padding:15px 0}.nav a:hover,.nav a.active{color:#bb4c09;border-color:var(--accent)}.nav .visit-btn{padding:13px 19px!important;background:var(--accent);color:var(--deep);border-radius:999px}.hamb{color:var(--ink);margin-left:0}.chat-link{font:700 14px var(--visitor-font);color:var(--ink);border:0;background:none;padding:10px 0;cursor:pointer}.chat-link:hover{color:#bb4c09}.mobile-nav{top:114px;left:18px;right:18px;background:var(--cream);color:var(--ink);border-bottom:4px solid var(--accent);box-shadow:var(--shadow)}.mobile-nav a,.mobile-nav .chat-link{display:block;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid var(--line)}.language-control{margin-left:0;color:var(--ink)}.language-control select{max-width:115px;background:transparent;color:var(--ink);border:1px solid #a8b8a9;font:600 14px var(--visitor-font);padding:8px}
.home-hero{min-height:0;background:var(--cream);color:var(--ink)}.home-hero-inner{display:grid;grid-template-columns:46% 54%;min-height:570px;width:100%;padding:0;position:relative}.hero-copy{padding:45px 8% 75px 11%;position:relative;z-index:2;align-self:center}.hero-place,.eyebrow,.overline,.footer-discover-eyebrow,.next-eyebrow{font-size:14px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#b74608}.hero-place{display:block;margin:0 0 22px}.home-hero h1{font-size:clamp(52px,5.9vw,94px);line-height:.94;letter-spacing:-.045em;max-width:none;text-shadow:none;margin:0 0 24px;font-weight:700}.home-hero h1 em{font-style:normal;color:#c95009}.hero-intro{font-size:19px;line-height:1.5;max-width:440px;text-shadow:none;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px;max-width:none;flex-direction:row}.hero-button{font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;min-height:52px;padding:13px 21px;border-radius:8px;box-shadow:none;white-space:normal}.hero-primary{background:var(--accent);border:1px solid var(--accent);color:var(--deep)}.hero-secondary{background:transparent;border:1px solid #819f8f;color:var(--deep)}.hero-primary:hover{background:#ed6510}.hero-secondary:hover{background:#e4ebde}.tour-new-tab-note{font-size:14px;line-height:1.4;color:var(--muted);text-shadow:none;margin:10px 0 0}.hero-landscape{position:relative;min-height:570px;overflow:hidden}.hero-landscape>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:57% center}.landscape-label{position:absolute;right:28px;bottom:80px;background:var(--deep);color:var(--cream);border-radius:12px;padding:19px 24px;box-shadow:0 10px 30px #0014;max-width:calc(100% - 56px)}.landscape-label span{display:block;color:#ff9d57;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.landscape-label strong{display:block;font-size:26px;line-height:1.15;margin:7px 0 12px}.landscape-label a{font-size:15px;border-bottom:2px solid var(--accent);padding-bottom:4px;font-weight:700}.hero-credit{bottom:16px;right:28px;color:white;font-size:14px;font-weight:600;text-shadow:0 2px 8px #000}
.home-shortcuts{background:transparent;border:0;position:relative;z-index:5;margin-top:-36px;padding-bottom:46px}.home-shortcuts .shortcut-grid{width:94%;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:14px;background:#fff;box-shadow:0 10px 26px #0b302a20;padding:10px}.home-shortcuts .shortcut-grid a{min-height:100px;padding:20px 18px;gap:7px;border-color:var(--line);text-align:left;border-radius:5px}.home-shortcuts .shortcut-grid strong{font-size:19px;line-height:1.15}.home-shortcuts .shortcut-grid small{font-size:14px;color:var(--muted)}.home-shortcuts .shortcut-grid a:hover{background:#eff3eb}.home-shortcuts .shortcut-grid a:nth-child(2){background:var(--accent);border:0;color:var(--deep)}.home-shortcuts .shortcut-grid a:nth-child(2) small{color:var(--deep)}
.home-essentials{padding:0;background:#fffaf0}.essentials-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.essentials-image{position:relative;min-height:550px}.essentials-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.essentials-copy{padding:65px 11%;align-self:center}.essentials-copy h2{font:700 clamp(38px,4vw,62px)/1.05 var(--visitor-font);letter-spacing:-.035em;margin:14px 0 20px}.essentials-copy p{font-size:18px;line-height:1.6}.essentials-copy .eyebrow{font-size:14px}.fact-row{margin-top:30px;gap:0;border-top:1px solid var(--line);padding-top:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.fact-row>div{background:none;border:0;border-right:1px solid var(--line);border-radius:0;min-height:70px;padding:0 8px;justify-content:flex-start;text-align:left;align-items:flex-start}.fact-row>div:last-child{border:0}.fact-row small{font-size:12px;letter-spacing:.04em;color:var(--muted)}.fact-row strong{font-size:17px;line-height:1.15;margin-top:6px}
.btn,.pill-link,.outline-pill{font:700 16px/1.25 var(--visitor-font);text-transform:none;letter-spacing:0;border-radius:7px;padding:14px 22px;min-height:48px}.btn-blue,.btn-dark,.pill-link{background:var(--deep);color:var(--cream)}.btn-blue:hover,.btn-dark:hover,.pill-link:hover{background:#245747}.btn-white,.btn-light{background:var(--cream);color:var(--deep)}.pill-link span,.story-arrow{display:none}.outline-pill:hover{background:var(--cream);color:var(--deep)}
.home-commerce{padding:75px 0 80px;background:var(--cream)}.home-section-head{align-items:end;gap:24px;margin-bottom:28px}.home-section-head h2,.stories-heading h2,.footer-discover h2{font:700 clamp(38px,4.3vw,66px)/1.04 var(--visitor-font);letter-spacing:-.035em;margin:10px 0 16px}.home-section-head p,.stories-heading p{font-size:18px}.home-section-head .eyebrow,.stories-heading .eyebrow{font-size:14px}.home-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.category-tile,.footer-discover .category-tile,.home-commerce .category-tile{height:310px;padding:0;background-color:#fff;background-blend-mode:normal;border-radius:13px;border:1px solid #e2dfd2;box-shadow:0 7px 20px #0b302a0b;isolation:isolate;background-size:cover;background-position:center}.category-tile strong,.footer-discover .category-tile strong{display:block;position:relative;width:100%;max-width:none;background:white;color:var(--ink);font-size:24px;font-weight:700;line-height:1.2;min-height:75px;padding:22px 24px;margin-top:auto}.category-tile .tile-symbol,.category-tile>span:last-child{display:none}.category-tile:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0b302a20}.category-tile:hover strong{color:#bb4c09}.tile-see{background-image:url("barmouth-beach.jpg")}.tile-eat{background-image:url("food-category.jpg")}.tile-attractions{background-image:url("barmouth-harbour.jpg")}.tile-art{background-image:url("barmouth-art.jpg")}.tile-shops{background-image:url("barmouth-shops.jpg")}.tile-stay{background-image:url("barmouth-stay.jpg")}
.home-crossing{padding:0;background:var(--deep)}.crossing-grid{gap:0}.crossing-card{min-height:470px;height:auto;background-image:linear-gradient(0deg,#092d27ef,#092d2740 70%),url("bridge-low-tide.jpg");background-position:center}.cycle-card{background-image:linear-gradient(0deg,#092d27ef,#092d2730 70%),url("bridge-train.jpg")}.crossing-content{padding:45px 11%;max-width:650px}.crossing-card h2{font:700 clamp(36px,3.5vw,55px)/1.05 var(--visitor-font);letter-spacing:-.025em;margin:12px 0 20px}.crossing-card .overline{color:#ffab68;font-size:14px}.crossing-card p:not(.overline){font-size:18px;line-height:1.5;max-width:420px}.home-route{gap:0;background:var(--deep)}.route-panel{background:var(--deep);color:var(--cream);min-height:340px}.route-panel-content,.plan-panel{padding:48px 11%}.route-panel .overline{color:#ffab68}.route-panel h2,.plan-panel h2{font:700 clamp(34px,3vw,48px)/1.05 var(--visitor-font);letter-spacing:-.025em;margin:12px 0 20px}.route-panel p,.plan-panel p{font-size:17px;line-height:1.6}.plan-panel{background:#e8efdf;color:var(--deep)}.visit-topics{gap:8px;grid-template-columns:repeat(2,1fr);margin:20px 0}.visit-topics span{font-size:15px;padding:7px 10px;background:#fff7;border:0;border-radius:5px;text-align:left}
.home-stories{padding:80px 0;background:var(--cream)}.stories-heading{text-align:left}.story-cards{gap:24px;margin:35px 0}.story-cards a{min-height:260px;padding:30px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:10px;box-shadow:var(--shadow)}.story-year{font-size:38px;font-weight:700;color:#b74608}.story-cards h3{font:700 28px/1.1 var(--visitor-font);letter-spacing:-.02em;margin:20px 0 15px}.story-cards p{font-size:17px;line-height:1.5;margin:0}.story-cards a:hover{background:#fffaf0}.stories-link{margin:0}
.hero{background-color:var(--deep);background-image:linear-gradient(90deg,#0b302af7 0%,#0b302adc 40%,#0b302a30),url("your-barmouth-bridge.webp");background-size:cover;background-position:center;min-height:470px}.hero.small{min-height:370px}.hero-content{padding:65px 0;max-width:1100px}.hero h1,.page-title{font-size:clamp(48px,5.8vw,86px);font-weight:700;line-height:1.02;letter-spacing:-.035em;max-width:900px}.hero p{font-size:19px;line-height:1.6;max-width:650px}.kicker{font-size:14px;letter-spacing:.12em;color:#ffab68}.section{padding:75px 0}.section-tight{padding:50px 0}.heading{font-size:clamp(36px,4vw,60px)}.lead{font-size:18px;line-height:1.7}.soft,.directory-section,.commercial{background:#f0f2e8}.dark{background:var(--deep);color:var(--cream)}.dark .eyebrow,.tour-section .eyebrow{color:#ffab68}.dark .lead{color:#d4e2d2}.section .image-panel,.card-img,.viewer{background-color:var(--deep);background-image:url("bridge-low-tide.jpg");background-size:cover;background-position:center}.cards{gap:24px}.card{border-radius:13px;box-shadow:var(--shadow)}.card-body{padding:28px}.card h3{font-size:29px}.card p,.event p,.faq p,.archive-item p{font-size:17px;line-height:1.6}.card small,.event time,.business-kind{font-size:14px;color:#b74608}.card-img{height:250px}.stats{gap:12px}.stat{padding:22px 14px;background:white;border:1px solid var(--line)}.stat strong{font-size:29px}.stat span{font-size:13px}.event{padding:28px}.event h3{font-size:30px}.event:before{background:var(--accent);border-color:var(--cream)}.timeline:before{background:#9eb7a3}.source-box{font-size:15px}.archive-item{background:#e9efdf;padding:28px}.archive-item strong{font-size:27px}.cat,.cat:nth-child(n){background:var(--deep);color:var(--cream);border:1px solid #35634b;border-top:4px solid var(--accent);box-shadow:var(--shadow)}.cat b{font-size:18px}.route{background:#e8efdf}.stop{font-size:14px}.directory-section .business-grid{gap:24px}.business-photo{background:white}.business-photo h3{font-size:29px;color:var(--ink)}.business-body{padding:25px}.business-credit{font-size:14px;color:#37604b}.business .badge{background:#e8efdf}.shops-section{background:var(--cream)}.directory-extra h3{font-size:25px}.tour-links strong,.see-do-links strong{font-size:26px}.tour-links a{background:#ffffff0d}.tour-links span{font-size:16px}.viewer-status{background:#0b302aeb}.next-visit{background:var(--deep)}.next-visit h2{font-family:var(--visitor-font);font-weight:700;text-transform:none}.next-eyebrow{color:#ffab68}.next-links a{font-size:15px}.next-links .next-primary{background:var(--accent);color:var(--deep);border-color:var(--accent)}
.footer-discover{padding:65px 0 75px;background:var(--cream);border-top:1px solid var(--line)}.footer-discover-head{align-items:end}.footer-discover .home-categories{margin-top:30px}.footer-discover .category-tile{height:240px}.footer-discover .category-tile strong{font-size:21px;min-height:65px;padding:18px 22px}footer{background:var(--deep);color:#d6e4d4;border-top:5px solid var(--accent);padding:55px 0 25px}.foot-grid{gap:35px}.foot-grid b{font-size:19px;color:var(--cream)}.foot-grid a{font-size:16px;line-height:1.8}.foot-grid a:hover{color:#ffab68}.footer-intro{font-size:16px;line-height:1.65;max-width:330px}.copyright{font-size:14px;border-color:#315747;margin-top:32px}
@media(max-width:1280px){.nav{display:none}.hamb{display:block}.language-control{margin-left:auto;margin-right:12px}.home-hero h1{font-size:clamp(52px,6.6vw,80px)}.home-shortcuts .shortcut-grid a{padding:18px 12px}.home-shortcuts .shortcut-grid strong{font-size:17px}}
@media(max-width:900px){.home-hero-inner{grid-template-columns:1fr 1fr}.hero-copy{padding:35px 8% 70px 10%}.home-hero h1{font-size:clamp(44px,6.7vw,64px)}.hero-intro{font-size:17px}.hero-landscape,.home-hero-inner{min-height:540px}.landscape-label{right:18px;bottom:60px;padding:16px;max-width:calc(100% - 36px)}.landscape-label strong{font-size:22px}.home-shortcuts .shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-shortcuts .shortcut-grid a:nth-child(-n+3){border-bottom:1px solid var(--line)}.home-shortcuts .shortcut-grid a:nth-child(3){border-right:0}.essentials-copy{padding:40px 9%}.essentials-copy h2{font-size:39px}.fact-row{grid-template-columns:repeat(2,1fr);gap:15px}.fact-row>div:nth-child(2){border:0}.home-categories{gap:18px}.category-tile,.home-commerce .category-tile{height:270px}.category-tile strong{font-size:21px;padding:20px}.home-route{grid-template-columns:1fr 1fr}.story-cards{grid-template-columns:1fr}.story-cards a{min-height:0}.footer-discover .home-categories{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){body{margin:8px;border-radius:16px 16px 0 0}.wrap{width:88%}.site-header{min-height:80px;padding:8px 4%;gap:8px;border-radius:16px 16px 0 0}.brand{padding:3px 5px}.brand-logo{width:137px}.language-control{margin-right:0}.language-control select{max-width:91px;font-size:13px;padding:7px 3px}.hamb{font-size:25px}.mobile-nav{top:88px;left:8px;right:8px}.home-hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px 7% 34px}.hero-place{font-size:12px;margin-bottom:18px}.home-hero h1{font-size:clamp(48px,11vw,68px);line-height:.97}.hero-intro{font-size:18px;max-width:440px}.hero-actions{flex-direction:row;margin-top:23px;gap:10px}.hero-button{font-size:15px;padding:12px 16px}.hero-landscape{height:330px;min-height:0}.hero-landscape>img{object-position:center}.landscape-label{bottom:52px;right:18px;padding:14px 18px}.landscape-label strong{font-size:23px}.landscape-label span{font-size:12px}.hero-credit{display:none}.home-shortcuts{margin-top:-24px;padding-bottom:30px}.home-shortcuts .shortcut-grid{width:92%;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}.home-shortcuts .shortcut-grid a{min-height:87px;padding:15px 12px}.home-shortcuts .shortcut-grid strong{font-size:17px}.home-shortcuts .shortcut-grid small{font-size:14px}.home-shortcuts .shortcut-grid a:nth-child(3){border-right:1px solid var(--line)}.home-shortcuts .shortcut-grid a:nth-child(2n){border-right:0}.essentials-layout{grid-template-columns:1fr}.essentials-image{height:300px;min-height:0}.essentials-copy{padding:38px 7%}.essentials-copy h2{font-size:42px}.essentials-copy p{font-size:17px}.fact-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.fact-row strong{font-size:15px}.fact-row small{font-size:12px}.fact-row>div{padding:0 5px}.home-commerce,.home-stories,.footer-discover{padding:45px 0}.home-section-head{flex-direction:column;align-items:start;gap:14px}.home-section-head h2,.stories-heading h2,.footer-discover h2{font-size:42px}.home-categories,.footer-discover .home-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-tile,.home-commerce .category-tile,.footer-discover .category-tile{height:230px}.category-tile strong,.footer-discover .category-tile strong{font-size:18px;min-height:65px;padding:17px 14px}.crossing-grid,.home-route{grid-template-columns:1fr}.crossing-card{min-height:390px}.crossing-content{padding:32px 7%}.crossing-card h2{font-size:44px}.crossing-card p:not(.overline){font-size:17px}.route-panel-content,.plan-panel{padding:35px 7%}.route-panel,.plan-panel{min-height:0}.story-cards{gap:18px}.story-cards a{padding:25px}.story-cards h3{font-size:27px}.hero,.hero.small{min-height:350px;background-position:65% center}.hero-content{padding:45px 0}.hero h1,.page-title{font-size:clamp(42px,10vw,62px)}.hero p{font-size:17px}.section{padding:45px 0}.heading{font-size:39px}.lead{font-size:17px}.cards,.directory-section .business-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:1fr}.footer-discover-head{flex-direction:column;align-items:start}.foot-grid{gap:28px}.event{padding:22px}.event h3{font-size:27px}.tour-links{grid-template-columns:1fr}.btn,.pill-link,.outline-pill{font-size:15px}.home-hero-inner .hero-copy{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}