500;600&family=Inter:wght@400;500&display=swap');

:root {
  --ink:#800000; --soft:#800000; --wood:#800000; --wood2:#800000;
  --cream:#f7f4ee; --paper:#fffdfa; --line:#ded7cd;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;background:var(--cream);color:#800000;
 font-family:Arial, Helvetica, sans-serif;line-height:1.7;
}
a{color:#008000;text-underline-offset:3px}
a:hover{color:#000000}
.site{max-width:1180px;margin:0 auto;background:var(--paper);min-height:100vh;
 box-shadow:0 0 40px rgba(43,32,21,.08)}
header{padding:42px 54px 30px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--ink)}
.brand-mark{
 width:48px;height:48px;border-radius:50%;
 background:radial-gradient(circle at 35% 30%,#b28a63 0,#7b5034 35%,#3e271a 100%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 3px 10px rgba(50,30,15,.14)
}
.brand h1{font:500 42px/1 Arial, Helvetica, sans-serif;letter-spacing:.02em;margin:0}
.brand p{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--soft);margin:8px 0 0}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:0;padding:0 54px;border-bottom:1px solid var(--line)}
nav a{
 color:var(--soft);text-decoration:none;font-size:12px;letter-spacing:.09em;
 text-transform:uppercase;padding:18px 0;margin-right:30px;border-bottom:2px solid transparent
}
nav a:hover,nav a.active{color:#000000;border-bottom-color:#000000}
main{padding:0 54px 65px}
.hero{display:grid;grid-template-columns:1fr 1.18fr;min-height:510px;gap:55px;align-items:center}
.hero-copy{padding:45px 0}
.kicker{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--wood);margin-bottom:18px}
.hero h2{font:500 clamp(42px,5vw,68px)/.98 Arial, Helvetica, sans-serif;margin:0 0 24px}
.lead{font-size:17px;line-height:1.85;color:#800000;max-width:570px}
.hero-photo{margin-right:-54px}
.hero-photo img{width:100%;height:540px;object-fit:contain;object-position:center;display:block;background:var(--cream)}
.intro-rule{display:grid;grid-template-columns:1fr 2fr;gap:45px;border-top:1px solid var(--line);padding:35px 0}
.section-label{font:500 25px/1.1 Arial, Helvetica, sans-serif}
.content{max-width:820px;padding-top:42px}
.content h2,.gallery-title{font:500 48px/1.1 Arial, Helvetica, sans-serif;margin:0 0 28px}
.content h3{font:500 28px Arial, Helvetica, sans-serif;color:var(--wood-dark)}
.content p{max-width:780px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--line)}
.card img{width:100%;aspect-ratio:1.25;object-fit:cover;display:block}
.card-body{padding:18px 20px 20px}
.card h3{font:500 26px Arial, Helvetica, sans-serif;margin:0 0 3px}
.card p{font-size:13px;color:var(--soft);margin:0}
.gallery-head{padding:43px 0 26px;display:flex;justify-content:space-between;align-items:end;gap:25px}
.gallery-head p{margin:0;color:var(--soft);font-size:13px}
.gallery-nav{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 26px}
.gallery-nav a{
 padding:7px 13px;border:1px solid var(--line);color:var(--soft);font-size:11px;
 letter-spacing:.08em;text-transform:uppercase;text-decoration:none
}
.gallery-nav a:hover{border-color:#000000;color:#000000}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery-grid a{display:block;overflow:hidden;background:#eee;position:relative}
.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .45s ease}
.gallery-grid a:hover img{transform:scale(1.055)}
.gallery-grid a:after{content:"";position:absolute;inset:0;background:rgba(45,25,12,0);transition:.25s}
.gallery-grid a:hover:after{background:rgba(45,25,12,.10)}
address{font-style:normal}
form{max-width:650px}
label{display:block;margin:15px 0 5px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}
input,textarea{width:100%;padding:12px;border:1px solid #cfc7bd;background:#fff;font:inherit}
textarea{min-height:160px;resize:vertical}
button{margin-top:16px;padding:12px 22px;border:0;background:var(--wood);color:white;font:inherit;cursor:pointer}
footer{border-top:1px solid var(--line);padding:25px 54px;color:#800000;font-size:11px;letter-spacing:.04em}
.lightbox{position:fixed;inset:0;background:rgba(20,14,9,.93);display:none;align-items:center;justify-content:center;z-index:1000;padding:35px}
.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}
.lightbox button{position:absolute;top:13px;right:20px;background:none;font-size:36px;padding:5px;color:#fff}
@media(max-width:850px){
 header{padding:28px 22px 22px}main{padding:0 22px 45px}nav{padding:0 22px}
 nav a{margin-right:18px;padding:14px 0;font-size:11px}
 .hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:55px 0 35px}.hero-photo{margin:0}
 .hero-photo img{height:390px}.intro-rule{grid-template-columns:1fr;gap:10px}
 .feature-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}
 .gallery-head{display:block}.gallery-head p{margin-top:8px}footer{padding:22px}
}
@media(max-width:480px){
 .brand h1{font-size:34px}.brand p{font-size:9px}.gallery-grid{gap:6px}
}

.gallery-nav a.active-gallery { color:var(--wood); border-color:var(--wood2); background:#f5efe7; }


/* V9: requested text color */
body, p, li, address, label, .brand, .brand h1, .brand p,
nav a, .lead, .section-label, .content h2, .content h3,
.gallery-title, .gallery-head p, .card h3, .card p, footer {
    color: #800000;
}
a:not(.brand) { color: #008000; }
a:not(.brand):hover { color: #000000; }

/* Home-page image rotator */
.hero-rotator{position:relative;height:540px;background:var(--cream);overflow:hidden}
.hero-rotator .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;opacity:0;transition:opacity 1.5s ease-in-out}
.hero-rotator .hero-slide.active{opacity:1}
@media(max-width:850px){.hero-rotator{height:390px}}