/* Responsive */
@media (max-width:880px) {
  .split-inner {
    flex-direction: column;
  }
  .divider {
    display: none; /* il divisore verticale non serve su mobile */
  }
  .panel {
    flex: 1 1 auto;
    padding: 2rem 1rem;
  }
}
@media (max-width:600px) {
  .contact-form input,
  .contact-form textarea {
    font-size: 1rem;
    width: 100%;
  }
  .contact-form button {
    width: 100%;
  }
  .brand-logo img {
    display: none;
  }
}

/* Variabili globali */
:root {
  --bg:#f3f1e9;
  --panel-bg:#ffffff;
  --muted:#6b6b6b;
  --accent:#c9a97d;
  --line-width:1px;
  --gap:4vw;
  --max-width:1200px;
  background-color:var(--bg);
}

/* Container principale */
.split-container {
  min-height:100vh;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:var(--gap);
  padding:6vh 4vw;
  box-sizing:border-box;
  background-color:var(--bg);
}

.split-inner {
  width:100%;
  max-width:var(--max-width);
  display:flex;
  flex:1;
  align-items:stretch;
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,0.6),rgba(255,255,255,0.9));
  border-radius:1rem;
  overflow:hidden;
  box-shadow:0 1.2rem 3rem rgba(16,16,16,0.06);
}

/* Pannelli */
.panel {
  flex:1 1 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(2rem,4vw,4rem);
  box-sizing:border-box;
  position:relative;
}

/* Logo */
.brand-logo img {
  width:clamp(120px,22vw,360px);
  max-width:80%;
  height:auto;
  display:block;
  transition:transform .45s cubic-bezier(.2,.9,.2,1), filter .35s;
  will-change:transform;
  filter:drop-shadow(0 0.8rem 2rem rgba(0,0,0,0.08));
}
.brand-logo img:hover {
  transform:scale(1.03);
  filter:drop-shadow(0 1rem 2.5rem rgba(0,0,0,0.12));
}

/* Testo contatti */
.brand-story {
  max-width:48rem;
  text-align:center;
}
.brand-story h2 {
  margin:0 0 .6rem 0;
  font-size: clamp(1.2rem, 9vw, 2.2rem);
  letter-spacing:-0.01em;
}
.brand-story p {
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-size: clamp(0.9rem, 4vw, 1.05rem);
}
.accent { color:var(--accent); }

/* Lista contatti */
.contact-info {
  list-style:none;
  padding:0;
  margin:1.5rem 0;
  color:var(--muted);
  line-height:1.8;
}
.contact-info a { color:var(--accent); text-decoration:none; }

/* Form */
.contact-form {
  margin-top:2rem;
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.contact-form input,
.contact-form textarea {
  padding:.8rem;
  border:1px solid #ddd;
  border-radius:.4rem;
  font-family:inherit;
}
.contact-form button {
  padding:.9rem;
  background:var(--accent);
  color:#fff;
  border:none;
  border-radius:.4rem;
  cursor:pointer;
  font-weight:600;
  transition:background .3s ease;
}
.contact-form button:hover { background:#b8926a; }

/* Divisore centrale */
.divider {
  position:absolute;
  top:10%;
  bottom:10%;
  left:50%;
  transform:translateX(-50%);
  width:var(--line-width);
  background:linear-gradient(to bottom,transparent,rgba(201,169,125,0.95),transparent);
  box-shadow:0 0 18px rgba(201,169,125,0.08), inset 0 0 4px rgba(255,255,255,0.2);
  border-radius:1rem;
  z-index:5;
}
.divider::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg,#fff,var(--accent));
  box-shadow:0 4px 18px rgba(201,169,125,0.15);
}