/* EDIT COLOURS HERE */
:root{--green:#183f36;--green-dark:#102d27;--gold:#d6ac62;--cream:#f8f5ed;--ink:#202b28;--muted:#60706a}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:var(--green)}.container{width:min(1100px,92%);margin:auto}.site-header{background:var(--green-dark);color:white}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.5rem;font-weight:800;text-decoration:none;color:white;letter-spacing:-.04em}.brand span{color:var(--gold)}.nav{display:flex;gap:8px}.nav a{color:white;text-decoration:none;padding:10px 15px;border-radius:6px}.nav a:hover,.nav a[aria-current=page]{background:#ffffff20}.menu-toggle{display:none;border:1px solid #ffffff60;color:white;background:none;font-size:1.5rem;border-radius:6px;padding:3px 12px;cursor:pointer}.hero{background:var(--cream);padding:85px 0}.hero-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.eyebrow{font-size:.76rem;letter-spacing:.18em;font-weight:800;color:#967033}.hero h1{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.12;margin:10px 0 20px;color:var(--green-dark)}.hero h1 em{color:#9d7738}.lead{font-size:1.16rem;max-width:580px}.button{display:inline-block;margin-top:18px;padding:12px 24px;background:var(--green);color:white;text-decoration:none;border-radius:5px;font-weight:bold}.button:hover{background:#286557}.section{padding:70px 0}.tinted{background:var(--cream)}h1,h2,h3{line-height:1.25}h2{font-family:Georgia,serif;font-size:2.1rem;color:var(--green-dark)}h3{color:var(--green-dark)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.card{border:1px solid #dfe5df;border-radius:9px;padding:26px;background:white}.card a{text-decoration:none;font-weight:bold}.photo-placeholder{min-height:310px;background:linear-gradient(135deg,#dce5d8,#c6d2c5);border:2px dashed #7f9b8b;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;color:#35594b;font-weight:700}.photo-placeholder small{font-weight:normal}.feature-image{display:block;width:100%;height:360px;object-fit:cover;border-radius:10px}.page-heading{background:var(--cream);padding:60px 0}.page-heading h1{font: bold 3.3rem Georgia,serif;color:var(--green-dark);margin:8px 0}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-grid .photo-placeholder{min-height:220px}.gallery-image{width:100%;height:220px;object-fit:cover;border-radius:8px}.space-top{margin-top:55px}.video-wrap{position:relative;aspect-ratio:16/9;background:#dce5d8;border-radius:9px;overflow:hidden}.video-wrap iframe{width:100%;height:100%;border:0}.hint{color:var(--muted);font-size:.9rem}.narrow{max-width:750px}.site-footer{background:var(--green-dark);color:#e0e8e3;padding:24px 0;text-align:center}.site-footer p{margin:0}@media(max-width:700px){.menu-toggle{display:block}.header-inner{flex-wrap:wrap;padding:15px 0}.nav{display:none;width:100%;flex-direction:column;padding-bottom:10px}.nav.open{display:flex}.hero{padding:50px 0}.hero-grid,.two-col,.cards,.photo-grid{grid-template-columns:1fr}.section{padding:48px 0}.photo-placeholder{min-height:230px}.page-heading h1{font-size:2.5rem}}

/* Ox Mountain Quartet homepage quotation */
.band-quote{margin:32px 0 0;padding:22px 28px;border-left:5px solid var(--gold);background:var(--cream);font-family:Georgia,serif;font-size:1.22rem;line-height:1.6;color:var(--green-dark)}
html{scroll-behavior:smooth}

/* Full-width band photograph: show all four musicians without cropping */
.hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}
.hero .feature-image{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:10px}
.hero{padding:52px 0 65px}

/* Band homepage banner — preserve full photo without cropping */
.hero{padding:45px 0 50px}.hero h1{font-family:Georgia,serif;font-size:clamp(2.7rem,5.5vw,4.7rem);color:var(--green-dark);margin:6px 0 10px}.hero h1 em{color:#9d7738}.hero .lead{margin:0 0 24px}.banner-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 10px 28px #142d2422}
.gig-card{display:flex;gap:24px;align-items:flex-start;background:white;border:1px solid #e0e4df;border-radius:10px;padding:25px;margin:24px 0}.gig-card h2,.gig-card h3{margin:0 0 8px}.gig-card p{margin:0}.gig-date{min-width:90px;text-align:center;background:var(--green-dark);color:white;border-radius:7px;padding:10px}.gig-date strong{font-size:2.1rem;display:block;line-height:1.2}.gig-date span{font-size:.75rem;letter-spacing:.08em}.text-link{font-weight:bold;text-decoration:none}.gallery-figure{margin:0}.gallery-figure img{width:100%;height:220px;object-fit:contain;background:var(--cream);border-radius:8px}.gallery-figure figcaption{font-size:.9rem;color:var(--muted);margin-top:8px}
@media(max-width:700px){.gig-card{flex-direction:column}.gig-date{min-width:unset}.banner-image{border-radius:6px}}

/* Clickable YouTube previews: avoid Error 153 in local HTML files */
.video-gallery{align-items:start}.video-card h3{margin:14px 0 4px}.video-card p{margin:5px 0}.video-thumbnail{display:block;position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#193f35,#071b16);border-radius:10px;overflow:hidden}.video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#df1827;color:white;width:72px;height:50px;border-radius:13px;font-size:26px;padding-left:4px;box-shadow:0 3px 12px #0008}.video-thumbnail:hover .play-icon,.video-thumbnail:focus-visible .play-icon{background:#b00e1a}

/* Contact page */
.contact-cards{display:grid;gap:18px;margin-top:28px}.contact-card{padding:24px 28px;border:1px solid #dfe5df;border-radius:9px;background:var(--cream)}.contact-card h3{margin:0 0 8px}.contact-card p{margin:0 0 5px}.contact-card a{overflow-wrap:anywhere;font-weight:700}
.site-footer .social-footer{margin-top:10px}.site-footer .social-footer a{color:var(--gold);font-weight:700;text-decoration:none}.site-footer .social-footer a:hover{text-decoration:underline}

/* Homepage video preview */
.homepage-video{max-width:850px;margin:24px auto 0}.homepage-video .hint{text-align:center;margin-top:12px}