@font-face{font-family:"Archivo";src:url("assets/fonts/archivo-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("assets/fonts/archivo-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("assets/fonts/barlow-condensed-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("assets/fonts/barlow-condensed-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{--ink:#090a0b;--paper:#eeefe9;--muted:#aeb4b2;--stage-blue:#0d2344;--amber:#f2a948;--line:rgb(238 239 233 / 18%);--display:"Barlow Condensed",sans-serif;--body:"Archivo",sans-serif;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}
*{box-sizing:border-box;scrollbar-color:var(--amber) var(--ink);scrollbar-width:thin}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{border:3px solid var(--ink);background:var(--amber)}
html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);text-rendering:optimizeLegibility}::selection{color:var(--ink);background:var(--amber)}a{color:inherit}a:focus-visible{outline:2px solid var(--amber);outline-offset:6px}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 16px;background:var(--amber);color:var(--ink);font-weight:600;text-decoration:none;transform:translateY(-160%);transition:transform 220ms var(--ease)}.skip-link:focus{transform:translateY(0)}

.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--ink)}.hero-photo,.hero-wash,.resonance{position:absolute;inset:0}.hero-photo{z-index:-3;background:url("assets/media/fondo.jpg") 61% center/cover no-repeat;transform:scale(1.035);animation:hero-settle 1.8s var(--ease) both;will-change:transform}.hero-wash{z-index:-2;background:linear-gradient(90deg,rgb(9 10 11 / 95%) 0%,rgb(9 10 11 / 75%) 37%,rgb(9 10 11 / 10%) 70%),linear-gradient(0deg,rgb(9 10 11 / 75%) 0%,transparent 34%)}.resonance{z-index:1;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.site-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;width:min(100% - 48px,1500px);margin:0 auto;padding:24px 0 16px;border-bottom:1px solid var(--line)}.wordmark img{display:block;width:126px;height:auto;filter:brightness(0) invert(1)}.site-header nav{display:flex;gap:clamp(20px,4vw,54px)}.site-header nav a,.hero-note{font-size:.69rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.site-header nav a{text-decoration:none;text-underline-offset:6px}.site-header nav a:hover{text-decoration:underline;text-decoration-color:var(--amber)}
.hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;width:min(100% - 48px,1500px);min-height:calc(100svh - 88px);margin:0 auto;padding:8vh 0 12vh}.hero h1{max-width:8ch;margin:0;font-family:var(--display);font-size:clamp(4.8rem,10vw,6rem);font-weight:600;line-height:.72;letter-spacing:-.035em;text-transform:uppercase}.hero h1 span{display:block;margin-left:.29em;color:transparent;-webkit-text-stroke:1.4px rgb(238 239 233 / 75%)}.hero-lead{max-width:36ch;margin:clamp(32px,5vh,56px) 0 0;color:#d7dad5;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}.hero-action{display:inline-flex;align-items:center;gap:14px;width:max-content;margin-top:28px;padding-bottom:8px;border-bottom:1px solid var(--amber);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-decoration:none}.hero-action span{color:var(--amber);transition:transform 400ms var(--ease)}.hero-action:hover span{transform:translateY(5px)}.hero-note{position:absolute;z-index:3;right:max(24px,calc((100vw - 1500px)/2));bottom:30px;display:flex;gap:20px;color:rgb(238 239 233 / 55%);writing-mode:vertical-rl}

.manifesto{display:grid;grid-template-columns:minmax(140px,.55fr) minmax(300px,1.05fr) minmax(360px,1.2fr);gap:clamp(32px,5vw,88px);min-height:110vh;padding:clamp(100px,14vw,210px) max(24px,calc((100vw - 1500px)/2));background:var(--paper);color:var(--ink)}.manifesto-side{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0;border-top:1px solid rgb(9 10 11 / 35%);font-size:.67rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.manifesto-copy h2,.section-heading h2,.projects-title h2,.sound-copy h2,.contact h2{margin:0;font-family:var(--display);font-weight:500;letter-spacing:-.035em;text-transform:uppercase}.manifesto-copy h2{max-width:10ch;font-size:clamp(3.4rem,7vw,6rem);line-height:.9}.manifesto-copy>p{max-width:43ch;margin:54px 0 0;color:#333735;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.75}.manifesto-image{align-self:end;margin:14vh 0 0}.manifesto-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:52% center;filter:saturate(.78) contrast(1.08)}.manifesto-image figcaption{max-width:35ch;margin-top:16px;color:#4b504d;font-size:.73rem;line-height:1.55}

.timeline{padding:clamp(100px,12vw,180px) max(24px,calc((100vw - 1500px)/2));background:#101214}.section-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:48px;align-items:end;margin-bottom:clamp(70px,9vw,130px)}.section-heading h2{max-width:12ch;font-size:clamp(4rem,8vw,6rem);line-height:.86}.section-heading p{max-width:30ch;margin:0 0 8px;color:#b8bdb9;line-height:1.65}.timeline-list{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:minmax(100px,.45fr) .85fr 1.2fr;gap:36px;align-items:baseline;padding:28px 0 32px;border-bottom:1px solid var(--line)}.timeline-mark{color:var(--amber);font-family:var(--display);font-size:clamp(2.2rem,4vw,4.5rem);line-height:1}.timeline-row h3{margin:0;font-family:var(--display);font-size:clamp(2rem,3.2vw,3.8rem);font-weight:500;line-height:1;text-transform:uppercase}.timeline-row p{max-width:43ch;margin:0;color:var(--muted);line-height:1.65}

.projects{position:relative;overflow:hidden;padding:clamp(120px,16vw,240px) max(24px,calc((100vw - 1500px)/2)) clamp(90px,12vw,170px);background:var(--stage-blue);isolation:isolate}.projects-photo{position:absolute;z-index:-2;inset:-8% 0 auto;height:66%;background:url("assets/media/stage-blue.jpg") center 20%/cover no-repeat;filter:saturate(.9) contrast(1.08);opacity:.74;will-change:transform}.projects::after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,rgb(8 17 34 / 15%) 5%,var(--stage-blue) 51%,var(--stage-blue) 100%)}.projects-title{min-height:52vh;padding-top:5vh}.projects-title h2{max-width:9ch;font-size:clamp(5rem,12vw,6rem);line-height:.68}.projects-title p{max-width:29ch;margin:48px 0 0 auto;line-height:1.65}.project-list{margin-top:10vh;border-top:1px solid rgb(238 239 233 / 28%)}.project-row{display:grid;grid-template-columns:1fr 1.1fr .75fr;gap:28px;align-items:center;padding:27px 0;border-bottom:1px solid rgb(238 239 233 / 22%)}.project-row h3{margin:0;font-family:var(--display);font-size:clamp(2rem,3.6vw,4rem);font-weight:500;line-height:1;text-transform:uppercase}.project-row p,.project-row span{margin:0;color:#bdcae0;font-size:.78rem;line-height:1.5}.project-row span{text-align:right;text-transform:uppercase;letter-spacing:.07em}

.album{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(400px,1.1fr);min-height:110vh;background:var(--amber);color:var(--ink)}.album-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(48px,6vw,90px);overflow:hidden;isolation:isolate}.album-photo{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgb(9 10 11 / 68%),transparent 50%),url("assets/media/faldon-2.jpg") 57% center/cover no-repeat;filter:grayscale(1) contrast(1.12)}.album-art p{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.album-art h2{margin:0;color:var(--paper);font-family:var(--display);font-size:clamp(4.8rem,9vw,6rem);font-weight:500;line-height:.72;letter-spacing:-.035em;text-transform:uppercase}.album-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,10vw,150px) clamp(40px,8vw,130px)}.album-intro{max-width:28ch;margin:0 0 9vh;font-family:var(--display);font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;text-transform:uppercase}.track-list{margin:0;padding:0;list-style:none;border-top:1px solid rgb(9 10 11 / 35%)}.track-list li{display:grid;grid-template-columns:42px auto 1fr;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid rgb(9 10 11 / 35%)}.track-list span{font-size:.67rem}.track-list strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em}.track-list i{height:1px;background:rgb(9 10 11 / 45%)}.album-credit{margin:28px 0 0;font-size:.7rem;line-height:1.6}

.sound{position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:95vh;overflow:hidden;background:#dfe2dc;color:var(--ink)}.sound-image{min-height:95vh;background:url("assets/media/faldon-1.jpg") center/cover no-repeat;filter:grayscale(1) contrast(1.08);will-change:transform}.sound-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,130px)}.sound-copy h2{max-width:9ch;font-size:clamp(4rem,7vw,6rem);line-height:.87}.sound-copy>p{max-width:41ch;margin:48px 0 0;color:#383d3a;line-height:1.75}.sound-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:68px;padding-top:18px;border-top:1px solid rgb(9 10 11 / 30%);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}

.contact{padding:clamp(100px,13vw,190px) max(24px,calc((100vw - 1500px)/2)) 34px;background:var(--ink)}.contact-top{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end}.contact h2{font-size:clamp(5rem,10vw,6rem);line-height:.72}.contact-top p{max-width:35ch;margin:0 0 8px;color:var(--muted);line-height:1.7}.contact-mail{display:flex;align-items:center;justify-content:space-between;margin-top:clamp(80px,12vw,160px);padding:22px 0 28px;border-top:1px solid var(--paper);border-bottom:1px solid var(--paper);font-family:var(--display);font-size:clamp(2.5rem,6.6vw,6rem);font-weight:500;line-height:1;letter-spacing:-.025em;text-decoration:none;text-transform:uppercase}.contact-mail span{color:var(--amber);transition:transform 500ms var(--ease)}.contact-mail:hover span{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;margin-top:80px;color:#838985;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase}.contact-bottom a{text-underline-offset:5px}

.motion-ready [data-reveal]{transform:translateY(36px);filter:blur(7px);transition:transform 900ms var(--ease),filter 900ms var(--ease)}.motion-ready [data-reveal].is-visible{transform:translateY(0);filter:blur(0)}@keyframes hero-settle{from{opacity:0;transform:scale(1.1);filter:blur(8px)}to{opacity:1;transform:scale(1.035);filter:blur(0)}}

@media(max-width:760px){.site-header,.hero-copy{width:min(100% - 32px,1500px)}.site-header nav a:not(:last-child){display:none}.hero-photo{background-position:69% center;opacity:.72}.hero-wash{background:linear-gradient(0deg,rgb(9 10 11 / 94%) 0%,rgb(9 10 11 / 28%) 72%,rgb(9 10 11 / 55%) 100%)}.hero-copy{justify-content:flex-end;padding-bottom:11vh}.hero h1{font-size:clamp(4.8rem,24vw,6rem)}.hero-note{display:none}.manifesto{grid-template-columns:1fr;min-height:0;padding:100px 16px}.manifesto-side{display:none}.manifesto-copy>p{margin-top:34px}.manifesto-image{margin-top:42px}.manifesto-image img{aspect-ratio:4/5.2}.timeline,.projects,.contact{padding-left:16px;padding-right:16px}.section-heading{grid-template-columns:1fr;gap:28px}.timeline-row{grid-template-columns:70px 1fr;gap:20px}.timeline-row p{grid-column:2}.projects-title{min-height:48vh}.projects-title h2{font-size:clamp(4.8rem,24vw,6rem)}.projects-title p{margin-left:0}.project-list{margin-top:50px}.project-row{grid-template-columns:1fr auto}.project-row p{grid-column:1}.project-row span{grid-column:2;grid-row:1/span 2;max-width:12ch}.album{grid-template-columns:1fr}.album-art{min-height:82svh;padding:38px 16px}.album-body{padding:90px 16px}.album-intro{margin-bottom:64px}.sound{grid-template-columns:1fr}.sound-image{min-height:66svh}.sound-copy{padding:90px 16px}.contact-top{grid-template-columns:1fr;gap:40px}.contact h2{font-size:clamp(4.8rem,24vw,6rem)}.contact-mail{align-items:flex-start;gap:12px;white-space:nowrap;font-size:clamp(1.75rem,8.4vw,3.3rem)}.contact-bottom{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo{animation:none}*,*::before,*::after{transition-duration:.01ms!important}.motion-ready [data-reveal]{transform:none;filter:none}}

/* Hero audiovisual: 220vh de recorrido, una única escena fijada */
.hero-sequence{position:relative;height:220svh;background:var(--ink)}
.hero-stage{--bg-x:0px;--bg-y:0%;--bg-y-pointer:0px;--bg-scale:1.06;--light-x:58%;--light-y:38%;--beam-x:0px;--beam-y:0%;--stage-opacity:1;--name-left:0vw;--name-right:0vw;--name-up:0vh;--name-down:0vh;--portrait-x:0px;--portrait-y:0vh;--portrait-scale:.87;--portrait-opacity:1;--guitar-opacity:1;--strings-opacity:.7;--role-opacity:0;--role-y:26px;--tour-opacity:1;--tour-y:0px;--scroll-opacity:1;position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:var(--ink)}
.hero-backdrop,.hero-atmosphere,.hero-beam{position:absolute;inset:-8%;pointer-events:none}
.hero-backdrop{z-index:-4;background:url("assets/media/fondo.jpg") 58% center/cover no-repeat;filter:contrast(1.15) brightness(.56);transform:translate3d(var(--bg-x),calc(var(--bg-y) + var(--bg-y-pointer)),0) scale(var(--bg-scale));transform-origin:60% 55%;will-change:transform}
.hero-atmosphere{z-index:-3;background:radial-gradient(circle at var(--light-x) var(--light-y),rgb(242 169 72 / 13%),transparent 24%),linear-gradient(90deg,rgb(9 10 11 / 92%) 0%,rgb(9 10 11 / 30%) 43%,rgb(9 10 11 / 24%) 72%,rgb(9 10 11 / 78%) 100%),linear-gradient(0deg,rgb(9 10 11 / 94%) 0%,transparent 38%,rgb(9 10 11 / 40%) 100%);opacity:var(--stage-opacity)}
.hero-beam{z-index:-2;left:52%;width:22%;background:linear-gradient(100deg,transparent 4%,rgb(238 239 233 / 8%) 52%,transparent 100%);filter:blur(22px);transform:skewX(-15deg) translate3d(var(--beam-x),var(--beam-y),0);opacity:var(--beam-opacity,.28)}
.hero-stage .site-header{position:absolute;z-index:10;top:0;left:50%;transform:translateX(-50%);transition:opacity 280ms linear;opacity:var(--portrait-opacity)}
.hero-name{position:absolute;z-index:3;inset:0;color:var(--paper);font-family:var(--display);font-size:clamp(8rem,28vw,30rem);font-weight:600;line-height:.68;letter-spacing:-.04em;text-transform:uppercase;pointer-events:none;opacity:var(--portrait-opacity);will-change:transform,opacity}
.hero-name span{position:absolute;display:block;white-space:nowrap;text-shadow:0 18px 48px rgb(0 0 0 / 22%)}
.name-ruben{top:22%;left:2.5%;transform:translate3d(var(--name-left),var(--name-up),0)}
.name-cores{right:2.5%;bottom:18%;color:transparent;-webkit-text-stroke:1.5px rgb(238 239 233 / 88%);transform:translate3d(var(--name-right),var(--name-down),0)}
.hero-portrait,.hero-guitar-front{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;will-change:transform,opacity}
.hero-portrait{z-index:2;opacity:var(--portrait-opacity);transform:translate3d(var(--portrait-x),var(--portrait-y),0) scale(var(--portrait-scale));transform-origin:50% 82%}
.hero-guitar-front{z-index:4;clip-path:polygon(22% 21%,96% 19%,96% 56%,22% 58%);opacity:var(--guitar-opacity);transform:translate3d(var(--guitar-x,var(--portrait-x)),var(--guitar-y,var(--portrait-y)),0) scale(var(--portrait-scale));transform-origin:50% 82%}
.hero-portrait img,.hero-guitar-front img{display:block;width:auto;height:min(118svh,1080px);object-fit:contain;filter:drop-shadow(0 22px 42px rgb(0 0 0 / 30%))}
.hero-stage .resonance{z-index:5;opacity:var(--strings-opacity)}
.hero-role{position:absolute;z-index:6;left:50%;bottom:10vh;display:flex;align-items:center;gap:clamp(11px,2vw,28px);margin:0;color:var(--paper);font-size:clamp(.68rem,1vw,.84rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;opacity:var(--role-opacity);transform:translate3d(-50%,var(--role-y),0)}
.hero-role i{display:block;width:clamp(18px,4vw,58px);height:1px;background:var(--amber)}
.hero-tour{position:absolute;z-index:6;left:max(24px,calc((100vw - 1500px)/2));bottom:9vh;max-width:23ch;margin:0;color:#d8dad6;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.55;opacity:var(--tour-opacity);transform:translate3d(0,var(--tour-y),0)}
.hero-scroll{position:absolute;z-index:7;right:max(24px,calc((100vw - 1500px)/2));bottom:8vh;display:flex;align-items:center;gap:14px;color:#d8dad6;font-size:.67rem;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;opacity:var(--scroll-opacity)}
.hero-scroll i{position:relative;display:block;width:1px;height:48px;overflow:hidden;background:rgb(238 239 233 / 28%)}.hero-scroll i::after{position:absolute;inset:0;content:"";background:var(--amber);transform:translateY(-100%);animation:scroll-line 1.9s var(--ease) infinite}
.hero-location{position:absolute;z-index:6;top:50%;right:max(24px,calc((100vw - 1500px)/2));display:flex;gap:18px;color:rgb(238 239 233 / 48%);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;opacity:var(--portrait-opacity)}
@keyframes scroll-line{45%,100%{transform:translateY(100%)}}

@media(max-width:760px){.hero-sequence{height:185svh}.hero-backdrop{background-position:64% center}.hero-stage .site-header{width:calc(100% - 32px)}.hero-name{font-size:clamp(6rem,36vw,10rem);line-height:.72}.name-ruben{top:24%;left:3%}.name-cores{right:3%;bottom:24%}.hero-portrait,.hero-guitar-front{justify-content:center;transform-origin:50% 88%;transform:translate3d(var(--portrait-x),var(--portrait-y),0) scale(var(--portrait-scale))}.hero-guitar-front{clip-path:polygon(18% 23%,100% 20%,100% 57%,18% 60%);transform:translate3d(var(--guitar-x,var(--portrait-x)),var(--guitar-y,var(--portrait-y)),0) scale(var(--portrait-scale))}.hero-portrait img,.hero-guitar-front img{height:98svh}.hero-role{bottom:8vh;width:calc(100% - 32px);justify-content:center;gap:8px;font-size:.58rem;letter-spacing:.11em}.hero-role i{width:13px}.hero-tour{left:16px;bottom:10vh;font-size:.76rem}.hero-scroll{right:16px;bottom:8vh}.hero-scroll span{display:none}.hero-location{display:none}}
@media(prefers-reduced-motion:reduce){.hero-sequence{height:100svh}.hero-backdrop{transform:scale(1.06)}.hero-name,.hero-portrait,.hero-guitar-front,.hero-role,.hero-tour,.hero-scroll,.hero-stage .site-header{opacity:1;transform:none}.hero-role{transform:translateX(-50%)}.name-ruben,.name-cores{transform:none}.hero-scroll i::after{animation:none;transform:none}}

/* Revisión editorial */
.hero-sequence{height:145svh}
.hero-name{z-index:2}
.hero-backdrop{filter:contrast(1.16) brightness(.68)}
.hero-atmosphere{background:linear-gradient(90deg,rgb(9 10 11 / 88%) 0%,rgb(9 10 11 / 20%) 43%,rgb(9 10 11 / 18%) 72%,rgb(9 10 11 / 70%) 100%),linear-gradient(0deg,rgb(9 10 11 / 88%) 0%,transparent 40%,rgb(9 10 11 / 34%) 100%)}
.prs-badge{position:absolute;z-index:7;left:max(24px,calc((100vw - 1500px)/2));bottom:8vh;display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--amber);border-bottom:1px solid rgb(238 239 233 / 28%);font-size:.62rem;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;opacity:var(--scroll-opacity)}
.prs-badge strong{font-family:var(--display);font-size:1.35rem;line-height:1;letter-spacing:-.02em}.prs-badge span{color:#d8dad6}.prs-badge:hover span{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:5px}

.manifesto{min-height:0;align-items:start}
.manifesto-copy h2{max-width:9ch}
.bio-text{max-width:62ch;margin-top:54px;color:#333735;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.78}
.bio-text p{margin:0}.bio-text p+p{margin-top:24px}.bio-text em{font-style:italic}
.manifesto-image{position:sticky;top:28px;align-self:start;margin:14vh 0 0}

.timeline .section-heading{grid-template-columns:1fr}
.timeline-row{grid-template-columns:minmax(110px,.38fr) .78fr 1.4fr;align-items:start}
.timeline-row p{max-width:58ch}

.projects{background:var(--ink)}
.projects-photo{filter:grayscale(1) contrast(1.15);opacity:.26}
.projects::after{background:linear-gradient(180deg,rgb(9 10 11 / 20%) 0%,var(--ink) 49%,var(--ink) 100%)}
.project-row p,.project-row span{color:#b8bdb9}

.album-photo{background:linear-gradient(0deg,rgb(9 10 11 / 58%),transparent 52%),url("assets/media/volver-a-nacer-enhanced.png") 48% center/cover no-repeat;filter:grayscale(1) contrast(1.08)}
.album-image-credit{position:absolute;right:24px;bottom:20px;color:rgb(238 239 233 / 62%);font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl}
.back-to-top{position:fixed;z-index:40;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--amber);background:rgb(9 10 11 / 86%);color:var(--paper);text-decoration:none;transition:background-color 260ms var(--ease),color 260ms var(--ease),transform 260ms var(--ease)}
.back-to-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.5}
.back-to-top:hover{background:var(--amber);color:var(--ink);transform:translateY(-4px)}
.back-to-top:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
.track-list li{display:block;padding:0}
.track-list li a{display:grid;grid-template-columns:42px minmax(150px,auto) 1fr auto;gap:18px;align-items:center;padding:19px 0;color:var(--ink);text-decoration:none}
.track-list strong{display:flex;align-items:baseline;gap:12px}.track-list strong small{font-size:.58rem;font-weight:400;letter-spacing:.03em;text-transform:none}
.track-list i{height:auto;background:none;font-size:.62rem;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:transform 300ms var(--ease)}
.track-list a:hover i{transform:translateX(5px)}.track-list a:focus-visible{outline-color:var(--ink);outline-offset:4px}

@media(max-width:760px){.hero-sequence{height:130svh}.prs-badge{left:16px;bottom:8vh}.manifesto-image{position:static;margin-top:42px}.bio-text{margin-top:34px}.timeline-row{grid-template-columns:82px 1fr;gap:20px}.timeline-row p{grid-column:2}.track-list li a{grid-template-columns:32px 1fr auto;gap:12px}.track-list strong{display:block}.track-list strong small{display:block;margin-top:4px}.track-list li a>i{grid-column:3;grid-row:1}.contact-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hero-sequence{height:100svh}}

@media(max-width:760px){
  .hero-stage .site-header{position:fixed;top:0;left:50%;justify-content:flex-end;width:calc(100% - 32px);padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px;background:rgb(9 10 11 / 94%);transform:translateX(-50%)!important;opacity:1!important}
  .site-header .wordmark{display:none}
  .site-header nav{gap:clamp(7px,2.4vw,14px);width:auto;justify-content:flex-end}
  .site-header nav a,.site-header nav a:last-child{display:flex!important;align-items:center;min-height:44px;padding:0 1px;font-size:.57rem;letter-spacing:.1em;white-space:nowrap}
  .hero-backdrop{background-position:54% center}
  .hero-name{font-size:clamp(5.4rem,31vw,8rem)}
  .name-ruben{top:23%;left:4%}
  .name-cores{right:4%;bottom:25%}
  .back-to-top{width:46px;height:46px;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
}

/* Logotipo manuscrito recortado para la cabecera de escritorio */
@media(min-width:761px){.wordmark img{width:156px;height:auto;filter:none}}

/* Ajuste de lectura para móviles estrechos (incluido LG Velvet) */
@media(max-width:900px){
  .hero-stage .site-header{position:fixed!important;top:0;left:50%;width:calc(100% - 24px);justify-content:flex-end;padding-top:max(7px,env(safe-area-inset-top));padding-bottom:7px;background:rgb(9 10 11 / 96%);transform:translateX(-50%)!important;opacity:1!important}
  .hero-stage .site-header .wordmark{display:none!important;visibility:hidden!important;width:0!important;overflow:hidden!important}
  .hero-stage .site-header nav{display:flex!important;gap:clamp(6px,2.2vw,12px);width:auto;justify-content:flex-end}
  .hero-stage .site-header nav a,.hero-stage .site-header nav a:not(:last-child),.hero-stage .site-header nav a:last-child{display:flex!important;align-items:center;min-height:44px;padding:0 1px;font-size:clamp(.52rem,1.9vw,.62rem);letter-spacing:.085em;white-space:nowrap}
  .hero-backdrop{background-position:45% 42%}
  .hero-name{font-size:clamp(5rem,25vw,7.2rem);line-height:.76;text-align:center}
  .name-ruben{top:31%;left:50%;right:auto;transform:translate3d(calc(-50% + var(--name-left)),var(--name-up),0)}
  .name-cores{right:auto;bottom:32%;left:50%;transform:translate3d(calc(-50% + var(--name-right)),var(--name-down),0)}
}