/* Off to the Rugby graphics pack — add after rugby.css */
/* 1. Hoops: rugby-shirt band under the header and above the footer */
.site-head{box-shadow:0 5px 0 #F2C94C,0 10px 0 #182F46}
.site-foot{border-top:0;box-shadow:inset 0 5px 0 #742B46,inset 0 10px 0 #F2C94C}
.hoops{height:15px;background:linear-gradient(#742B46 0 5px,#F2C94C 5px 10px,#182F46 10px 15px);border:0;margin:0}

/* 2. Section icons (mask so they follow text colour in light and dark mode) */
.ico{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.14em;margin-right:.45em;background:currentColor;
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;color:var(--grass)}
:root[data-theme="dark"] .ico{color:#F2C94C}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .ico{color:#F2C94C}}
.ico-train{--i:url(/assets/gfx/icons/train.svg)} .ico-tram{--i:url(/assets/gfx/icons/tram.svg)} .ico-bus{--i:url(/assets/gfx/icons/bus.svg)}
.ico-car{--i:url(/assets/gfx/icons/car.svg)} .ico-walk{--i:url(/assets/gfx/icons/walk.svg)} .ico-ticket{--i:url(/assets/gfx/icons/ticket.svg)}
.ico-seat{--i:url(/assets/gfx/icons/seat.svg)} .ico-access{--i:url(/assets/gfx/icons/access.svg)} .ico-bed{--i:url(/assets/gfx/icons/bed.svg)}
.ico-cup{--i:url(/assets/gfx/icons/cup.svg)} .ico-pint{--i:url(/assets/gfx/icons/pint.svg)} .ico-history{--i:url(/assets/gfx/icons/history.svg)}
.ico-atmosphere{--i:url(/assets/gfx/icons/atmosphere.svg)} .ico-faq{--i:url(/assets/gfx/icons/faq.svg)} .ico-checklist{--i:url(/assets/gfx/icons/checklist.svg)}
.ico-pin{--i:url(/assets/gfx/icons/pin.svg)} .ico-posts{--i:url(/assets/gfx/icons/posts.svg)} .ico-family{--i:url(/assets/gfx/icons/family.svg)}
.ico-clock{--i:url(/assets/gfx/icons/clock.svg)} .ico-bag{--i:url(/assets/gfx/icons/bag.svg)} .ico-tour{--i:url(/assets/gfx/icons/tour.svg)}

/* 3. Home hero */
.home-hero{background:linear-gradient(115deg,#742B46 0%,#64243F 58%,#182F46 100%);color:#fff;padding:56px 0 60px}
.home-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:center}
.home-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4rem);line-height:1.04;margin:0 0 18px;max-width:14ch}
.home-hero p{color:#F6EDE6;font-size:1.13rem;max-width:44ch;margin:0 0 26px}
.home-hero img{width:100%;height:auto;display:block;border-radius:22px;box-shadow:10px 10px 0 #F2C94C}
.home-hero .btn.ghost{color:#fff;border-color:#fff}
@media(max-width:820px){.home-hero .wrap{grid-template-columns:1fr}.home-hero img{order:-1;box-shadow:6px 6px 0 #F2C94C}}

/* 4. Postcards, mascots and badges */
.postcard{margin:8px 0 26px;max-width:760px}
.postcard img{width:100%;height:auto;display:block;transform:rotate(-1.2deg);filter:drop-shadow(6px 8px 0 rgba(24,47,70,.18))}
.postcard figcaption{font-size:.82rem;color:var(--muted);margin-top:10px}
.mascot{float:right;width:min(190px,34vw);height:auto;margin:-8px 0 12px 22px}
.badge{display:inline-block;width:40px;height:45px;vertical-align:-.3em;margin-right:.5em}
/* Integration: constrain supplied art to the existing content grid. */
.home-hero figure{margin:0;min-width:0}.home-hero figcaption{color:#F6EDE6;font-size:.82rem;margin-top:12px}
.postcard-link{display:block;max-width:520px}.postcard-link img{display:block;width:100%;height:auto;margin-bottom:12px}.postcard-caption{display:block;font-size:.82rem;color:var(--muted)}
.guide-title{display:flow-root}.ico{color:#742B46}
.photo-credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.credit-photo{margin:0}.credit-photo img{width:100%;height:auto}.credit-photo figcaption{font-size:.85rem;overflow-wrap:anywhere}.photo-credit-grid article{min-width:0}
@media(max-width:600px){.photo-credit-grid{grid-template-columns:1fr}.home-hero .btn{margin-bottom:12px}.home-hero{padding:32px 0}.mascot{margin-left:12px}}