@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--navy:#071726;--navy2:#0b2134;--copper:#c87342;--white:#fff;--ink:#101c28;--muted:#61707b;--line:#c9d0d5;--serif:"Libre Caslon Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 var(--sans)}img{max-width:100%;height:auto}a{color:inherit}h1,h2{font:400 1em/.98 var(--serif);letter-spacing:-.03em;margin:0}h2{font-size:clamp(3rem,5.7vw,6rem)}p{margin:0 0 1rem}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;padding:.7rem}.skip:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:3px solid #51b9f0;outline-offset:3px}.header{height:92px;padding:0 max(2rem,calc((100vw - var(--max))/2));display:grid;grid-template-columns:225px 1fr auto;gap:2rem;align-items:center;background:var(--navy);color:#fff;border-bottom:1px solid #26394a;position:relative;z-index:20}.brand{width:190px}.brand img{display:block;aspect-ratio:1544/464;object-fit:contain}.header nav{display:flex;justify-content:center;gap:clamp(1.2rem,2.2vw,2.6rem)}.header nav a,.header-cta{text-decoration:none;font-size:.9rem}.header nav a:hover{color:var(--copper)}.header-cta{border-bottom:1px solid var(--copper);padding:.45rem 0}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:26px;height:1px;background:#fff;margin:6px}
.hero{min-height:700px;background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(520px,1fr) 1.15fr}.hero-copy{padding:clamp(4rem,7vw,7.5rem) clamp(2rem,5vw,6.5rem) clamp(4rem,6vw,6rem) max(2rem,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(3.7rem,5.9vw,6.9rem);max-width:760px}.hero h1 em{font-style:normal;color:var(--copper)}.hero-copy>p{font-size:1.16rem;color:#c9d2d9;max-width:600px;margin:2.2rem 0}.actions{display:flex;gap:1rem;flex-wrap:wrap}.button{min-height:54px;padding:.85rem 1.55rem;border:1px solid var(--copper);background:var(--copper);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.09em;font:600 .78rem var(--sans);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button:hover{background:#a85b31}.button.ghost{background:transparent}.button.ghost:hover{background:var(--copper)}.hero-image{min-height:700px;background:url('assets/hero-photo.jpg') center/cover no-repeat}.manifesto{max-width:var(--max);margin:auto;padding:7rem 3rem;display:grid;grid-template-columns:.85fr 1fr;gap:10vw;align-items:center}.manifesto p{font-size:1.18rem;color:var(--muted);max-width:540px}.manifesto strong{font:400 clamp(2.3rem,4vw,4.4rem)/1.05 var(--serif);border-left:1px solid var(--copper);padding-left:4vw}
.solution{padding:5rem max(2rem,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;min-height:690px}.solution.reverse .solution-copy{order:2}.solution.navy{background:var(--navy);color:#fff}.solution.light{background:#fff}.solution-copy span,.journey-intro span,.faq>div>span,.contact-copy>span{color:var(--copper);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:600}.solution h2{font-size:clamp(3.1rem,5vw,5.5rem);margin:1.3rem 0 2rem}.solution p{max-width:550px;color:#c5d0d7}.solution.light p{color:var(--muted)}.arrow-link{display:inline-flex;gap:2rem;text-decoration:none;border-bottom:1px solid var(--copper);padding-bottom:.35rem;margin-top:1.3rem;font-weight:600}.media{margin:0;min-height:480px;position:relative;background-size:cover;background-position:center}.media.wedding{background-image:url('assets/hero-photo.jpg')}.media.corporate-media{background-image:url('assets/dj-photo.jpg')}.media.guest{background-image:url('assets/hora-loca-photo.jpg')}.media figcaption{position:absolute;bottom:-2rem;left:0;font-size:.7rem;letter-spacing:.08em;color:#93a1ab}.light .media figcaption{color:var(--muted)}
.proof{background:var(--navy2);color:#fff;border-top:1px solid #33495b;border-bottom:1px solid #33495b;padding:4rem max(2rem,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.55fr 1.2fr auto;gap:5vw;align-items:center}.score strong{display:block;font:400 4.5rem var(--serif);color:var(--copper)}.score small{font-size:1.7rem;color:#fff}.score span{color:var(--copper);letter-spacing:.16em}.score p{font-size:.8rem;color:#bbc7ce}.proof blockquote{font:400 clamp(1.25rem,2vw,1.85rem)/1.45 var(--serif);margin:0;border-left:1px solid var(--copper);padding-left:3rem}.proof blockquote footer{font:500 .7rem var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--copper);margin-top:1.4rem}.proof>a{font-size:.8rem;white-space:nowrap}.journey{max-width:var(--max);margin:auto;padding:8rem 3rem}.journey-intro{text-align:center;max-width:800px;margin:auto}.journey-intro h2{margin:1.2rem 0 1.5rem}.journey-intro p{color:var(--muted)}.journey ol{list-style:none;margin:5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--copper)}.journey li{padding:2.5rem 2rem 0 0;position:relative}.journey li:before{content:"";position:absolute;top:-6px;width:11px;height:11px;background:var(--copper);border-radius:50%}.journey li b{color:var(--copper);font:400 1.7rem var(--serif)}.journey li h3{font:400 1.8rem var(--serif);margin:.8rem 0}.journey li p{color:var(--muted);font-size:.9rem}
.hora{min-height:680px;color:#fff;background:linear-gradient(90deg,rgba(7,23,38,.97) 0%,rgba(7,23,38,.8) 37%,rgba(7,23,38,.06) 72%),url('assets/hora-loca-photo.jpg') center/cover no-repeat;display:flex;align-items:center;padding:7rem max(2rem,calc((100vw - var(--max))/2))}.hora>div{max-width:650px}.hora h2{font-size:clamp(3.8rem,6.2vw,6.6rem)}.hora p{color:#d3dbe0;max-width:520px;margin:2rem 0}.faq{padding:8rem max(2rem,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.65fr 1fr;gap:8vw}.faq h2{font-size:clamp(3rem,4.8vw,5rem);margin-top:1rem}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:1.5rem 0;font-weight:600;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.6rem;color:var(--copper)}details[open] summary:after{content:"−"}details p{color:var(--muted);padding:0 3rem 1.5rem 0}
.contact{background:var(--navy);color:#fff;padding:8rem max(2rem,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.65fr 1fr;gap:8vw}.contact h2{font-size:clamp(3.2rem,5.3vw,5.7rem);margin:1rem 0 2rem}.contact-copy p{color:#bdc9d0;max-width:490px}.contact-copy>a{display:inline-block;color:var(--copper);margin-top:2rem}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.contact label{font-size:.78rem;color:#d0d9df;display:flex;flex-direction:column;gap:.45rem}.contact input,.contact select{height:50px;border:1px solid #738594;border-radius:0;background:transparent;color:#fff;padding:.8rem;font:1rem var(--sans)}.contact select option{color:#111}.wide{grid-column:1/-1}.privacy{flex-direction:row!important;align-items:flex-start}.privacy input{width:16px;height:16px}.form-status{color:#edaa7e}.footer{background:var(--navy);color:#bdc8cf;border-top:1px solid #314656;padding:2.5rem max(2rem,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;align-items:center;font-size:.78rem}.footer img{width:170px}.footer>div{display:flex;gap:1.4rem;justify-content:center}.footer>div:last-child{justify-content:flex-end}.footer p{margin:0}.footer a{text-decoration:none}
@media(max-width:1000px){.header{grid-template-columns:190px 1fr}.menu-toggle{display:block;justify-self:end}.header-cta{display:none}.header nav{display:none;position:absolute;top:92px;left:0;right:0;background:var(--navy);padding:2rem;flex-direction:column}.header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{min-height:600px}.hero-image{min-height:520px}.solution{gap:4rem}.proof{grid-template-columns:.5fr 1fr}.proof>a{grid-column:2}.faq,.contact{gap:4rem}.footer{grid-template-columns:1fr 1fr}.footer>div:last-child{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:700px){body{font-size:15px}.header{height:74px;padding:0 1.25rem}.header nav{top:74px}.brand{width:160px}.hero-copy{padding:4.5rem 1.25rem;min-height:580px}.hero h1{font-size:clamp(3.25rem,14vw,5rem)}.hero-image{min-height:390px}.actions{flex-direction:column;align-items:stretch}.manifesto,.solution,.proof,.faq,.contact{grid-template-columns:1fr;padding-left:1.25rem;padding-right:1.25rem}.manifesto{padding-top:5rem;padding-bottom:5rem;gap:3rem}.manifesto strong{padding-left:1.5rem}.solution{padding-top:5rem;padding-bottom:5rem;gap:3rem;min-height:auto}.solution.reverse .solution-copy{order:0}.media{min-height:360px}.proof{gap:2rem}.proof blockquote{padding-left:1.5rem}.proof>a{grid-column:auto}.journey{padding:6rem 1.25rem}.journey ol{grid-template-columns:1fr 1fr;row-gap:2rem}.hora{min-height:620px;padding:5rem 1.25rem;background:linear-gradient(90deg,rgba(7,23,38,.95),rgba(7,23,38,.45)),url('assets/hora-loca-photo.jpg') 62% center/cover}.faq,.contact{padding-top:6rem;padding-bottom:6rem;gap:3rem}.contact form{grid-template-columns:1fr}.wide{grid-column:auto}.footer{grid-template-columns:1fr;padding:2rem 1.25rem}.footer>div,.footer>div:last-child{grid-column:auto;justify-content:flex-start;flex-wrap:wrap}}
.partners{max-width:var(--max);margin:auto;padding:7rem 3rem 6rem}.partners-intro{display:grid;grid-template-columns:.55fr 1fr;gap:8vw}.partners-intro span{color:var(--copper);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:600}.partners-intro h2{font-size:clamp(2.7rem,4.4vw,4.7rem);margin-top:1rem}.partners-intro p{align-self:end;color:var(--muted);max-width:570px}.partner-categories{list-style:none;margin:4rem 0 0;padding:1.3rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.partner-categories li{color:#53626d;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.partner-logos{min-height:90px;display:flex;align-items:center;justify-content:center;color:#8a959c;text-align:center;font-size:.76rem}.partner-logos p{margin:0}.faq{border-top:1px solid #edf0f2}@media(max-width:700px){.partners{padding:5rem 1.25rem 4rem}.partners-intro{grid-template-columns:1fr;gap:1.5rem}.partner-categories{justify-content:flex-start;gap:1rem 1.6rem;margin-top:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Real event photography */
.hora{background:linear-gradient(90deg,rgba(7,23,38,.97) 0%,rgba(7,23,38,.78) 36%,rgba(7,23,38,.04) 72%),url('assets/hora-loca-boda-murcia.jpg') center/cover no-repeat}
.media.wedding{background-image:url('assets/dj-boda-pista-murcia.jpg');background-position:center 35%}
.media.corporate-media{background-image:url('assets/dj-evento-corporativo.jpg');background-position:center}
.media.guest{background-image:url('assets/dj-violinista-evento.jpg');background-position:center}
.gallery{background:#fff;padding:8rem max(2rem,calc((100vw - var(--max))/2))}
.gallery-intro{display:grid;grid-template-columns:.55fr 1fr;gap:8vw;align-items:end;margin-bottom:4rem}
.gallery-intro>span{color:var(--copper);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:600;align-self:start}
.gallery-intro h2{font-size:clamp(3rem,5.2vw,5.5rem)}
.gallery-intro p{color:var(--muted);max-width:560px;margin-top:1.5rem}
.gallery-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-auto-rows:270px;gap:1rem}
.gallery-grid figure{margin:0;position:relative;overflow:hidden;background:var(--navy)}
.gallery-grid .gallery-feature{grid-row:span 2}
.gallery-grid .gallery-wide{grid-column:span 2}
.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.gallery-grid figure:hover img{transform:scale(1.025)}
.gallery-grid figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,23,38,.78));pointer-events:none}
.gallery-grid figcaption{position:absolute;z-index:1;left:1.25rem;bottom:1rem;color:#fff;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:1000px){.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.gallery-grid .gallery-feature{grid-row:span 2}.gallery-grid .gallery-wide{grid-column:span 2}}
@media(max-width:700px){.gallery{padding:5rem 1.25rem}.gallery-intro{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:290px}.gallery-grid .gallery-feature{grid-row:span 2}.gallery-grid .gallery-wide{grid-column:auto}.hora{background:linear-gradient(90deg,rgba(7,23,38,.95),rgba(7,23,38,.42)),url('assets/hora-loca-boda-murcia.jpg') 58% center/cover no-repeat}}