:root{--orange:#e2581f;--paper:#f6f2ea;--ink:#191919;--grid-pad:clamp(20px, 4vw, 56px)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4}.page{position:relative}.ball-canvas{z-index:50;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.hero{border-bottom:2px solid var(--ink);flex-direction:column;height:100svh;display:flex}.hero-art{flex:68%;min-height:0;position:relative;overflow:hidden}.hero-band{padding:calc(var(--grid-pad) * .75) var(--grid-pad) var(--grid-pad);background:var(--paper);border-top:2px solid var(--ink);flex-direction:column;flex:none;gap:1.5rem;display:flex}.hero-meta{letter-spacing:.01em;justify-content:space-between;font-size:clamp(.75rem,1.2vw,.95rem);display:flex}.hero h1{text-align:left;letter-spacing:-.035em;text-transform:lowercase;align-self:flex-end;font-size:clamp(3rem,9vw,8.5rem);font-weight:700;line-height:.95}.grid{padding:var(--grid-pad)}.intro{gap:var(--grid-pad);border-bottom:2px solid var(--ink);background:var(--orange);color:var(--paper);grid-template-columns:2fr 1fr;align-content:space-between;min-height:72vh;display:grid}.intro-lead{letter-spacing:-.02em;max-width:22ch;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:500;line-height:1.2}.intro-side{opacity:.85;align-self:end;font-size:clamp(.8rem,1.1vw,.95rem)}.areas{border-bottom:2px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.area{padding:var(--grid-pad) calc(var(--grid-pad) * .6);border-left:1px solid var(--ink);flex-direction:column;gap:1rem;min-height:62vh;transition:background .25s,color .25s;display:flex}.area:first-child{border-left:none}.area:hover{background:var(--orange);color:var(--paper)}.area--dark,.area--dark:hover{background:var(--ink);color:var(--paper)}.area--dark .mark,.area--dark:hover .mark{color:var(--orange)}.area-head{justify-content:space-between;align-items:flex-start;display:flex}.area-n{font-variant-numeric:tabular-nums;font-size:.85rem}.mark{width:clamp(40px,4vw,56px);height:auto;color:var(--orange);transition:color .25s}.area:hover .mark{color:var(--paper)}.area h2{letter-spacing:-.02em;text-transform:lowercase;margin-top:auto;font-size:clamp(1.1rem,1.7vw,1.5rem);font-weight:700;line-height:1.1}.area p{font-size:clamp(.82rem,1.05vw,.95rem)}.eventos{border-bottom:2px solid var(--ink)}.eventos-head{border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.eventos-head h2{letter-spacing:-.02em;text-transform:lowercase;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:700}.eventos-head p{opacity:.75;font-size:clamp(.82rem,1.05vw,.95rem)}.eventos-grid{grid-template-columns:repeat(3,1fr);display:grid}.evento{border-left:1px solid var(--ink);border-top:1px solid var(--ink);flex-direction:column;display:flex}.eventos-grid>.evento:nth-child(3n+1){border-left:none}.eventos-grid>.evento:nth-child(-n+3){border-top:none}.evento-photo{aspect-ratio:4/3;background:var(--ink);border-bottom:1px solid var(--ink);overflow:hidden}.evento-photo img{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%;display:block}.evento-photo--empty{aspect-ratio:4/3;background:repeating-linear-gradient(135deg, var(--paper), var(--paper) 10px, #19191914 10px, #19191914 11px);border-bottom:1px solid var(--ink)}.evento-body{padding:calc(var(--grid-pad) * .6);flex-direction:column;flex:1;gap:.65rem;display:flex}.evento-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.evento-n{font-variant-numeric:tabular-nums;color:var(--orange);font-size:.85rem}.evento-meta{letter-spacing:.02em;opacity:.65;text-align:right;font-size:.72rem}.evento h3{letter-spacing:-.01em;text-transform:lowercase;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:700;line-height:1.2}.evento p{opacity:.85;font-size:.85rem}.colaboraciones{border-top:2px solid var(--ink);flex-direction:column;gap:1rem;display:flex}.colaboraciones-label{letter-spacing:.04em;text-transform:lowercase;opacity:.65;font-size:.75rem}.colaboraciones-list{flex-wrap:wrap;gap:0 2.5rem;list-style:none;display:flex}.colaboraciones-list li{text-transform:lowercase;border-bottom:2px solid #0000;padding:.4rem 0;font-size:clamp(.85rem,1.3vw,1.05rem);font-weight:500;transition:border-color .2s,color .2s}.colaboraciones-list li:hover{border-color:var(--orange);color:var(--orange)}.lead-form{gap:calc(var(--grid-pad) * .9);border-bottom:2px solid var(--ink);flex-direction:column;padding-top:14vh;padding-bottom:14vh;display:flex}.lead-form-head h3{letter-spacing:-.03em;text-transform:lowercase;font-size:clamp(2rem,5vw,4.5rem);font-weight:700}.lead-form-head p{opacity:.75;margin-top:.5rem;font-size:clamp(.85rem,1.1vw,1rem)}.cta-arrow{color:var(--orange)}.lead-fields{flex-direction:column;gap:2rem;max-width:46rem;display:flex}.lead-chips{border:none;flex-direction:column;gap:.75rem;display:flex}.lead-chips legend{letter-spacing:.04em;text-transform:lowercase;opacity:.65;padding:0;font-size:.75rem}.chip-row{flex-wrap:wrap;gap:.6rem;display:flex}.chip{text-transform:lowercase;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1.1rem;font-family:inherit;font-size:clamp(.8rem,1vw,.9rem);transition:background .2s,color .2s,border-color .2s}.chip:hover{border-color:var(--orange);color:var(--orange)}.chip--active,.chip--active:hover{background:var(--orange);border-color:var(--orange);color:var(--paper)}.lead-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.lead-field{flex-direction:column;gap:.5rem;display:flex}.lead-field span{letter-spacing:.04em;text-transform:lowercase;opacity:.65;font-size:.75rem}.lead-field input,.lead-field textarea{color:var(--ink);border:none;border-bottom:2px solid var(--ink);resize:vertical;background:0 0;padding:.5rem 0;font-family:inherit;font-size:1rem}.lead-field input::placeholder,.lead-field textarea::placeholder{color:var(--ink);opacity:.35}.lead-field input:focus,.lead-field textarea:focus{border-color:var(--orange);outline:none}.lead-submit-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.lead-submit{text-transform:lowercase;color:var(--paper);background:var(--ink);cursor:pointer;border:none;padding:.85rem 1.8rem;font-family:inherit;font-size:clamp(.95rem,1.3vw,1.15rem);transition:background .2s}.lead-submit:hover:not(:disabled){background:var(--orange)}.lead-submit:disabled{opacity:.4;cursor:not-allowed}.lead-error{color:var(--orange);font-size:.82rem}.lead-done h3{letter-spacing:-.03em;text-transform:lowercase;font-size:clamp(2rem,5vw,4.5rem);font-weight:700}.lead-done p{opacity:.75;max-width:40ch;margin-top:.75rem;font-size:clamp(.9rem,1.2vw,1.1rem)}.lead-done .cta-mail{margin-top:1.5rem;display:inline-block}.cta{padding-top:6vh;padding-bottom:10vh}.cta-alt{opacity:.75;font-size:clamp(.85rem,1.1vw,1rem)}.cta-mail{color:var(--ink);border-bottom:2px solid var(--orange);padding-bottom:2px;font-size:clamp(1rem,2vw,1.6rem);text-decoration:none}.cta-mail:hover{color:var(--orange)}footer{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}@media (width<=960px){.areas{grid-template-columns:repeat(2,1fr)}.area{border-top:1px solid var(--ink);min-height:44vh}.area:nth-child(-n+2){border-top:none}.area:nth-child(odd){border-left:none}.eventos-grid{grid-template-columns:repeat(2,1fr)}.eventos-grid>.evento:nth-child(3n+1){border-left:1px solid var(--ink)}.eventos-grid>.evento:nth-child(-n+3){border-top:1px solid var(--ink)}.eventos-grid>.evento:nth-child(odd){border-left:none}.eventos-grid>.evento:nth-child(-n+2){border-top:none}}@media (width<=640px){.intro{grid-template-columns:1fr;min-height:64vh}.areas{grid-template-columns:1fr}.area{border-left:none;min-height:0}.area:nth-child(-n+2){border-top:1px solid var(--ink)}.area:first-child{border-top:none}.area--dark{border-right:2px solid var(--ink);width:82%;min-height:46vh}.eventos-grid{grid-template-columns:1fr}.eventos-grid>.evento{border-left:none}.eventos-grid>.evento:nth-child(-n+2){border-top:1px solid var(--ink)}.eventos-grid>.evento:first-child{border-top:none}.colaboraciones-list{flex-direction:column;gap:0}.lead-row{grid-template-columns:1fr}footer{flex-direction:column}}
