@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;1,9..144,400&family=Inter:wght@400;500;600&family=Big+Shoulders+Display:wght@600;800&display=swap');

:root{
  --ink:#14171A;
  --paper:#FAFAF8;

  /* Pinturas Andina — serio, minimal, editorial */
  --pintura-bg:#FAFAF8;
  --pintura-ink:#14171A;
  --pintura-accent:#2F5D50;
  --pintura-line: rgba(20,23,26,0.12);
  --pintura-muted:#EFEDE7;

  /* Portafolio — artístico, oscuro, editorial urbano */
  --portafolio-bg:#0B0B0C;
  --portafolio-ink:#F2F2ED;
  --portafolio-accent:#D6FF3F;
  --portafolio-pink:#FF4D82;
  --portafolio-line: rgba(242,242,237,0.12);

  --font-body: 'Inter', sans-serif;
  --font-serif: 'Fraunces', serif;
  --font-display: 'Big Shoulders Display', sans-serif;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing:antialiased;
}
a{ color:inherit; }
img{ max-width:100%; display:block; }
:focus-visible{ outline:3px solid currentColor; outline-offset:3px; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
}

/* ---------- Landing (split) ---------- */
.split{
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr 1fr;
}
@media (max-width:760px){
  .split{ grid-template-columns:1fr; }
}

.split-panel{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:8vw 7vw;
  min-height:50vh;
  text-decoration:none;
  transition: opacity .3s ease;
}
.split-panel:hover{ opacity:.92; }

.split-panel--pintura{
  background: var(--pintura-bg);
  color: var(--pintura-ink);
}
.split-panel--portafolio{
  background: var(--portafolio-bg);
  color: var(--portafolio-ink);
}

.panel-eyebrow{
  font-size:0.85rem;
  margin:0 0 1.4rem;
  max-width:32ch;
  line-height:1.5;
  opacity:.6;
  letter-spacing:0.02em;
}

.panel-title{
  margin:0 0 2rem;
  line-height:0.98;
}
.split-panel--pintura .panel-title{
  font-family: var(--font-serif);
  font-style:italic;
  font-weight:400;
  font-size:clamp(2.6rem, 5.4vw, 4.6rem);
  letter-spacing:-0.01em;
}
.split-panel--portafolio .panel-title{
  font-family: var(--font-display);
  font-weight:800;
  font-size:clamp(3.4rem, 7.5vw, 6.5rem);
  letter-spacing:-0.01em;
  text-transform:uppercase;
}

.panel-cta{
  display:inline-block;
  width:max-content;
  padding:0.75em 0;
  font-weight:500;
  font-size:0.95rem;
  text-decoration:none;
  border-bottom:1px solid currentColor;
}
.split-panel--pintura .panel-cta{ color: var(--pintura-accent); border-color: var(--pintura-accent); }
.split-panel--portafolio .panel-cta{ color: var(--portafolio-accent); border-color: var(--portafolio-accent); font-weight:600; }

.seam{
  position:absolute;
  top:0; bottom:0; left:50%;
  width:1px;
  background:currentColor;
  opacity:.08;
  transform:translateX(-1px);
  color:var(--ink);
}
@media (max-width:760px){ .seam{ display:none; } }