/* layout.css — Valionns · estructura de secciones de la Home */
.hero{min-height:100svh;position:relative;background:var(--ink);color:#f6f1e6;overflow:hidden}
.hero-bg{position:absolute;inset:0;opacity:.72}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,15,.82) 0%,rgba(20,18,15,.18) 55%,rgba(20,18,15,.6) 100%)}
.hero-content{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-columns:1.5fr .5fr;align-items:end;padding:150px 0 60px}
.hero-side{align-self:end;border-left:1px solid rgba(246,241,230,.32);padding-left:28px}
.hero-side p{font-size:clamp(15px,1.15vw,18px);line-height:1.6;max-width:320px;color:#d9d2bf}
.cta-row{display:flex;gap:34px;margin-top:32px;flex-wrap:wrap}

.marquee{background:#D8A9BB;color:var(--ink);border-top:1px solid rgba(20,18,15,.12);border-bottom:1px solid rgba(20,18,15,.12);padding:13px 0;overflow:hidden;white-space:nowrap;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.13em}

section.sec{padding:118px 0;border-bottom:1px solid var(--line)}
.sec-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;margin-bottom:60px}

.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.studio-image{height:560px}
.studio-copy p{font-size:16.5px;line-height:1.8;color:#3c3a31;margin:0 0 22px}
.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-top:1px solid var(--line)}
.fact{padding:20px 0;border-bottom:1px solid var(--line)}
.fact:nth-child(odd){border-right:1px solid var(--line);padding-right:20px}
.fact:nth-child(even){padding-left:20px}
.fact b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:6px;font-weight:400}
.fact span{font-size:14px;color:#3c3a31}

.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.project:nth-child(1){grid-column:span 7}
.project:nth-child(2){grid-column:span 5}
.project:nth-child(3){grid-column:span 5}
.project:nth-child(4){grid-column:span 7}

.sector-cloud{display:flex;flex-wrap:wrap;gap:8px 22px;padding:20px 0}
.sector-cloud span{font-family:var(--serif);font-size:clamp(24px,3.2vw,42px);color:#565246;transition:.3s;cursor:default}
.sector-cloud span:hover{color:var(--wine)}
.sector-cloud b{font-family:var(--mono);font-size:11px;color:var(--stone);vertical-align:super;font-weight:400}

.journal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.contact{
  background-color:var(--ink);
  background-image:
    radial-gradient(ellipse 120% 80% at 15% -10%, rgba(246,241,230,.05) 0%, transparent 55%),
    radial-gradient(ellipse 90% 70% at 100% 110%, rgba(74,22,32,.18) 0%, transparent 60%),
    repeating-radial-gradient(circle at 0 0, rgba(246,241,230,.025) 0, rgba(246,241,230,.025) 1px, transparent 1px, transparent 3px);
  color:#f5f0e4;padding:120px 0 46px
}
.contact .eyebrow-small{color:var(--acid)}