/* Adaptación de contenido Home A; patrones, ritmo, tipos y chrome de Academy. */
html{scroll-behavior:smooth;scroll-padding-top:100px}button{cursor:pointer}.nav-mark{width:34px;height:24px;object-fit:contain}.skip{position:fixed;top:-100px;left:10vw;z-index:100;background:#fff;color:#000;padding:16px}.skip:focus{top:0}
.hero-pending{background:#F1F1F1}.hero-pending .photo-pending{position:absolute;inset:0;display:grid;place-content:center;gap:16px;text-align:center;padding:10vw;color:#4A4A4A}.photo-pending p{font:300 clamp(20px,2vw,30px)/1.2 var(--font-display-secondary);text-transform:uppercase;letter-spacing:.06em}
body:has(.hero-pending) nav#nav:not(.scrolled){color:#000;text-shadow:none}body:has(.hero-pending) nav#nav:not(.scrolled) img{filter:invert(1)}body:has(.hero-pending) nav#nav:not(.scrolled) .navbtn{border-color:#000;color:#000}body:has(.hero-pending) nav#nav:not(.scrolled) .menubtn{color:#000}.hero-pending .cap-ed{color:#000;text-shadow:none}.hero-pending .ed{border-color:rgba(0,0,0,.18)}.hero-pending .ed-k,.hero-pending .ed-t,.hero-pending .ed-c,.hero-pending .ed-r{color:#000}
.intro{display:block;padding-bottom:clamp(96px,12vw,200px)}.intro h1{font-size:clamp(38px,7.2vw,140px);margin-top:40px;line-height:.86;letter-spacing:-.05em;max-width:100%}.intro-grid{margin-top:clamp(56px,7vw,112px);display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,120px);align-items:end}.intro-grid>p{font:400 18px/1.55 var(--font-body);color:#D0D0D0;max-width:44ch}.intro .acts{margin-top:0}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(48px,6vw,96px)}.placeholder{display:grid;place-items:center;background:#F1F1F1!important;color:#4A4A4A;text-align:center;padding:24px}.placeholder .lbl{line-height:1.6;font-size:10px}.work-photo{aspect-ratio:4/5}.work-grid h3{font:500 18px/1.1 var(--font-display-secondary);letter-spacing:.02em;margin-top:20px}.work-grid p{font:400 12px/1.55 var(--font-body);color:#4A4A4A;margin-top:10px}.review-note{font:400 12px/1.55 var(--font-body);color:var(--dim);margin-top:24px;max-width:68ch}.modelos>.head{margin:0 var(--m);padding-left:0;padding-right:0}.rail .pic{aspect-ratio:3/4}.rail .cap h3{white-space:nowrap}.board-bottom{margin-top:48px}.board-bottom .review-note{color:#D0D0D0}.market-list{margin-top:clamp(48px,6vw,96px)}.market-list a{display:grid;grid-template-columns:48px 3fr 7fr auto;align-items:baseline;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.market-list h3{font:500 24px/1.1 var(--font-display-secondary);letter-spacing:.02em}.market-list p{font:var(--type-body);color:var(--fg3)}.market-list a>span:last-child{font-size:24px}.collaborators>.light{margin-top:clamp(48px,6vw,96px)}
.close .stmt{margin-top:28px}.close .body{margin-top:28px}.contact-rows>div{padding:24px 0;border-top:1px solid var(--line);display:grid;gap:12px}.contact-rows h3,.contact-rows a{font:500 18px/1.2 var(--font-display-secondary);text-transform:uppercase;letter-spacing:.02em}.contact-rows p{font:var(--type-small);color:var(--dim)}.scouting{margin-top:clamp(64px,8vw,120px);border-top:1px solid var(--line);padding-top:clamp(48px,6vw,96px)}.scouting .body{margin-top:0}.sticky-cta{display:none}
.menu ul{margin:auto 0}.menu ul a{font-size:clamp(22px,3.2vw,44px)!important}.menu[aria-hidden=true]{pointer-events:none}html.menu-open{overflow:hidden!important}.menufoot .fama{font-size:14px}.menuhead{min-height:100px}
dialog{position:fixed;border:0;padding:clamp(32px,5vw,56px);width:min(560px,80vw);max-height:85svh;overflow:auto;background:#fff;color:#000}dialog::backdrop{background:rgba(0,0,0,.72)}dialog h2{font:500 clamp(24px,3vw,36px)/1.1 var(--font-display-secondary);letter-spacing:.02em;margin:24px 0}dialog p{margin-bottom:28px;line-height:1.55}.dialog-close{position:absolute;top:8px;right:12px;min-width:44px;min-height:44px;border:0;background:none;font:300 32px var(--font-display-secondary)}dialog .btn{width:100%;min-width:0}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px;box-shadow:none}.btn:focus-visible{outline-offset:4px}
@media(max-width:1100px){.intro-grid{grid-template-columns:1fr;gap:32px}.intro-grid>p{max-width:52ch}.work-grid{gap:16px}.market-list a{grid-template-columns:28px minmax(0,1fr) auto;gap:16px}.market-list p{grid-column:2;grid-row:2}.market-list a>span:last-child{grid-column:3;grid-row:1}.sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:19;background:#fff;border-top:1px solid rgba(0,0,0,.18);padding:12px 10vw;padding-bottom:max(12px,env(safe-area-inset-bottom))}.sticky-cta .btn{width:100%;height:48px;min-height:48px;font-size:10px}.sticky-cta{transform:translateY(120%);transition:transform .4s var(--ease)}.sticky-cta.on{transform:none}footer{padding-bottom:104px}.intro h1{font-size:clamp(38px,8.8vw,90px)}.head{gap:20px}}
@media(max-width:700px){.intro{padding:72px var(--m)}.intro h1{font-size:clamp(34px,8.8vw,62px)}.intro-grid{margin-top:40px}.work-grid{grid-template-columns:1fr;gap:40px}.work-grid h3{font-size:20px}.rail a{flex-basis:64vw}.rail .cap{display:block}.rail .cap .lbl{display:block;margin-top:12px}.board-bottom{margin-top:32px}.modelos{padding-top:72px;padding-bottom:72px!important}.market-list h3{font-size:20px}.head .h2.sy{font-size:clamp(22px,6.65vw,32px)!important}.head .num{font-size:26px}.head{column-gap:16px}.scouting{margin-top:64px;padding-top:48px}.acts .btn{min-width:0}.intro .acts .btn{flex:0 0 auto!important}.close .acts .btn{min-width:0}.placeholder .lbl{font-size:9px}.menu{padding-bottom:28px}.menu ul a{font-size:24px!important}.menu ul{gap:18px}.menufoot{flex-direction:column;gap:18px}footer .cols{gap:40px 20px}footer .bottom{align-items:flex-start}.cap-ed .ed-t{font-size:18px}.hero.hero-photo{min-height:560px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Cierre: escala compacta del patrón cclose de Academy, ajustada a «propuesta». */
.close .stmt{font-size:clamp(26px,3vw,48px);max-width:100%}.close .stmt b{font-size:.9em}
@media(max-width:360px){.close .stmt{font-size:26px}}
.rail{scroll-padding-inline:var(--m)}.close h2.stmt{font-size:clamp(24px,3vw,48px)}
/* Carrusel de talentos: mismo rail Academy, doce perfiles del catálogo oficial. */
.talent-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.talent-controls button{width:48px;height:48px;border:1px solid currentColor;background:transparent;color:#fff;font:300 24px var(--font-display-secondary)}
.talent-controls button:hover:not(:disabled){background:#fff;color:#000}
.talent-controls button:disabled{opacity:.35;cursor:default}
.talent-copy{max-width:62ch;font:var(--type-lead);color:#D0D0D0}
.board-bottom .acts{margin-top:28px}
/* Portada OYSHO: imagen íntegra 4:5; nunca fondo ampliado a todo el ancho. */
.hero.hero-split{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;padding:148px var(--m) 64px;background:#F1F1F1;color:#000}
.hero-copy{min-width:0}.hero-heading{font:800 clamp(28px,3.1vw,48px)/.94 var(--font-display);letter-spacing:-.05em;margin:36px 0}.hero-copy>.light{font-size:clamp(18px,1.5vw,24px);line-height:1.45;max-width:24ch}.hero-project{margin-top:64px;border-top:1px solid rgba(0,0,0,.18);padding-top:20px}.hero-project p{font:300 22px/1.2 var(--font-display-secondary);margin-top:12px}.hero-figure{margin:0;max-width:520px;width:100%;justify-self:end}.hero-figure img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.hero-figure figcaption{margin-top:16px;font-size:9px;line-height:1.5}
body:has(.hero-split) nav#nav:not(.scrolled){color:#000;text-shadow:none}body:has(.hero-split) nav#nav:not(.scrolled) img{filter:invert(1)}body:has(.hero-split) nav#nav:not(.scrolled) .navbtn{border-color:#000;color:#000}body:has(.hero-split) nav#nav:not(.scrolled) .menubtn{color:#000}
.collaborators.marcas{padding-bottom:clamp(96px,12vw,200px)}.collaborators.marcas img{height:auto;object-fit:contain}
@media(max-width:809px){.hero.hero-split{grid-template-columns:minmax(0,1fr);gap:40px;padding:116px var(--m) 48px}.hero-heading{font-size:clamp(24px,6.9vw,44px);margin:24px 0}.hero-copy>.light{max-width:none;font-size:18px}.hero-project{display:none}.hero-figure{max-width:520px;justify-self:start}}
.hero-copy>.light{max-width:none}

/* Fotografías de trabajos: conservar encuadre íntegro en la tarjeta. */
.work-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#F1F1F1}

/* Composición anterior de portada: fotografía horizontal y pie editorial. */
.hero.hero-landscape{height:auto;min-height:0;padding-top:88px;background:#F1F1F1}
.hero-landscape-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
body:has(.hero-landscape) nav#nav:not(.scrolled){background:#fff;color:#000;text-shadow:none}body:has(.hero-landscape) nav#nav:not(.scrolled) img{filter:invert(1)}body:has(.hero-landscape) nav#nav:not(.scrolled) .navbtn{color:#000;border-color:#000}body:has(.hero-landscape) nav#nav:not(.scrolled) .menubtn{color:#000}
@media(max-width:809px){.hero.hero-landscape{padding-top:76px}.hero-landscape .cap.cap-ed{position:static;display:block;margin:0;padding:28px var(--m);text-shadow:none;color:#000}.hero-landscape .ed{border-color:rgba(0,0,0,.18)}.hero-landscape .ed-k,.hero-landscape .ed-t,.hero-landscape .ed-c{color:#000}.hero-landscape .ed-r{display:none}}

/* V5: a single accessible row of client marks, preserving source artwork. */
.collaborators.marcas .brand-carousel{margin-top:64px;min-width:0}
.collaborators.marcas #brand-rail{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;list-style:none;padding:18px 0;margin:0;scrollbar-width:none;overscroll-behavior-x:contain}
#brand-rail::-webkit-scrollbar{display:none}
.collaborators.marcas #brand-rail li{flex:0 0 180px;min-width:0;height:112px;display:flex;align-items:center;justify-content:center;border:0;padding:0}
.collaborators.marcas #brand-rail img{display:block;width:var(--logo-width,180px);max-width:100%;height:var(--logo-height,81px);object-fit:contain;filter:none;opacity:1}
.brand-controls{display:flex;align-items:center;justify-content:space-between;margin-top:32px;border-top:1px solid #ddd;padding-top:20px}
.brand-controls>div{display:flex;gap:12px}.brand-controls button{appearance:none;background:#fff;color:#000;border:1px solid #000;min-height:44px;min-width:44px;padding:10px 16px;cursor:pointer;font:500 12px var(--font-body)}
.brand-controls button:disabled{opacity:.3;cursor:default}.brand-controls button:focus-visible,#brand-rail:focus-visible{outline:2px solid #000;outline-offset:4px}
#presentate .contact-rows{margin-bottom:24px}#presentate .contact-rows h3{margin-top:12px}
@media(max-width:700px){.collaborators.marcas .brand-carousel{margin-top:40px}.collaborators.marcas #brand-rail{gap:16px}.collaborators.marcas #brand-rail li{flex-basis:156px}.collaborators.marcas #brand-rail img{max-width:156px}.brand-controls{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#brand-rail{scroll-behavior:auto}}
.collaborators.marcas #brand-rail{gap:24px!important}.collaborators.marcas #brand-rail img{width:var(--logo-width,180px)!important;height:var(--logo-height,81px)!important;max-width:100%!important;max-height:90px!important}
@media(max-width:700px){.collaborators.marcas #brand-rail{gap:16px!important}}

/* V6 monochrome presentation: white remains white, transparent regions stay transparent.
   Orange and LEGO use reversed luminance to isolate their light wordmarks from coloured fields. */
.collaborators.marcas #brand-rail img{filter:grayscale(1) contrast(20)!important;mix-blend-mode:multiply}
.collaborators.marcas #brand-rail img[src$="orange.jpg"],.collaborators.marcas #brand-rail img[src$="lego.svg"]{filter:grayscale(1) invert(1) contrast(20)!important}
.collaborators.marcas #brand-rail img[src$="orange.jpg"]{filter:grayscale(1) brightness(.7) invert(1) contrast(20)!important;--logo-width:90px!important;--logo-height:90px!important;transform:translateY(-27px)}

/* V7 section rules share the existing inset and rule colour. */
#proyecto{position:relative}#proyecto::before{content:"";position:absolute;top:0;left:var(--m);right:var(--m);border-top:1px solid var(--line)}
#presentate .contact-rows>div{border-top:0}

/* Preserve antialiased contours rather than thresholding them. */
.collaborators.marcas #brand-rail img{filter:grayscale(1) contrast(1.4)!important;opacity:1!important}
.collaborators.marcas #brand-rail img[src$=".svg"],.collaborators.marcas #brand-rail img[src$="adidas.png"],.collaborators.marcas #brand-rail img[src$="mercedes.png"]{filter:brightness(0)!important}
.collaborators.marcas #brand-rail img[src$="lego.svg"]{filter:grayscale(1) invert(1) contrast(5)!important}
.collaborators.marcas #brand-rail img[src$="orange.jpg"]{filter:grayscale(1) brightness(.7) invert(1) contrast(5)!important}
.collaborators.marcas #brand-rail img[src$="women.svg"]{--logo-width:158px;--logo-height:40px}
.collaborators.marcas #brand-rail img[src$="marie-claire.svg"]{--logo-width:144px;--logo-height:40px}
.collaborators.marcas #brand-rail img[src$="cortefiel.svg"]{--logo-width:148px;--logo-height:40px}
.collaborators.marcas #brand-rail img[src$="mercedes.png"]{--logo-width:90px;--logo-height:66px}

.collaborators.marcas #brand-rail img[src$="adidas.png"]{filter:grayscale(1) contrast(1.4)!important}
.collaborators.marcas #brand-rail img[src$="ch.png"]{filter:brightness(0)!important;--logo-width:105px;--logo-height:55px}

.collaborators.marcas #brand-rail img[src$="vogue.svg"]{--logo-width:120px;--logo-height:40px}
.collaborators.marcas #brand-rail img[src$="mercedes.png"]{--logo-width:145px;--logo-height:66px}
.collaborators.marcas #brand-rail img[src$="ralph-lauren.jpg"]{--logo-width:170px!important}
#proyecto.sec.pad{padding-top:72px!important}