@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,500;1,500&display=swap');
:root{--black:#080708;--cream:#f0d9a8;--gold:#c99152;--gold2:#f1c77e;--plum:#38142f;--purple:#7b287b;--red:#9d1d27;--muted:#c8bba8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f6ead4;font-family:"Cormorant Garamond",Georgia,serif;font-size:18px}a{color:inherit}.wrap{width:min(1500px,94vw);margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(8,7,8,.94);border-bottom:1px solid #47251f;backdrop-filter:blur(10px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;font:500 13px Cinzel,serif;color:var(--cream)}.nav a{text-decoration:none}.nav-logo{font:500 38px "Cormorant Garamond";color:var(--gold2)}.pill{display:inline-block;border:1px solid var(--gold);border-radius:28px;padding:13px 23px;text-decoration:none;font:500 12px Cinzel,serif;color:var(--cream);background:rgba(38,8,30,.45)}.filled{background:linear-gradient(90deg,#38102f,#5c174c);box-shadow:inset 0 0 0 1px #6d315d}
.hero{min-height:930px;position:relative;background:radial-gradient(circle at 50% 36%,rgba(113,20,25,.42),transparent 32%),linear-gradient(#160b10,#080708 82%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.45)),url("assets/scarlet-river-brand.png");background-size:cover;background-position:center 43%;filter:blur(2px);opacity:.38;transform:scale(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.75),transparent 34%,transparent 66%,rgba(5,5,5,.75))}
.hero-grid{height:490px;position:relative;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;z-index:2}.hero-left{padding-left:45px}.caps{font:500 22px/1.5 Cinzel,serif;letter-spacing:.12em;color:var(--cream)}.smallcaps{font:500 13px/1.65 Cinzel,serif;letter-spacing:.17em;color:var(--cream)}.diamond{color:#a42ba3}.hero-right{text-align:center}.hero-right h1{font:italic 500 31px/1.15 "Cormorant Garamond";color:#f3dbad;margin:0 0 18px}
.feature{position:relative;z-index:3;min-height:390px;border:1px solid var(--gold);border-radius:8px;background:rgba(5,5,5,.88);display:grid;grid-template-columns:1.1fr 1fr .7fr;overflow:hidden}.feature-copy{padding:28px 48px}.feature h2,.about h2,.contact h2{font:500 38px/1.08 Cinzel,serif;color:var(--gold2);letter-spacing:.05em;margin:0 0 12px}.feature-copy p{max-width:540px;margin:8px 0 18px}.buttons{display:flex;gap:22px}.feature-river{background:linear-gradient(90deg,#09090900,#09090920),url("assets/scarlet-river-brand.png");background-size:900px;background-position:49% 69%}.benefits{padding:55px 25px 20px 5px;display:flex;flex-direction:column;justify-content:center;gap:25px}.benefits>div{display:flex;gap:18px;align-items:center}.benefits p{margin:0}.benefits b{font:500 14px Cinzel;color:var(--cream);letter-spacing:.12em}.benefits small{display:block;color:#ddd0bd}.icon,.service-icon{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:25px;flex:0 0 auto}
.services{padding:25px 0 45px}.orn-title{display:flex;align-items:center;justify-content:center;gap:15px}.orn-title span{height:1px;width:90px;background:linear-gradient(90deg,transparent,var(--gold))}.orn-title span:last-child{transform:scaleX(-1)}.orn-title h2{font:500 37px Cinzel;color:var(--gold2);margin:0 0 18px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service-grid article{text-align:center;border:1px solid var(--gold);border-radius:7px;padding:0 28px 25px;background:linear-gradient(145deg,#151313,#090909);min-height:260px}.service-icon{margin:-18px auto 22px;background:linear-gradient(#5b164d,#23101f)}.service-grid h3{font:500 15px Cinzel;color:var(--cream)}.service-grid p{font-size:17px}.service-grid a{font:500 11px Cinzel;color:var(--gold2);text-decoration:none}
.about{display:grid;grid-template-columns:1fr 1fr;min-height:500px;border-top:1px solid #6d201f;padding:0}.about-art{background:linear-gradient(90deg,transparent,#080708),url("assets/scarlet-river-brand.png");background-size:780px;background-position:38% 15%}.about-copy{padding:85px 60px}.about-copy p{color:#d7c9b5;max-width:650px}
.cta{border-top:1px solid #8c1f26;border-bottom:1px solid #5e251e;background:linear-gradient(90deg,#0d0b0c 55%,#35102e)}.cta-inner{display:grid;grid-template-columns:1.4fr .8fr}.cta-inner>div{padding:28px 55px}.cta-inner>div:last-child{border-left:1px solid var(--gold)}.cta h2{font:500 31px Cinzel;color:var(--gold2);margin:0}
.contact{padding:90px 3vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.contact-copy a{text-decoration:none}.contact form{border:1px solid #6f4b35;padding:35px;background:#0d0b0c}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font:500 10px Cinzel;color:var(--cream);letter-spacing:.12em;margin-bottom:17px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;background:#080708;border:1px solid #513c31;color:#eee1cf;font:16px Georgia,serif}input:focus,select:focus,textarea:focus{outline:1px solid var(--gold)}.check{display:flex;gap:10px;align-items:flex-start;font-family:Georgia,serif;letter-spacing:0}.check input{width:auto;margin:3px 0}.security{font-size:12px;color:#8d8174}.trap{display:none}
footer{border-top:1px solid #44241e;padding:30px 0;color:#8f806f;font:11px Cinzel}footer .wrap{display:flex;justify-content:space-between}
@media(max-width:1000px){.nav>a:not(.nav-logo):not(.pill){display:none}.hero-grid{grid-template-columns:1fr;height:auto;padding-top:30px}.hero-left,.hero-right{text-align:center;padding:15px}.brand-art{order:-1;height:400px}.feature{grid-template-columns:1fr}.feature-river{height:300px}.benefits{padding:30px 45px;flex-direction:row}.service-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-art{height:430px}.cta-inner,.contact{grid-template-columns:1fr}}
@media(max-width:620px){.nav{height:72px}.nav .pill{padding:10px;font-size:9px}.hero{min-height:0}.feature-copy{padding:30px 25px}.feature h2,.about h2,.contact h2{font-size:29px}.buttons,.benefits{flex-direction:column;align-items:flex-start}.service-grid{grid-template-columns:1fr}.about-copy{padding:55px 7vw}.cta-inner>div{padding:30px 7vw}.two{grid-template-columns:1fr}.contact{padding:60px 5vw}.contact form{padding:25px 18px}footer .wrap{gap:15px;flex-direction:column}}
/* V5 hero correction: the logo is no longer a separate rectangular image.
   The original artwork remains only as the continuous background scenery. */
.hero:before{
  background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.34)),url("assets/scarlet-river-brand.png");
  background-size:cover;
  background-position:center 54%;
  filter:none;
  opacity:.76;
  transform:scale(1.035);
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(5,4,5,.74) 0%,rgba(5,4,5,.18) 28%,rgba(5,4,5,.12) 72%,rgba(5,4,5,.74) 100%),
    linear-gradient(180deg,rgba(5,4,5,.1),rgba(5,4,5,.2));
}
.brand-center{text-align:center;align-self:center;padding-top:12px;text-shadow:0 4px 10px #000}
.hero-monogram{position:relative;display:inline-block;font:500 160px/.78 "Cormorant Garamond",Georgia,serif;letter-spacing:-.16em;padding-right:.15em;color:#d9a05e;
  background:linear-gradient(#ffe2a1 5%,#c77b36 43%,#ffe2a1 62%,#9d552a 92%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 1px #4b2114) drop-shadow(0 4px 8px #000)}
.hero-monogram .flower{position:absolute;right:-12px;top:-28px;font-size:45px;letter-spacing:0;-webkit-text-fill-color:#852b8e;color:#852b8e;text-shadow:0 0 2px #efbd6d}
.hero-name{font:500 42px/1 Cinzel,serif;letter-spacing:.035em;color:#f2c983;text-shadow:0 2px 2px #5c261c,0 4px 8px #000;margin-top:20px}
.hero-subname{display:flex;align-items:center;justify-content:center;gap:12px;font:500 18px Cinzel,serif;letter-spacing:.25em;color:#f1d7a4;margin-top:6px}
.hero-subname span{height:1px;width:70px;background:var(--gold)}
.feature{background:rgba(5,5,5,.78);backdrop-filter:blur(1px)}
.feature-river{background:linear-gradient(90deg,rgba(5,5,5,.28),rgba(5,5,5,.05)),url("assets/scarlet-river-brand.png");background-size:900px;background-position:49% 69%}
@media(max-width:1000px){
  .brand-center{order:-1;padding:30px 10px 10px}
  .hero-monogram{font-size:125px}
  .hero-name{font-size:34px}
}
@media(max-width:620px){
  .hero-monogram{font-size:95px}
  .hero-name{font-size:27px}
  .hero-subname{font-size:12px}
}

/* V6: bordered "BOOKKEEPING THAT MOVES..." panel contains NO image.
   The hero background remains visible continuously behind the translucent panel. */
.feature{
  grid-template-columns:1.25fr .75fr;
  background:rgba(5,5,5,.68);
  backdrop-filter:none;
}
.feature-river{display:none!important;background:none!important}
.feature-copy{background:rgba(5,5,5,.34)}
.benefits{background:rgba(5,5,5,.34);padding-left:40px;padding-right:40px}
@media(max-width:1000px){
  .feature{grid-template-columns:1fr}
  .benefits{background:rgba(5,5,5,.34)}
}

/* V7 reference-match hero */
.hero{
  min-height:900px;
  background:#080708 url("assets/river-background.jpg") center 44%/cover no-repeat;
}
.hero:before{display:none!important}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(4,3,4,.06) 0%,rgba(4,3,4,.08) 55%,rgba(4,3,4,.32) 100%),
    linear-gradient(90deg,rgba(3,3,3,.18),transparent 25%,transparent 75%,rgba(3,3,3,.18));
}
.hero-grid{
  height:470px;
  grid-template-columns:1fr 1.5fr 1fr;
}
.brand-center{padding-top:25px}
.hero-monogram{font-size:178px}
.hero-name{font-size:47px;margin-top:23px}
.hero-subname{font-size:18px}
.feature{
  margin-top:-5px;
  min-height:365px;
  grid-template-columns:1.15fr .85fr;
  border:1px solid #d2a557;
  background:rgba(4,4,4,.72);
  box-shadow:0 12px 35px rgba(0,0,0,.35);
}
.feature-copy{padding:38px 52px;background:rgba(2,2,2,.18)}
.feature h2{font-size:43px;line-height:1.04}
.feature-copy p{font-size:18px;line-height:1.3}
.benefits{
  border-left:1px solid rgba(201,145,82,.65);
  background:rgba(2,2,2,.16);
  padding:42px 55px;
  gap:27px;
}
.benefits .icon{width:64px;height:64px}
.services{background:#080708}
@media(max-width:1000px){
 .hero-grid{height:390px;grid-template-columns:1fr}
 .hero-left,.hero-right{display:none}
 .brand-center{padding-top:35px}
 .feature{margin-top:0}
 .benefits{border-left:0;border-top:1px solid rgba(201,145,82,.55)}
}
@media(max-width:620px){
 .hero{background-position:center top}
 .hero-grid{height:330px}
 .hero-monogram{font-size:105px}
 .hero-name{font-size:29px}
 .feature-copy{padding:28px 23px}
 .feature h2{font-size:31px}
 .benefits{padding:28px 23px}
}

/* V8: match approved reference using the user's newly supplied background */
.hero{
  min-height:930px;
  background:#080708 url("assets/river-background.png") center 46%/cover no-repeat;
}
.hero:before{display:none!important}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(4,3,4,.02) 0%,rgba(4,3,4,.03) 44%,rgba(4,3,4,.12) 100%),
    linear-gradient(90deg,rgba(0,0,0,.10),transparent 22%,transparent 78%,rgba(0,0,0,.10));
}
.hero-grid{
  height:485px;
  display:grid;
  grid-template-columns:1fr 1.5fr 1fr;
  align-items:center;
}
.brand-center{
  padding-top:22px;
  transform:translateY(-4px);
}
.hero-monogram{
  font-size:185px;
  line-height:.75;
}
.hero-name{
  font-size:49px;
  margin-top:26px;
  white-space:nowrap;
}
.hero-subname{
  font-size:18px;
  margin-top:8px;
}
.feature{
  margin-top:-10px;
  min-height:365px;
  grid-template-columns:1.25fr .75fr;
  border:1.25px solid #d4a755;
  border-radius:8px;
  background:rgba(3,3,3,.69);
  box-shadow:0 12px 32px rgba(0,0,0,.32);
}
.feature-copy{
  padding:35px 50px 32px;
  background:transparent;
}
.feature h2{
  font-size:43px;
  line-height:1.03;
  letter-spacing:.035em;
  margin-bottom:16px;
}
.feature-copy p{
  max-width:570px;
  font-size:18px;
  line-height:1.28;
  margin-bottom:20px;
}
.buttons{gap:20px}
.benefits{
  position:relative;
  border-left:1px solid rgba(212,167,85,.78);
  background:transparent;
  padding:43px 50px;
  gap:28px;
}
.benefits:before{
  content:"◆";
  position:absolute;
  left:-8px;
  top:49%;
  transform:translateY(-50%);
  color:#a52aa5;
  font-size:15px;
  background:#080708;
  line-height:22px;
}
.benefits>div{gap:20px}
.benefits .icon{
  width:64px;height:64px;
  border-color:#d4a755;
  font-size:26px;
}
.benefits b{
  font-size:15px;
  color:#efcf8e;
}
.benefits small{font-size:16px}
.pill{border-color:#d4a755}
.filled{background:linear-gradient(90deg,#3a0b31,#5b104d)}
@media(max-width:1000px){
  .hero{min-height:auto;background-position:center top}
  .hero-grid{height:400px;grid-template-columns:1fr}
  .feature{margin-top:0;grid-template-columns:1fr}
  .benefits{border-left:0;border-top:1px solid rgba(212,167,85,.7)}
  .benefits:before{left:50%;top:-11px;transform:translateX(-50%)}
}
@media(max-width:620px){
  .hero-grid{height:340px}
  .hero-monogram{font-size:105px}
  .hero-name{font-size:29px}
  .feature-copy{padding:28px 23px}
  .feature h2{font-size:31px}
}