@import url("laguna-flagship-v1.css");

:root{
  --night:#080a0d;
  --deep:#11151a;
  --ocean:#1c2732;
  --aqua:#c5a36a;
  --sand:#e8d5ad;
  --coral:#a87c43;
  --foam:#f4f1eb;
  --ink:#111419;
  --muted:#687078;
  --line:#d9d4ca;
}

body{
  background:#f4f1eb;
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
}

.urgency{
  background:#0b0d10;
  color:#ead8b4;
  border-bottom:1px solid #c5a36a55;
}

.brandbar{
  background:linear-gradient(90deg,#0a0c0f,#171c22,#0a0c0f);
  border-bottom:1px solid #c5a36a66;
}

.brands span{
  border-color:#ffffff12;
  font-weight:900;
}

.brands .prime{
  color:#f1ddb6;
  font-family:Arial,sans-serif;
  letter-spacing:.1em;
  text-shadow:0 8px 24px #000;
}

.header{
  background:#f8f6f1f2;
  border-bottom:1px solid #b9ae9b;
  box-shadow:0 18px 50px #05080d12;
}

.mark{
  background:linear-gradient(145deg,#d6b476,#8c642f);
  clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%);
  filter:drop-shadow(8px 9px 0 #111820);
}

.identity small,.nav a:hover,.nav a.active{
  color:#966a32;
}

.hero{
  min-height:790px;
  background:#080a0d url("mission-viejo-luxury-kitchen-v2.png") center/cover no-repeat;
}

.hero:before{
  background:linear-gradient(90deg,#05070a 0%,#05070af2 29%,#05070a9e 50%,#05070a18 76%),linear-gradient(0deg,#05070ac7,#0000 50%);
}

.hero:after{
  background:linear-gradient(118deg,#0000 57%,#e6c99433 57.08%,#0000 57.2%);
}

.hero h1,.page-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
}

.hero h1 em{
  color:#e1bd7a;
}

.eyebrow,.kicker{
  color:#cda96b;
}

.button,
.button.coral{
  color:#0a0c0f;
  background:linear-gradient(135deg,#edcf91,#a97b3f);
  border:1px solid #f0d79f;
  border-radius:0;
  clip-path:polygon(0 0,91% 0,100% 28%,100% 100%,9% 100%,0 72%);
  box-shadow:12px 14px 0 #05070a55;
}

.button.light{
  color:#111419;
  background:#fff;
  border-color:#fff;
}

.hero-panel{
  background:#080b0fe8;
  border-top:1px solid #c9a66966;
}

.trust-item{
  border-color:#ffffff18;
}

.trust-item b{
  color:#e4c78d;
}

.section.sea{
  background:linear-gradient(135deg,#e9e5dd,#f9f7f2);
}

.intent,.brand-card,.triage-card{
  border-radius:0;
  clip-path:polygon(0 0,94% 0,100% 11%,100% 100%,6% 100%,0 89%);
}

.intent{
  border-color:#c8bea9;
  box-shadow:18px 20px 0 #1118200b;
}

.intent:before{
  border-color:#c5a36a;
}

.intent a,.process b{
  color:#8b622e;
}

.diagnostic-box{
  box-shadow:18px 18px 0 #b78c52;
  clip-path:polygon(0 0,94% 0,100% 9%,100% 100%,6% 100%,0 91%);
}

.diag-head{
  background:#11151a;
}

.diag-grid button:hover,
.triage-option:hover,
.triage-option.selected{
  background:#d9bd86;
}

.brand-card{
  background:linear-gradient(145deg,#1d2228,#07090c);
  border-color:#d2b06d44;
}

.brand-card strong{
  color:#e6cc99;
  font-family:Arial,sans-serif;
  letter-spacing:.02em;
}

.brand-card:after{
  border-color:#d1ad6755;
  box-shadow:0 0 80px #c59f5622;
}

.brand-list div{
  background:#0b0e12;
  border-top:1px solid #c6a15c22;
}

.process article{
  border-top-color:#b68a4d;
}

.page-hero{
  background:linear-gradient(120deg,#07090c,#1a2027);
}

.page-hero:after{
  border-color:#d3ad6544;
}

.card,.chips span,.faq details,.form input,.form select,.form textarea{
  border-radius:0;
  border-color:#cfc7b8;
}

.footer{
  background:#07090c;
}

.dock .call{
  background:#151b22;
}

.dock .text{
  color:#090b0e;
  background:#c9a460;
}

.progress i{
  background:linear-gradient(90deg,#dcbf84,#8d642f);
}

@media(max-width:560px){
  .hero{
    background-position:66% center;
  }

  .hero:before{
    background:linear-gradient(90deg,#05070af5 0%,#05070ad5 72%,#05070a66);
  }

  .button,.button.coral{
    box-shadow:7px 8px 0 #05070a55;
  }
}