:root{--gold:#b18a3b;--gold2:#d8b76b;--ink:#151515;--cream:#fbf8f0;--muted:#666}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none}.topbar{background:#171717;color:#f7f1e4;padding:8px 5%;font-size:.86rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.navwrap{max-width:1180px;margin:auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:1.22rem;font-weight:bold;letter-spacing:.06em}.brand img{width:56px;height:56px;object-fit:contain;border-radius:50%}
nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{font-weight:700;font-size:.92rem;padding:8px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:#9c7427;border-color:var(--gold)}
.menu-toggle{display:none;border:1px solid #ddd;background:white;border-radius:8px;padding:8px 11px;font-size:1rem}
.hero{min-height:540px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(10,10,10,.88),rgba(10,10,10,.56)),url('assets/breman-bedum-logo.jpg') center/cover no-repeat;color:white}
.hero-inner{max-width:1180px;width:100%;margin:auto;padding:70px 24px}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.2em;font-weight:bold;font-size:.82rem}.hero h1{font:clamp(2.5rem,6vw,5.2rem)/1.05 Georgia,serif;max-width:760px;margin:18px 0}.hero p{max-width:660px;font-size:1.12rem;color:#eee}
.btn{display:inline-block;background:var(--gold);color:#fff;padding:13px 22px;border-radius:3px;font-weight:bold;margin:12px 10px 0 0;transition:.2s}.btn:hover{background:#8d6824;transform:translateY(-2px)}.btn.outline{background:transparent;border:1px solid var(--gold2)}
.section{padding:70px 24px}.section.alt{background:var(--cream)}.container{max-width:1100px;margin:auto}.section h2{font:clamp(1.9rem,4vw,3rem)/1.2 Georgia,serif;margin:8px 0 18px}.section p{color:#4e4e4e}.kicker{color:#9c7427;font-size:.8rem;text-transform:uppercase;font-weight:bold;letter-spacing:.18em}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{padding:28px;background:white;border:1px solid #eee;border-top:4px solid var(--gold);box-shadow:0 10px 30px #00000008}.card h3{font:1.35rem Georgia,serif;margin:0 0 10px}.icon{font-size:1.7rem;color:var(--gold)}
.page-hero{padding:66px 24px;background:linear-gradient(110deg,#181818,#383126);color:white}.page-hero .container{max-width:1100px}.page-hero h1{font:clamp(2.4rem,5vw,4rem) Georgia,serif;margin:10px 0}.page-hero p{color:#eee;max-width:720px}
.story h2{font:1.65rem Georgia,serif;margin-top:34px;color:#2a2419}.story p{font-size:1.02rem}.quote{border-left:4px solid var(--gold);padding:16px 22px;background:var(--cream);font:italic 1.2rem Georgia,serif;margin:20px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.contact-item{padding:20px 0;border-bottom:1px solid #e9e2d5}.contact-item strong{display:block;color:#9c7427;margin-bottom:4px}.contact-form label{display:block;font-weight:bold;margin:14px 0 5px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:3px;font:inherit}.contact-form textarea{min-height:130px;resize:vertical}.notice{font-size:.9rem;color:#777}
footer{background:#151515;color:#eee;padding:34px 24px}.footer-inner{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand img{width:44px;height:44px;object-fit:contain;border-radius:50%}footer p{margin:4px 0;color:#c6c6c6;font-size:.9rem}footer a{color:var(--gold2)}
@media(max-width:760px){.navwrap{flex-wrap:wrap}.menu-toggle{display:block}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 0 12px}nav.open{display:flex}.hero{min-height:500px}.grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.topbar{justify-content:center;text-align:center}.brand{font-size:1rem}.brand img{width:46px;height:46px}}


/* Text motion system */
@keyframes textReveal {from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes softGlow {0%,100%{text-shadow:0 0 0 rgba(216,183,107,0)}50%{text-shadow:0 0 16px rgba(216,183,107,.22)}}
@keyframes goldSweep {0%{background-position:100% 50%}100%{background-position:0% 50%}}
body.motion-ready h1, body.motion-ready h2, body.motion-ready h3,
body.motion-ready p, body.motion-ready .eyebrow, body.motion-ready .kicker,
body.motion-ready .brand span, body.motion-ready nav a,
body.motion-ready .btn, body.motion-ready .quote,
body.motion-ready .contact-item, body.motion-ready .story {
  animation:textReveal .75s cubic-bezier(.2,.7,.2,1) both;
}
body.motion-ready .hero h1 {animation:textReveal .95s ease-out both,softGlow 5s ease-in-out 1s infinite}
body.motion-ready .eyebrow, body.motion-ready .kicker {animation-delay:.08s}
body.motion-ready .hero p {animation-delay:.18s}
body.motion-ready .hero .btn {animation-delay:.28s}
body.motion-ready .card {transition:transform .3s ease,box-shadow .3s ease}
body.motion-ready .card:hover {transform:translateY(-6px);box-shadow:0 16px 38px #00000014}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.gallery-card{position:relative;overflow:hidden;background:#171717;border-radius:5px;box-shadow:0 10px 25px #00000012;min-height:240px}
.gallery-card a{display:block;height:100%;color:white}
.gallery-card img{display:block;width:100%;height:320px;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.gallery-card:hover img{transform:scale(1.06);filter:brightness(.82)}
.gallery-note{color:var(--muted);font-size:.93rem}
@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-card img{height:230px}}
@media(max-width:460px){.gallery-grid{grid-template-columns:1fr}.gallery-card img{height:300px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Photo-led homepage preview and clean caption-free gallery */
.home-gallery a.gallery-card{display:block;min-height:0;border-radius:7px;overflow:hidden;}
.home-gallery img{height:300px;}
.photo-preview{background:var(--cream);}
.gallery-grid a:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
body.motion-ready .topbar, body.motion-ready .footer-inner,
body.motion-ready .brand, body.motion-ready .icon, body.motion-ready .gallery-card,
body.motion-ready .page-hero, body.motion-ready .section .grid {animation:textReveal .75s cubic-bezier(.2,.7,.2,1) both;}
body.motion-ready .gallery-card:nth-child(2){animation-delay:.1s;}
body.motion-ready .gallery-card:nth-child(3){animation-delay:.2s;}
@media(max-width:760px){.home-gallery img{height:230px;}}


/* Animated five-photo opening slideshow on the homepage */
.hero.hero-slideshow{position:relative;isolation:isolate;overflow:hidden;background:#171717;}
.hero-slideshow .hero-slides,.hero-slideshow .hero-shade{position:absolute;inset:0;}
.hero-slideshow .hero-slides{z-index:-2;}
.hero-slideshow .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);animation:heritageSlideshow 30s infinite;}
.hero-slideshow .slide-one{animation-delay:0s;opacity:1;}
.hero-slideshow .slide-two{animation-delay:6s;}
.hero-slideshow .slide-three{animation-delay:12s;}
.hero-slideshow .slide-four{animation-delay:18s;}
.hero-slideshow .slide-five{animation-delay:24s;}
.hero-slideshow .hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,8,8,.84),rgba(8,8,8,.45) 62%,rgba(8,8,8,.25));}
.hero-slideshow .hero-inner{position:relative;z-index:1;}
@keyframes heritageSlideshow{0%{opacity:0;transform:scale(1.08)}3%{opacity:1}17%{opacity:1;transform:scale(1)}22%{opacity:0;transform:scale(1.025)}100%{opacity:0;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-slide{animation:none;transform:none}.hero-slideshow .slide-one{opacity:1}.hero-slideshow .slide-two,.hero-slideshow .slide-three,.hero-slideshow .slide-four,.hero-slideshow .slide-five{display:none}}