/* 6d6 Café brand layer — sage green, forest green, natural wood and warm plaster */
:root { --sage:#76917e; --sage-dark:#617c69; --forest:#174c3d; --forest-deep:#10392f; --wood:#d7bb8f; --cream:#e5ddd2; --plaster:#f1ece4; --botanical:#cfe0d4; --ink:#173f35; }
body { background:var(--sage); }
body,input,select,textarea { font-family:'Montserrat',Arial,Helvetica,sans-serif; color:rgba(241,236,228,.88); }
body { font-size:15px; }
#sidebar { background:var(--forest-deep); }
#sidebar nav a { color:rgba(241,236,228,.72); letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
#sidebar nav a:hover { color:var(--wood); }
#sidebar nav a.active { color:var(--cream); }
#sidebar .inner:before { content:'6d6'; display:block; color:var(--wood); font-size:2.35rem; line-height:1; font-weight:800; letter-spacing:.02em; margin:0 0 2.5rem 0; }
#sidebar .inner:after { content:'Placeholder'; display:block; position:absolute; left:4rem; top:9.1rem; color:var(--cream); font-size:.48rem; letter-spacing:.24em; font-weight:700; }
h1,h2,h3,h4,h5,h6 { color:var(--cream); font-weight:800; letter-spacing:.01em; }
h1 { font-size:3.15rem; letter-spacing:.02em; }
h1.major:after { background:var(--wood); }
a:hover { color:var(--wood); }
strong,b { color:var(--cream); }
.button { border-color:rgba(229,221,210,.55)!important; color:var(--cream)!important; background:transparent; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.button:hover { background:var(--wood)!important; border-color:var(--wood)!important; color:var(--forest-deep)!important; }
.wrapper.style1 { background:var(--sage); }
.wrapper.style1-alt { background:var(--sage-dark); }
.wrapper.style2 { background:var(--forest); }
.wrapper.style3 { background:var(--forest-deep); }
#intro { position:relative; overflow:hidden; background:radial-gradient(circle at 75% 20%,rgba(207,224,212,.18),transparent 32%),linear-gradient(135deg,var(--sage) 0%,#6d8976 100%); }
#intro:after { content:'⚄ ⚅'; position:absolute; right:7vw; bottom:5vh; color:rgba(215,187,143,.14); font-size:12rem; font-weight:800; transform:rotate(-10deg); pointer-events:none; }
#intro .inner { position:relative; z-index:1; }
#intro h1 { color:var(--cream); }
#intro p { max-width:720px; color:rgba(241,236,228,.92); }
.spotlights > section > .image { background:var(--forest-deep); }
.spotlights > section > .content { background:var(--forest); }
.spotlights > section:nth-child(2) > .content { background:var(--sage-dark); }
.spotlights > section:nth-child(3) > .content { background:var(--forest-deep); }
.spotlights > section > .content h2 { color:var(--cream); }
.features section { border-top-color:rgba(229,221,210,.18)!important; }
.icon.major { color:var(--wood); border-color:rgba(215,187,143,.35); }
.icon.major:before { color:var(--wood); }
input,select,textarea { background:rgba(16,57,47,.26); border-color:rgba(229,221,210,.22); color:var(--cream); }
input:focus,select:focus,textarea:focus { border-color:var(--wood); box-shadow:0 0 0 1px var(--wood); }
.contact > li { border-top-color:rgba(229,221,210,.2); }
.brand-logo { display:block; width:min(380px,72vw); margin:0 0 2rem 0; border-radius:2px; box-shadow:0 18px 45px rgba(16,57,47,.16); }
.brand-kicker { display:inline-block; color:var(--forest-deep); background:var(--wood); padding:.35rem .8rem; font-size:.7rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; margin-bottom:1.2rem; }
#footer { background:var(--forest-deep); }
#footer .menu li { color:rgba(241,236,228,.55); }
@media screen and (max-width:736px) { #sidebar .inner:before{font-size:2rem;margin-bottom:1.8rem;} #sidebar .inner:after{top:7.55rem;left:3.25rem;} h1{font-size:2.4rem;} #intro:after{font-size:7rem;right:-1rem;bottom:1rem;} }