/* Arte de referencia sin regeneración ni textura sintética.
   Tipografía de portada conservada como arte raster; contenido semántico y enlaces HTML. */
body{background:#0a0d0b}body::before{display:none}.header{min-height:5.6759vw;padding:1.1vw 0;margin:0 1.7%;gap:2vw}.header .motion{top:auto;bottom:-18px;z-index:5;font-size:10px}.header .system{font-size:clamp(10px,.76vw,12px)}.header nav{font-size:clamp(16px,1.8vw,28px)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reference-stage{width:100%;position:relative;container-type:inline-size;aspect-ratio:1586/902;overflow:hidden;isolation:isolate}.reference-art{position:absolute;top:-5.675914cqw;left:0;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none}.art-link{position:absolute;display:block;z-index:2;outline-offset:-3px;transition:box-shadow .2s}.art-link:hover{box-shadow:inset 0 0 0 1px #89dce087}.art-link:focus-visible{outline:2px solid #89dce0;background:#85d7dc10}.open-archive{left:1.65%;top:69.5%;width:13%;height:5%}.file-cockpit{left:44%;top:2%;width:23%;height:39%;clip-path:polygon(0 0,100% 0,100% 100%,0 94%)}.file-breach{left:68%;top:5%;width:30%;height:34%}.file-areal{left:72%;top:43%;width:20%;height:28%;transform:rotate(9deg)}.art-index{position:absolute;left:0;right:0;top:79.5%;bottom:0;scroll-margin-top:18px}.art-index .art-link{top:10%;height:90%}.index-cockpit{left:2%;width:31.6%}.index-breach{left:35.1%;width:29.8%}.index-areal{left:66.2%;width:31.6%}.project-descriptions{padding-top:45px}
@media(max-width:760px){.header{min-height:70px;padding:13px 0;margin:0 4%;gap:10px}.header nav{font-size:13px;gap:16px}.header .motion{bottom:-15px}.reference-stage{aspect-ratio:760/990;overflow:hidden}.reference-art{width:208.6842%;top:-11.8421cqw;left:0}.file-cockpit,.file-breach,.file-areal,.art-index{display:none}.open-archive{top:64%;left:3.4%;width:29%;height:7%}.project-descriptions{padding-top:20px}.reference-stage::after{content:'PROYECTOS ↓';position:absolute;left:4%;bottom:2%;font:12px var(--mono);color:var(--cyan);pointer-events:none}}
.studio-portrait{grid-template-columns:minmax(240px,.8fr) 1.2fr;column-gap:7%;align-items:start}.studio-portrait .portrait{grid-column:1;grid-row:1/4;margin:0;background:#e4dcc8;padding:12px 12px 18px;color:#1b1712;transform:rotate(-2deg)}.portrait img{display:block;width:100%;height:490px;object-fit:contain;mix-blend-mode:multiply}.portrait figcaption{font:11px var(--mono);text-align:center;margin-top:12px;letter-spacing:.06em}.studio-portrait>.mono{grid-column:2;grid-row:1}.studio-portrait h2{grid-column:2;grid-row:2;font-size:clamp(48px,5vw,76px)}.studio-portrait .studio-text{grid-column:2;grid-row:3}.studio-portrait{row-gap:22px}.studio-portrait .portrait{transition:transform .6s ease}.studio-portrait.visible .portrait{transform:rotate(-1deg)}
@media(max-width:760px){.studio-portrait{grid-template-columns:1fr;gap:24px}.studio-portrait .portrait{grid-column:1;grid-row:2;width:min(100%,380px);justify-self:center}.portrait img{height:380px}.studio-portrait>.mono{grid-column:1;grid-row:1}.studio-portrait h2{grid-column:1;grid-row:3}.studio-portrait .studio-text{grid-column:1;grid-row:4}}
@media(prefers-reduced-motion:reduce){.studio-portrait .portrait{transition:none;transform:none}}

/* Mobile keeps the artwork, with each project accessible below the title. */
.mobile-files{display:none}
@media(max-width:760px){
 .mobile-files{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;width:92%;margin:0 auto 32px;padding:0;border:0;align-items:end}
 .mobile-file{display:flex;flex-direction:column;gap:10px;min-width:0}
 .mobile-file svg{display:block;width:100%;height:210px;overflow:visible}
 .mobile-file:last-child{grid-column:1/-1;width:66%;justify-self:center}
 .mobile-file:last-child svg{height:auto;max-height:230px}
 .mobile-file>span{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #85d7dc66;font:16px var(--display);color:var(--paper)}
 .mobile-file b{color:var(--orange);font-weight:400}
 .mobile-file:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
 .reference-stage::after{content:'ABRIR UN PROYECTO ↓'}
}
@media(max-width:380px){.mobile-file svg{height:180px}}
@media(max-width:760px){.reference-stage{aspect-ratio:760/800}.reference-art{clip-path:inset(0 58% 20% 0)}.open-archive{top:77%;height:8%}.mobile-files{margin-top:12px}}