.hero-claim{font:500 clamp(1.4rem,2vw,2.1rem)/1.25 var(--serif);margin:24px 0;color:white}.hero-claim strong{color:#e8d9bb;font-weight:500}.manifesto blockquote{margin:38px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:italic 1.35rem/1.35 var(--serif);color:#8f241d}.authority{background:#d9d2c5;padding:27px 4.5%;display:grid;grid-template-columns:.55fr 2.4fr;gap:5%;align-items:center}.authority p{margin:0;font-size:11px;letter-spacing:.17em;font-weight:600}.authority div{display:grid;grid-template-columns:repeat(4,1fr)}.authority span{padding:6px 18px;border-left:1px solid rgba(17,17,15,.25);font-size:13px}.functional-quote{font:italic 1.55rem/1.3 var(--serif)!important;color:#b89a62!important;margin-top:35px}.closing-statement{background:#e6e0d4;padding:140px 4.5%;text-align:center}.closing-statement p{font-size:11px;letter-spacing:.18em}.closing-statement h2{font:500 clamp(4rem,8vw,9rem)/.83 var(--serif);letter-spacing:-.055em;margin:45px 0 0}.closing-statement h2 em{color:#8f241d}
.hero-portrait{object-position:72% 25%;filter:saturate(.78) contrast(1.04)}.visual-story{background:#141413;color:#fff;padding:72px 4.5% 92px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.visual-story figure{margin:0;position:relative;overflow:hidden;min-height:560px;background:#252522}.visual-story img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.72) contrast(1.06);transition:transform .8s ease,filter .8s ease}.visual-story figure:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.03)}.visual-story figure:nth-child(2) img{object-position:53% center}.visual-story figure:nth-child(3) img{object-position:52% center}.visual-story figcaption{position:absolute;inset:auto 0 0;z-index:1;display:grid;grid-template-columns:42px 1fr;gap:10px;padding:72px 28px 26px;background:linear-gradient(transparent,rgba(0,0,0,.88))}.visual-story figcaption span{font-size:11px;color:#d76a59}.visual-story figcaption b{display:block;font:500 1.35rem var(--serif)}.visual-story figcaption small{display:block;color:rgba(255,255,255,.64);margin-top:5px}.bio{grid-template-columns:.42fr 1.12fr .72fr 1fr}.bio-aside{padding-top:55px}.bio-aside img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.04)}.bio-aside p{font:italic 1rem/1.4 var(--serif);color:#7b2e27;border-left:1px solid #a63428;padding-left:15px}.bio-copy{padding-top:55px}
@media(max-width:900px){.authority{grid-template-columns:1fr;gap:18px}.authority div{grid-template-columns:1fr 1fr}.authority span{padding:10px 14px}.closing-statement{padding:90px 6%}}
@media(max-width:900px){.visual-story{grid-template-columns:1fr 1fr}.visual-story-main{grid-column:1/-1}.visual-story figure{min-height:480px}.bio{grid-template-columns:1fr}.bio-aside,.bio-copy{padding-top:0}.bio-aside{max-width:520px}}
@media(max-width:560px){.authority div{grid-template-columns:1fr}.authority span{border-left:0;border-top:1px solid rgba(17,17,15,.2)}.closing-statement h2{font-size:3.7rem}.hero-portrait{object-position:63% center}.visual-story{grid-template-columns:1fr;padding:45px 5%}.visual-story-main{grid-column:auto}.visual-story figure{min-height:430px}.visual-story figcaption{padding-left:20px;padding-right:20px}}

/* Portada editorial: el retrato ocupa su propio plano para mantener el rostro libre. */
.hero{background:#11110f}.hero .hero-portrait{left:auto;right:0;width:62%;object-position:center 23%}.hero .shade{background:linear-gradient(90deg,#11110f 0%,rgba(17,17,15,.98) 34%,rgba(17,17,15,.7) 50%,rgba(17,17,15,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 46%)}.hero-content{max-width:min(49vw,760px)}.hero h1{font-size:clamp(3.2rem,5.5vw,6.2rem)}
@media(max-width:900px){.hero .hero-portrait{width:58%}.hero-content{max-width:58vw}.hero h1{font-size:clamp(3.2rem,7vw,5.2rem)}}
@media(max-width:560px){.hero{display:block;padding-top:54svh}.hero .hero-portrait{top:0;left:0;right:auto;width:100%;height:56svh;object-position:center 18%}.hero .shade{height:57svh;background:linear-gradient(0deg,#11110f 0%,rgba(17,17,15,.15) 32%,rgba(17,17,15,.05) 100%)}.hero-content{max-width:none;padding:56px 5% 78px}.hero h1{font-size:3.25rem}}

.hero blockquote.hero-claim{font-style:italic;margin:24px 0;color:#fff}.hero-claim q{quotes:"“" "”" "‘" "’"}.hero-claim cite{display:block;margin-top:10px;font:500 .7rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.58)}

@media(min-width:561px){.hero-content{transform:translateY(-52px)}}

@media(min-width:901px){.manifesto{padding-top:95px;padding-bottom:110px}.manifesto-copy{padding-top:0}}

/* Una única pieza editorial para cifras y credenciales. */
.proof{display:block;padding:72px 4.5% 0;background:#171715}.proof-title{margin:0 0 32px;color:rgba(255,255,255,.52);font-size:.7rem;letter-spacing:.2em;font-weight:600}.proof>.proof-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:0;border:0}.proof-metrics>div{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:35px 8%;border-top:1px solid rgba(255,255,255,.18);border-right:1px solid rgba(255,255,255,.18)}.proof-metrics>div:last-child{border-right:0}.proof-metrics strong{font-size:clamp(3.8rem,5.2vw,6.2rem);line-height:.9;color:#d65b4d}.proof-metrics>div:nth-child(2) strong{color:#ead8b7}.proof-metrics span{font-size:.82rem;line-height:1.55;color:rgba(255,255,255,.68)}.authority{background:#171715;color:#fff;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:32px 4.5%}.authority p{color:#d65b4d}.authority span{border-left-color:rgba(255,255,255,.2);color:rgba(255,255,255,.72)}
@media(max-width:900px){.proof{padding:58px 6% 0}.proof>.proof-metrics{grid-template-columns:1fr}.proof-metrics>div{min-height:150px;padding:26px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.proof-metrics strong{font-size:4.5rem}.authority{padding:34px 6%}}

.proof-title{margin-bottom:38px;font-size:1rem;letter-spacing:.22em;color:rgba(255,255,255,.72)}.proof-metrics span{font-size:.92rem;font-weight:400}.authority{padding-top:38px;padding-bottom:38px}.authority p{font-size:.82rem;letter-spacing:.2em}.authority span{font-size:1rem;line-height:1.4;padding-left:24px;padding-right:24px}
@media(max-width:900px){.proof-title{font-size:.9rem}.authority p{font-size:.78rem}.authority span{font-size:.95rem}}

/* Equilibrio editorial: una retícula continua, sin cajas desiguales. */
.proof{padding:68px 4.5% 46px}.proof-title{margin-bottom:30px;font-size:1.08rem;line-height:1;letter-spacing:.2em}.proof>.proof-metrics{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.proof-metrics>div{min-height:174px;padding:30px 7%;border-top:0;border-right:1px solid rgba(255,255,255,.18)}.proof-metrics strong{font-size:clamp(4.1rem,4.8vw,5.7rem)}.proof-metrics span{font-size:.98rem;line-height:1.5}
.authority{grid-template-columns:1.15fr 4fr;gap:0;padding:0 4.5%;border-top:0}.authority p{display:flex;align-items:center;min-height:116px;padding-right:30px;font-size:.86rem;line-height:1.5;letter-spacing:.18em;white-space:nowrap}.authority div{height:100%}.authority span{display:flex;align-items:center;min-height:116px;padding:20px 28px;font-size:1rem;line-height:1.35}
@media(max-width:1200px){.authority{grid-template-columns:1fr 3fr}.authority p{white-space:normal}.authority div{grid-template-columns:repeat(2,1fr)}.authority span{min-height:74px;border-bottom:1px solid rgba(255,255,255,.14)}}
@media(max-width:900px){.proof{padding:56px 6% 34px}.proof-title{font-size:.92rem}.proof>.proof-metrics{border-bottom:0}.proof-metrics>div{min-height:138px;padding:24px 0;border-right:0}.proof-metrics span{font-size:.95rem}.authority{grid-template-columns:1fr;padding:0 6% 24px}.authority p{min-height:auto;padding:28px 0 20px;white-space:normal}.authority div{grid-template-columns:1fr 1fr}.authority span{min-height:68px;padding:16px 16px 16px 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}}
@media(max-width:560px){.authority div{grid-template-columns:1fr}.authority span{min-height:auto}}

/* Centrado óptico de cada dato dentro de su columna. */
.proof-metrics>div{align-items:center;text-align:center}
@media(max-width:900px){.proof-metrics>div{align-items:center;text-align:center}}

/* Galería ampliada a cuatro historias. */
.visual-story{grid-template-columns:1.35fr repeat(3,1fr)}.visual-story figure{min-height:520px}.visual-story figure:nth-child(4) img{object-position:center}
@media(max-width:1200px){.visual-story{grid-template-columns:1fr 1fr}.visual-story-main{grid-column:auto}.visual-story figure{min-height:480px}}
@media(max-width:560px){.visual-story{grid-template-columns:1fr}.visual-story figure{min-height:430px}}

/* Carrusel editorial de trayectoria visual. */
.visual-story{display:block;padding:64px 4.5% 90px;overflow:hidden}.visual-story-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.visual-story-head>p{margin:0;font-size:.82rem;font-weight:600;letter-spacing:.2em;color:rgba(255,255,255,.68)}.visual-story-head>div{display:flex;align-items:center;gap:18px}.visual-story-head button{width:48px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:#fff;font-size:1.25rem;cursor:pointer;transition:background .25s,color .25s}.visual-story-head button:hover{background:#fff;color:#171715}.visual-story-head span{min-width:54px;text-align:center;font-size:.75rem;letter-spacing:.12em;color:rgba(255,255,255,.6)}.visual-story-track{display:flex;gap:18px;transition:transform .65s cubic-bezier(.22,.75,.22,1);will-change:transform}.visual-story figure{flex:0 0 calc(72% - 9px);min-height:620px}.visual-story figure img{object-position:center}.visual-story figure:nth-child(2) img{object-position:53% center}.visual-story figure:nth-child(3) img{object-position:center}.visual-story figure:nth-child(4) img{object-position:center}
@media(max-width:900px){.visual-story{display:block;padding:52px 6% 70px}.visual-story-main{grid-column:auto}.visual-story figure{flex-basis:84%;min-height:520px}}
@media(max-width:560px){.visual-story{display:block;padding:42px 5% 58px}.visual-story-head{margin-bottom:20px}.visual-story-head>p{font-size:.72rem}.visual-story-head button{width:42px;height:42px}.visual-story-head>div{gap:10px}.visual-story figure{flex-basis:92%;min-height:430px}}

/* Escala de galería más contenida: varias historias visibles a la vez. */
.visual-story figure{flex-basis:calc(38% - 12px);min-height:430px}.visual-story-track{gap:16px}
@media(max-width:900px){.visual-story figure{flex-basis:62%;min-height:400px}}
@media(max-width:560px){.visual-story figure{flex-basis:78%;min-height:350px}}
@media(prefers-reduced-motion:reduce){.visual-story-track{transition:none}}

/* Cinta fotográfica continua: desplazamiento infinito de derecha a izquierda. */
.visual-story-track{width:max-content;gap:16px;animation:visual-story-flow var(--carousel-duration,360s) linear infinite;transition:none}.visual-story figure{width:clamp(300px,34vw,520px);flex:0 0 auto}@keyframes visual-story-flow{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--carousel-distance,calc(-50% - 8px)),0,0)}}
.visual-story .visual-story-ferran-standing img{object-position:center top}
.visual-story .visual-story-valencia-basket{background:#e5ded2}
.visual-story .visual-story-valencia-basket img{object-fit:contain;object-position:center top}
.visual-story .visual-story-safe-top img{object-position:center top}
@media(max-width:900px){.visual-story figure{width:62vw}}
@media(max-width:560px){.visual-story figure{width:78vw}}
@media(prefers-reduced-motion:reduce){.visual-story-track{animation:none;overflow-x:auto}}

/* Método propio: composición compacta y lectura inmediata. */
.functional{padding:86px 4.5% 82px}.functional>h2{font-size:clamp(3.2rem,6.2vw,7rem);line-height:.92;letter-spacing:-.055em;white-space:nowrap;margin:48px 0 56px}.functional-grid{gap:8%;padding-top:30px}.functional-grid .functional-lead{font-size:clamp(1.45rem,2.1vw,2.25rem);line-height:1.18}.functional-grid .functional-lead strong{color:var(--gold);font-weight:500}.functional-grid>div>p{font-size:1rem;line-height:1.55}.functional-quote{font-size:1.3rem!important;margin-top:22px}.pillars{margin-top:54px}.pillars article{padding-top:22px}.pillars h3{font-size:1.4rem;margin:22px 0 6px}.pillars p{font-size:.85rem;line-height:1.45}
@media(max-width:900px){.functional{padding:72px 6%}.functional>h2{font-size:clamp(2.5rem,8vw,4.6rem);margin:40px 0 48px}.functional-grid{gap:24px}.pillars{margin-top:44px}}
@media(max-width:560px){.functional{padding:58px 5%}.functional>h2{font-size:8.6vw;letter-spacing:-.045em;margin:34px 0 38px}.functional-grid .functional-lead{font-size:1.38rem}.pillars{margin-top:36px}}

/* Transición más compacta entre el carrusel y el método. */
.visual-story{padding-bottom:34px}.functional{padding-top:48px}
@media(max-width:900px){.visual-story{padding-bottom:28px}.functional{padding-top:42px}}
@media(max-width:560px){.visual-story{padding-bottom:22px}.functional{padding-top:36px}}

/* Banda de experiencia: cinco módulos iguales, centrados y con un único lenguaje cromático. */
.authority{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0 4.5%}
.authority>div{display:contents}
.authority p,.authority span{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:148px;margin:0;padding:24px 30px;text-align:center;color:rgba(255,255,255,.82)}
.authority p{font-size:.86rem;line-height:1.5;letter-spacing:.18em;white-space:normal}
.authority span{border-left:1px solid rgba(255,255,255,.18);font-size:1rem;line-height:1.4}
@media(max-width:900px){.authority{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 6% 24px}.authority p{grid-column:1/-1;min-height:92px;border-bottom:1px solid rgba(255,255,255,.18)}.authority span{min-height:82px;border-top:0}.authority span:nth-child(odd){border-left:0}}
@media(max-width:560px){.authority{grid-template-columns:1fr}.authority p,.authority span{min-height:72px}.authority span{border-left:0;border-top:1px solid rgba(255,255,255,.18)}}

/* Acento editorial de marca en la apertura. */
.hero .eyebrow{display:flex;align-items:center;gap:12px}
.hero .eyebrow::before{content:"";display:block;width:30px;height:2px;background:#c94f43;flex:0 0 auto}
.hero .button.light{background:#8f241d;color:#fff;transition:background .25s ease,transform .25s ease}.hero .button.light:hover,.hero .button.light:focus-visible{background:#a63428;transform:translateY(-2px)}
/* Proceso más compacto: menos fondo negro y una lectura más concentrada. */
.method{padding:82px 4.5%;gap:8%;align-items:center}.method h2{font-size:clamp(2.65rem,3.9vw,4.5rem);margin:42px 0 34px}.method li{padding:18px 0}.method h3{font-size:25px}.method li p{font-size:.95rem}
@media(max-width:900px){.method{padding:68px 6%;gap:42px}.method h2{margin:32px 0 25px}}
@media(max-width:560px){.method{padding:54px 5%;gap:34px}.method li{padding:16px 0}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d76a59;outline-offset:4px}
.visual-story.is-paused .visual-story-track{animation-play-state:paused}
.visual-story-track{animation-duration:var(--carousel-duration,360s)}
.visual-story-head .carousel-toggle{width:auto;height:auto;border-radius:0;padding:8px 0;border:0;border-bottom:1px solid rgba(255,255,255,.45);font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase}
.visual-story-head .carousel-toggle:hover,.visual-story-head .carousel-toggle:focus-visible{background:transparent;color:#d76a59;border-bottom-color:#d76a59}
.closing-cta{display:inline-block;margin-top:48px;padding:17px 25px;background:#8f241d;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .25s ease,background .25s ease}
.closing-cta:hover,.closing-cta:focus-visible{background:#171715;transform:translateY(-3px)}

/* Portfolio documental: fotografía completa, escala contenida y pie separado. */
.visual-story{padding-top:56px;padding-bottom:48px}
.visual-story-track{gap:14px}
.visual-story figure{
  box-sizing:border-box;
  width:clamp(235px,22vw,300px);
  height:380px;
  min-height:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  border:1px solid rgba(255,255,255,.12);
  background:#20201d;
}
.visual-story figure img,
.visual-story .visual-story-safe-top img,
.visual-story .visual-story-ferran-standing img,
.visual-story .visual-story-valencia-basket img{
  position:static;
  inset:auto;
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  filter:none;
  transform:none;
  background:#20201d;
}
.visual-story figure:hover img{transform:none;filter:none}
.visual-story figcaption{
  position:static;
  inset:auto;
  min-height:88px;
  box-sizing:border-box;
  padding:15px 18px 17px;
  background:#171715;
  border-top:1px solid rgba(255,255,255,.1);
}
.visual-story figcaption b{font-size:1.16rem;line-height:1.1}
.visual-story figcaption small{font-size:.72rem;line-height:1.35}
@media(max-width:900px){.visual-story figure{width:clamp(235px,40vw,290px);height:380px}}
@media(max-width:560px){.visual-story{padding-top:40px;padding-bottom:36px}.visual-story figure{width:min(76vw,280px);height:370px}}