/* LA PRIMICIA · EDITORIAL V6
   One clean horizontal printed spread; no overlapping layout systems.
   Existing approved hero logo and proportions are left intact.
*/
:root{--ink:#21190f;--paper:#e8ddc5;--paper-edge:#bda787;--antique:#b88750;--ivory:#f3e8d6}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
body>header{position:absolute;top:26px;right:5vw;z-index:10}
.hero-meta,.explore,.booking-link{font-size:clamp(11px,.76vw,12px);letter-spacing:.13em;line-height:1.45}
.booking-link{gap:12px}
/* ARCHIVAL INSERT */
.editorial-story{
 display:block;position:relative;max-width:none;margin:0;
 padding:clamp(78px,8vw,125px) 0 clamp(76px,9vw,145px);
 background:#030303;color:var(--ivory)
}
.newspaper-intro{
 width:min(1240px,90vw);margin:0 auto 22px;
 display:flex;justify-content:space-between;gap:20px;align-items:end;
 font:400 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.15em;color:#b8a995
}
.newspaper-intro p{margin:0;text-align:right}
.newspaper-overline{color:#c3955f}
.newspaper-wrap{width:min(1240px,90vw);margin:0 auto;transform:none}
.newspaper-sheet{
 display:grid;grid-template-columns:minmax(0,1fr);position:relative;
 isolation:isolate;overflow:hidden;perspective:1500px;
 background:var(--paper);color:var(--ink);
 border:1px solid var(--paper-edge);
 box-shadow:0 2px 0 #a9987a,0 5px 0 #6d5841,0 22px 65px rgba(0,0,0,.72);
}
/* Grain and patina are overlaid but never block text. */
.newspaper-sheet::before{
 content:'';position:absolute;inset:0;z-index:4;pointer-events:none;
 opacity:.34;background:
 radial-gradient(circle at 1% 96%,rgba(124,87,43,.18),transparent 29%),
 radial-gradient(circle at 99% 2%,rgba(124,87,43,.14),transparent 28%),
 linear-gradient(90deg,rgba(52,36,15,.045),transparent 5%,transparent 95%,rgba(52,36,15,.05))
}
.newspaper-sheet::after{
 content:'';position:absolute;inset:0;z-index:5;pointer-events:none;
 background-image:url('assets/grain.svg');background-size:160px;
 mix-blend-mode:multiply;opacity:.13
}
.newspaper-page{
 grid-area:1/1;position:relative;z-index:1;display:flex;flex-direction:column;
 min-width:0;min-height:clamp(575px,52vw,695px);
 padding:clamp(30px,3.5vw,48px) clamp(27px,4vw,58px) clamp(25px,3vw,41px);
 background:linear-gradient(130deg,rgba(255,251,232,.45),rgba(236,216,181,.14) 57%,rgba(148,110,64,.07)),var(--paper);
 transform-origin:left center;backface-visibility:hidden
}
.newspaper-page[hidden]{display:none!important}
.news-masthead{
 display:flex;justify-content:space-between;align-items:center;gap:20px;
 padding:9px 0 12px;border-top:2px solid #3e3427;border-bottom:1px solid #7e6b53;
 font:700 clamp(9px,.8vw,11px)/1.3 Arial,Helvetica,sans-serif;
 letter-spacing:.14em;color:#4c3b29
}
/* The title lives in its own real grid row, never over the story columns. */
.editorial-story .news-cover{
 position:static;inset:auto;z-index:auto;
 display:grid;grid-template-columns:minmax(0,1.55fr) minmax(210px,.75fr);
 grid-template-rows:auto auto;gap:12px clamp(28px,4.4vw,70px);
 align-items:end;min-width:0;
 padding:clamp(28px,3vw,47px) 0 clamp(25px,2.8vw,39px);
 border-bottom:3px double #74604a
}
.news-category{
 grid-column:1/-1;grid-row:1;
 margin:0;font:700 10px/1.4 Arial,Helvetica,sans-serif;
 letter-spacing:.17em;color:#815c36
}
.editorial-story h2.news-headline{
 grid-column:1;grid-row:2;
 position:static;display:block;
 margin:0;max-width:none;min-width:0;overflow-wrap:normal;
 font:500 clamp(49px,5vw,76px)/.99 BodoniEditorial,Georgia,serif;
 letter-spacing:-.055em;color:#241c14;text-wrap:balance
}
.editorial-story h2.news-headline em{
 display:block;font:inherit;letter-spacing:inherit;
 font-style:normal;color:#93633c
}
.news-deck{
 grid-column:2;grid-row:2;align-self:end;min-width:0;
 margin:0 0 6px;max-width:18em;
 color:#4c3926;
 font:400 clamp(18px,1.9vw,27px)/1.19 BodoniEditorial,Georgia,serif;
 letter-spacing:-.018em;text-wrap:pretty
}
.editorial-story .news-cover-secondary h2.news-headline{font-size:clamp(48px,4.7vw,72px)}
/* Body is a new block BELOW the title, with no absolute typography. */
.news-body{
 position:relative;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.4fr);
 gap:clamp(26px,4.4vw,65px);min-width:0;flex:1;
 align-content:start;padding:clamp(22px,2.9vw,38px) 0 30px
}
.news-lead{min-width:0}
.news-rule-word{
 display:inline-block;border-bottom:1px solid #826849;
 padding-bottom:7px;margin-bottom:14px;
 font:700 10px/1.4 Arial,Helvetica,sans-serif;
 letter-spacing:.17em;color:#825f3e
}
.news-lead h3{
 margin:0;max-width:12ch;
 font:500 clamp(26px,2.5vw,39px)/1.12 BodoniEditorial,Georgia,serif;
 letter-spacing:-.025em;color:#332418;text-wrap:pretty
}
.news-columns{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:clamp(22px,3vw,45px);align-content:start;min-width:0;
 columns:auto;column-rule:0;color:#3b2e20;
 font:400 clamp(14px,1.13vw,16px)/1.58 Georgia,'Times New Roman',serif;
 text-align:left
}
.news-columns p{
 min-width:0;margin:0;break-inside:auto;overflow-wrap:break-word
}
.news-columns p:first-child::first-letter{
 float:none;font:inherit;padding:0
}
.news-columns p+p{padding-left:clamp(13px,1.5vw,23px);border-left:1px solid #927d62}
.news-bottomline{
 margin-top:auto;border-top:1px solid #8b775d;padding-top:12px;
 display:flex;justify-content:space-between;gap:18px;
 font:700 clamp(9px,.7vw,11px)/1.35 Arial,Helvetica,sans-serif;
 letter-spacing:.12em;color:#7d654d
}
.newspaper-nav{
 display:flex;align-items:center;justify-content:space-between;
 gap:22px;padding-top:25px;
 color:#bea88d;font:400 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em
}
.newspaper-nav-label{text-align:center}
.newspaper-nav-label span{color:var(--antique);padding-left:8px}
.news-prev,.news-next{
 border:0;border-bottom:1px solid #6d5035;border-radius:0;
 background:transparent;appearance:none;cursor:pointer;
 color:var(--ivory);font:inherit;letter-spacing:inherit;
 min-height:44px;padding:11px 2px;transition:color .2s,transform .2s
}
.news-prev span,.news-next span{font-size:20px;color:var(--antique);vertical-align:middle}
.news-prev:disabled,.news-next:disabled{opacity:.29;cursor:default}
.news-prev:hover:not(:disabled){transform:translateX(-3px);color:var(--antique)}
.news-next:hover:not(:disabled){transform:translateX(3px);color:var(--antique)}
.news-prev:focus-visible,.news-next:focus-visible{outline:2px solid var(--antique);outline-offset:4px}
.newspaper-page.turn-leave{z-index:3;animation:paperOut .54s ease-in-out both}
.newspaper-page.turn-enter{z-index:2;animation:paperIn .54s ease-in-out both}
.newspaper-page.turn-back.turn-leave{animation-name:paperOutBack;transform-origin:right center}
.newspaper-page.turn-back.turn-enter{animation-name:paperInBack;transform-origin:right center}
@keyframes paperOut{to{transform:perspective(1300px) rotateY(-66deg);opacity:0}}
@keyframes paperIn{from{transform:perspective(1300px) rotateY(8deg);opacity:.45}to{transform:perspective(1300px) rotateY(0);opacity:1}}
@keyframes paperOutBack{to{transform:perspective(1300px) rotateY(66deg);opacity:0}}
@keyframes paperInBack{from{transform:perspective(1300px) rotateY(-8deg);opacity:.45}to{transform:perspective(1300px) rotateY(0);opacity:1}}
/* TALL INSTRUMENT PLATES — distinct from the horizontal press spread. */
.sound-gallery{background:#030303;padding:0 0 clamp(105px,11vw,175px)}
.sound-bridge{
 padding:clamp(34px,5vw,70px) 8vw clamp(78px,9vw,125px);
 max-width:1440px;margin:0 auto;text-align:center
}
.sound-bridge-kicker,.gallery-eyebrow,.card-kicker{
 font:400 11px/1.5 Arial,Helvetica,sans-serif;
 letter-spacing:.2em;color:#bc905d
}
.sound-bridge h2{
 margin:22px auto 20px;max-width:1000px;
 font:500 clamp(52px,6vw,100px)/1.02 BodoniEditorial,Georgia,serif;
 letter-spacing:-.05em;text-wrap:balance
}
.sound-bridge h2 em{font:inherit;color:var(--antique)}
.sound-bridge>p:last-child{
 margin:0 auto;max-width:530px;
 font:400 clamp(15px,1.2vw,18px)/1.6 Arial,Helvetica,sans-serif;color:#d1c4ae
}
.gallery-heading{padding:0 8vw;display:flex;align-items:end;justify-content:space-between;max-width:1570px;margin:auto}
.gallery-heading .gallery-eyebrow{font-size:11px}
.gallery-hint{font:400 11px/1.6 Arial,sans-serif;letter-spacing:.12em;margin:7px 0 0;color:#9d907d}
.gallery-controls{display:flex;gap:11px}
.gallery-controls button{
 width:50px;height:50px;border-radius:50%;border:0;
 background:#251e17;color:#f3e8d6;font:20px Arial,sans-serif;
 transition:background .2s,color .2s
}
.gallery-controls button:hover:not(:disabled){background:var(--antique);color:#18120e}
.instrument-track{
 --card-width:clamp(275px,30vw,470px);--card-gap:clamp(14px,3vw,51px);
 display:flex;align-items:stretch;gap:var(--card-gap);
 padding:clamp(35px,5vw,74px) calc((100% - var(--card-width))/2) 42px;
 scroll-padding-inline:calc((100% - var(--card-width))/2);
 scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y
}
.instrument-card{
 flex:0 0 var(--card-width);min-width:0;
 scroll-snap-align:center;background:transparent;border:0;border-radius:0;
 opacity:.35;transform:scale(.9);transition:opacity .6s,transform .7s;
 cursor:pointer;overflow:visible
}
.instrument-card[data-active]{opacity:1;transform:scale(1);cursor:default}
.instrument-card[data-neighbor]{opacity:.44}
.card-visual,.instrument-card:nth-child(even) .card-visual{
 position:relative;height:clamp(330px,56svh,600px);
 padding:10px 2%;display:grid;place-items:center;overflow:visible;
 transform:none;opacity:1;isolation:isolate
}
.instrument-card[data-active] .card-visual{transform:none;opacity:1}
.card-visual::before{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 57% 50% at 50% 56%,rgba(103,61,36,.17),transparent 76%)
}
.card-visual::after{content:none}
.card-visual img{
 display:block;position:relative;z-index:1;width:100%;height:100%;
 object-fit:contain;object-position:center;max-height:100%;
 pointer-events:none;-webkit-user-drag:none;transform:none!important;
 filter:brightness(.96) saturate(.78) contrast(1.06);transition:none
}
#requinto .card-visual img{filter:brightness(.97) saturate(.84) contrast(1.04)}
#accordion .card-visual img{filter:brightness(1.05) saturate(.8) contrast(1.04)}
#bass .card-visual img{filter:brightness(.99) saturate(.87) contrast(1.05)}
#drums .card-visual img,#congas .card-visual img{filter:brightness(.96) saturate(.8) contrast(1.04)}
.instrument-card .card-caption{
 display:flex;flex-direction:column;align-items:flex-start;
 text-align:left;margin:0 auto;padding:18px 8px 30px;
 min-height:215px;max-width:430px;transform:none;opacity:1;
 border-top:1px solid rgba(184,135,80,.35)
}
.instrument-card .card-kicker{margin:0 0 14px;font-size:10px;letter-spacing:.18em;color:#bc905d}
.instrument-card .card-caption h3{
 margin:0;color:var(--ivory);white-space:normal;
 font:500 clamp(54px,5.1vw,77px)/1 BodoniEditorial,Georgia,serif;
 letter-spacing:-.055em;text-wrap:balance
}
.instrument-card .card-lead{
 font:500 clamp(20px,1.7vw,26px)/1.18 BodoniEditorial,Georgia,serif;
 margin:13px 0 0;color:var(--antique)
}
.instrument-card .card-story{
 font:400 clamp(14px,1vw,16px)/1.55 Arial,Helvetica,sans-serif;
 margin:12px 0 0;max-width:33ch;min-height:0;color:#cbbda9;text-align:left
}
.instrument-card:not([data-active]) .card-caption{opacity:.38}
.instrument-card:not([data-active]) .card-story,.instrument-card:not([data-active]) .card-lead{opacity:0}
.gallery-progress,.gallery-status-visible,.card-index{display:none!important}
/* A restrained, printed booking notice instead of thin outline buttons. */
.booking{
 display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
 align-items:center;gap:clamp(25px,6vw,95px);
 padding:clamp(100px,10vw,155px) 8vw 35px;background:#020202
}
.booking::before{background:#b8875035}
.booking-identity h2{
 font:500 clamp(43px,5.5vw,82px)/1 BodoniEditorial,Georgia,serif;
 letter-spacing:-.05em
}
.booking-contact{
 padding:clamp(24px,3.3vw,46px);
 background:#ded0b6;color:#24190e;
 border:1px solid #a18b69;box-shadow:7px 7px 0 #4c3720
}
.booking-caption{
 font:700 11px/1.4 Arial,sans-serif;letter-spacing:.16em;color:#755b3a;margin:0 0 15px
}
.event-line{margin:0;color:#483423;font:400 16px/1.45 Arial,sans-serif}
.booking-invite{
 margin:9px 0 25px;color:#281c12;
 font:500 clamp(29px,3vw,46px)/1.06 BodoniEditorial,Georgia,serif;
 letter-spacing:-.035em
}
.booking-action{display:flex;gap:11px;flex-wrap:wrap}
.whatsapp{
 min-height:65px;min-width:0;max-width:none;flex:1 1 180px;
 padding:13px 16px;background:#21190f;color:#f3e8d6;
 border:0;border-radius:0;box-shadow:none
}
.whatsapp::before{background:#43301e}
.whatsapp:hover{background:#21190f;transform:translateY(-2px)}
.contact-name{font-size:11px;color:#f3e8d6}
.contact-number{font-size:11px;color:#dfc29e}
.contact-arrow{color:#dfc29e}
.booking footer{grid-column:1/-1;color:#c9b69c;font-size:11px}
@media(max-width:950px) and (min-width:701px){
 .editorial-story .news-cover{grid-template-columns:minmax(0,1.35fr) minmax(180px,.8fr);gap:25px}
 .editorial-story h2.news-headline{font-size:clamp(47px,5.7vw,64px)}
 .news-deck{font-size:clamp(17px,2.2vw,22px)}
 .news-body{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:22px}
 .news-columns{font-size:14px;gap:15px}
 .news-lead h3{font-size:29px}
 .instrument-track{--card-width:clamp(300px,43vw,450px)}
 .booking{gap:30px}
}
@media(max-width:700px){
 body>header{top:17px;right:7vw}
 .hero-meta,.explore,.booking-link{font-size:11px}
 .editorial-story{padding:75px 0 88px}
 .newspaper-intro{width:92vw;font-size:10px;display:block}
 .newspaper-intro p{display:none}
 .newspaper-wrap{width:94vw}
 .newspaper-page{min-height:0;padding:25px 23px 26px}
 .news-masthead{font-size:8px;letter-spacing:.06em;gap:12px}
 .news-masthead span:last-child{text-align:right}
 .editorial-story .news-cover{display:block;padding:31px 0 25px}
 .news-category{font-size:10px;margin-bottom:14px}
 .editorial-story h2.news-headline,.editorial-story .news-cover-secondary h2.news-headline{
   font-size:clamp(47px,11.9vw,72px);line-height:.97
 }
 .news-deck{margin:17px 0 0;font-size:clamp(19px,5.3vw,25px);max-width:28ch}
 .news-body{display:block;padding:24px 0 35px}
 .news-rule-word{margin-bottom:11px}
 .news-lead h3{max-width:100%;font-size:clamp(27px,7.8vw,39px);margin-bottom:20px}
 .news-columns{display:block;font-size:15px;line-height:1.52}
 .news-columns p{margin:0 0 15px}
 .news-columns p+p{border:0;padding-left:0}
 .news-bottomline{font-size:8px;letter-spacing:.05em}
 .newspaper-nav{padding-top:20px;gap:8px;font-size:10px;letter-spacing:.04em}
 .newspaper-nav-label{font-size:9px}
 .newspaper-nav-label span{display:none}
 .news-prev,.news-next{padding:11px 0}
 .sound-bridge{padding:30px 7vw 78px}
 .sound-bridge h2{font-size:clamp(52px,12vw,75px)}
 .sound-bridge>p:last-child{font-size:15px}
 .gallery-heading{padding:0 7vw}
 .gallery-heading .gallery-eyebrow,.gallery-hint{font-size:10px}
 .gallery-controls button{width:45px;height:45px;font-size:18px}
 .instrument-track{--card-width:82vw;--card-gap:5vw;padding-top:25px}
 .card-visual,.instrument-card:nth-child(even) .card-visual{height:clamp(310px,53svh,520px)}
 .instrument-card .card-caption{min-height:205px;padding:16px 6px 25px}
 .instrument-card .card-caption h3{font-size:clamp(49px,11vw,65px)}
 .instrument-card .card-lead{font-size:23px}
 .instrument-card .card-story{font-size:14px}
 .booking{display:block;padding:90px 7vw 27px}
 .booking-identity{margin-bottom:37px}
 .booking-identity h2{font-size:clamp(49px,12vw,72px)}
 .booking-contact{padding:27px 20px}
 .booking-invite{font-size:clamp(33px,8vw,45px)}
 .booking-action{display:flex;flex-direction:column}
 .whatsapp{width:100%;max-width:none;flex:1 1 auto}
 .booking footer{margin-top:60px;font-size:10px}
}
@media(max-width:380px){
 .newspaper-page{padding:21px 18px 24px}
 .editorial-story h2.news-headline,.editorial-story .news-cover-secondary h2.news-headline{font-size:46px}
 .news-columns{font-size:14px}
 .news-deck{font-size:19px}
 .gallery-heading{flex-direction:row;align-items:end}
 .card-visual,.instrument-card:nth-child(even) .card-visual{height:335px}
}
@media(prefers-reduced-motion:reduce){
 .newspaper-page.turn-enter,.newspaper-page.turn-leave{animation:none!important}
 .instrument-card,.card-visual,.card-caption,.whatsapp{transition:none!important}
}